@charset "UTF-8";
/*!
 * AngularJS Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.2.5
 */
html, body {
  height: 100%;
  position: relative;
}

body {
  margin: 0;
  padding: 0;
}

[tabindex="-1"]:focus {
  outline: none;
}

.inset {
  padding: 10px;
}

a.md-no-style,
button.md-no-style {
  font-weight: normal;
  background-color: inherit;
  text-align: left;
  border: none;
  padding: 0;
  margin: 0;
}

select,
button,
textarea,
input {
  vertical-align: baseline;
}

input[type=reset],
input[type=submit],
html input[type=button],
button {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type=reset][disabled],
input[type=submit][disabled],
html input[type=button][disabled],
button[disabled] {
  cursor: default;
}

textarea {
  vertical-align: top;
  overflow: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
input:-webkit-autofill {
  text-shadow: none;
}

.md-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-transform: none;
  width: 1px;
}

.md-shadow {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  pointer-events: none;
}

.md-shadow-bottom-z-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.md-shadow-bottom-z-2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

.md-shadow-animated.md-shadow {
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/*
 * A container inside of a rippling element (eg a button),
 * which contains all of the individual ripples
 */
.md-ripple-container {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-ripple {
  position: absolute;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: 50% 50%;
  opacity: 0;
  border-radius: 50%;
}
.md-ripple.md-ripple-placed {
  transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-ripple.md-ripple-scaled {
  transform: translate(-50%, -50%) scale(1);
}
.md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
  opacity: 0.2;
}
.md-ripple.md-ripple-remove {
  -webkit-animation: md-remove-ripple 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
          animation: md-remove-ripple 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
}

@-webkit-keyframes md-remove-ripple {
  0% {
    opacity: 0.15;
  }
  100% {
    opacity: 0;
  }
}

@keyframes md-remove-ripple {
  0% {
    opacity: 0.15;
  }
  100% {
    opacity: 0;
  }
}
.md-padding {
  padding: 8px;
}

.md-margin {
  margin: 8px;
}

.md-scroll-mask {
  position: absolute;
  background-color: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
}
.md-scroll-mask > .md-scroll-mask-bar {
  display: block;
  position: absolute;
  background-color: #fafafa;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 65;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
}

.md-no-momentum {
  -webkit-overflow-scrolling: auto;
}

.md-no-flicker {
  -webkit-filter: blur(0px);
}

@media (min-width: 960px) {
  .md-padding {
    padding: 16px;
  }
}
html[dir=rtl], html[dir=ltr], body[dir=rtl], body[dir=ltr] {
  unicode-bidi: embed;
}

bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

@media (max-width: 599px) {
  .layout-row:not(.layout-xs-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-xs-row > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }
  [dir=rtl] .layout-row:not(.layout-xs-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-xs-row > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-gt-xs-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-sm-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }
  [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-gt-xs-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-sm-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-gt-sm-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-md-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }
  [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-gt-sm-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-md-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-gt-md-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-lg-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }
  [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-gt-md-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-lg-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }
}
@media (min-width: 1920px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
.layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }
  [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir=rtl] .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }
}
html, body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: default;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/************
 * Headings
 ************/
.md-display-4 {
  font-size: 112px;
  font-weight: 300;
  letter-spacing: -0.01em;
  line-height: 112px;
}

.md-display-3 {
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 56px;
}

.md-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 64px;
}

.md-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}

.md-headline {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.md-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.005em;
}

.md-subhead {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 24px;
}

/************
 * Body Copy
 ************/
.md-body-1 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 20px;
}

.md-body-2 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 24px;
}

.md-caption {
  font-size: 12px;
  letter-spacing: 0.02em;
}

.md-button {
  letter-spacing: 0.01em;
}

/************
 * Defaults
 ************/
button,
select,
html,
textarea,
input {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

select,
button,
textarea,
input {
  font-size: 100%;
}

/*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*/
.md-panel-outer-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.md-panel-inner-wrapper {
  position: fixed;
}

._md-panel-offscreen {
  left: -9999px;
}

._md-panel-hidden {
  display: none;
}

._md-panel-shown .md-panel {
  opacity: 1;
  transition: none;
}

.md-panel {
  opacity: 0;
  position: relative;
}
.md-panel._md-panel-shown {
  opacity: 1;
  transition: none;
}
.md-panel._md-panel-animate-enter {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.md-panel._md-panel-animate-leave {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.md-panel._md-panel-animate-scale-out, .md-panel._md-panel-animate-fade-out {
  opacity: 0;
}
.md-panel._md-panel-backdrop {
  height: 100%;
  position: fixed;
  width: 100%;
}
.md-panel._md-opaque-enter {
  opacity: 0.48;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.md-panel._md-opaque-leave {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
}

._md-panel-fullscreen {
  border-radius: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0;
}

md-autocomplete {
  border-radius: 2px;
  display: block;
  height: 40px;
  position: relative;
  overflow: visible;
  min-width: 190px;
}
md-autocomplete[disabled] input {
  cursor: default;
}
md-autocomplete[md-floating-label] {
  border-radius: 0;
  background: transparent;
  height: auto;
}
md-autocomplete[md-floating-label] md-input-container {
  padding-bottom: 0;
}
md-autocomplete[md-floating-label] md-autocomplete-wrap {
  height: auto;
}
md-autocomplete[md-floating-label] .md-show-clear-button button {
  display: block;
  position: absolute;
  right: 0;
  top: 20px;
  width: 30px;
  height: 30px;
}
md-autocomplete[md-floating-label] .md-show-clear-button input {
  padding-right: 30px;
}
[dir=rtl] md-autocomplete[md-floating-label] .md-show-clear-button input {
  padding-right: 0;
  padding-left: 30px;
}
md-autocomplete md-autocomplete-wrap {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  position: relative;
  overflow: visible;
  height: 40px;
}
md-autocomplete md-autocomplete-wrap.md-menu-showing {
  z-index: 51;
}
md-autocomplete md-autocomplete-wrap md-input-container,
md-autocomplete md-autocomplete-wrap input {
  flex: 1 1 0;
  box-sizing: border-box;
  min-width: 0;
}
md-autocomplete md-autocomplete-wrap md-progress-linear {
  position: absolute;
  bottom: -2px;
  left: 0;
}
md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
  bottom: 40px;
  right: 2px;
  left: 2px;
  width: auto;
}
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  transition: none;
}
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
  transition: none;
  height: 3px;
}
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
  transition: opacity 0.15s linear;
}
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {
  opacity: 1;
}
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {
  transition: opacity 0.15s linear;
}
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {
  opacity: 0;
}
md-autocomplete input:not(.md-input) {
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  width: 100%;
  padding: 0 15px;
  line-height: 40px;
  height: 40px;
}
md-autocomplete input:not(.md-input)::-ms-clear {
  display: none;
}
md-autocomplete .md-show-clear-button button {
  position: relative;
  line-height: 20px;
  text-align: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  padding: 0;
  font-size: 12px;
  background: transparent;
  margin: auto 5px;
}
md-autocomplete .md-show-clear-button button:after {
  content: "";
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
md-autocomplete .md-show-clear-button button:focus {
  outline: none;
}
md-autocomplete .md-show-clear-button button:focus:after {
  transform: scale(1);
  opacity: 1;
}
md-autocomplete .md-show-clear-button button md-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.9);
}
md-autocomplete .md-show-clear-button button md-icon path {
  stroke-width: 0;
}
md-autocomplete .md-show-clear-button button.ng-enter {
  transform: scale(0);
  transition: transform 0.15s ease-out;
}
md-autocomplete .md-show-clear-button button.ng-enter.ng-enter-active {
  transform: scale(1);
}
md-autocomplete .md-show-clear-button button.ng-leave {
  transition: transform 0.15s ease-out;
}
md-autocomplete .md-show-clear-button button.ng-leave.ng-leave-active {
  transform: scale(0);
}
@media screen and (-ms-high-contrast: active) {
  md-autocomplete input {
    border: 1px solid #fff;
  }
  md-autocomplete .md-autocomplete-suggestion:focus {
    color: #fff;
  }
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container,
.md-standard-list-container.md-autocomplete-suggestions-container {
  position: absolute;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  z-index: 100;
  height: 100%;
}
.md-virtual-repeat-container.md-autocomplete-suggestions-container .highlight,
.md-standard-list-container.md-autocomplete-suggestions-container .highlight {
  font-weight: bold;
}

.md-standard-list-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
}

.md-virtual-repeat-container.md-not-found,
.md-standard-list-container.md-not-found {
  height: 48px;
}

.md-autocomplete-suggestions {
  margin: 0;
  list-style: none;
  padding: 0;
}
.md-autocomplete-suggestions .md-autocomplete-suggestion {
  font-size: 14px;
  overflow: hidden;
  padding: 0 15px;
  line-height: 48px;
  height: 48px;
  transition: background 0.15s linear;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.md-autocomplete-suggestions .md-autocomplete-suggestion:focus {
  outline: none;
}
.md-autocomplete-suggestions .md-autocomplete-suggestion:not(.md-not-found-wrapper) {
  cursor: pointer;
}

@media screen and (-ms-high-contrast: active) {
  md-autocomplete,
.md-autocomplete-suggestions {
    border: 1px solid #fff;
  }
}
md-backdrop {
  transition: opacity 450ms;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
}
md-backdrop.md-menu-backdrop {
  position: fixed !important;
  z-index: 99;
}
md-backdrop.md-select-backdrop {
  z-index: 81;
  transition-duration: 0;
}
md-backdrop.md-dialog-backdrop {
  z-index: 79;
}
md-backdrop.md-bottom-sheet-backdrop {
  z-index: 69;
}
md-backdrop.md-sidenav-backdrop {
  z-index: 59;
}
md-backdrop.md-click-catcher {
  position: absolute;
}
md-backdrop.md-opaque {
  opacity: 0.48;
}
md-backdrop.md-opaque.ng-enter {
  opacity: 0;
}
md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
  opacity: 0.48;
}
md-backdrop.md-opaque.ng-leave {
  opacity: 0.48;
  transition: opacity 400ms;
}
md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
  opacity: 0;
}

md-bottom-sheet {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px 16px 88px 16px;
  z-index: 70;
  border-top-width: 1px;
  border-top-style: solid;
  transform: translate3d(0, 80px, 0);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: transform;
}
md-bottom-sheet.md-has-header {
  padding-top: 0;
}
md-bottom-sheet.ng-enter {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
md-bottom-sheet.ng-enter-active {
  opacity: 1;
  display: block;
  transform: translate3d(0, 80px, 0) !important;
}
md-bottom-sheet.ng-leave-active {
  transform: translate3d(0, 100%, 0) !important;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
md-bottom-sheet .md-subheader {
  background-color: transparent;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 56px;
  padding: 0;
  white-space: nowrap;
}
md-bottom-sheet md-inline-icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  fill: #444;
}
md-bottom-sheet md-list-item {
  display: flex;
  outline: none;
}
md-bottom-sheet md-list-item:hover {
  cursor: pointer;
}
md-bottom-sheet.md-list md-list-item {
  padding: 0;
  align-items: center;
  height: 48px;
}
md-bottom-sheet.md-grid {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 0;
}
md-bottom-sheet.md-grid md-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  transition: all 0.5s;
  align-items: center;
}
md-bottom-sheet.md-grid md-list-item {
  flex-direction: column;
  align-items: center;
  transition: all 0.5s;
  height: 96px;
  margin-top: 8px;
  margin-bottom: 8px;
  /* Mixin for how many grid items to show per row */
}
@media (max-width: 960px) {
  md-bottom-sheet.md-grid md-list-item {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
  }
  md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) {
    align-items: flex-start;
  }
  md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
    align-items: flex-end;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  md-bottom-sheet.md-grid md-list-item {
    flex: 1 1 25%;
    max-width: 25%;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  md-bottom-sheet.md-grid md-list-item {
    flex: 1 1 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media (min-width: 1920px) {
  md-bottom-sheet.md-grid md-list-item {
    flex: 1 1 14.2857142857%;
    max-width: 14.2857142857%;
  }
}
md-bottom-sheet.md-grid md-list-item::before {
  display: none;
}
md-bottom-sheet.md-grid md-list-item .md-list-item-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 48px;
  padding-bottom: 16px;
}
md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
  border: 1px solid transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80px;
}
md-bottom-sheet.md-grid md-list-item .md-grid-text {
  font-weight: 400;
  line-height: 16px;
  font-size: 13px;
  margin: 0;
  white-space: nowrap;
  width: 64px;
  text-align: center;
  text-transform: none;
  padding-top: 8px;
}

@media screen and (-ms-high-contrast: active) {
  md-bottom-sheet {
    border: 1px solid #fff;
  }
}
button.md-button::-moz-focus-inner {
  border: 0;
}

.md-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  /** Alignment adjustments */
  min-height: 36px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  align-items: center;
  text-align: center;
  border-radius: 2px;
  box-sizing: border-box;
  /* Reset default button appearance */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
  border: 0;
  /** Custom styling for button */
  padding: 0 8px;
  margin: 6px 8px;
  background: transparent;
  color: currentColor;
  white-space: nowrap;
  /* Uppercase text content */
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  overflow: hidden;
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-dense > .md-button:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  min-height: 32px;
}
.md-dense > .md-button:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  line-height: 32px;
}
.md-dense > .md-button:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  font-size: 13px;
}
.md-button:focus {
  outline: none;
}
.md-button:hover, .md-button:focus {
  text-decoration: none;
}
.md-button.ng-hide, .md-button.ng-leave {
  transition: none;
}
.md-button.md-cornered {
  border-radius: 0;
}
.md-button.md-icon {
  padding: 0;
  background: none;
}
.md-button.md-raised:not([disabled]) {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.md-button.md-icon-button {
  margin: 0 6px;
  height: 40px;
  min-width: 0;
  line-height: 24px;
  padding: 8px;
  width: 40px;
  border-radius: 50%;
}
.md-button.md-fab {
  z-index: 20;
  line-height: 56px;
  min-width: 0;
  width: 56px;
  height: 56px;
  vertical-align: middle;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 50%;
  background-clip: padding-box;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-property: background-color, box-shadow, transform;
}
.md-button.md-fab.md-fab-bottom-right {
  top: auto;
  right: 20px;
  bottom: 20px;
  left: auto;
  position: absolute;
}
.md-button.md-fab.md-fab-bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
  position: absolute;
}
.md-button.md-fab.md-fab-top-right {
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
  position: absolute;
}
.md-button.md-fab.md-fab-top-left {
  top: 20px;
  right: auto;
  bottom: auto;
  left: 20px;
  position: absolute;
}
.md-button.md-fab.md-mini {
  line-height: 40px;
  width: 40px;
  height: 40px;
}
.md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
  transition: none;
}
.md-button.md-fab[disabled] {
  box-shadow: none;
}
.md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}
.md-button .md-ripple-container {
  border-radius: inherit;
  background-clip: padding-box;
  overflow: hidden;
  -webkit-transform: translateZ(0);
}

.md-button.md-icon-button md-icon,
button.md-button.md-fab md-icon {
  display: block;
}

.md-toast-open-top .md-button.md-fab-top-left,
.md-toast-open-top .md-button.md-fab-top-right {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate3d(0, 42px, 0);
}
.md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,
.md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
.md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
  transform: translate3d(0, 41px, 0);
}

.md-toast-open-bottom .md-button.md-fab-bottom-left,
.md-toast-open-bottom .md-button.md-fab-bottom-right {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate3d(0, -42px, 0);
}
.md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,
.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
  transform: translate3d(0, -43px, 0);
}

.md-button-group {
  display: flex;
  flex: 1;
  width: 100%;
}
.md-button-group > .md-button {
  flex: 1;
  display: block;
  overflow: hidden;
  width: 0;
  border-width: 1px 0px 1px 1px;
  border-radius: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.md-button-group > .md-button:first-child {
  border-radius: 2px 0px 0px 2px;
}
.md-button-group > .md-button:last-child {
  border-right-width: 1px;
  border-radius: 0px 2px 2px 0px;
}

@media screen and (-ms-high-contrast: active) {
  .md-button.md-raised,
.md-button.md-fab {
    border: 1px solid #fff;
  }
}
md-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 8px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
md-card md-card-header {
  padding: 16px;
  display: flex;
  flex-direction: row;
}
md-card md-card-header:first-child md-card-avatar {
  margin-right: 12px;
}
[dir=rtl] md-card md-card-header:first-child md-card-avatar {
  margin-right: auto;
  margin-left: 12px;
}
md-card md-card-header:last-child md-card-avatar {
  margin-left: 12px;
}
[dir=rtl] md-card md-card-header:last-child md-card-avatar {
  margin-left: auto;
  margin-right: 12px;
}
md-card md-card-header md-card-avatar {
  width: 40px;
  height: 40px;
}
md-card md-card-header md-card-avatar .md-user-avatar,
md-card md-card-header md-card-avatar md-icon {
  border-radius: 50%;
}
md-card md-card-header md-card-avatar md-icon {
  padding: 8px;
}
md-card md-card-header md-card-avatar md-icon > svg {
  height: inherit;
  width: inherit;
}
md-card md-card-header md-card-avatar + md-card-header-text {
  max-height: 40px;
}
md-card md-card-header md-card-avatar + md-card-header-text .md-title {
  font-size: 14px;
}
md-card md-card-header md-card-header-text {
  display: flex;
  flex: 1;
  flex-direction: column;
}
md-card md-card-header md-card-header-text .md-subhead {
  font-size: 14px;
}
md-card > img,
md-card > md-card-header img,
md-card md-card-title-media img {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
}
md-card md-card-title {
  padding: 24px 16px 16px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
}
md-card md-card-title + md-card-content {
  padding-top: 0;
}
md-card md-card-title md-card-title-text {
  flex: 1;
  flex-direction: column;
  display: flex;
}
md-card md-card-title md-card-title-text .md-subhead {
  padding-top: 0;
  font-size: 14px;
}
md-card md-card-title md-card-title-text:only-child .md-subhead {
  padding-top: 12px;
}
md-card md-card-title md-card-title-media {
  margin-top: -8px;
}
md-card md-card-title md-card-title-media .md-media-sm {
  height: 80px;
  width: 80px;
}
md-card md-card-title md-card-title-media .md-media-md {
  height: 112px;
  width: 112px;
}
md-card md-card-title md-card-title-media .md-media-lg {
  height: 152px;
  width: 152px;
}
md-card md-card-content {
  display: block;
  padding: 16px;
}
md-card md-card-content > p:first-child {
  margin-top: 0;
}
md-card md-card-content > p:last-child {
  margin-bottom: 0;
}
md-card md-card-content .md-media-xl {
  height: 240px;
  width: 240px;
}
md-card md-card-actions {
  margin: 8px;
}
md-card md-card-actions.layout-column .md-button:not(.md-icon-button) {
  margin: 2px 0;
}
md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type {
  margin-top: 0;
}
md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type {
  margin-bottom: 0;
}
md-card md-card-actions.layout-column .md-button.md-icon-button {
  margin-top: 6px;
  margin-bottom: 6px;
}
md-card md-card-actions md-card-icon-actions {
  flex: 1;
  justify-content: flex-start;
  display: flex;
  flex-direction: row;
}
md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) {
  margin: 0 4px;
}
md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
  margin-left: 0;
}
[dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
  margin-left: auto;
  margin-right: 0;
}
md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
  margin-right: 0;
}
[dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
  margin-right: auto;
  margin-left: 0;
}
md-card md-card-actions:not(.layout-column) .md-button.md-icon-button {
  margin-left: 6px;
  margin-right: 6px;
}
md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
  margin-left: 12px;
}
[dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
  margin-left: auto;
  margin-right: 12px;
}
md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
  margin-right: 12px;
}
[dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
  margin-right: auto;
  margin-left: 12px;
}
md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  flex-direction: row;
}
md-card md-card-footer {
  margin-top: auto;
  padding: 16px;
}

@media screen and (-ms-high-contrast: active) {
  md-card {
    border: 1px solid #fff;
  }
}
.md-image-no-fill > img {
  width: auto;
  height: auto;
}

.md-inline-form md-checkbox {
  margin-top: 14px;
  margin-bottom: auto;
}

md-checkbox {
  box-sizing: border-box;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  min-width: 18px;
  min-height: 48px;
}
.md-dense > md-checkbox:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) md-checkbox:not(.md-dense-disabled) {
  min-height: 36px;
}
md-checkbox.md-focused:not([disabled]) .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}
md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
  background-color: rgba(0, 0, 0, 0.12);
}
md-checkbox .md-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 18px;
  height: 18px;
  left: 0;
  right: auto;
}
[dir=rtl] md-checkbox .md-container {
  left: auto;
}
[dir=rtl] md-checkbox .md-container {
  right: 0;
}
md-checkbox .md-container:before {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  content: "";
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  width: auto;
}
md-checkbox .md-container:after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}
md-checkbox .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}
md-checkbox .md-icon {
  box-sizing: border-box;
  transition: 240ms;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
}
md-checkbox.md-checked .md-icon {
  border-color: transparent;
}
md-checkbox.md-checked .md-icon:after {
  box-sizing: border-box;
  transform: rotate(45deg);
  position: absolute;
  left: 4px;
  top: 0px;
  display: table;
  width: 6px;
  height: 12px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: "";
}
md-checkbox[disabled] {
  cursor: default;
}
md-checkbox.md-indeterminate .md-icon:after {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: table;
  width: 10.8px;
  height: 2px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: "";
}
md-checkbox .md-container {
  top: auto;
  left: auto;
  right: auto;
  margin: 3px;
  margin-top: 21px;
}
md-checkbox .md-label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  margin-top: 10px;
  margin-bottom: auto;
  margin-left: 36px;
}
[dir=rtl] md-checkbox .md-label {
  margin-left: 0;
  margin-right: 36px;
}
md-checkbox .md-label:empty {
  margin-left: 24px;
  margin-right: 0;
}
[dir=rtl] md-checkbox .md-label:empty {
  margin-left: 0;
}
[dir=rtl] md-checkbox .md-label:empty {
  margin-right: 24px;
}

md-input-container .md-checkbox-link-label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  cursor: pointer;
  top: -21px;
  margin-left: 18px;
  margin-right: 0;
}
[dir=rtl] md-input-container .md-checkbox-link-label {
  margin-left: 0;
}
[dir=rtl] md-input-container .md-checkbox-link-label {
  margin-right: 18px;
}

.md-contact-chips .md-chips md-chip {
  padding: 0 25px 0 0;
}
[dir=rtl] .md-contact-chips .md-chips md-chip {
  padding: 0 0 0 25px;
}
.md-contact-chips .md-chips md-chip .md-contact-avatar {
  float: left;
}
[dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-avatar {
  float: right;
}
.md-contact-chips .md-chips md-chip .md-contact-avatar img {
  height: 32px;
  border-radius: 16px;
}
.md-contact-chips .md-chips md-chip .md-contact-name {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
}
[dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-name {
  margin-left: auto;
  margin-right: 8px;
}

.md-contact-suggestion {
  height: 56px;
}
.md-contact-suggestion img {
  height: 40px;
  border-radius: 20px;
  margin-top: 8px;
}
.md-contact-suggestion .md-contact-name {
  margin-left: 8px;
  width: 120px;
}
[dir=rtl] .md-contact-suggestion .md-contact-name {
  margin-left: auto;
  margin-right: 8px;
}
.md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.md-contact-chips-suggestions li {
  height: 100%;
}

md-chips {
  display: flex;
}

.md-chips {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 13px;
  padding: 0 0 8px 3px;
  vertical-align: middle;
}
.md-chips:after {
  content: "";
  display: table;
  clear: both;
}
[dir=rtl] .md-chips {
  padding: 0 3px 8px 0;
}
.md-chips.md-readonly .md-chip-input-container {
  min-height: 32px;
}
.md-chips:not(.md-readonly) {
  cursor: text;
}
.md-chips.md-removable md-chip {
  padding-right: 28px;
}
[dir=rtl] .md-chips.md-removable md-chip {
  padding-right: 0;
  padding-left: 28px;
}
.md-chips.md-removable md-chip .md-chip-content {
  padding-right: 4px;
}
[dir=rtl] .md-chips.md-removable md-chip .md-chip-content {
  padding-right: 0;
  padding-left: 4px;
}
.md-chips md-chip {
  cursor: default;
  border-radius: 16px;
  display: block;
  height: 32px;
  line-height: 32px;
  margin: 8px 8px 0 0;
  padding: 0 12px 0 12px;
  float: left;
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
}
[dir=rtl] .md-chips md-chip {
  margin: 8px 0 0 8px;
}
[dir=rtl] .md-chips md-chip {
  float: right;
}
.md-chips md-chip .md-chip-content {
  display: block;
  float: left;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir=rtl] .md-chips md-chip .md-chip-content {
  float: right;
}
.md-chips md-chip .md-chip-content:focus {
  outline: none;
}
.md-chips md-chip._md-chip-content-edit-is-enabled {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}
.md-chips md-chip .md-chip-remove-container {
  position: absolute;
  right: 0;
  line-height: 22px;
}
[dir=rtl] .md-chips md-chip .md-chip-remove-container {
  right: auto;
  left: 0;
}
.md-chips md-chip .md-chip-remove {
  text-align: center;
  width: 32px;
  height: 32px;
  min-width: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  position: relative;
}
.md-chips md-chip .md-chip-remove md-icon {
  height: 18px;
  width: 18px;
  min-height: 18px;
  min-width: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.md-chips .md-chip-input-container {
  display: block;
  line-height: 32px;
  margin: 8px 8px 0 0;
  padding: 0;
  flex-grow: 1;
  float: left;
}
[dir=rtl] .md-chips .md-chip-input-container {
  margin: 8px 0 0 8px;
}
[dir=rtl] .md-chips .md-chip-input-container {
  float: right;
}
.md-chips .md-chip-input-container input {
  width: 100%;
}
.md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type=email], .md-chips .md-chip-input-container input[type=number], .md-chips .md-chip-input-container input[type=tel], .md-chips .md-chip-input-container input[type=url], .md-chips .md-chip-input-container input[type=text] {
  border: 0;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type=email]:focus, .md-chips .md-chip-input-container input[type=number]:focus, .md-chips .md-chip-input-container input[type=tel]:focus, .md-chips .md-chip-input-container input[type=url]:focus, .md-chips .md-chip-input-container input[type=text]:focus {
  outline: none;
}
.md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
  background: transparent;
  height: 32px;
}
.md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
  box-shadow: none;
}
.md-chips .md-chip-input-container md-autocomplete input {
  position: relative;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.md-chips .md-chip-input-container input:focus {
  outline: none;
}
.md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
  height: 32px;
}
.md-chips .md-chip-input-container md-autocomplete {
  box-shadow: none;
}
.md-chips .md-chip-input-container md-autocomplete input {
  position: relative;
}
.md-chips .md-chip-input-container:not(:first-child) {
  margin: 8px 8px 0 0;
}
[dir=rtl] .md-chips .md-chip-input-container:not(:first-child) {
  margin: 8px 0 0 8px;
}
.md-chips .md-chip-input-container input {
  background: transparent;
  border-width: 0;
}
.md-chips md-autocomplete button {
  display: none;
}

@media screen and (-ms-high-contrast: active) {
  .md-chip-input-container,
md-chip {
    border: 1px solid #fff;
  }

  .md-chip-input-container md-autocomplete {
    border: none;
  }
}
md-content {
  display: block;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
md-content[md-scroll-y] {
  overflow-y: auto;
  overflow-x: hidden;
}
md-content[md-scroll-x] {
  overflow-x: auto;
  overflow-y: hidden;
}
@media print {
  md-content {
    overflow: visible !important;
  }
}

/** Styles for mdCalendar. */
md-calendar {
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.md-calendar-scroll-mask {
  display: inline-block;
  overflow: hidden;
  height: 308px;
}
.md-calendar-scroll-mask .md-virtual-repeat-scroller {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
  display: none;
}
.md-calendar-scroll-mask .md-virtual-repeat-offsetter {
  width: 100%;
}

.md-calendar-scroll-container {
  box-shadow: inset -3px 3px 6px rgba(0, 0, 0, 0.2);
  display: inline-block;
  height: 308px;
  width: 346px;
}

.md-calendar-date {
  height: 44px;
  width: 44px;
  text-align: center;
  padding: 0;
  border: none;
  box-sizing: content-box;
}
.md-calendar-date:first-child {
  padding-left: 16px;
}
[dir=rtl] .md-calendar-date:first-child {
  padding-left: 0;
  padding-right: 16px;
}
.md-calendar-date:last-child {
  padding-right: 16px;
}
[dir=rtl] .md-calendar-date:last-child {
  padding-right: 0;
  padding-left: 16px;
}
.md-calendar-date.md-calendar-date-disabled {
  cursor: default;
}

.md-calendar-date-selection-indicator {
  transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 50%;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
  cursor: pointer;
}

.md-calendar-month-label {
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 0 24px;
}
[dir=rtl] .md-calendar-month-label {
  padding: 0 24px 0 0;
}
.md-calendar-month-label.md-calendar-label-clickable {
  cursor: pointer;
}
.md-calendar-month-label md-icon {
  transform: rotate(180deg);
}
[dir=rtl] .md-calendar-month-label md-icon {
  transform: none;
}
.md-calendar-month-label span {
  vertical-align: middle;
}

.md-calendar-day-header {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
.md-calendar-day-header th {
  height: 40px;
  width: 44px;
  text-align: center;
  padding: 0;
  border: none;
  box-sizing: content-box;
  font-weight: normal;
}
.md-calendar-day-header th:first-child {
  padding-left: 16px;
}
[dir=rtl] .md-calendar-day-header th:first-child {
  padding-left: 0;
  padding-right: 16px;
}
.md-calendar-day-header th:last-child {
  padding-right: 16px;
}
[dir=rtl] .md-calendar-day-header th:last-child {
  padding-right: 0;
  padding-left: 16px;
}

.md-calendar {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
.md-calendar tr:last-child td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.md-calendar:first-child {
  border-top: 1px solid transparent;
}
.md-calendar tbody, .md-calendar td, .md-calendar tr {
  vertical-align: middle;
  box-sizing: content-box;
}

/** Styles for mdDatepicker. */
md-datepicker {
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.md-inline-form md-datepicker {
  margin-top: 12px;
}

.md-datepicker-button {
  display: inline-block;
  box-sizing: border-box;
  background: none;
  vertical-align: middle;
  position: relative;
}
.md-datepicker-button:before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  content: "";
  speak: none;
}

.md-datepicker-input {
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  min-width: 120px;
  max-width: 328px;
  padding: 0 0 5px;
}
.md-datepicker-input::-ms-clear {
  display: none;
}

._md-datepicker-floating-label > md-datepicker {
  overflow: visible;
}
._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container {
  border: none;
}
._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  float: left;
  margin-top: -16px;
  top: 13.5px;
}
[dir=rtl] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  float: right;
}
._md-datepicker-floating-label .md-input {
  float: none;
}
._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  right: 18px;
  left: auto;
  width: calc(100% - 84px);
}
[dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  right: auto;
}
[dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  left: 18px;
}
._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
  margin-left: 64px;
}
[dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
  margin-left: auto;
  margin-right: 64px;
}

._md-datepicker-has-triangle-icon {
  padding-right: 18px;
  margin-right: -18px;
}
[dir=rtl] ._md-datepicker-has-triangle-icon {
  padding-right: 0;
  padding-left: 18px;
}
[dir=rtl] ._md-datepicker-has-triangle-icon {
  margin-right: auto;
  margin-left: -18px;
}

.md-datepicker-input-container {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: inline-block;
  width: auto;
}
.md-icon-button + .md-datepicker-input-container {
  margin-left: 12px;
}
[dir=rtl] .md-icon-button + .md-datepicker-input-container {
  margin-left: auto;
  margin-right: 12px;
}
.md-datepicker-input-container.md-datepicker-focused {
  border-bottom-width: 2px;
}

.md-datepicker-is-showing .md-scroll-mask {
  z-index: 99;
}

.md-datepicker-calendar-pane {
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 100;
  border-width: 1px;
  border-style: solid;
  background: transparent;
  transform: scale(0);
  transform-origin: 0 0;
  transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-datepicker-calendar-pane.md-pane-open {
  transform: scale(1);
}

.md-datepicker-input-mask {
  height: 40px;
  width: 340px;
  position: relative;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
  cursor: text;
}

.md-datepicker-calendar {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1);
}
.md-pane-open .md-datepicker-calendar {
  opacity: 1;
}
.md-datepicker-calendar md-calendar:focus {
  outline: none;
}

.md-datepicker-expand-triangle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
}

.md-datepicker-triangle-button {
  position: absolute;
  right: 0;
  bottom: -2.5px;
  transform: translateX(45%);
}
[dir=rtl] .md-datepicker-triangle-button {
  right: auto;
  left: 0;
}
[dir=rtl] .md-datepicker-triangle-button {
  transform: translateX(-45%);
}

.md-datepicker-triangle-button.md-button.md-icon-button {
  height: 36px;
  width: 36px;
  position: absolute;
  padding: 8px;
}

md-datepicker[disabled] .md-datepicker-input-container {
  border-bottom-color: transparent;
}
md-datepicker[disabled] .md-datepicker-triangle-button {
  display: none;
}

.md-datepicker-open {
  overflow: hidden;
}
.md-datepicker-open .md-datepicker-input-container,
.md-datepicker-open input.md-input {
  border-bottom-color: transparent;
}
.md-datepicker-open .md-datepicker-triangle-button, .md-datepicker-open.md-input-has-value > label, .md-datepicker-open.md-input-has-placeholder > label {
  display: none;
}

.md-datepicker-pos-adjusted .md-datepicker-input-mask {
  display: none;
}

.md-datepicker-calendar-pane .md-calendar {
  transform: translateY(-85px);
  transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-delay: 0.125s;
}
.md-datepicker-calendar-pane.md-pane-open .md-calendar {
  transform: translateY(0);
}

.md-dialog-is-showing {
  max-height: 100%;
}

.md-dialog-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
  overflow: hidden;
}

md-dialog {
  opacity: 0;
  min-width: 240px;
  max-width: 80%;
  max-height: 80%;
  position: relative;
  overflow: auto;
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
}
md-dialog.md-transition-in {
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate(0, 0) scale(1);
}
md-dialog.md-transition-out {
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate(0, 100%) scale(0.2);
}
md-dialog > form {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
md-dialog .md-dialog-content {
  padding: 24px;
}
md-dialog md-dialog-content {
  order: 1;
  flex-direction: column;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
  margin-top: 0;
}
md-dialog md-dialog-content:focus {
  outline: none;
}
md-dialog md-dialog-content .md-subheader {
  margin: 0;
}
md-dialog md-dialog-content .md-dialog-content-body {
  width: 100%;
}
md-dialog md-dialog-content .md-prompt-input-container {
  width: 100%;
  box-sizing: border-box;
}
md-dialog md-dialog-actions {
  display: flex;
  order: 2;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0;
  padding-right: 8px;
  padding-left: 16px;
  min-height: 52px;
  overflow: hidden;
}
[dir=rtl] md-dialog md-dialog-actions {
  padding-right: 16px;
}
[dir=rtl] md-dialog md-dialog-actions {
  padding-left: 8px;
}
md-dialog md-dialog-actions .md-button {
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 0;
  margin-top: 8px;
}
[dir=rtl] md-dialog md-dialog-actions .md-button {
  margin-left: 0;
}
[dir=rtl] md-dialog md-dialog-actions .md-button {
  margin-right: 8px;
}
md-dialog.md-content-overflow md-dialog-actions {
  border-top-width: 1px;
  border-top-style: solid;
}

@media screen and (-ms-high-contrast: active) {
  md-dialog {
    border: 1px solid #fff;
  }
}
@media (max-width: 959px) {
  md-dialog.md-dialog-fullscreen {
    min-height: 100%;
    min-width: 100%;
    border-radius: 0;
  }
}
md-divider {
  display: block;
  border-top-width: 1px;
  border-top-style: solid;
  margin: 0;
}
md-divider[md-inset] {
  margin-left: 80px;
}
[dir=rtl] md-divider[md-inset] {
  margin-left: auto;
  margin-right: 80px;
}

@media (max-width: 599px) {
  .layout-row:not(.layout-xs-column) > md-divider,
.layout-xs-row > md-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > md-divider,
.layout-gt-xs-row:not(.layout-sm-column) > md-divider,
.layout-sm-row:not(.layout-sm-column) > md-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > md-divider,
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > md-divider,
.layout-gt-sm-row:not(.layout-md-column) > md-divider,
.layout-md-row:not(.layout-md-column) > md-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
.layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
.layout-gt-md-row:not(.layout-lg-column) > md-divider,
.layout-lg-row:not(.layout-lg-column) > md-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid;
  }
}
@media (min-width: 1920px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
.layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
.layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
.layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
.layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid;
  }
}
md-fab-speed-dial {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 20;
  /*
   * Hide some graphics glitches if switching animation types
   */
  /*
   * Handle the animations
   */
}
md-fab-speed-dial.md-fab-bottom-right {
  top: auto;
  right: 20px;
  bottom: 20px;
  left: auto;
  position: absolute;
}
md-fab-speed-dial.md-fab-bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
  position: absolute;
}
md-fab-speed-dial.md-fab-top-right {
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
  position: absolute;
}
md-fab-speed-dial.md-fab-top-left {
  top: 20px;
  right: auto;
  bottom: auto;
  left: 20px;
  position: absolute;
}
md-fab-speed-dial:not(.md-hover-full) {
  pointer-events: none;
}
md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {
  pointer-events: auto;
}
md-fab-speed-dial:not(.md-hover-full).md-is-open {
  pointer-events: auto;
}
md-fab-speed-dial ._md-css-variables {
  z-index: 20;
}
md-fab-speed-dial.md-is-open .md-fab-action-item {
  align-items: center;
}
md-fab-speed-dial md-fab-actions {
  display: flex;
  height: auto;
}
md-fab-speed-dial md-fab-actions .md-fab-action-item {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
md-fab-speed-dial.md-down {
  flex-direction: column;
}
md-fab-speed-dial.md-down md-fab-trigger {
  order: 1;
}
md-fab-speed-dial.md-down md-fab-actions {
  flex-direction: column;
  order: 2;
}
md-fab-speed-dial.md-up {
  flex-direction: column;
}
md-fab-speed-dial.md-up md-fab-trigger {
  order: 2;
}
md-fab-speed-dial.md-up md-fab-actions {
  flex-direction: column-reverse;
  order: 1;
}
md-fab-speed-dial.md-left {
  flex-direction: row;
}
md-fab-speed-dial.md-left md-fab-trigger {
  order: 2;
}
md-fab-speed-dial.md-left md-fab-actions {
  flex-direction: row-reverse;
  order: 1;
}
md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
md-fab-speed-dial.md-right {
  flex-direction: row;
}
md-fab-speed-dial.md-right md-fab-trigger {
  order: 1;
}
md-fab-speed-dial.md-right md-fab-actions {
  flex-direction: row;
  order: 2;
}
md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
  visibility: hidden;
}
md-fab-speed-dial.md-fling .md-fab-action-item {
  opacity: 1;
}
md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
  opacity: 0;
  transition-duration: 0s;
}
md-fab-speed-dial.md-scale .md-fab-action-item {
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 0.1428571429s;
}

md-fab-toolbar {
  display: block;
  /*
   * Closed styling
   */
  /*
   * Open styling
   */
}
md-fab-toolbar.md-fab-bottom-right {
  top: auto;
  right: 20px;
  bottom: 20px;
  left: auto;
  position: absolute;
}
md-fab-toolbar.md-fab-bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
  position: absolute;
}
md-fab-toolbar.md-fab-top-right {
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
  position: absolute;
}
md-fab-toolbar.md-fab-top-left {
  top: 20px;
  right: auto;
  bottom: auto;
  left: 20px;
  position: absolute;
}
md-fab-toolbar .md-fab-toolbar-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  height: 68px;
}
md-fab-toolbar md-fab-trigger {
  position: absolute;
  z-index: 20;
}
md-fab-toolbar md-fab-trigger button {
  overflow: visible !important;
}
md-fab-toolbar md-fab-trigger .md-fab-toolbar-background {
  display: block;
  position: absolute;
  z-index: 21;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
md-fab-toolbar md-fab-trigger md-icon {
  position: relative;
  z-index: 22;
  opacity: 1;
  transition: all 200ms ease-in;
}
md-fab-toolbar.md-left md-fab-trigger {
  right: 0;
}
[dir=rtl] md-fab-toolbar.md-left md-fab-trigger {
  right: auto;
  left: 0;
}
md-fab-toolbar.md-left .md-toolbar-tools {
  flex-direction: row-reverse;
}
md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-right: 0.6rem;
}
[dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-right: auto;
  margin-left: 0.6rem;
}
md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-left: -0.8rem;
}
[dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-left: auto;
  margin-right: -0.8rem;
}
md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
  margin-right: 8px;
}
[dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
  margin-right: auto;
  margin-left: 8px;
}
md-fab-toolbar.md-right md-fab-trigger {
  left: 0;
}
[dir=rtl] md-fab-toolbar.md-right md-fab-trigger {
  left: auto;
  right: 0;
}
md-fab-toolbar.md-right .md-toolbar-tools {
  flex-direction: row;
}
md-fab-toolbar md-toolbar {
  background-color: transparent !important;
  pointer-events: none;
  z-index: 23;
}
md-fab-toolbar md-toolbar .md-toolbar-tools {
  padding: 0 20px;
  margin-top: 3px;
}
md-fab-toolbar md-toolbar .md-fab-action-item {
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 0.15s;
}
md-fab-toolbar.md-is-open md-fab-trigger > button {
  box-shadow: none;
}
md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
  opacity: 0;
}
md-fab-toolbar.md-is-open .md-fab-action-item {
  opacity: 1;
  transform: scale(1);
}

md-grid-list {
  box-sizing: border-box;
  display: block;
  position: relative;
}
md-grid-list md-grid-tile,
md-grid-list md-grid-tile > figure,
md-grid-list md-grid-tile-header,
md-grid-list md-grid-tile-footer {
  box-sizing: border-box;
}
md-grid-list md-grid-tile {
  display: block;
  position: absolute;
}
md-grid-list md-grid-tile figure {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
}
md-grid-list md-grid-tile md-grid-tile-header,
md-grid-list md-grid-tile md-grid-tile-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 48px;
  color: #fff;
  background: rgba(0, 0, 0, 0.18);
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
}
md-grid-list md-grid-tile md-grid-tile-header h3,
md-grid-list md-grid-tile md-grid-tile-header h4,
md-grid-list md-grid-tile md-grid-tile-footer h3,
md-grid-list md-grid-tile md-grid-tile-footer h4 {
  font-weight: 400;
  margin: 0 0 0 16px;
}
md-grid-list md-grid-tile md-grid-tile-header h3,
md-grid-list md-grid-tile md-grid-tile-footer h3 {
  font-size: 14px;
}
md-grid-list md-grid-tile md-grid-tile-header h4,
md-grid-list md-grid-tile md-grid-tile-footer h4 {
  font-size: 12px;
}
md-grid-list md-grid-tile md-grid-tile-header {
  top: 0;
}
md-grid-list md-grid-tile md-grid-tile-footer {
  bottom: 0;
}

@media screen and (-ms-high-contrast: active) {
  md-grid-tile {
    border: 1px solid #fff;
  }

  md-grid-tile-footer {
    border-top: 1px solid #fff;
  }
}
md-icon {
  margin: auto;
  background-repeat: no-repeat no-repeat;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  height: 24px;
  width: 24px;
  min-height: 24px;
  min-width: 24px;
}
md-icon svg {
  pointer-events: none;
  display: block;
}
md-icon[md-font-icon] {
  line-height: 24px;
  width: auto;
}

md-input-container {
  display: inline-block;
  position: relative;
  padding: 2px;
  margin: 18px 0px;
  vertical-align: middle;
  /*
   * The .md-input class is added to the input/textarea
   */
}
md-input-container:after {
  content: "";
  display: table;
  clear: both;
}
md-input-container.md-block {
  display: block;
}
md-input-container .md-errors-spacer {
  float: right;
  min-height: 24px;
  min-width: 1px;
}
[dir=rtl] md-input-container .md-errors-spacer {
  float: left;
}
md-input-container > md-icon {
  position: absolute;
  top: 8px;
  left: 2px;
  right: auto;
}
[dir=rtl] md-input-container > md-icon {
  left: auto;
}
[dir=rtl] md-input-container > md-icon {
  right: 2px;
}
md-input-container textarea,
md-input-container input[type=text],
md-input-container input[type=password],
md-input-container input[type=datetime],
md-input-container input[type=datetime-local],
md-input-container input[type=date],
md-input-container input[type=month],
md-input-container input[type=time],
md-input-container input[type=week],
md-input-container input[type=number],
md-input-container input[type=email],
md-input-container input[type=url],
md-input-container input[type=search],
md-input-container input[type=tel],
md-input-container input[type=color] {
  /* remove default appearance from all input/textarea */
  -moz-appearance: none;
  -webkit-appearance: none;
}
md-input-container input[type=date],
md-input-container input[type=datetime-local],
md-input-container input[type=month],
md-input-container input[type=time],
md-input-container input[type=week] {
  min-height: 30px;
}
md-input-container textarea {
  resize: none;
  overflow: hidden;
}
md-input-container textarea.md-input {
  min-height: 30px;
  -ms-flex-preferred-size: auto;
}
md-input-container textarea[md-no-autogrow] {
  height: auto;
  overflow: auto;
}
md-input-container label:not(.md-container-ignore) {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: auto;
}
[dir=rtl] md-input-container label:not(.md-container-ignore) {
  left: auto;
}
[dir=rtl] md-input-container label:not(.md-container-ignore) {
  right: 0;
}
md-input-container label:not(.md-container-ignore).md-required:after {
  content: " *";
  font-size: 13px;
  vertical-align: top;
}
md-input-container label:not(.md-no-float):not(.md-container-ignore),
md-input-container .md-placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 2px;
  padding-right: 0;
  z-index: 1;
  transform: translate3d(0, 28px, 0) scale(1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  max-width: 100%;
  transform-origin: left top;
}
[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir=rtl] md-input-container .md-placeholder {
  padding-left: 0;
}
[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir=rtl] md-input-container .md-placeholder {
  padding-right: 2px;
}
[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir=rtl] md-input-container .md-placeholder {
  transform-origin: right top;
}
md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),
md-input-container.md-input-has-value .md-placeholder {
  padding-left: 3px;
  padding-right: 0;
}
[dir=rtl] md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),
[dir=rtl] md-input-container.md-input-has-value .md-placeholder {
  padding-left: 0;
}
[dir=rtl] md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),
[dir=rtl] md-input-container.md-input-has-value .md-placeholder {
  padding-right: 3px;
}
md-input-container .md-placeholder {
  position: absolute;
  top: 0;
  opacity: 0;
  transition-property: opacity, transform;
  transform: translate3d(0, 30px, 0);
}
md-input-container.md-input-focused .md-placeholder {
  opacity: 1;
  transform: translate3d(0, 24px, 0);
}
md-input-container.md-input-has-value .md-placeholder {
  transition: none;
  opacity: 0;
}
md-input-container:not(.md-input-has-value):not(.md-input-has-placeholder) input:not(:focus) {
  color: transparent;
}
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {
  color: transparent;
}
md-input-container .md-input {
  order: 2;
  display: block;
  margin-top: 0;
  background: none;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 0;
  padding-right: 2px;
  border-width: 0 0 1px 0;
  line-height: 26px;
  height: 30px;
  -ms-flex-preferred-size: 26px;
  border-radius: 0;
  border-style: solid;
  transition: border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 100%;
  box-sizing: border-box;
  float: left;
}
[dir=rtl] md-input-container .md-input {
  padding-left: 2px;
}
[dir=rtl] md-input-container .md-input {
  padding-right: 0;
}
[dir=rtl] md-input-container .md-input {
  float: right;
}
md-input-container .md-input:focus {
  outline: none;
}
md-input-container .md-input:invalid {
  outline: none;
  box-shadow: none;
}
md-input-container .md-input.md-no-flex {
  flex: none !important;
}
md-input-container .md-char-counter {
  text-align: right;
  padding-right: 2px;
  padding-left: 0;
}
[dir=rtl] md-input-container .md-char-counter {
  text-align: left;
}
[dir=rtl] md-input-container .md-char-counter {
  padding-right: 0;
}
[dir=rtl] md-input-container .md-char-counter {
  padding-left: 2px;
}
md-input-container .md-input-messages-animation {
  position: relative;
  order: 4;
  overflow: hidden;
  clear: left;
}
[dir=rtl] md-input-container .md-input-messages-animation {
  clear: right;
}
md-input-container .md-input-message-animation, md-input-container .md-char-counter {
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  opacity: 1;
  margin-top: 0;
  padding-top: 8px;
}
md-input-container .md-input-message-animation:not(.md-char-counter), md-input-container .md-char-counter:not(.md-char-counter) {
  padding-right: 5px;
  padding-left: 0;
}
[dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
  padding-right: 0;
}
[dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
  padding-left: 5px;
}
md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
  opacity: 0;
  margin-top: -100px;
}
md-input-container .md-input-message-animation.ng-enter-prepare {
  opacity: 0;
  margin-top: -100px;
}
md-input-container .md-input-message-animation.ng-enter:not(.ng-enter-active) {
  opacity: 0;
  margin-top: -100px;
}
md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(0, 6px, 0) scale(0.75);
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
}
md-input-container.md-input-has-value label {
  transition: none;
}
md-input-container.md-input-focused .md-input,
md-input-container .md-input.ng-invalid.ng-dirty, md-input-container.md-input-resized .md-input {
  padding-bottom: 0;
  border-width: 0 0 2px 0;
}
md-input-container .md-input[disabled], [disabled] md-input-container .md-input {
  background-position: bottom -1px left 0;
  background-size: 4px 1px;
  background-repeat: repeat-x;
}
md-input-container.md-icon-float {
  transition: margin-top 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
md-input-container.md-icon-float > label {
  pointer-events: none;
  position: absolute;
}
md-input-container.md-icon-float > md-icon {
  top: 8px;
  left: 2px;
  right: auto;
}
[dir=rtl] md-input-container.md-icon-float > md-icon {
  left: auto;
}
[dir=rtl] md-input-container.md-icon-float > md-icon {
  right: 2px;
}
md-input-container.md-icon-left > label:not(.md-no-float):not(.md-container-ignore),
md-input-container.md-icon-left > label .md-placeholder, md-input-container.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
md-input-container.md-icon-right > label .md-placeholder {
  width: calc(100% - 36px);
  padding: 0;
}
md-input-container.md-icon-left {
  padding-left: 36px;
  padding-right: 0;
}
[dir=rtl] md-input-container.md-icon-left {
  padding-left: 0;
}
[dir=rtl] md-input-container.md-icon-left {
  padding-right: 36px;
}
md-input-container.md-icon-left > label {
  left: 36px;
  right: auto;
}
[dir=rtl] md-input-container.md-icon-left > label {
  left: auto;
}
[dir=rtl] md-input-container.md-icon-left > label {
  right: 36px;
}
md-input-container.md-icon-right {
  padding-left: 0;
  padding-right: 36px;
}
[dir=rtl] md-input-container.md-icon-right {
  padding-left: 36px;
}
[dir=rtl] md-input-container.md-icon-right {
  padding-right: 0;
}
md-input-container.md-icon-right > md-icon:last-of-type {
  margin: 0;
  right: 2px;
  left: auto;
}
[dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
  right: auto;
}
[dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
  left: 2px;
}
md-input-container.md-icon-left.md-icon-right {
  padding-left: 36px;
  padding-right: 36px;
}
md-input-container.md-icon-left.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
md-input-container.md-icon-left.md-icon-right > label .md-placeholder {
  width: calc(100% - (36px * 2));
}

.md-resize-wrapper {
  position: relative;
}
.md-resize-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.md-resize-handle {
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 10px;
  background: transparent;
  width: 100%;
  cursor: ns-resize;
}

@media screen and (-ms-high-contrast: active) {
  md-input-container.md-default-theme > md-icon {
    fill: #fff;
  }
}
md-list {
  display: block;
  padding: 8px 0px 8px 0px;
}
md-list .md-subheader {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.2em;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item,
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner {
  min-height: 40px;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item::before,
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner::before {
  content: "";
  min-height: 40px;
  visibility: hidden;
  display: inline-block;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item md-icon:first-child,
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner md-icon:first-child {
  width: 20px;
  height: 20px;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item > md-icon:first-child:not(.md-avatar-icon),
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-right: 36px;
  margin-top: 4px;
  margin-bottom: 4px;
}
[dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item > md-icon:first-child:not(.md-avatar-icon),
[dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-right: auto;
  margin-left: 36px;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar-icon,
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar,
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar-icon {
  margin-right: 20px;
  margin-top: 6px;
  margin-bottom: 6px;
}
[dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar, [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar-icon,
[dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar,
[dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar-icon {
  margin-right: auto;
  margin-left: 20px;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar,
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar {
  flex: none;
  width: 36px;
  height: 36px;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-secondary-container .md-secondary.md-button,
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-secondary-container .md-secondary.md-button {
  margin-top: 4px;
  margin-bottom: 4px;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-secondary-container md-checkbox:not(.md-dense-disabled),
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-secondary-container md-checkbox:not(.md-dense-disabled) {
  min-height: 40px;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text.md-offset, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text.md-offset, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: 56px;
}
[dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: auto;
  margin-right: 56px;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text h3,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text h4,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text p, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text h3,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text h4,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text h3,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text h4,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text p, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text h3,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text h4,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text p {
  line-height: 1.05;
  font-size: 12px;
  padding-bottom: 4px;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
  font-size: 13px;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style {
  min-height: 60px;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line::before, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style::before {
  content: "";
  min-height: 60px;
  visibility: hidden;
  display: inline-block;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-avatar-icon, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style > .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-avatar-icon {
  margin-top: 12px;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style {
  min-height: 76px;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line::before, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style::before {
  content: "";
  min-height: 76px;
  visibility: hidden;
  display: inline-block;
}
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > md-icon:first-child,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style > md-icon:first-child,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style > .md-avatar {
  margin-top: 16px;
}
md-list.md-dense:not(.md-dense-disabled) .md-subheader-inner {
  padding-top: 12px;
  padding-bottom: 12px;
}

md-list-item {
  position: relative;
}
md-list-item.md-proxy-focus.md-focused .md-no-style {
  transition: background-color 0.15s linear;
}
md-list-item._md-button-wrap {
  position: relative;
}
md-list-item._md-button-wrap > div.md-button:first-child {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 16px;
  margin: 0;
  font-weight: 400;
  text-align: left;
  border: medium none;
}
[dir=rtl] md-list-item._md-button-wrap > div.md-button:first-child {
  text-align: right;
}
md-list-item._md-button-wrap > div.md-button:first-child > .md-button:first-child {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin: 0;
  padding: 0;
}
md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner {
  width: 100%;
}
md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner::before {
  content: "";
  min-height: inherit;
  visibility: hidden;
  display: inline-block;
}
md-list-item.md-no-proxy,
md-list-item .md-no-style {
  position: relative;
  padding: 0px 16px;
  flex: 1 1 auto;
}
md-list-item.md-no-proxy.md-button,
md-list-item .md-no-style.md-button {
  font-size: inherit;
  height: inherit;
  text-align: left;
  text-transform: none;
  width: 100%;
  white-space: normal;
  flex-direction: inherit;
  align-items: inherit;
  border-radius: 0;
  margin: 0;
}
[dir=rtl] md-list-item.md-no-proxy.md-button,
[dir=rtl] md-list-item .md-no-style.md-button {
  text-align: right;
}
md-list-item.md-no-proxy.md-button > .md-ripple-container,
md-list-item .md-no-style.md-button > .md-ripple-container {
  border-radius: 0;
}
md-list-item.md-no-proxy:focus,
md-list-item .md-no-style:focus {
  outline: none;
}
md-list-item.md-clickable:hover {
  cursor: pointer;
}
md-list-item md-divider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
[dir=rtl] md-list-item md-divider {
  left: auto;
  right: 0;
}
md-list-item md-divider[md-inset] {
  left: 72px;
  width: calc(100% - 72px);
  margin: 0 !important;
}
[dir=rtl] md-list-item md-divider[md-inset] {
  left: auto;
  right: 72px;
}
md-list-item,
md-list-item .md-list-item-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 48px;
  height: auto;
}
md-list-item::before,
md-list-item .md-list-item-inner::before {
  content: "";
  min-height: 48px;
  visibility: hidden;
  display: inline-block;
}
md-list-item > div.md-primary > md-icon:not(.md-avatar-icon), md-list-item > div.md-secondary > md-icon:not(.md-avatar-icon), md-list-item > md-icon:first-child:not(.md-avatar-icon),
md-list-item > md-icon.md-secondary:not(.md-avatar-icon),
md-list-item .md-list-item-inner > div.md-primary > md-icon:not(.md-avatar-icon),
md-list-item .md-list-item-inner > div.md-secondary > md-icon:not(.md-avatar-icon),
md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon),
md-list-item .md-list-item-inner > md-icon.md-secondary:not(.md-avatar-icon) {
  width: 24px;
  margin-top: 16px;
  margin-bottom: 12px;
  box-sizing: content-box;
}
md-list-item > div.md-primary > md-checkbox, md-list-item > div.md-secondary > md-checkbox, md-list-item > md-checkbox,
md-list-item md-checkbox.md-secondary,
md-list-item .md-list-item-inner > div.md-primary > md-checkbox,
md-list-item .md-list-item-inner > div.md-secondary > md-checkbox,
md-list-item .md-list-item-inner > md-checkbox,
md-list-item .md-list-item-inner md-checkbox.md-secondary {
  align-self: center;
}
md-list-item > div.md-primary > md-checkbox .md-label, md-list-item > div.md-secondary > md-checkbox .md-label, md-list-item > md-checkbox .md-label,
md-list-item md-checkbox.md-secondary .md-label,
md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label,
md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label,
md-list-item .md-list-item-inner > md-checkbox .md-label,
md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label {
  display: none;
}
md-list-item > md-icon:first-child:not(.md-avatar-icon),
md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-right: 32px;
}
[dir=rtl] md-list-item > md-icon:first-child:not(.md-avatar-icon),
[dir=rtl] md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-right: auto;
  margin-left: 32px;
}
md-list-item .md-avatar, md-list-item .md-avatar-icon,
md-list-item .md-list-item-inner .md-avatar,
md-list-item .md-list-item-inner .md-avatar-icon {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 16px;
  border-radius: 50%;
  box-sizing: content-box;
}
[dir=rtl] md-list-item .md-avatar, [dir=rtl] md-list-item .md-avatar-icon,
[dir=rtl] md-list-item .md-list-item-inner .md-avatar,
[dir=rtl] md-list-item .md-list-item-inner .md-avatar-icon {
  margin-right: auto;
  margin-left: 16px;
}
md-list-item .md-avatar,
md-list-item .md-list-item-inner .md-avatar {
  flex: none;
  width: 40px;
  height: 40px;
}
md-list-item .md-avatar-icon,
md-list-item .md-list-item-inner .md-avatar-icon {
  padding: 8px;
}
md-list-item .md-avatar-icon svg,
md-list-item .md-list-item-inner .md-avatar-icon svg {
  width: 24px;
  height: 24px;
}
md-list-item > md-checkbox,
md-list-item .md-list-item-inner > md-checkbox {
  width: 24px;
  min-height: 40px;
  margin-left: 0px;
  margin-right: 29px;
}
[dir=rtl] md-list-item > md-checkbox,
[dir=rtl] md-list-item .md-list-item-inner > md-checkbox {
  margin-left: 29px;
}
[dir=rtl] md-list-item > md-checkbox,
[dir=rtl] md-list-item .md-list-item-inner > md-checkbox {
  margin-right: 0px;
}
md-list-item .md-secondary-container,
md-list-item .md-list-item-inner .md-secondary-container {
  display: flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  margin: auto;
  margin-right: 0;
  margin-left: auto;
}
[dir=rtl] md-list-item .md-secondary-container,
[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container {
  margin-right: auto;
}
[dir=rtl] md-list-item .md-secondary-container,
[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container {
  margin-left: 0;
}
md-list-item .md-secondary-container .md-button:last-of-type, md-list-item .md-secondary-container .md-icon-button:last-of-type,
md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type,
md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
  margin-right: 0;
}
[dir=rtl] md-list-item .md-secondary-container .md-button:last-of-type, [dir=rtl] md-list-item .md-secondary-container .md-icon-button:last-of-type,
[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type,
[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
  margin-right: auto;
  margin-left: 0;
}
md-list-item .md-secondary-container md-checkbox,
md-list-item .md-list-item-inner .md-secondary-container md-checkbox {
  margin: 0 6px;
  padding: 0 8px;
  min-height: 40px;
}
md-list-item .md-secondary-container md-checkbox:last-child,
md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
  width: 40px;
  margin-right: 0;
}
[dir=rtl] md-list-item .md-secondary-container md-checkbox:last-child,
[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
  margin-right: auto;
  margin-left: 0;
}
md-list-item .md-secondary-container md-switch,
md-list-item .md-list-item-inner .md-secondary-container md-switch {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: -6px;
}
[dir=rtl] md-list-item .md-secondary-container md-switch,
[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container md-switch {
  margin-right: auto;
  margin-left: -6px;
}
md-list-item > p, md-list-item > .md-list-item-inner > p,
md-list-item .md-list-item-inner > p,
md-list-item .md-list-item-inner > .md-list-item-inner > p {
  flex: 1 1 auto;
  margin: 0;
}
md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
  align-items: flex-start;
  justify-content: center;
}
md-list-item.md-2-line.md-long-text, md-list-item.md-2-line > .md-no-style.md-long-text, md-list-item.md-3-line.md-long-text, md-list-item.md-3-line > .md-no-style.md-long-text {
  margin-top: 8px;
  margin-bottom: 8px;
}
md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text {
  flex: 1 1 auto;
  margin: auto;
  text-overflow: ellipsis;
  overflow: hidden;
}
md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: 56px;
}
[dir=rtl] md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: auto;
  margin-right: 56px;
}
md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
  margin: 0 0 0 0;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
  font-size: 14px;
  letter-spacing: 0.01em;
  margin: 3px 0 1px 0;
  font-weight: 400;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  margin: 0 0 0 0;
  line-height: 1.6em;
}
md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style {
  height: auto;
  min-height: 72px;
}
md-list-item.md-2-line::before, md-list-item.md-2-line > .md-no-style::before {
  content: "";
  min-height: 72px;
  visibility: hidden;
  display: inline-block;
}
md-list-item.md-2-line > .md-avatar, md-list-item.md-2-line .md-avatar-icon, md-list-item.md-2-line > .md-no-style > .md-avatar, md-list-item.md-2-line > .md-no-style .md-avatar-icon {
  margin-top: 12px;
}
md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child {
  align-self: flex-start;
}
md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text {
  flex: 1 1 auto;
}
md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
  height: auto;
  min-height: 88px;
}
md-list-item.md-3-line::before, md-list-item.md-3-line > .md-no-style::before {
  content: "";
  min-height: 88px;
  visibility: hidden;
  display: inline-block;
}
md-list-item.md-3-line > md-icon:first-child,
md-list-item.md-3-line > .md-avatar, md-list-item.md-3-line > .md-no-style > md-icon:first-child,
md-list-item.md-3-line > .md-no-style > .md-avatar {
  margin-top: 16px;
}

.md-open-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  opacity: 0;
  border-radius: 2px;
  max-height: calc(100vh - 10px);
  overflow: auto;
}
.md-open-menu-container md-menu-divider {
  margin-top: 4px;
  margin-bottom: 4px;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  width: 100%;
}
.md-open-menu-container md-menu-content > * {
  opacity: 0;
}
.md-open-menu-container:not(.md-clickable) {
  pointer-events: none;
}
.md-open-menu-container.md-active {
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 200ms;
}
.md-open-menu-container.md-active > md-menu-content > * {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 200ms;
  transition-delay: 100ms;
}
.md-open-menu-container.md-leave {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 250ms;
}

md-menu-content {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  max-height: 304px;
  overflow-y: auto;
}
md-menu-content.md-dense {
  max-height: 208px;
}
md-menu-content.md-dense md-menu-item {
  height: 32px;
  min-height: 32px;
}

md-menu-item {
  display: flex;
  flex-direction: row;
  min-height: 48px;
  height: 48px;
  align-content: center;
  justify-content: flex-start;
  /*
   * We cannot use flex on <button> elements due to a bug in Firefox, so we also can't use it on
   * <a> elements. Add some top padding to fix alignment since buttons automatically align their
   * text vertically.
   */
}
md-menu-item > * {
  width: 100%;
  margin: auto 0;
  padding-left: 16px;
  padding-right: 16px;
}
md-menu-item > a.md-button {
  padding-top: 5px;
}
md-menu-item > .md-button {
  text-align: left;
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
md-menu-item > .md-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
[dir=rtl] md-menu-item > .md-button {
  text-align: right;
}
md-menu-item > .md-button md-icon {
  margin: auto 16px auto 0;
}
[dir=rtl] md-menu-item > .md-button md-icon {
  margin: auto 0 auto 16px;
}
md-menu-item > .md-button p {
  display: inline-block;
  margin: auto;
}
md-menu-item > .md-button span {
  margin-top: auto;
  margin-bottom: auto;
}
md-menu-item > .md-button .md-ripple-container {
  border-radius: inherit;
}

md-toolbar .md-menu {
  height: auto;
  margin: auto;
  padding: 0;
}

@media (max-width: 959px) {
  md-menu-content {
    min-width: 112px;
  }

  md-menu-content[width="3"] {
    min-width: 168px;
  }

  md-menu-content[width="4"] {
    min-width: 224px;
  }

  md-menu-content[width="5"] {
    min-width: 280px;
  }

  md-menu-content[width="6"] {
    min-width: 336px;
  }

  md-menu-content[width="7"] {
    min-width: 392px;
  }
}
@media (min-width: 960px) {
  md-menu-content {
    min-width: 96px;
  }

  md-menu-content[width="3"] {
    min-width: 192px;
  }

  md-menu-content[width="4"] {
    min-width: 256px;
  }

  md-menu-content[width="5"] {
    min-width: 320px;
  }

  md-menu-content[width="6"] {
    min-width: 384px;
  }

  md-menu-content[width="7"] {
    min-width: 448px;
  }
}
md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
  line-height: 1rem;
  height: auto;
  padding: 28px;
  padding-bottom: 12px;
}
md-toolbar.md-has-open-menu {
  position: relative;
  z-index: 100;
}

md-menu-bar {
  padding: 0 20px;
  display: block;
  position: relative;
  z-index: 2;
}
md-menu-bar .md-menu {
  display: inline-block;
  padding: 0;
  position: relative;
}
md-menu-bar button {
  font-size: 14px;
  padding: 0 10px;
  margin: 0;
  border: 0;
  background-color: transparent;
  height: 40px;
}
md-menu-bar md-backdrop.md-menu-backdrop {
  z-index: -2;
}

md-menu-content.md-menu-bar-menu.md-dense {
  max-height: none;
  padding: 16px 0;
}
md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
  position: relative;
}
md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
  position: absolute;
  padding: 0;
  width: 24px;
  top: 6px;
  left: 24px;
}
[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
  left: auto;
  right: 24px;
}
md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
  padding: 0 32px 0 64px;
}
[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
  padding: 0 64px 0 32px;
}
md-menu-content.md-menu-bar-menu.md-dense .md-button {
  min-height: 0;
  height: 32px;
}
md-menu-content.md-menu-bar-menu.md-dense .md-button span {
  float: left;
}
[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span {
  float: right;
}
md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  float: right;
  margin: 0 8px;
}
[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  float: left;
}
md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
  margin: 8px 0;
}
md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  text-align: left;
}
[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  text-align: right;
}
md-menu-content.md-menu-bar-menu.md-dense .md-menu {
  padding: 0;
}
md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  position: relative;
  margin: 0;
  width: 100%;
  text-transform: none;
  font-weight: normal;
  border-radius: 0px;
  padding-left: 16px;
}
[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  padding-left: 0;
  padding-right: 16px;
}
md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  display: block;
  content: "\25BC";
  position: absolute;
  top: 0px;
  speak: none;
  transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
  right: 28px;
}
[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  transform: rotate(90deg) scaleY(0.45) scaleX(0.9);
}
[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  right: auto;
  left: 28px;
}

/** Matches "md-tabs md-tabs-wrapper" style. */
.md-nav-bar {
  border-style: solid;
  border-width: 0 0 1px;
  height: 48px;
  position: relative;
}

._md-nav-bar-list {
  outline: none;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}

.md-nav-item:first-of-type {
  margin-left: 8px;
}

.md-button._md-nav-button {
  line-height: 24px;
  margin: 0 4px;
  padding: 12px 16px;
  transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
}
.md-button._md-nav-button:focus {
  outline: none;
}

md-nav-ink-bar {
  background-color: black;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform-origin: left top;
  will-change: transform;
  transition: transform 0.125s cubic-bezier(0.35, 0, 0.25, 1);
}
md-nav-ink-bar.ng-animate {
  transition: none;
}

md-nav-extra-content {
  min-height: 48px;
  padding-right: 12px;
}

@-webkit-keyframes indeterminate-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes indeterminate-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
md-progress-circular {
  position: relative;
  display: block;
  transform: scale(1, 1);
}
[dir=rtl] md-progress-circular {
  transform: scale(-1, 1);
}
md-progress-circular._md-progress-circular-disabled {
  visibility: hidden;
}
md-progress-circular.md-mode-indeterminate svg {
  -webkit-animation: indeterminate-rotate 1568.63ms linear infinite;
          animation: indeterminate-rotate 1568.63ms linear infinite;
}
md-progress-circular svg {
  position: absolute;
  overflow: visible;
  top: 0;
  left: 0;
}

md-progress-linear {
  display: block;
  position: relative;
  width: 100%;
  height: 5px;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  transform: scale(1, 1);
}
[dir=rtl] md-progress-linear {
  transform: scale(-1, 1);
}
md-progress-linear._md-progress-linear-disabled {
  visibility: hidden;
}
md-progress-linear .md-container {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 5px;
  transform: translate(0, 0) scale(1, 1);
}
md-progress-linear .md-container .md-bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}
md-progress-linear .md-container .md-dashed:before {
  content: "";
  display: none;
  position: absolute;
  margin-top: 0;
  height: 5px;
  width: 100%;
  background-color: transparent;
  background-size: 10px 10px !important;
  background-position: 0px -23px;
}
md-progress-linear .md-container .md-bar1, md-progress-linear .md-container .md-bar2 {
  transition: transform 0.2s linear;
}
md-progress-linear .md-container.md-mode-query .md-bar1 {
  display: none;
}
md-progress-linear .md-container.md-mode-query .md-bar2 {
  transition: all 0.2s linear;
  -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
          animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
}
md-progress-linear .md-container.md-mode-determinate .md-bar1 {
  display: none;
}
md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
  -webkit-animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
          animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
}
md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
  -webkit-animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
          animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
}
md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container {
  -webkit-animation: none;
          animation: none;
}
md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar1 {
  -webkit-animation-name: none;
          animation-name: none;
}
md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar2 {
  -webkit-animation-name: none;
          animation-name: none;
}
md-progress-linear .md-container.md-mode-buffer {
  background-color: transparent !important;
  transition: all 0.2s linear;
}
md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
  display: block;
  -webkit-animation: buffer 3s infinite linear;
          animation: buffer 3s infinite linear;
}

@-webkit-keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1);
  }
}

@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1);
  }
}
@-webkit-keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}
@keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}
@-webkit-keyframes md-progress-linear-indeterminate-scale-1 {
  0% {
    transform: scaleX(0.1);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  36.6% {
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1);
            animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1);
  }
  69.15% {
    transform: scaleX(0.83);
    -webkit-animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798);
            animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798);
  }
  100% {
    transform: scaleX(0.1);
  }
}
@keyframes md-progress-linear-indeterminate-scale-1 {
  0% {
    transform: scaleX(0.1);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  36.6% {
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1);
            animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1);
  }
  69.15% {
    transform: scaleX(0.83);
    -webkit-animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798);
            animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798);
  }
  100% {
    transform: scaleX(0.1);
  }
}
@-webkit-keyframes md-progress-linear-indeterminate-1 {
  0% {
    left: -105.1666666667%;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  20% {
    left: -105.1666666667%;
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703);
  }
  69.15% {
    left: 21.5%;
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125);
            animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125);
  }
  100% {
    left: 95.4444444444%;
  }
}
@keyframes md-progress-linear-indeterminate-1 {
  0% {
    left: -105.1666666667%;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  20% {
    left: -105.1666666667%;
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703);
  }
  69.15% {
    left: 21.5%;
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125);
            animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125);
  }
  100% {
    left: 95.4444444444%;
  }
}
@-webkit-keyframes md-progress-linear-indeterminate-scale-2 {
  0% {
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841);
            animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841);
  }
  19.15% {
    transform: scaleX(0.57);
    -webkit-animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535);
            animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535);
  }
  44.15% {
    transform: scaleX(0.91);
    -webkit-animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961);
            animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961);
  }
  100% {
    transform: scaleX(0.1);
  }
}
@keyframes md-progress-linear-indeterminate-scale-2 {
  0% {
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841);
            animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841);
  }
  19.15% {
    transform: scaleX(0.57);
    -webkit-animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535);
            animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535);
  }
  44.15% {
    transform: scaleX(0.91);
    -webkit-animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961);
            animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961);
  }
  100% {
    transform: scaleX(0.1);
  }
}
@-webkit-keyframes md-progress-linear-indeterminate-2 {
  0% {
    left: -54.8888888889%;
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966);
            animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966);
  }
  25% {
    left: -17.25%;
    -webkit-animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979);
            animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979);
  }
  48.35% {
    left: 29.5%;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796);
            animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796);
  }
  100% {
    left: 117.3888888889%;
  }
}
@keyframes md-progress-linear-indeterminate-2 {
  0% {
    left: -54.8888888889%;
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966);
            animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966);
  }
  25% {
    left: -17.25%;
    -webkit-animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979);
            animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979);
  }
  48.35% {
    left: 29.5%;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796);
            animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796);
  }
  100% {
    left: 117.3888888889%;
  }
}
md-radio-button {
  box-sizing: border-box;
  display: block;
  margin-bottom: 16px;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
}
md-radio-button[disabled] {
  cursor: default;
}
md-radio-button[disabled] .md-container {
  cursor: default;
}
md-radio-button .md-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  left: 0;
  right: auto;
}
[dir=rtl] md-radio-button .md-container {
  left: auto;
}
[dir=rtl] md-radio-button .md-container {
  right: 0;
}
md-radio-button .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}
md-radio-button .md-container:before {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  content: "";
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  width: auto;
}
md-radio-button.md-align-top-left > div.md-container {
  top: 12px;
}
md-radio-button .md-off {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  transition: border-color ease 0.28s;
}
md-radio-button .md-on {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: transform ease 0.28s;
  transform: scale(0);
}
md-radio-button.md-checked .md-on {
  transform: scale(0.5);
}
md-radio-button .md-label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin-left: 30px;
  margin-right: 0;
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  width: auto;
}
[dir=rtl] md-radio-button .md-label {
  margin-left: 0;
}
[dir=rtl] md-radio-button .md-label {
  margin-right: 30px;
}

md-radio-group:focus {
  outline: none;
}
md-radio-group.md-focused.ng-not-empty .md-checked .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}
md-radio-group.md-focused.ng-empty > md-radio-button:first-child .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}
md-radio-group[disabled] md-radio-button {
  cursor: default;
}
md-radio-group[disabled] md-radio-button .md-container {
  cursor: default;
}

@media (max-width: 599px) {
  .layout-row:not(.layout-xs-column) > md-radio-button,
.layout-xs-row > md-radio-button {
    margin-bottom: 0;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > md-radio-button,
.layout-gt-xs-row:not(.layout-sm-column) > md-radio-button,
.layout-sm-row:not(.layout-sm-column) > md-radio-button {
    margin-bottom: 0;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > md-radio-button,
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > md-radio-button,
.layout-gt-sm-row:not(.layout-md-column) > md-radio-button,
.layout-md-row:not(.layout-md-column) > md-radio-button {
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-radio-button,
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-radio-button,
.layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > md-radio-button,
.layout-gt-md-row:not(.layout-lg-column) > md-radio-button,
.layout-lg-row:not(.layout-lg-column) > md-radio-button {
    margin-bottom: 0;
  }
}
@media (min-width: 1920px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
.layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
.layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
.layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
.layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button {
    margin-bottom: 0;
  }
}
.md-inline-form md-radio-group {
  margin: 18px 0 19px;
}
.md-inline-form md-radio-group md-radio-button {
  display: inline-block;
  height: 30px;
  padding: 2px 10px 2px 6px;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
}
.md-inline-form md-radio-group md-radio-button .md-label {
  top: 4px;
}
.md-inline-form md-radio-group md-radio-button .md-container {
  margin-top: 2px;
}

@media screen and (-ms-high-contrast: active) {
  md-radio-button.md-default-theme .md-on {
    background-color: #fff;
  }
}
md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform-origin: left top;
}
[dir=rtl] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transform-origin: right top;
}
md-input-container.md-input-focused:not([md-no-float]) md-select:not([placeholder]) .md-select-placeholder span:first-child {
  transform: translate(-2px, -22px) scale(0.75);
}

.md-select-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 90;
  opacity: 0;
  display: none;
  transform: translateY(-1px);
}
.md-select-menu-container:not(.md-clickable) {
  pointer-events: none;
}
.md-select-menu-container md-progress-circular {
  display: table;
  margin: 24px auto !important;
}
.md-select-menu-container.md-active {
  display: block;
  opacity: 1;
}
.md-select-menu-container.md-active md-select-menu {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 150ms;
}
.md-select-menu-container.md-active md-select-menu > * {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 150ms;
  transition-delay: 100ms;
}
.md-select-menu-container.md-leave {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 250ms;
}

.md-inline-form md-select {
  margin-top: 20px;
}

md-input-container > md-select, .md-inline-form md-input-container > md-select {
  margin-top: 0px;
}
md-input-container > md-select {
  order: 2;
}

md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after, md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after {
  content: " *";
  font-size: 13px;
  vertical-align: top;
}

md-input-container.md-input-invalid md-select .md-select-value {
  border-bottom-style: solid;
  padding-bottom: 1px;
}

md-select {
  display: flex;
}
md-select[required].ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select.ng-required.ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after {
  content: " *";
  font-size: 13px;
  vertical-align: top;
}
md-select[disabled] .md-select-value {
  background-position: bottom -1px left 0;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  padding-bottom: 2px;
  padding-top: 1px;
  transform: translateY(1px);
}
md-select:focus {
  outline: none;
}
md-select[disabled]:hover {
  cursor: default;
}
md-select:not([disabled]):hover {
  cursor: pointer;
}
md-select:not([disabled]):focus .md-select-value {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  padding-bottom: 0px;
}

md-input-container md-select:not([disabled]):focus .md-select-value {
  border-bottom-width: 2px;
}
md-input-container md-select[disabled] .md-select-value {
  background-position: bottom -1px left 0;
}
md-input-container md-select .md-select-value {
  min-height: 26px;
  border-bottom-width: 1px;
  padding-bottom: 1px;
}
md-input-container md-select .md-select-value.md-select-placeholder {
  padding-left: 0;
  padding-right: 2px;
}
[dir=rtl] md-input-container md-select .md-select-value.md-select-placeholder {
  padding-left: 2px;
}
[dir=rtl] md-input-container md-select .md-select-value.md-select-placeholder {
  padding-right: 0;
}

.md-select-value {
  display: flex;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 0;
  padding-right: 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  box-sizing: content-box;
  min-width: 88px;
  min-height: 26px;
  margin-bottom: auto;
  -ms-flex-item-align: start;
  flex-grow: 1;
}
[dir=rtl] .md-select-value {
  padding-left: 2px;
}
[dir=rtl] .md-select-value {
  padding-right: 0;
}
.md-select-value > span:not(.md-select-icon) {
  max-width: 100%;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.md-select-value > span:not(.md-select-icon) .md-text {
  display: inline;
}
.md-select-value .md-select-icon {
  display: block;
  align-items: flex-end;
  text-align: right;
  width: 24px;
  transform: translateY(-2px);
  font-size: 1.2rem;
}
[dir=rtl] .md-select-value .md-select-icon {
  align-items: flex-start;
}
[dir=rtl] .md-select-value .md-select-icon {
  text-align: left;
}
.md-select-value .md-select-icon:after {
  display: block;
  content: "\25BC";
  position: relative;
  top: 2px;
  right: -4px;
  left: auto;
  speak: none;
  font-size: 13px;
  transform: scaleY(0.5);
}
[dir=rtl] .md-select-value .md-select-icon:after {
  right: auto;
}
[dir=rtl] .md-select-value .md-select-icon:after {
  left: -4px;
}
.md-select-value.md-select-placeholder {
  display: flex;
  order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  z-index: 1;
}

md-select-menu {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  max-height: 256px;
  min-height: 48px;
  overflow-y: hidden;
  transform-origin: left top;
  transform: scale(1);
}
md-select-menu.md-reverse {
  flex-direction: column-reverse;
}
md-select-menu:not(.md-overflow) md-content {
  padding-top: 8px;
  padding-bottom: 8px;
}
[dir=rtl] md-select-menu {
  transform-origin: right top;
}
md-select-menu md-content {
  min-width: 136px;
  min-height: 48px;
  max-height: 256px;
  overflow-y: auto;
}
md-select-menu > * {
  opacity: 0;
}

md-option {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  transition: background 0.15s linear;
  padding: 0 16px 0 16px;
  height: 48px;
}
md-option[disabled] {
  cursor: default;
}
md-option:focus {
  outline: none;
}
md-option .md-text {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

md-optgroup {
  display: block;
}
md-optgroup label {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  padding: 16px;
  font-weight: 500;
}
md-optgroup md-option {
  padding-left: 32px;
  padding-right: 32px;
}

@media screen and (-ms-high-contrast: active) {
  .md-select-backdrop {
    background-color: transparent;
  }

  md-select-menu {
    border: 1px solid #fff;
  }
}
md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 40px;
  padding-right: 16px;
}
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 16px;
}
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-right: 40px;
}
md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 18px;
  height: 18px;
  left: 0;
  right: auto;
}
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  left: auto;
}
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  right: 0;
}
md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:before {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  content: "";
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  width: auto;
}
md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}
md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}
md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
  box-sizing: border-box;
  transition: 240ms;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
}
md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
  border-color: transparent;
}
md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
  box-sizing: border-box;
  transform: rotate(45deg);
  position: absolute;
  left: 4px;
  top: 0px;
  display: table;
  width: 6px;
  height: 12px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: "";
}
md-select-menu[multiple] md-option.md-checkbox-enabled[disabled] {
  cursor: default;
}
md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: table;
  width: 10.8px;
  height: 2px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: "";
}
md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: 10.6666666667px;
  margin-right: auto;
}
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: auto;
}
[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-right: 10.6666666667px;
}

md-sidenav {
  box-sizing: border-box;
  position: absolute;
  flex-direction: column;
  z-index: 60;
  width: 320px;
  max-width: 320px;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
md-sidenav ul {
  list-style: none;
}
md-sidenav.md-closed {
  display: none;
}
md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
  display: flex;
  transition: 0.2s ease-in all;
}
md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
  position: static;
  display: flex;
  transform: translate3d(0, 0, 0);
}
md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed.md-sidenav-right {
  position: static;
  display: flex;
  transform: translate3d(0, 0, 0);
}
md-sidenav.md-locked-open-remove.md-closed {
  position: static;
  display: flex;
  transform: translate3d(0, 0, 0);
}
md-sidenav.md-closed.md-locked-open-add {
  position: static;
  display: flex;
  transform: translate3d(0%, 0, 0);
}
md-sidenav.md-closed.md-locked-open-add:not(.md-locked-open-add-active) {
  transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  width: 0 !important;
  min-width: 0 !important;
}
md-sidenav.md-closed.md-locked-open-add-active {
  transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
md-sidenav.md-locked-open-remove-active {
  transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  width: 0 !important;
  min-width: 0 !important;
}

.md-sidenav-backdrop.md-locked-open {
  display: none;
}

.md-sidenav-left, md-sidenav {
  left: 0;
  top: 0;
  transform: translate3d(0%, 0, 0);
}
.md-sidenav-left.md-closed, md-sidenav.md-closed {
  transform: translate3d(-100%, 0, 0);
}

.md-sidenav-right {
  left: 100%;
  top: 0;
  transform: translate(-100%, 0);
}
.md-sidenav-right.md-closed {
  transform: translate(0%, 0);
}

@media (min-width: 600px) {
  md-sidenav {
    max-width: 400px;
  }
}
@media (max-width: 456px) {
  md-sidenav {
    width: calc(100% - 56px);
    min-width: calc(100% - 56px);
    max-width: calc(100% - 56px);
  }
}
@media screen and (-ms-high-contrast: active) {
  .md-sidenav-left, md-sidenav {
    border-right: 1px solid #fff;
  }

  .md-sidenav-right {
    border-left: 1px solid #fff;
  }
}
@-webkit-keyframes sliderFocusThumb {
  0% {
    transform: scale(0.7);
  }
  30% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.7);
  }
}
@keyframes sliderFocusThumb {
  0% {
    transform: scale(0.7);
  }
  30% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.7);
  }
}
@-webkit-keyframes sliderDiscreteFocusThumb {
  0% {
    transform: scale(0.7);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes sliderDiscreteFocusThumb {
  0% {
    transform: scale(0.7);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0);
  }
}
@-webkit-keyframes sliderDiscreteFocusRing {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
  }
}
@keyframes sliderDiscreteFocusRing {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
  }
}
md-slider {
  height: 48px;
  min-width: 128px;
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0;
  display: block;
  flex-direction: row;
  /**
   * Track
   */
  /**
   * Slider thumb
   */
  /* The sign that's focused in discrete mode */
  /**
   * The border/background that comes in when focused in non-discrete mode
   */
  /* Don't animate left/right while panning */
}
md-slider *, md-slider *:after {
  box-sizing: border-box;
}
md-slider .md-slider-wrapper {
  outline: none;
  width: 100%;
  height: 100%;
}
md-slider .md-slider-content {
  position: relative;
}
md-slider .md-track-container {
  width: 100%;
  position: absolute;
  top: 23px;
  height: 2px;
}
md-slider .md-track {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}
md-slider .md-track-fill {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: width, height;
}
md-slider .md-track-ticks {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}
md-slider .md-track-ticks canvas {
  width: 100%;
  height: 100%;
}
md-slider .md-thumb-container {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: left, right, bottom;
}
[dir=rtl] md-slider .md-thumb-container {
  left: auto;
  right: 0;
}
md-slider .md-thumb {
  z-index: 1;
  position: absolute;
  left: -10px;
  top: 14px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  transform: scale(0.7);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
[dir=rtl] md-slider .md-thumb {
  left: auto;
  right: -10px;
}
md-slider .md-thumb:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border-width: 3px;
  border-style: solid;
  transition: inherit;
}
md-slider .md-sign {
  /* Center the children (slider-thumb-text) */
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -14px;
  top: -17px;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  transform: scale(0.4) translate3d(0, 67.5px, 0);
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  /* The arrow pointing down under the sign */
}
md-slider .md-sign:after {
  position: absolute;
  content: "";
  left: 0px;
  border-radius: 16px;
  top: 19px;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top-width: 16px;
  border-top-style: solid;
  opacity: 0;
  transform: translate3d(0, -8px, 0);
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
[dir=rtl] md-slider .md-sign:after {
  left: auto;
  right: 0px;
}
md-slider .md-sign .md-thumb-text {
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
}
md-slider .md-focus-ring {
  position: absolute;
  left: -17px;
  top: 7px;
  width: 34px;
  height: 34px;
  border-radius: 34px;
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1);
}
[dir=rtl] md-slider .md-focus-ring {
  left: auto;
  right: -17px;
}
md-slider .md-disabled-thumb {
  position: absolute;
  left: -14px;
  top: 10px;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  transform: scale(0.5);
  border-width: 4px;
  border-style: solid;
  display: none;
}
[dir=rtl] md-slider .md-disabled-thumb {
  left: auto;
  right: -14px;
}
md-slider.md-min .md-sign {
  opacity: 0;
}
md-slider:focus {
  outline: none;
}
md-slider.md-dragging .md-thumb-container,
md-slider.md-dragging .md-track-fill {
  transition: none;
}
md-slider:not([md-discrete]) {
  /* Hide the sign and ticks in non-discrete mode */
}
md-slider:not([md-discrete]) .md-track-ticks,
md-slider:not([md-discrete]) .md-sign {
  display: none;
}
md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper .md-thumb:hover {
  transform: scale(0.8);
}
md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
  transform: scale(1);
  opacity: 1;
}
md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
  -webkit-animation: sliderFocusThumb 0.7s cubic-bezier(0.35, 0, 0.25, 1);
          animation: sliderFocusThumb 0.7s cubic-bezier(0.35, 0, 0.25, 1);
}
md-slider:not([md-discrete]):not([disabled]).md-active .md-slider-wrapper .md-thumb {
  transform: scale(1);
}
md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
  transform: scale(0);
  -webkit-animation: sliderDiscreteFocusRing 0.5s cubic-bezier(0.35, 0, 0.25, 1);
          animation: sliderDiscreteFocusRing 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}
md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
  -webkit-animation: sliderDiscreteFocusThumb 0.5s cubic-bezier(0.35, 0, 0.25, 1);
          animation: sliderDiscreteFocusThumb 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}
md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb, md-slider[md-discrete]:not([disabled]).md-active .md-thumb {
  transform: scale(0);
}
md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign,
md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign:after, md-slider[md-discrete]:not([disabled]).md-active .md-sign,
md-slider[md-discrete]:not([disabled]).md-active .md-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
md-slider[md-discrete][disabled][readonly] .md-thumb {
  transform: scale(0);
}
md-slider[md-discrete][disabled][readonly] .md-sign,
md-slider[md-discrete][disabled][readonly] .md-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
md-slider[disabled] .md-track-fill {
  display: none;
}
md-slider[disabled] .md-track-ticks {
  opacity: 0;
}
md-slider[disabled]:not([readonly]) .md-sign {
  opacity: 0;
}
md-slider[disabled] .md-thumb {
  transform: scale(0.5);
}
md-slider[disabled] .md-disabled-thumb {
  display: block;
}
md-slider[md-vertical] {
  flex-direction: column;
  min-height: 128px;
  min-width: 0;
}
md-slider[md-vertical] .md-slider-wrapper {
  flex: 1;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 48px;
  align-self: center;
  display: flex;
  justify-content: center;
}
md-slider[md-vertical] .md-track-container {
  height: 100%;
  width: 2px;
  top: 0;
  left: calc(50% - (2px / 2));
}
md-slider[md-vertical] .md-thumb-container {
  top: auto;
  margin-bottom: 23px;
  left: calc(50% - 1px);
  bottom: 0;
}
md-slider[md-vertical] .md-thumb-container .md-thumb:after {
  left: 1px;
}
md-slider[md-vertical] .md-thumb-container .md-focus-ring {
  left: -16px;
}
md-slider[md-vertical] .md-track-fill {
  bottom: 0;
}
md-slider[md-vertical][md-discrete] .md-sign {
  left: -40px;
  top: 9.5px;
  transform: scale(0.4) translate3d(67.5px, 0, 0);
  /* The arrow pointing left next the sign */
}
md-slider[md-vertical][md-discrete] .md-sign:after {
  top: 9.5px;
  left: 19px;
  border-top: 14px solid transparent;
  border-right: 0;
  border-bottom: 14px solid transparent;
  border-left-width: 16px;
  border-left-style: solid;
  opacity: 0;
  transform: translate3d(0, -8px, 0);
  transition: all 0.2s ease-in-out;
}
md-slider[md-vertical][md-discrete] .md-sign .md-thumb-text {
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
}
md-slider[md-vertical][md-discrete].md-active .md-sign:after,
md-slider[md-vertical][md-discrete] .md-focused .md-sign:after, md-slider[md-vertical][md-discrete][disabled][readonly] .md-sign:after {
  top: 0;
}
md-slider[md-vertical][disabled][readonly] .md-thumb {
  transform: scale(0);
}
md-slider[md-vertical][disabled][readonly] .md-sign,
md-slider[md-vertical][disabled][readonly] .md-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  left: auto;
  right: 0;
}
[dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  left: 0;
}
[dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  right: auto;
}
md-slider[md-invert][md-vertical] .md-track-fill {
  bottom: auto;
  top: 0;
}

md-slider-container {
  display: flex;
  align-items: center;
  flex-direction: row;
}
md-slider-container > *:first-child:not(md-slider), md-slider-container > *:last-child:not(md-slider) {
  min-width: 25px;
  max-width: 42px;
  height: 25px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: color, max-width;
}
md-slider-container > *:first-child:not(md-slider) {
  margin-right: 16px;
}
[dir=rtl] md-slider-container > *:first-child:not(md-slider) {
  margin-right: auto;
  margin-left: 16px;
}
md-slider-container > *:last-child:not(md-slider) {
  margin-left: 16px;
}
[dir=rtl] md-slider-container > *:last-child:not(md-slider) {
  margin-left: auto;
  margin-right: 16px;
}
md-slider-container[md-vertical] {
  flex-direction: column;
}
md-slider-container[md-vertical] > *:first-child:not(md-slider), md-slider-container[md-vertical] > *:last-child:not(md-slider) {
  margin-right: 0;
  margin-left: 0;
  text-align: center;
}
md-slider-container md-input-container input[type=number] {
  text-align: center;
  padding-left: 15px;
  height: 50px;
  margin-top: -25px;
}
[dir=rtl] md-slider-container md-input-container input[type=number] {
  padding-left: 0;
  padding-right: 15px;
}

@media screen and (-ms-high-contrast: active) {
  md-slider.md-default-theme .md-track {
    border-bottom: 1px solid #fff;
  }
}
.md-sticky-clone {
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  position: absolute !important;
  transform: translate3d(-9999px, -9999px, 0);
}
.md-sticky-clone[sticky-state=active] {
  transform: translate3d(0, 0, 0);
}
.md-sticky-clone[sticky-state=active]:not(.md-sticky-no-effect) .md-subheader-inner {
  -webkit-animation: subheaderStickyHoverIn 0.3s ease-out both;
          animation: subheaderStickyHoverIn 0.3s ease-out both;
}

@-webkit-keyframes subheaderStickyHoverIn {
  0% {
    box-shadow: 0 0 0 0 transparent;
  }
  100% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  }
}

@keyframes subheaderStickyHoverIn {
  0% {
    box-shadow: 0 0 0 0 transparent;
  }
  100% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  }
}
@-webkit-keyframes subheaderStickyHoverOut {
  0% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}
@keyframes subheaderStickyHoverOut {
  0% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}
.md-subheader-wrapper:not(.md-sticky-no-effect) {
  transition: 0.2s ease-out margin;
}
.md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
  margin: 0;
}
.md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
  z-index: 2;
}
.md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state=active] {
  margin-top: -2px;
}
.md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state=active] .md-subheader-inner:after {
  -webkit-animation: subheaderStickyHoverOut 0.3s ease-out both;
          animation: subheaderStickyHoverOut 0.3s ease-out both;
}

.md-subheader {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  margin: 0 0 0 0;
  position: relative;
}
.md-subheader .md-subheader-inner {
  display: block;
  padding: 16px;
}
.md-subheader .md-subheader-content {
  display: block;
  z-index: 1;
  position: relative;
}

[md-swipe-left], [md-swipe-right] {
  touch-action: pan-y;
}

[md-swipe-up], [md-swipe-down] {
  touch-action: pan-x;
}

.md-inline-form md-switch {
  margin-top: 18px;
  margin-bottom: 19px;
}

md-switch {
  margin: 16px 0;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 30px;
  line-height: 28px;
  align-items: center;
  display: flex;
  margin-left: inherit;
  margin-right: 16px;
}
[dir=rtl] md-switch {
  margin-left: 16px;
}
[dir=rtl] md-switch {
  margin-right: inherit;
}
md-switch:last-of-type {
  margin-left: inherit;
  margin-right: 0;
}
[dir=rtl] md-switch:last-of-type {
  margin-left: 0;
}
[dir=rtl] md-switch:last-of-type {
  margin-right: inherit;
}
md-switch[disabled] {
  cursor: default;
}
md-switch[disabled] .md-container {
  cursor: default;
}
md-switch .md-container {
  cursor: -webkit-grab;
  cursor: grab;
  width: 36px;
  height: 24px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 8px;
  float: left;
}
[dir=rtl] md-switch .md-container {
  margin-right: 0px;
  margin-left: 8px;
}
md-switch.md-inverted .md-container {
  margin-right: initial;
  margin-left: 8px;
}
[dir=rtl] md-switch.md-inverted .md-container {
  margin-right: 8px;
}
[dir=rtl] md-switch.md-inverted .md-container {
  margin-left: initial;
}
md-switch:not([disabled]) .md-dragging, md-switch:not([disabled]).md-dragging .md-container {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
md-switch.md-focused .md-thumb:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}
md-switch .md-label {
  border-color: transparent;
  border-width: 0;
  float: left;
}
md-switch .md-bar {
  left: 1px;
  width: 34px;
  top: 5px;
  height: 14px;
  border-radius: 8px;
  position: absolute;
}
md-switch .md-thumb-container {
  top: 2px;
  left: 0;
  width: 16px;
  position: absolute;
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
md-switch.md-checked .md-thumb-container {
  transform: translate3d(100%, 0, 0);
}
md-switch .md-thumb {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  outline: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
md-switch .md-thumb:before {
  background-color: transparent;
  border-radius: 50%;
  content: "";
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  width: auto;
}
md-switch .md-thumb .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -20px;
  top: -20px;
  right: -20px;
  bottom: -20px;
}
md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb-container,
md-switch:not(.md-dragging) .md-thumb {
  transition: all 0.08s linear;
  transition-property: transform, background-color;
}
md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb {
  transition-delay: 0.05s;
}

@media screen and (-ms-high-contrast: active) {
  md-switch.md-default-theme .md-bar {
    background-color: #666;
  }

  md-switch.md-default-theme.md-checked .md-bar {
    background-color: #9E9E9E;
  }

  md-switch.md-default-theme .md-thumb {
    background-color: #fff;
  }
}
@-webkit-keyframes md-tab-content-hide {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes md-tab-content-hide {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
md-tab-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
}

md-tabs {
  display: block;
  margin: 0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: 248px;
}
md-tabs[md-align-tabs=bottom] {
  padding-bottom: 48px;
}
md-tabs[md-align-tabs=bottom] > md-tabs-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  z-index: 2;
}
md-tabs[md-align-tabs=bottom] > md-tabs-content-wrapper {
  top: 0;
  bottom: 48px;
}
md-tabs.md-dynamic-height md-tabs-content-wrapper {
  min-height: 0;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  overflow: visible;
}
md-tabs.md-dynamic-height md-tab-content.md-active {
  position: relative;
}
md-tabs[md-border-bottom] md-tabs-wrapper {
  border-width: 0 0 1px;
  border-style: solid;
}
md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
  top: 49px;
}

md-tabs-wrapper {
  display: block;
  position: relative;
  transform: translate(0, 0);
}
md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
  height: 100%;
  width: 32px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1em;
  z-index: 2;
  cursor: pointer;
  font-size: 16px;
  background: transparent no-repeat center center;
  transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}
md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
  outline: none;
}
md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
  opacity: 0.25;
  cursor: default;
}
md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
  transition: none;
}
md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[dir=rtl] md-tabs-wrapper md-prev-button, [dir=rtl] md-tabs-wrapper md-next-button {
  transform: rotateY(180deg) translateY(-50%);
}
md-tabs-wrapper md-prev-button {
  left: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==");
}
[dir=rtl] md-tabs-wrapper md-prev-button {
  left: auto;
  right: 0;
}
md-tabs-wrapper md-next-button {
  right: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K");
}
[dir=rtl] md-tabs-wrapper md-next-button {
  right: auto;
  left: 0;
}
md-tabs-wrapper md-next-button md-icon {
  transform: translate(-50%, -50%) rotate(180deg);
}
md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
  width: 100%;
  flex-direction: row;
}
md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
  flex-grow: 1;
}

md-tabs-canvas {
  position: relative;
  overflow: hidden;
  display: block;
  height: 48px;
}
md-tabs-canvas:after {
  content: "";
  display: table;
  clear: both;
}
md-tabs-canvas .md-dummy-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
[dir=rtl] md-tabs-canvas .md-dummy-wrapper {
  left: auto;
  right: 0;
}
md-tabs-canvas.md-paginated {
  margin: 0 32px;
}
md-tabs-canvas.md-center-tabs {
  display: flex;
  flex-direction: column;
  text-align: center;
}
md-tabs-canvas.md-center-tabs .md-tab {
  float: none;
  display: inline-block;
}

md-pagination-wrapper {
  height: 48px;
  display: flex;
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  position: absolute;
  left: 0;
  transform: translate(0, 0);
}
md-pagination-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
[dir=rtl] md-pagination-wrapper {
  left: auto;
  right: 0;
}
md-pagination-wrapper.md-center-tabs {
  position: relative;
  justify-content: center;
}
md-pagination-wrapper md-tab-item {
  min-width: 72px;
}
@media (min-width: 600px) {
  md-pagination-wrapper md-tab-item {
    min-width: 160px;
  }
}

md-tabs-content-wrapper {
  display: block;
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

md-tab-content {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  overflow: auto;
  transform: translate(0, 0);
}
md-tab-content.md-no-scroll {
  bottom: auto;
  overflow: hidden;
}
md-tab-content.ng-leave, md-tab-content.md-no-transition {
  transition: none;
}
md-tab-content.md-left:not(.md-active) {
  transform: translateX(-100%);
  -webkit-animation: 1s md-tab-content-hide;
          animation: 1s md-tab-content-hide;
  visibility: hidden;
}
[dir=rtl] md-tab-content.md-left:not(.md-active) {
  transform: translateX(100%);
}
md-tab-content.md-left:not(.md-active) * {
  transition: visibility 0s linear;
  transition-delay: 0.5s;
  visibility: hidden;
}
md-tab-content.md-right:not(.md-active) {
  transform: translateX(100%);
  -webkit-animation: 1s md-tab-content-hide;
          animation: 1s md-tab-content-hide;
  visibility: hidden;
}
[dir=rtl] md-tab-content.md-right:not(.md-active) {
  transform: translateX(-100%);
}
md-tab-content.md-right:not(.md-active) * {
  transition: visibility 0s linear;
  transition-delay: 0.5s;
  visibility: hidden;
}
md-tab-content > div {
  flex: 1 0 100%;
  min-width: 0;
}
md-tab-content > div.ng-leave {
  -webkit-animation: 1s md-tab-content-hide;
          animation: 1s md-tab-content-hide;
}

md-ink-bar {
  position: absolute;
  left: auto;
  right: auto;
  bottom: 0;
  height: 2px;
}
md-ink-bar.md-left {
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
}
md-ink-bar.md-right {
  transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1);
}

md-tab {
  position: absolute;
  z-index: -1;
  left: -9999px;
}

.md-tab {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  padding: 12px;
  transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  text-transform: uppercase;
  float: left;
  font-weight: 500;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir=rtl] .md-tab {
  float: right;
}
.md-tab.md-focused, .md-tab:focus {
  box-shadow: none;
  outline: none;
}
.md-tab.md-active {
  cursor: default;
}
.md-tab.md-disabled {
  pointer-events: none;
  touch-action: pan-y;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  opacity: 0.5;
  cursor: default;
}
.md-tab.ng-leave {
  transition: none;
}

md-toolbar + md-tabs, md-toolbar + md-dialog-content md-tabs {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.md-toast-text {
  padding: 0 8px;
}

md-toast {
  position: absolute;
  z-index: 105;
  box-sizing: border-box;
  cursor: default;
  overflow: hidden;
  padding: 8px;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  /* Transition differently when swiping */
  /*
   * When the toast doesn't take up the whole screen,
   * make it rotate when the user swipes it away
   */
}
md-toast .md-toast-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-height: 168px;
  max-width: 100%;
  min-height: 48px;
  padding: 0 16px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 2px;
  font-size: 14px;
  overflow: hidden;
  transform: translate3d(0, 0, 0) rotateZ(0deg);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  justify-content: flex-start;
}
md-toast .md-toast-content::before {
  content: "";
  min-height: 48px;
  visibility: hidden;
  display: inline-block;
}
[dir=rtl] md-toast .md-toast-content {
  justify-content: flex-end;
}
md-toast .md-toast-content span {
  flex: 1 1 0%;
  box-sizing: border-box;
  min-width: 0;
}
md-toast.md-capsule {
  border-radius: 24px;
}
md-toast.md-capsule .md-toast-content {
  border-radius: 24px;
}
md-toast.ng-leave-active .md-toast-content {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
md-toast.md-swipeleft .md-toast-content, md-toast.md-swiperight .md-toast-content, md-toast.md-swipeup .md-toast-content, md-toast.md-swipedown .md-toast-content {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
md-toast.ng-enter {
  opacity: 0;
}
md-toast.ng-enter .md-toast-content {
  transform: translate3d(0, 100%, 0);
}
md-toast.ng-enter.md-top .md-toast-content {
  transform: translate3d(0, -100%, 0);
}
md-toast.ng-enter.ng-enter-active {
  opacity: 1;
}
md-toast.ng-enter.ng-enter-active .md-toast-content {
  transform: translate3d(0, 0, 0);
}
md-toast.ng-leave.ng-leave-active .md-toast-content {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
  transform: translate3d(0, -50%, 0);
}
md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
  transform: translate3d(0, 50%, 0);
}
md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
  transform: translate3d(0, -100%, 0);
}
md-toast .md-action {
  line-height: 19px;
  margin-left: 24px;
  margin-right: 0;
  cursor: pointer;
  text-transform: uppercase;
  float: right;
}
md-toast .md-button {
  min-width: 0;
  margin-right: 0;
  margin-left: 8px;
}
[dir=rtl] md-toast .md-button {
  margin-right: 8px;
}
[dir=rtl] md-toast .md-button {
  margin-left: 0;
}

@media (max-width: 959px) {
  md-toast {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border-radius: 0;
    bottom: 0;
    padding: 0;
  }
  md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
    transform: translate3d(0, -50%, 0);
  }
  md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
    transform: translate3d(0, 50%, 0);
  }
}
@media (min-width: 960px) {
  md-toast {
    min-width: 304px;
    /*
    * When the toast doesn't take up the whole screen,
    * make it rotate when the user swipes it away
    */
  }
  md-toast.md-bottom {
    bottom: 0;
  }
  md-toast.md-left {
    left: 0;
  }
  md-toast.md-right {
    right: 0;
  }
  md-toast.md-top {
    top: 0;
  }
  md-toast._md-start {
    left: 0;
  }
  [dir=rtl] md-toast._md-start {
    left: auto;
    right: 0;
  }
  md-toast._md-end {
    right: 0;
  }
  [dir=rtl] md-toast._md-end {
    right: auto;
    left: 0;
  }
  md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
    transform: translate3d(-50%, 0, 0);
  }
  md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
    transform: translate3d(50%, 0, 0);
  }
}
@media (min-width: 1920px) {
  md-toast .md-toast-content {
    max-width: 568px;
  }
}
@media screen and (-ms-high-contrast: active) {
  md-toast {
    border: 1px solid #fff;
  }
}
.md-toast-animating {
  overflow: hidden !important;
}

md-toolbar {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 20px;
  min-height: 64px;
  width: 100%;
}
md-toolbar._md-toolbar-transitions {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  transition-property: background-color, fill, color;
}
md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
  transition: box-shadow 0.5s linear;
}
md-toolbar md-toolbar-filler {
  width: 72px;
}
md-toolbar *,
md-toolbar *:before,
md-toolbar *:after {
  box-sizing: border-box;
}
md-toolbar.ng-animate {
  transition: none;
}
md-toolbar.md-tall {
  height: 128px;
  min-height: 128px;
  max-height: 128px;
}
md-toolbar.md-medium-tall {
  height: 88px;
  min-height: 88px;
  max-height: 88px;
}
md-toolbar.md-medium-tall .md-toolbar-tools {
  height: 48px;
  min-height: 48px;
  max-height: 48px;
}
md-toolbar > .md-indent {
  margin-left: 64px;
}
[dir=rtl] md-toolbar > .md-indent {
  margin-left: auto;
  margin-right: 64px;
}
md-toolbar ~ md-content > md-list {
  padding: 0;
}
md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
  display: none;
}

.md-toolbar-tools {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  height: 64px;
  max-height: 64px;
  padding: 0 16px;
  margin: 0;
}
.md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
  font-size: inherit;
  font-weight: inherit;
  margin: inherit;
}
.md-toolbar-tools a {
  color: inherit;
  text-decoration: none;
}
.md-toolbar-tools .fill-height {
  display: flex;
  align-items: center;
}
.md-toolbar-tools md-checkbox {
  margin: inherit;
}
.md-toolbar-tools .md-button {
  margin-top: 0;
  margin-bottom: 0;
}
.md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  transition-property: background-color, fill, color;
}
.md-toolbar-tools .md-button.ng-animate, .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate {
  transition: none;
}
.md-toolbar-tools > .md-button:first-child {
  margin-left: -8px;
}
[dir=rtl] .md-toolbar-tools > .md-button:first-child {
  margin-left: auto;
  margin-right: -8px;
}
.md-toolbar-tools > .md-button:last-child {
  margin-right: -8px;
}
[dir=rtl] .md-toolbar-tools > .md-button:last-child {
  margin-right: auto;
  margin-left: -8px;
}
.md-toolbar-tools > md-menu:last-child {
  margin-right: -8px;
}
[dir=rtl] .md-toolbar-tools > md-menu:last-child {
  margin-right: auto;
  margin-left: -8px;
}
.md-toolbar-tools > md-menu:last-child > .md-button {
  margin-right: 0;
}
[dir=rtl] .md-toolbar-tools > md-menu:last-child > .md-button {
  margin-right: auto;
  margin-left: 0;
}
@media screen and (-ms-high-contrast: active) {
  .md-toolbar-tools {
    border-bottom: 1px solid #fff;
  }
}

@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  md-toolbar {
    min-height: 56px;
  }

  .md-toolbar-tools {
    height: 56px;
    max-height: 56px;
  }
}
@media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
  md-toolbar {
    min-height: 48px;
  }

  .md-toolbar-tools {
    height: 48px;
    max-height: 48px;
  }
}
.md-tooltip {
  display: inline-block;
  pointer-events: none;
  border-radius: 4px;
  overflow: hidden;
  opacity: 0;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 32px;
  line-height: 32px;
  padding-right: 16px;
  padding-left: 16px;
}
.md-tooltip.md-origin-top {
  transform-origin: center bottom;
  margin-top: -24px;
}
.md-tooltip.md-origin-right {
  transform-origin: left center;
  margin-left: 24px;
}
.md-tooltip.md-origin-bottom {
  transform-origin: center top;
  margin-top: 24px;
}
.md-tooltip.md-origin-left {
  transform-origin: right center;
  margin-left: -24px;
}
@media (min-width: 960px) {
  .md-tooltip {
    font-size: 10px;
    height: 22px;
    line-height: 22px;
    padding-right: 8px;
    padding-left: 8px;
  }
  .md-tooltip.md-origin-top {
    margin-top: -14px;
  }
  .md-tooltip.md-origin-right {
    margin-left: 14px;
  }
  .md-tooltip.md-origin-bottom {
    margin-top: 14px;
  }
  .md-tooltip.md-origin-left {
    margin-left: -14px;
  }
}
.md-tooltip.md-show-add {
  transform: scale(0);
}
.md-tooltip.md-show {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 150ms;
  transform: scale(1);
  opacity: 0.9;
}
.md-tooltip.md-hide {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 150ms;
  transform: scale(0);
  opacity: 0;
}

.md-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.md-truncate.md-clip {
  text-overflow: clip;
}
.md-truncate.flex {
  width: 0;
}

.md-virtual-repeat-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.md-virtual-repeat-container .md-virtual-repeat-scroller {
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}
.md-virtual-repeat-container .md-virtual-repeat-sizer {
  box-sizing: border-box;
  height: 1px;
  display: block;
  margin: 0;
  padding: 0;
  width: 1px;
}
.md-virtual-repeat-container .md-virtual-repeat-offsetter {
  box-sizing: border-box;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
  overflow-x: auto;
  overflow-y: hidden;
}
.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  bottom: 16px;
  right: auto;
  white-space: nowrap;
}
[dir=rtl] .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  right: auto;
  left: auto;
}

.md-whiteframe-1dp, .md-whiteframe-z1 {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

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

.md-whiteframe-3dp {
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-4dp, .md-whiteframe-z2 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-5dp {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-6dp {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-7dp, .md-whiteframe-z3 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-8dp {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-9dp {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-10dp, .md-whiteframe-z4 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-11dp {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-12dp {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-13dp, .md-whiteframe-z5 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-14dp {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-15dp {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-16dp {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-17dp {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-18dp {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-19dp {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-20dp {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-21dp {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-22dp {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-23dp {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-24dp {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

@media screen and (-ms-high-contrast: active) {
  md-whiteframe {
    border: 1px solid #fff;
  }
}
@media print {
  md-whiteframe, [md-whiteframe] {
    background-color: #ffffff;
  }
}
/*
* Since Layout API uses ng-cloak to hide the dom elements while layouts are adjusted
*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*/
@-moz-document url-prefix() {
  .layout-fill {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
  }
}
/*
 *  Apply Mixins to create Layout/Flexbox styles
 */
.flex-order {
  order: 0;
}

.flex-order--20 {
  order: -20;
}

.flex-order--19 {
  order: -19;
}

.flex-order--18 {
  order: -18;
}

.flex-order--17 {
  order: -17;
}

.flex-order--16 {
  order: -16;
}

.flex-order--15 {
  order: -15;
}

.flex-order--14 {
  order: -14;
}

.flex-order--13 {
  order: -13;
}

.flex-order--12 {
  order: -12;
}

.flex-order--11 {
  order: -11;
}

.flex-order--10 {
  order: -10;
}

.flex-order--9 {
  order: -9;
}

.flex-order--8 {
  order: -8;
}

.flex-order--7 {
  order: -7;
}

.flex-order--6 {
  order: -6;
}

.flex-order--5 {
  order: -5;
}

.flex-order--4 {
  order: -4;
}

.flex-order--3 {
  order: -3;
}

.flex-order--2 {
  order: -2;
}

.flex-order--1 {
  order: -1;
}

.flex-order-0 {
  order: 0;
}

.flex-order-1 {
  order: 1;
}

.flex-order-2 {
  order: 2;
}

.flex-order-3 {
  order: 3;
}

.flex-order-4 {
  order: 4;
}

.flex-order-5 {
  order: 5;
}

.flex-order-6 {
  order: 6;
}

.flex-order-7 {
  order: 7;
}

.flex-order-8 {
  order: 8;
}

.flex-order-9 {
  order: 9;
}

.flex-order-10 {
  order: 10;
}

.flex-order-11 {
  order: 11;
}

.flex-order-12 {
  order: 12;
}

.flex-order-13 {
  order: 13;
}

.flex-order-14 {
  order: 14;
}

.flex-order-15 {
  order: 15;
}

.flex-order-16 {
  order: 16;
}

.flex-order-17 {
  order: 17;
}

.flex-order-18 {
  order: 18;
}

.flex-order-19 {
  order: 19;
}

.flex-order-20 {
  order: 20;
}

.offset-0, .flex-offset-0, .layout-margin .flex-offset-0, .layout-margin .offset-0 {
  margin-left: 0;
}
[dir=rtl] .offset-0, [dir=rtl] .flex-offset-0, [dir=rtl] .layout-margin .flex-offset-0, [dir=rtl] .layout-margin .offset-0 {
  margin-left: auto;
  margin-right: 0;
}

.offset-5, .flex-offset-5, .layout-margin .flex-offset-5, .layout-margin .offset-5 {
  margin-left: 5%;
}
[dir=rtl] .offset-5, [dir=rtl] .flex-offset-5, [dir=rtl] .layout-margin .flex-offset-5, [dir=rtl] .layout-margin .offset-5 {
  margin-left: auto;
  margin-right: 5%;
}

.offset-10, .flex-offset-10, .layout-margin .flex-offset-10, .layout-margin .offset-10 {
  margin-left: 10%;
}
[dir=rtl] .offset-10, [dir=rtl] .flex-offset-10, [dir=rtl] .layout-margin .flex-offset-10, [dir=rtl] .layout-margin .offset-10 {
  margin-left: auto;
  margin-right: 10%;
}

.offset-15, .flex-offset-15, .layout-margin .flex-offset-15, .layout-margin .offset-15 {
  margin-left: 15%;
}
[dir=rtl] .offset-15, [dir=rtl] .flex-offset-15, [dir=rtl] .layout-margin .flex-offset-15, [dir=rtl] .layout-margin .offset-15 {
  margin-left: auto;
  margin-right: 15%;
}

.offset-20, .flex-offset-20, .layout-margin .flex-offset-20, .layout-margin .offset-20 {
  margin-left: 20%;
}
[dir=rtl] .offset-20, [dir=rtl] .flex-offset-20, [dir=rtl] .layout-margin .flex-offset-20, [dir=rtl] .layout-margin .offset-20 {
  margin-left: auto;
  margin-right: 20%;
}

.offset-25, .flex-offset-25, .layout-margin .flex-offset-25, .layout-margin .offset-25 {
  margin-left: 25%;
}
[dir=rtl] .offset-25, [dir=rtl] .flex-offset-25, [dir=rtl] .layout-margin .flex-offset-25, [dir=rtl] .layout-margin .offset-25 {
  margin-left: auto;
  margin-right: 25%;
}

.offset-30, .flex-offset-30, .layout-margin .flex-offset-30, .layout-margin .offset-30 {
  margin-left: 30%;
}
[dir=rtl] .offset-30, [dir=rtl] .flex-offset-30, [dir=rtl] .layout-margin .flex-offset-30, [dir=rtl] .layout-margin .offset-30 {
  margin-left: auto;
  margin-right: 30%;
}

.offset-35, .flex-offset-35, .layout-margin .flex-offset-35, .layout-margin .offset-35 {
  margin-left: 35%;
}
[dir=rtl] .offset-35, [dir=rtl] .flex-offset-35, [dir=rtl] .layout-margin .flex-offset-35, [dir=rtl] .layout-margin .offset-35 {
  margin-left: auto;
  margin-right: 35%;
}

.offset-40, .flex-offset-40, .layout-margin .flex-offset-40, .layout-margin .offset-40 {
  margin-left: 40%;
}
[dir=rtl] .offset-40, [dir=rtl] .flex-offset-40, [dir=rtl] .layout-margin .flex-offset-40, [dir=rtl] .layout-margin .offset-40 {
  margin-left: auto;
  margin-right: 40%;
}

.offset-45, .flex-offset-45, .layout-margin .flex-offset-45, .layout-margin .offset-45 {
  margin-left: 45%;
}
[dir=rtl] .offset-45, [dir=rtl] .flex-offset-45, [dir=rtl] .layout-margin .flex-offset-45, [dir=rtl] .layout-margin .offset-45 {
  margin-left: auto;
  margin-right: 45%;
}

.offset-50, .flex-offset-50, .layout-margin .flex-offset-50, .layout-margin .offset-50 {
  margin-left: 50%;
}
[dir=rtl] .offset-50, [dir=rtl] .flex-offset-50, [dir=rtl] .layout-margin .flex-offset-50, [dir=rtl] .layout-margin .offset-50 {
  margin-left: auto;
  margin-right: 50%;
}

.offset-55, .flex-offset-55, .layout-margin .flex-offset-55, .layout-margin .offset-55 {
  margin-left: 55%;
}
[dir=rtl] .offset-55, [dir=rtl] .flex-offset-55, [dir=rtl] .layout-margin .flex-offset-55, [dir=rtl] .layout-margin .offset-55 {
  margin-left: auto;
  margin-right: 55%;
}

.offset-60, .flex-offset-60, .layout-margin .flex-offset-60, .layout-margin .offset-60 {
  margin-left: 60%;
}
[dir=rtl] .offset-60, [dir=rtl] .flex-offset-60, [dir=rtl] .layout-margin .flex-offset-60, [dir=rtl] .layout-margin .offset-60 {
  margin-left: auto;
  margin-right: 60%;
}

.offset-65, .flex-offset-65, .layout-margin .flex-offset-65, .layout-margin .offset-65 {
  margin-left: 65%;
}
[dir=rtl] .offset-65, [dir=rtl] .flex-offset-65, [dir=rtl] .layout-margin .flex-offset-65, [dir=rtl] .layout-margin .offset-65 {
  margin-left: auto;
  margin-right: 65%;
}

.offset-70, .flex-offset-70, .layout-margin .flex-offset-70, .layout-margin .offset-70 {
  margin-left: 70%;
}
[dir=rtl] .offset-70, [dir=rtl] .flex-offset-70, [dir=rtl] .layout-margin .flex-offset-70, [dir=rtl] .layout-margin .offset-70 {
  margin-left: auto;
  margin-right: 70%;
}

.offset-75, .flex-offset-75, .layout-margin .flex-offset-75, .layout-margin .offset-75 {
  margin-left: 75%;
}
[dir=rtl] .offset-75, [dir=rtl] .flex-offset-75, [dir=rtl] .layout-margin .flex-offset-75, [dir=rtl] .layout-margin .offset-75 {
  margin-left: auto;
  margin-right: 75%;
}

.offset-80, .flex-offset-80, .layout-margin .flex-offset-80, .layout-margin .offset-80 {
  margin-left: 80%;
}
[dir=rtl] .offset-80, [dir=rtl] .flex-offset-80, [dir=rtl] .layout-margin .flex-offset-80, [dir=rtl] .layout-margin .offset-80 {
  margin-left: auto;
  margin-right: 80%;
}

.offset-85, .flex-offset-85, .layout-margin .flex-offset-85, .layout-margin .offset-85 {
  margin-left: 85%;
}
[dir=rtl] .offset-85, [dir=rtl] .flex-offset-85, [dir=rtl] .layout-margin .flex-offset-85, [dir=rtl] .layout-margin .offset-85 {
  margin-left: auto;
  margin-right: 85%;
}

.offset-90, .flex-offset-90, .layout-margin .flex-offset-90, .layout-margin .offset-90 {
  margin-left: 90%;
}
[dir=rtl] .offset-90, [dir=rtl] .flex-offset-90, [dir=rtl] .layout-margin .flex-offset-90, [dir=rtl] .layout-margin .offset-90 {
  margin-left: auto;
  margin-right: 90%;
}

.offset-95, .flex-offset-95, .layout-margin .flex-offset-95, .layout-margin .offset-95 {
  margin-left: 95%;
}
[dir=rtl] .offset-95, [dir=rtl] .flex-offset-95, [dir=rtl] .layout-margin .flex-offset-95, [dir=rtl] .layout-margin .offset-95 {
  margin-left: auto;
  margin-right: 95%;
}

.offset-33, .flex-offset-33, .layout-margin .flex-offset-33, .layout-margin .offset-33 {
  margin-left: 33.3333333333%;
}

.offset-66, .flex-offset-66, .layout-margin .flex-offset-66, .layout-margin .offset-66 {
  margin-left: 66.6666666667%;
}
[dir=rtl] .offset-66, [dir=rtl] .flex-offset-66, [dir=rtl] .layout-margin .flex-offset-66, [dir=rtl] .layout-margin .offset-66 {
  margin-left: auto;
  margin-right: 66.6666666667%;
}

.layout-align,
.layout-align-start-stretch {
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}

.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-stretch {
  justify-content: flex-start;
}

.layout-align-center,
.layout-align-center-start,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-stretch {
  justify-content: center;
}

.layout-align-end,
.layout-align-end-start,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-stretch {
  justify-content: flex-end;
}

.layout-align-space-around,
.layout-align-space-around-center,
.layout-align-space-around-start,
.layout-align-space-around-end,
.layout-align-space-around-stretch {
  justify-content: space-around;
}

.layout-align-space-between,
.layout-align-space-between-center,
.layout-align-space-between-start,
.layout-align-space-between-end,
.layout-align-space-between-stretch {
  justify-content: space-between;
}

.layout-align-start-start,
.layout-align-center-start,
.layout-align-end-start,
.layout-align-space-between-start,
.layout-align-space-around-start {
  align-items: flex-start;
  align-content: flex-start;
}

.layout-align-start-center,
.layout-align-center-center,
.layout-align-end-center,
.layout-align-space-between-center,
.layout-align-space-around-center {
  align-items: center;
  align-content: center;
  max-width: 100%;
}

.layout-align-start-center > *,
.layout-align-center-center > *,
.layout-align-end-center > *,
.layout-align-space-between-center > *,
.layout-align-space-around-center > * {
  max-width: 100%;
  box-sizing: border-box;
}

.layout-align-start-end,
.layout-align-center-end,
.layout-align-end-end,
.layout-align-space-between-end,
.layout-align-space-around-end {
  align-items: flex-end;
  align-content: flex-end;
}

.layout-align-start-stretch,
.layout-align-center-stretch,
.layout-align-end-stretch,
.layout-align-space-between-stretch,
.layout-align-space-around-stretch {
  align-items: stretch;
  align-content: stretch;
}

.flex {
  flex: 1;
  box-sizing: border-box;
}

.flex-grow {
  flex: 1 1 100%;
  box-sizing: border-box;
}

.flex-initial {
  flex: 0 1 auto;
  box-sizing: border-box;
}

.flex-auto {
  flex: 1 1 auto;
  box-sizing: border-box;
}

.flex-none {
  flex: 0 0 auto;
  box-sizing: border-box;
}

.flex-noshrink {
  flex: 1 0 auto;
  box-sizing: border-box;
}

.flex-nogrow {
  flex: 0 1 auto;
  box-sizing: border-box;
}

.flex-0 {
  flex: 1 1 100%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-0 {
  flex: 1 1 100%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
  min-width: 0;
}

.layout-column > .flex-0 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box;
}

.flex-5 {
  flex: 1 1 100%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-5 {
  flex: 1 1 100%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-5 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}

.flex-10 {
  flex: 1 1 100%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-10 {
  flex: 1 1 100%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-10 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}

.flex-15 {
  flex: 1 1 100%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-15 {
  flex: 1 1 100%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-15 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}

.flex-20 {
  flex: 1 1 100%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-20 {
  flex: 1 1 100%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-20 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}

.flex-25 {
  flex: 1 1 100%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-25 {
  flex: 1 1 100%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-25 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}

.flex-30 {
  flex: 1 1 100%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-30 {
  flex: 1 1 100%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-30 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}

.flex-35 {
  flex: 1 1 100%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-35 {
  flex: 1 1 100%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-35 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}

.flex-40 {
  flex: 1 1 100%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-40 {
  flex: 1 1 100%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-40 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}

.flex-45 {
  flex: 1 1 100%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-45 {
  flex: 1 1 100%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-45 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}

.flex-50 {
  flex: 1 1 100%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-50 {
  flex: 1 1 100%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-50 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}

.flex-55 {
  flex: 1 1 100%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-55 {
  flex: 1 1 100%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-55 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}

.flex-60 {
  flex: 1 1 100%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-60 {
  flex: 1 1 100%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-60 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}

.flex-65 {
  flex: 1 1 100%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-65 {
  flex: 1 1 100%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-65 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}

.flex-70 {
  flex: 1 1 100%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-70 {
  flex: 1 1 100%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-70 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}

.flex-75 {
  flex: 1 1 100%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-75 {
  flex: 1 1 100%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-75 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}

.flex-80 {
  flex: 1 1 100%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-80 {
  flex: 1 1 100%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-80 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}

.flex-85 {
  flex: 1 1 100%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-85 {
  flex: 1 1 100%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-85 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}

.flex-90 {
  flex: 1 1 100%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-90 {
  flex: 1 1 100%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-90 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}

.flex-95 {
  flex: 1 1 100%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-95 {
  flex: 1 1 100%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-95 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}

.flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.flex-33 {
  flex: 1 1 100%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}

.flex-66 {
  flex: 1 1 100%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

.layout-row > .flex-33 {
  flex: 1 1 100%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-66 {
  flex: 1 1 100%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex {
  min-width: 0;
}

.layout-column > .flex-33 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
.layout-column > .flex-66 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-column > .flex {
  min-height: 0;
}

.layout, .layout-column, .layout-row {
  box-sizing: border-box;
  display: flex;
}

.layout-column {
  flex-direction: column;
}

.layout-row {
  flex-direction: row;
}

.layout-padding-sm > *,
.layout-padding > .flex-sm {
  padding: 4px;
}

.layout-padding,
.layout-padding-gt-sm,
.layout-padding-md,
.layout-padding > *,
.layout-padding-gt-sm > *,
.layout-padding-md > *,
.layout-padding > .flex,
.layout-padding > .flex-gt-sm,
.layout-padding > .flex-md {
  padding: 8px;
}

.layout-padding-gt-md > *,
.layout-padding-lg > *,
.layout-padding-gt-lg > *,
.layout-padding > .flex-gt-md,
.layout-padding > .flex-lg,
.layout-padding > .flex-lg,
.layout-padding > .flex-gt-lg {
  padding: 16px;
}

.layout-margin-sm > *,
.layout-margin > .flex-sm {
  margin: 4px;
}

.layout-margin,
.layout-margin-gt-sm,
.layout-margin-md,
.layout-margin > *,
.layout-margin-gt-sm > *,
.layout-margin-md > *,
.layout-margin > .flex,
.layout-margin > .flex-gt-sm,
.layout-margin > .flex-md {
  margin: 8px;
}

.layout-margin-gt-md > *,
.layout-margin-lg > *,
.layout-margin-gt-lg > *,
.layout-margin > .flex-gt-md,
.layout-margin > .flex-lg,
.layout-margin > .flex-gt-lg {
  margin: 16px;
}

.layout-wrap {
  flex-wrap: wrap;
}

.layout-nowrap {
  flex-wrap: nowrap;
}

.layout-fill {
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
}

/**
 * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
 * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
 * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
 *
 *  hide means hide everywhere
 *  Sizes:
 *         $layout-breakpoint-xs:     600px !default;
 *         $layout-breakpoint-sm:     960px !default;
 *         $layout-breakpoint-md:     1280px !default;
 *         $layout-breakpoint-lg:     1920px !default;
 */
@media (max-width: 599px) {
  .hide-xs:not(.show-xs):not(.show), .hide:not(.show-xs):not(.show) {
    display: none;
  }

  .flex-order-xs--20 {
    order: -20;
  }

  .flex-order-xs--19 {
    order: -19;
  }

  .flex-order-xs--18 {
    order: -18;
  }

  .flex-order-xs--17 {
    order: -17;
  }

  .flex-order-xs--16 {
    order: -16;
  }

  .flex-order-xs--15 {
    order: -15;
  }

  .flex-order-xs--14 {
    order: -14;
  }

  .flex-order-xs--13 {
    order: -13;
  }

  .flex-order-xs--12 {
    order: -12;
  }

  .flex-order-xs--11 {
    order: -11;
  }

  .flex-order-xs--10 {
    order: -10;
  }

  .flex-order-xs--9 {
    order: -9;
  }

  .flex-order-xs--8 {
    order: -8;
  }

  .flex-order-xs--7 {
    order: -7;
  }

  .flex-order-xs--6 {
    order: -6;
  }

  .flex-order-xs--5 {
    order: -5;
  }

  .flex-order-xs--4 {
    order: -4;
  }

  .flex-order-xs--3 {
    order: -3;
  }

  .flex-order-xs--2 {
    order: -2;
  }

  .flex-order-xs--1 {
    order: -1;
  }

  .flex-order-xs-0 {
    order: 0;
  }

  .flex-order-xs-1 {
    order: 1;
  }

  .flex-order-xs-2 {
    order: 2;
  }

  .flex-order-xs-3 {
    order: 3;
  }

  .flex-order-xs-4 {
    order: 4;
  }

  .flex-order-xs-5 {
    order: 5;
  }

  .flex-order-xs-6 {
    order: 6;
  }

  .flex-order-xs-7 {
    order: 7;
  }

  .flex-order-xs-8 {
    order: 8;
  }

  .flex-order-xs-9 {
    order: 9;
  }

  .flex-order-xs-10 {
    order: 10;
  }

  .flex-order-xs-11 {
    order: 11;
  }

  .flex-order-xs-12 {
    order: 12;
  }

  .flex-order-xs-13 {
    order: 13;
  }

  .flex-order-xs-14 {
    order: 14;
  }

  .flex-order-xs-15 {
    order: 15;
  }

  .flex-order-xs-16 {
    order: 16;
  }

  .flex-order-xs-17 {
    order: 17;
  }

  .flex-order-xs-18 {
    order: 18;
  }

  .flex-order-xs-19 {
    order: 19;
  }

  .flex-order-xs-20 {
    order: 20;
  }

  .offset-xs-0, .flex-offset-xs-0, .layout-margin .flex-offset-xs-0, .layout-margin .offset-xs-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-xs-0, [dir=rtl] .flex-offset-xs-0, [dir=rtl] .layout-margin .flex-offset-xs-0, [dir=rtl] .layout-margin .offset-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-xs-5, .flex-offset-xs-5, .layout-margin .flex-offset-xs-5, .layout-margin .offset-xs-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-xs-5, [dir=rtl] .flex-offset-xs-5, [dir=rtl] .layout-margin .flex-offset-xs-5, [dir=rtl] .layout-margin .offset-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-xs-10, .flex-offset-xs-10, .layout-margin .flex-offset-xs-10, .layout-margin .offset-xs-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-xs-10, [dir=rtl] .flex-offset-xs-10, [dir=rtl] .layout-margin .flex-offset-xs-10, [dir=rtl] .layout-margin .offset-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-xs-15, .flex-offset-xs-15, .layout-margin .flex-offset-xs-15, .layout-margin .offset-xs-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-xs-15, [dir=rtl] .flex-offset-xs-15, [dir=rtl] .layout-margin .flex-offset-xs-15, [dir=rtl] .layout-margin .offset-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-xs-20, .flex-offset-xs-20, .layout-margin .flex-offset-xs-20, .layout-margin .offset-xs-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-xs-20, [dir=rtl] .flex-offset-xs-20, [dir=rtl] .layout-margin .flex-offset-xs-20, [dir=rtl] .layout-margin .offset-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-xs-25, .flex-offset-xs-25, .layout-margin .flex-offset-xs-25, .layout-margin .offset-xs-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-xs-25, [dir=rtl] .flex-offset-xs-25, [dir=rtl] .layout-margin .flex-offset-xs-25, [dir=rtl] .layout-margin .offset-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-xs-30, .flex-offset-xs-30, .layout-margin .flex-offset-xs-30, .layout-margin .offset-xs-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-xs-30, [dir=rtl] .flex-offset-xs-30, [dir=rtl] .layout-margin .flex-offset-xs-30, [dir=rtl] .layout-margin .offset-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-xs-35, .flex-offset-xs-35, .layout-margin .flex-offset-xs-35, .layout-margin .offset-xs-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-xs-35, [dir=rtl] .flex-offset-xs-35, [dir=rtl] .layout-margin .flex-offset-xs-35, [dir=rtl] .layout-margin .offset-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-xs-40, .flex-offset-xs-40, .layout-margin .flex-offset-xs-40, .layout-margin .offset-xs-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-xs-40, [dir=rtl] .flex-offset-xs-40, [dir=rtl] .layout-margin .flex-offset-xs-40, [dir=rtl] .layout-margin .offset-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-xs-45, .flex-offset-xs-45, .layout-margin .flex-offset-xs-45, .layout-margin .offset-xs-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-xs-45, [dir=rtl] .flex-offset-xs-45, [dir=rtl] .layout-margin .flex-offset-xs-45, [dir=rtl] .layout-margin .offset-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-xs-50, .flex-offset-xs-50, .layout-margin .flex-offset-xs-50, .layout-margin .offset-xs-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-xs-50, [dir=rtl] .flex-offset-xs-50, [dir=rtl] .layout-margin .flex-offset-xs-50, [dir=rtl] .layout-margin .offset-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-xs-55, .flex-offset-xs-55, .layout-margin .flex-offset-xs-55, .layout-margin .offset-xs-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-xs-55, [dir=rtl] .flex-offset-xs-55, [dir=rtl] .layout-margin .flex-offset-xs-55, [dir=rtl] .layout-margin .offset-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-xs-60, .flex-offset-xs-60, .layout-margin .flex-offset-xs-60, .layout-margin .offset-xs-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-xs-60, [dir=rtl] .flex-offset-xs-60, [dir=rtl] .layout-margin .flex-offset-xs-60, [dir=rtl] .layout-margin .offset-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-xs-65, .flex-offset-xs-65, .layout-margin .flex-offset-xs-65, .layout-margin .offset-xs-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-xs-65, [dir=rtl] .flex-offset-xs-65, [dir=rtl] .layout-margin .flex-offset-xs-65, [dir=rtl] .layout-margin .offset-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-xs-70, .flex-offset-xs-70, .layout-margin .flex-offset-xs-70, .layout-margin .offset-xs-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-xs-70, [dir=rtl] .flex-offset-xs-70, [dir=rtl] .layout-margin .flex-offset-xs-70, [dir=rtl] .layout-margin .offset-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-xs-75, .flex-offset-xs-75, .layout-margin .flex-offset-xs-75, .layout-margin .offset-xs-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-xs-75, [dir=rtl] .flex-offset-xs-75, [dir=rtl] .layout-margin .flex-offset-xs-75, [dir=rtl] .layout-margin .offset-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-xs-80, .flex-offset-xs-80, .layout-margin .flex-offset-xs-80, .layout-margin .offset-xs-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-xs-80, [dir=rtl] .flex-offset-xs-80, [dir=rtl] .layout-margin .flex-offset-xs-80, [dir=rtl] .layout-margin .offset-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-xs-85, .flex-offset-xs-85, .layout-margin .flex-offset-xs-85, .layout-margin .offset-xs-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-xs-85, [dir=rtl] .flex-offset-xs-85, [dir=rtl] .layout-margin .flex-offset-xs-85, [dir=rtl] .layout-margin .offset-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-xs-90, .flex-offset-xs-90, .layout-margin .flex-offset-xs-90, .layout-margin .offset-xs-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-xs-90, [dir=rtl] .flex-offset-xs-90, [dir=rtl] .layout-margin .flex-offset-xs-90, [dir=rtl] .layout-margin .offset-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-xs-95, .flex-offset-xs-95, .layout-margin .flex-offset-xs-95, .layout-margin .offset-xs-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-xs-95, [dir=rtl] .flex-offset-xs-95, [dir=rtl] .layout-margin .flex-offset-xs-95, [dir=rtl] .layout-margin .offset-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-xs-33, .flex-offset-xs-33, .layout-margin .flex-offset-xs-33, .layout-margin .offset-xs-33 {
    margin-left: 33.3333333333%;
  }

  .offset-xs-66, .flex-offset-xs-66, .layout-margin .flex-offset-xs-66, .layout-margin .offset-xs-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-xs-66, [dir=rtl] .flex-offset-xs-66, [dir=rtl] .layout-margin .flex-offset-xs-66, [dir=rtl] .layout-margin .offset-xs-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  .layout-align-xs,
.layout-align-xs-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-xs-start,
.layout-align-xs-start-start,
.layout-align-xs-start-center,
.layout-align-xs-start-end,
.layout-align-xs-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-xs-center,
.layout-align-xs-center-start,
.layout-align-xs-center-center,
.layout-align-xs-center-end,
.layout-align-xs-center-stretch {
    justify-content: center;
  }

  .layout-align-xs-end,
.layout-align-xs-end-start,
.layout-align-xs-end-center,
.layout-align-xs-end-end,
.layout-align-xs-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-xs-space-around,
.layout-align-xs-space-around-center,
.layout-align-xs-space-around-start,
.layout-align-xs-space-around-end,
.layout-align-xs-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-xs-space-between,
.layout-align-xs-space-between-center,
.layout-align-xs-space-between-start,
.layout-align-xs-space-between-end,
.layout-align-xs-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-xs-start-start,
.layout-align-xs-center-start,
.layout-align-xs-end-start,
.layout-align-xs-space-between-start,
.layout-align-xs-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-xs-start-center,
.layout-align-xs-center-center,
.layout-align-xs-end-center,
.layout-align-xs-space-between-center,
.layout-align-xs-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-xs-start-center > *,
.layout-align-xs-center-center > *,
.layout-align-xs-end-center > *,
.layout-align-xs-space-between-center > *,
.layout-align-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-xs-start-end,
.layout-align-xs-center-end,
.layout-align-xs-end-end,
.layout-align-xs-space-between-end,
.layout-align-xs-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-xs-start-stretch,
.layout-align-xs-center-stretch,
.layout-align-xs-end-stretch,
.layout-align-xs-space-between-stretch,
.layout-align-xs-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-xs {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-xs-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-xs-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-xs-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-xs-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-xs-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-xs-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-xs-column > .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex {
    min-width: 0;
  }

  .layout-xs-column > .flex-xs-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex {
    min-height: 0;
  }

  .layout-xs, .layout-xs-column, .layout-xs-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-xs-column {
    flex-direction: column;
  }

  .layout-xs-row {
    flex-direction: row;
  }
}
@media (min-width: 600px) {
  .flex-order-gt-xs--20 {
    order: -20;
  }

  .flex-order-gt-xs--19 {
    order: -19;
  }

  .flex-order-gt-xs--18 {
    order: -18;
  }

  .flex-order-gt-xs--17 {
    order: -17;
  }

  .flex-order-gt-xs--16 {
    order: -16;
  }

  .flex-order-gt-xs--15 {
    order: -15;
  }

  .flex-order-gt-xs--14 {
    order: -14;
  }

  .flex-order-gt-xs--13 {
    order: -13;
  }

  .flex-order-gt-xs--12 {
    order: -12;
  }

  .flex-order-gt-xs--11 {
    order: -11;
  }

  .flex-order-gt-xs--10 {
    order: -10;
  }

  .flex-order-gt-xs--9 {
    order: -9;
  }

  .flex-order-gt-xs--8 {
    order: -8;
  }

  .flex-order-gt-xs--7 {
    order: -7;
  }

  .flex-order-gt-xs--6 {
    order: -6;
  }

  .flex-order-gt-xs--5 {
    order: -5;
  }

  .flex-order-gt-xs--4 {
    order: -4;
  }

  .flex-order-gt-xs--3 {
    order: -3;
  }

  .flex-order-gt-xs--2 {
    order: -2;
  }

  .flex-order-gt-xs--1 {
    order: -1;
  }

  .flex-order-gt-xs-0 {
    order: 0;
  }

  .flex-order-gt-xs-1 {
    order: 1;
  }

  .flex-order-gt-xs-2 {
    order: 2;
  }

  .flex-order-gt-xs-3 {
    order: 3;
  }

  .flex-order-gt-xs-4 {
    order: 4;
  }

  .flex-order-gt-xs-5 {
    order: 5;
  }

  .flex-order-gt-xs-6 {
    order: 6;
  }

  .flex-order-gt-xs-7 {
    order: 7;
  }

  .flex-order-gt-xs-8 {
    order: 8;
  }

  .flex-order-gt-xs-9 {
    order: 9;
  }

  .flex-order-gt-xs-10 {
    order: 10;
  }

  .flex-order-gt-xs-11 {
    order: 11;
  }

  .flex-order-gt-xs-12 {
    order: 12;
  }

  .flex-order-gt-xs-13 {
    order: 13;
  }

  .flex-order-gt-xs-14 {
    order: 14;
  }

  .flex-order-gt-xs-15 {
    order: 15;
  }

  .flex-order-gt-xs-16 {
    order: 16;
  }

  .flex-order-gt-xs-17 {
    order: 17;
  }

  .flex-order-gt-xs-18 {
    order: 18;
  }

  .flex-order-gt-xs-19 {
    order: 19;
  }

  .flex-order-gt-xs-20 {
    order: 20;
  }

  .offset-gt-xs-0, .flex-offset-gt-xs-0, .layout-margin .flex-offset-gt-xs-0, .layout-margin .offset-gt-xs-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-gt-xs-0, [dir=rtl] .flex-offset-gt-xs-0, [dir=rtl] .layout-margin .flex-offset-gt-xs-0, [dir=rtl] .layout-margin .offset-gt-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-gt-xs-5, .flex-offset-gt-xs-5, .layout-margin .flex-offset-gt-xs-5, .layout-margin .offset-gt-xs-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-gt-xs-5, [dir=rtl] .flex-offset-gt-xs-5, [dir=rtl] .layout-margin .flex-offset-gt-xs-5, [dir=rtl] .layout-margin .offset-gt-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-gt-xs-10, .flex-offset-gt-xs-10, .layout-margin .flex-offset-gt-xs-10, .layout-margin .offset-gt-xs-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-gt-xs-10, [dir=rtl] .flex-offset-gt-xs-10, [dir=rtl] .layout-margin .flex-offset-gt-xs-10, [dir=rtl] .layout-margin .offset-gt-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-gt-xs-15, .flex-offset-gt-xs-15, .layout-margin .flex-offset-gt-xs-15, .layout-margin .offset-gt-xs-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-gt-xs-15, [dir=rtl] .flex-offset-gt-xs-15, [dir=rtl] .layout-margin .flex-offset-gt-xs-15, [dir=rtl] .layout-margin .offset-gt-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-gt-xs-20, .flex-offset-gt-xs-20, .layout-margin .flex-offset-gt-xs-20, .layout-margin .offset-gt-xs-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-gt-xs-20, [dir=rtl] .flex-offset-gt-xs-20, [dir=rtl] .layout-margin .flex-offset-gt-xs-20, [dir=rtl] .layout-margin .offset-gt-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-gt-xs-25, .flex-offset-gt-xs-25, .layout-margin .flex-offset-gt-xs-25, .layout-margin .offset-gt-xs-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-gt-xs-25, [dir=rtl] .flex-offset-gt-xs-25, [dir=rtl] .layout-margin .flex-offset-gt-xs-25, [dir=rtl] .layout-margin .offset-gt-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-gt-xs-30, .flex-offset-gt-xs-30, .layout-margin .flex-offset-gt-xs-30, .layout-margin .offset-gt-xs-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-gt-xs-30, [dir=rtl] .flex-offset-gt-xs-30, [dir=rtl] .layout-margin .flex-offset-gt-xs-30, [dir=rtl] .layout-margin .offset-gt-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-gt-xs-35, .flex-offset-gt-xs-35, .layout-margin .flex-offset-gt-xs-35, .layout-margin .offset-gt-xs-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-gt-xs-35, [dir=rtl] .flex-offset-gt-xs-35, [dir=rtl] .layout-margin .flex-offset-gt-xs-35, [dir=rtl] .layout-margin .offset-gt-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-gt-xs-40, .flex-offset-gt-xs-40, .layout-margin .flex-offset-gt-xs-40, .layout-margin .offset-gt-xs-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-gt-xs-40, [dir=rtl] .flex-offset-gt-xs-40, [dir=rtl] .layout-margin .flex-offset-gt-xs-40, [dir=rtl] .layout-margin .offset-gt-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-gt-xs-45, .flex-offset-gt-xs-45, .layout-margin .flex-offset-gt-xs-45, .layout-margin .offset-gt-xs-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-gt-xs-45, [dir=rtl] .flex-offset-gt-xs-45, [dir=rtl] .layout-margin .flex-offset-gt-xs-45, [dir=rtl] .layout-margin .offset-gt-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-gt-xs-50, .flex-offset-gt-xs-50, .layout-margin .flex-offset-gt-xs-50, .layout-margin .offset-gt-xs-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-gt-xs-50, [dir=rtl] .flex-offset-gt-xs-50, [dir=rtl] .layout-margin .flex-offset-gt-xs-50, [dir=rtl] .layout-margin .offset-gt-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-gt-xs-55, .flex-offset-gt-xs-55, .layout-margin .flex-offset-gt-xs-55, .layout-margin .offset-gt-xs-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-gt-xs-55, [dir=rtl] .flex-offset-gt-xs-55, [dir=rtl] .layout-margin .flex-offset-gt-xs-55, [dir=rtl] .layout-margin .offset-gt-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-gt-xs-60, .flex-offset-gt-xs-60, .layout-margin .flex-offset-gt-xs-60, .layout-margin .offset-gt-xs-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-gt-xs-60, [dir=rtl] .flex-offset-gt-xs-60, [dir=rtl] .layout-margin .flex-offset-gt-xs-60, [dir=rtl] .layout-margin .offset-gt-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-gt-xs-65, .flex-offset-gt-xs-65, .layout-margin .flex-offset-gt-xs-65, .layout-margin .offset-gt-xs-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-gt-xs-65, [dir=rtl] .flex-offset-gt-xs-65, [dir=rtl] .layout-margin .flex-offset-gt-xs-65, [dir=rtl] .layout-margin .offset-gt-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-gt-xs-70, .flex-offset-gt-xs-70, .layout-margin .flex-offset-gt-xs-70, .layout-margin .offset-gt-xs-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-gt-xs-70, [dir=rtl] .flex-offset-gt-xs-70, [dir=rtl] .layout-margin .flex-offset-gt-xs-70, [dir=rtl] .layout-margin .offset-gt-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-gt-xs-75, .flex-offset-gt-xs-75, .layout-margin .flex-offset-gt-xs-75, .layout-margin .offset-gt-xs-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-gt-xs-75, [dir=rtl] .flex-offset-gt-xs-75, [dir=rtl] .layout-margin .flex-offset-gt-xs-75, [dir=rtl] .layout-margin .offset-gt-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-gt-xs-80, .flex-offset-gt-xs-80, .layout-margin .flex-offset-gt-xs-80, .layout-margin .offset-gt-xs-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-gt-xs-80, [dir=rtl] .flex-offset-gt-xs-80, [dir=rtl] .layout-margin .flex-offset-gt-xs-80, [dir=rtl] .layout-margin .offset-gt-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-gt-xs-85, .flex-offset-gt-xs-85, .layout-margin .flex-offset-gt-xs-85, .layout-margin .offset-gt-xs-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-gt-xs-85, [dir=rtl] .flex-offset-gt-xs-85, [dir=rtl] .layout-margin .flex-offset-gt-xs-85, [dir=rtl] .layout-margin .offset-gt-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-gt-xs-90, .flex-offset-gt-xs-90, .layout-margin .flex-offset-gt-xs-90, .layout-margin .offset-gt-xs-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-gt-xs-90, [dir=rtl] .flex-offset-gt-xs-90, [dir=rtl] .layout-margin .flex-offset-gt-xs-90, [dir=rtl] .layout-margin .offset-gt-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-gt-xs-95, .flex-offset-gt-xs-95, .layout-margin .flex-offset-gt-xs-95, .layout-margin .offset-gt-xs-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-gt-xs-95, [dir=rtl] .flex-offset-gt-xs-95, [dir=rtl] .layout-margin .flex-offset-gt-xs-95, [dir=rtl] .layout-margin .offset-gt-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-gt-xs-33, .flex-offset-gt-xs-33, .layout-margin .flex-offset-gt-xs-33, .layout-margin .offset-gt-xs-33 {
    margin-left: 33.3333333333%;
  }

  .offset-gt-xs-66, .flex-offset-gt-xs-66, .layout-margin .flex-offset-gt-xs-66, .layout-margin .offset-gt-xs-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-gt-xs-66, [dir=rtl] .flex-offset-gt-xs-66, [dir=rtl] .layout-margin .flex-offset-gt-xs-66, [dir=rtl] .layout-margin .offset-gt-xs-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  .layout-align-gt-xs,
.layout-align-gt-xs-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-gt-xs-start,
.layout-align-gt-xs-start-start,
.layout-align-gt-xs-start-center,
.layout-align-gt-xs-start-end,
.layout-align-gt-xs-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-gt-xs-center,
.layout-align-gt-xs-center-start,
.layout-align-gt-xs-center-center,
.layout-align-gt-xs-center-end,
.layout-align-gt-xs-center-stretch {
    justify-content: center;
  }

  .layout-align-gt-xs-end,
.layout-align-gt-xs-end-start,
.layout-align-gt-xs-end-center,
.layout-align-gt-xs-end-end,
.layout-align-gt-xs-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-gt-xs-space-around,
.layout-align-gt-xs-space-around-center,
.layout-align-gt-xs-space-around-start,
.layout-align-gt-xs-space-around-end,
.layout-align-gt-xs-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-gt-xs-space-between,
.layout-align-gt-xs-space-between-center,
.layout-align-gt-xs-space-between-start,
.layout-align-gt-xs-space-between-end,
.layout-align-gt-xs-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-gt-xs-start-start,
.layout-align-gt-xs-center-start,
.layout-align-gt-xs-end-start,
.layout-align-gt-xs-space-between-start,
.layout-align-gt-xs-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-gt-xs-start-center,
.layout-align-gt-xs-center-center,
.layout-align-gt-xs-end-center,
.layout-align-gt-xs-space-between-center,
.layout-align-gt-xs-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-gt-xs-start-center > *,
.layout-align-gt-xs-center-center > *,
.layout-align-gt-xs-end-center > *,
.layout-align-gt-xs-space-between-center > *,
.layout-align-gt-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-gt-xs-start-end,
.layout-align-gt-xs-center-end,
.layout-align-gt-xs-end-end,
.layout-align-gt-xs-space-between-end,
.layout-align-gt-xs-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-gt-xs-start-stretch,
.layout-align-gt-xs-center-stretch,
.layout-align-gt-xs-end-stretch,
.layout-align-gt-xs-space-between-stretch,
.layout-align-gt-xs-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-gt-xs {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-gt-xs-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-gt-xs-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-xs-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-xs-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-xs-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-xs-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-gt-xs-column > .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex {
    min-width: 0;
  }

  .layout-gt-xs-column > .flex-gt-xs-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex {
    min-height: 0;
  }

  .layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-gt-xs-column {
    flex-direction: column;
  }

  .layout-gt-xs-row {
    flex-direction: row;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .hide:not(.show-gt-xs):not(.show-sm):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none;
  }

  .hide-sm:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none;
  }

  .flex-order-sm--20 {
    order: -20;
  }

  .flex-order-sm--19 {
    order: -19;
  }

  .flex-order-sm--18 {
    order: -18;
  }

  .flex-order-sm--17 {
    order: -17;
  }

  .flex-order-sm--16 {
    order: -16;
  }

  .flex-order-sm--15 {
    order: -15;
  }

  .flex-order-sm--14 {
    order: -14;
  }

  .flex-order-sm--13 {
    order: -13;
  }

  .flex-order-sm--12 {
    order: -12;
  }

  .flex-order-sm--11 {
    order: -11;
  }

  .flex-order-sm--10 {
    order: -10;
  }

  .flex-order-sm--9 {
    order: -9;
  }

  .flex-order-sm--8 {
    order: -8;
  }

  .flex-order-sm--7 {
    order: -7;
  }

  .flex-order-sm--6 {
    order: -6;
  }

  .flex-order-sm--5 {
    order: -5;
  }

  .flex-order-sm--4 {
    order: -4;
  }

  .flex-order-sm--3 {
    order: -3;
  }

  .flex-order-sm--2 {
    order: -2;
  }

  .flex-order-sm--1 {
    order: -1;
  }

  .flex-order-sm-0 {
    order: 0;
  }

  .flex-order-sm-1 {
    order: 1;
  }

  .flex-order-sm-2 {
    order: 2;
  }

  .flex-order-sm-3 {
    order: 3;
  }

  .flex-order-sm-4 {
    order: 4;
  }

  .flex-order-sm-5 {
    order: 5;
  }

  .flex-order-sm-6 {
    order: 6;
  }

  .flex-order-sm-7 {
    order: 7;
  }

  .flex-order-sm-8 {
    order: 8;
  }

  .flex-order-sm-9 {
    order: 9;
  }

  .flex-order-sm-10 {
    order: 10;
  }

  .flex-order-sm-11 {
    order: 11;
  }

  .flex-order-sm-12 {
    order: 12;
  }

  .flex-order-sm-13 {
    order: 13;
  }

  .flex-order-sm-14 {
    order: 14;
  }

  .flex-order-sm-15 {
    order: 15;
  }

  .flex-order-sm-16 {
    order: 16;
  }

  .flex-order-sm-17 {
    order: 17;
  }

  .flex-order-sm-18 {
    order: 18;
  }

  .flex-order-sm-19 {
    order: 19;
  }

  .flex-order-sm-20 {
    order: 20;
  }

  .offset-sm-0, .flex-offset-sm-0, .layout-margin .flex-offset-sm-0, .layout-margin .offset-sm-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-sm-0, [dir=rtl] .flex-offset-sm-0, [dir=rtl] .layout-margin .flex-offset-sm-0, [dir=rtl] .layout-margin .offset-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-sm-5, .flex-offset-sm-5, .layout-margin .flex-offset-sm-5, .layout-margin .offset-sm-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-sm-5, [dir=rtl] .flex-offset-sm-5, [dir=rtl] .layout-margin .flex-offset-sm-5, [dir=rtl] .layout-margin .offset-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-sm-10, .flex-offset-sm-10, .layout-margin .flex-offset-sm-10, .layout-margin .offset-sm-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-sm-10, [dir=rtl] .flex-offset-sm-10, [dir=rtl] .layout-margin .flex-offset-sm-10, [dir=rtl] .layout-margin .offset-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-sm-15, .flex-offset-sm-15, .layout-margin .flex-offset-sm-15, .layout-margin .offset-sm-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-sm-15, [dir=rtl] .flex-offset-sm-15, [dir=rtl] .layout-margin .flex-offset-sm-15, [dir=rtl] .layout-margin .offset-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-sm-20, .flex-offset-sm-20, .layout-margin .flex-offset-sm-20, .layout-margin .offset-sm-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-sm-20, [dir=rtl] .flex-offset-sm-20, [dir=rtl] .layout-margin .flex-offset-sm-20, [dir=rtl] .layout-margin .offset-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-sm-25, .flex-offset-sm-25, .layout-margin .flex-offset-sm-25, .layout-margin .offset-sm-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-sm-25, [dir=rtl] .flex-offset-sm-25, [dir=rtl] .layout-margin .flex-offset-sm-25, [dir=rtl] .layout-margin .offset-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-sm-30, .flex-offset-sm-30, .layout-margin .flex-offset-sm-30, .layout-margin .offset-sm-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-sm-30, [dir=rtl] .flex-offset-sm-30, [dir=rtl] .layout-margin .flex-offset-sm-30, [dir=rtl] .layout-margin .offset-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-sm-35, .flex-offset-sm-35, .layout-margin .flex-offset-sm-35, .layout-margin .offset-sm-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-sm-35, [dir=rtl] .flex-offset-sm-35, [dir=rtl] .layout-margin .flex-offset-sm-35, [dir=rtl] .layout-margin .offset-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-sm-40, .flex-offset-sm-40, .layout-margin .flex-offset-sm-40, .layout-margin .offset-sm-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-sm-40, [dir=rtl] .flex-offset-sm-40, [dir=rtl] .layout-margin .flex-offset-sm-40, [dir=rtl] .layout-margin .offset-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-sm-45, .flex-offset-sm-45, .layout-margin .flex-offset-sm-45, .layout-margin .offset-sm-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-sm-45, [dir=rtl] .flex-offset-sm-45, [dir=rtl] .layout-margin .flex-offset-sm-45, [dir=rtl] .layout-margin .offset-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-sm-50, .flex-offset-sm-50, .layout-margin .flex-offset-sm-50, .layout-margin .offset-sm-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-sm-50, [dir=rtl] .flex-offset-sm-50, [dir=rtl] .layout-margin .flex-offset-sm-50, [dir=rtl] .layout-margin .offset-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-sm-55, .flex-offset-sm-55, .layout-margin .flex-offset-sm-55, .layout-margin .offset-sm-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-sm-55, [dir=rtl] .flex-offset-sm-55, [dir=rtl] .layout-margin .flex-offset-sm-55, [dir=rtl] .layout-margin .offset-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-sm-60, .flex-offset-sm-60, .layout-margin .flex-offset-sm-60, .layout-margin .offset-sm-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-sm-60, [dir=rtl] .flex-offset-sm-60, [dir=rtl] .layout-margin .flex-offset-sm-60, [dir=rtl] .layout-margin .offset-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-sm-65, .flex-offset-sm-65, .layout-margin .flex-offset-sm-65, .layout-margin .offset-sm-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-sm-65, [dir=rtl] .flex-offset-sm-65, [dir=rtl] .layout-margin .flex-offset-sm-65, [dir=rtl] .layout-margin .offset-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-sm-70, .flex-offset-sm-70, .layout-margin .flex-offset-sm-70, .layout-margin .offset-sm-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-sm-70, [dir=rtl] .flex-offset-sm-70, [dir=rtl] .layout-margin .flex-offset-sm-70, [dir=rtl] .layout-margin .offset-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-sm-75, .flex-offset-sm-75, .layout-margin .flex-offset-sm-75, .layout-margin .offset-sm-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-sm-75, [dir=rtl] .flex-offset-sm-75, [dir=rtl] .layout-margin .flex-offset-sm-75, [dir=rtl] .layout-margin .offset-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-sm-80, .flex-offset-sm-80, .layout-margin .flex-offset-sm-80, .layout-margin .offset-sm-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-sm-80, [dir=rtl] .flex-offset-sm-80, [dir=rtl] .layout-margin .flex-offset-sm-80, [dir=rtl] .layout-margin .offset-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-sm-85, .flex-offset-sm-85, .layout-margin .flex-offset-sm-85, .layout-margin .offset-sm-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-sm-85, [dir=rtl] .flex-offset-sm-85, [dir=rtl] .layout-margin .flex-offset-sm-85, [dir=rtl] .layout-margin .offset-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-sm-90, .flex-offset-sm-90, .layout-margin .flex-offset-sm-90, .layout-margin .offset-sm-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-sm-90, [dir=rtl] .flex-offset-sm-90, [dir=rtl] .layout-margin .flex-offset-sm-90, [dir=rtl] .layout-margin .offset-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-sm-95, .flex-offset-sm-95, .layout-margin .flex-offset-sm-95, .layout-margin .offset-sm-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-sm-95, [dir=rtl] .flex-offset-sm-95, [dir=rtl] .layout-margin .flex-offset-sm-95, [dir=rtl] .layout-margin .offset-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-sm-33, .flex-offset-sm-33, .layout-margin .flex-offset-sm-33, .layout-margin .offset-sm-33 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-66, .flex-offset-sm-66, .layout-margin .flex-offset-sm-66, .layout-margin .offset-sm-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-sm-66, [dir=rtl] .flex-offset-sm-66, [dir=rtl] .layout-margin .flex-offset-sm-66, [dir=rtl] .layout-margin .offset-sm-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  .layout-align-sm,
.layout-align-sm-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-sm-start,
.layout-align-sm-start-start,
.layout-align-sm-start-center,
.layout-align-sm-start-end,
.layout-align-sm-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-sm-center,
.layout-align-sm-center-start,
.layout-align-sm-center-center,
.layout-align-sm-center-end,
.layout-align-sm-center-stretch {
    justify-content: center;
  }

  .layout-align-sm-end,
.layout-align-sm-end-start,
.layout-align-sm-end-center,
.layout-align-sm-end-end,
.layout-align-sm-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-sm-space-around,
.layout-align-sm-space-around-center,
.layout-align-sm-space-around-start,
.layout-align-sm-space-around-end,
.layout-align-sm-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-sm-space-between,
.layout-align-sm-space-between-center,
.layout-align-sm-space-between-start,
.layout-align-sm-space-between-end,
.layout-align-sm-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-sm-start-start,
.layout-align-sm-center-start,
.layout-align-sm-end-start,
.layout-align-sm-space-between-start,
.layout-align-sm-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-sm-start-center,
.layout-align-sm-center-center,
.layout-align-sm-end-center,
.layout-align-sm-space-between-center,
.layout-align-sm-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-sm-start-center > *,
.layout-align-sm-center-center > *,
.layout-align-sm-end-center > *,
.layout-align-sm-space-between-center > *,
.layout-align-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-sm-start-end,
.layout-align-sm-center-end,
.layout-align-sm-end-end,
.layout-align-sm-space-between-end,
.layout-align-sm-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-sm-start-stretch,
.layout-align-sm-center-stretch,
.layout-align-sm-end-stretch,
.layout-align-sm-space-between-stretch,
.layout-align-sm-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-sm {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-sm-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-sm-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-sm-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-sm-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-sm-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-sm-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-sm-column > .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex {
    min-width: 0;
  }

  .layout-sm-column > .flex-sm-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex {
    min-height: 0;
  }

  .layout-sm, .layout-sm-column, .layout-sm-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-sm-column {
    flex-direction: column;
  }

  .layout-sm-row {
    flex-direction: row;
  }
}
@media (min-width: 960px) {
  .flex-order-gt-sm--20 {
    order: -20;
  }

  .flex-order-gt-sm--19 {
    order: -19;
  }

  .flex-order-gt-sm--18 {
    order: -18;
  }

  .flex-order-gt-sm--17 {
    order: -17;
  }

  .flex-order-gt-sm--16 {
    order: -16;
  }

  .flex-order-gt-sm--15 {
    order: -15;
  }

  .flex-order-gt-sm--14 {
    order: -14;
  }

  .flex-order-gt-sm--13 {
    order: -13;
  }

  .flex-order-gt-sm--12 {
    order: -12;
  }

  .flex-order-gt-sm--11 {
    order: -11;
  }

  .flex-order-gt-sm--10 {
    order: -10;
  }

  .flex-order-gt-sm--9 {
    order: -9;
  }

  .flex-order-gt-sm--8 {
    order: -8;
  }

  .flex-order-gt-sm--7 {
    order: -7;
  }

  .flex-order-gt-sm--6 {
    order: -6;
  }

  .flex-order-gt-sm--5 {
    order: -5;
  }

  .flex-order-gt-sm--4 {
    order: -4;
  }

  .flex-order-gt-sm--3 {
    order: -3;
  }

  .flex-order-gt-sm--2 {
    order: -2;
  }

  .flex-order-gt-sm--1 {
    order: -1;
  }

  .flex-order-gt-sm-0 {
    order: 0;
  }

  .flex-order-gt-sm-1 {
    order: 1;
  }

  .flex-order-gt-sm-2 {
    order: 2;
  }

  .flex-order-gt-sm-3 {
    order: 3;
  }

  .flex-order-gt-sm-4 {
    order: 4;
  }

  .flex-order-gt-sm-5 {
    order: 5;
  }

  .flex-order-gt-sm-6 {
    order: 6;
  }

  .flex-order-gt-sm-7 {
    order: 7;
  }

  .flex-order-gt-sm-8 {
    order: 8;
  }

  .flex-order-gt-sm-9 {
    order: 9;
  }

  .flex-order-gt-sm-10 {
    order: 10;
  }

  .flex-order-gt-sm-11 {
    order: 11;
  }

  .flex-order-gt-sm-12 {
    order: 12;
  }

  .flex-order-gt-sm-13 {
    order: 13;
  }

  .flex-order-gt-sm-14 {
    order: 14;
  }

  .flex-order-gt-sm-15 {
    order: 15;
  }

  .flex-order-gt-sm-16 {
    order: 16;
  }

  .flex-order-gt-sm-17 {
    order: 17;
  }

  .flex-order-gt-sm-18 {
    order: 18;
  }

  .flex-order-gt-sm-19 {
    order: 19;
  }

  .flex-order-gt-sm-20 {
    order: 20;
  }

  .offset-gt-sm-0, .flex-offset-gt-sm-0, .layout-margin .flex-offset-gt-sm-0, .layout-margin .offset-gt-sm-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-gt-sm-0, [dir=rtl] .flex-offset-gt-sm-0, [dir=rtl] .layout-margin .flex-offset-gt-sm-0, [dir=rtl] .layout-margin .offset-gt-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-gt-sm-5, .flex-offset-gt-sm-5, .layout-margin .flex-offset-gt-sm-5, .layout-margin .offset-gt-sm-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-gt-sm-5, [dir=rtl] .flex-offset-gt-sm-5, [dir=rtl] .layout-margin .flex-offset-gt-sm-5, [dir=rtl] .layout-margin .offset-gt-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-gt-sm-10, .flex-offset-gt-sm-10, .layout-margin .flex-offset-gt-sm-10, .layout-margin .offset-gt-sm-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-gt-sm-10, [dir=rtl] .flex-offset-gt-sm-10, [dir=rtl] .layout-margin .flex-offset-gt-sm-10, [dir=rtl] .layout-margin .offset-gt-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-gt-sm-15, .flex-offset-gt-sm-15, .layout-margin .flex-offset-gt-sm-15, .layout-margin .offset-gt-sm-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-gt-sm-15, [dir=rtl] .flex-offset-gt-sm-15, [dir=rtl] .layout-margin .flex-offset-gt-sm-15, [dir=rtl] .layout-margin .offset-gt-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-gt-sm-20, .flex-offset-gt-sm-20, .layout-margin .flex-offset-gt-sm-20, .layout-margin .offset-gt-sm-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-gt-sm-20, [dir=rtl] .flex-offset-gt-sm-20, [dir=rtl] .layout-margin .flex-offset-gt-sm-20, [dir=rtl] .layout-margin .offset-gt-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-gt-sm-25, .flex-offset-gt-sm-25, .layout-margin .flex-offset-gt-sm-25, .layout-margin .offset-gt-sm-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-gt-sm-25, [dir=rtl] .flex-offset-gt-sm-25, [dir=rtl] .layout-margin .flex-offset-gt-sm-25, [dir=rtl] .layout-margin .offset-gt-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-gt-sm-30, .flex-offset-gt-sm-30, .layout-margin .flex-offset-gt-sm-30, .layout-margin .offset-gt-sm-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-gt-sm-30, [dir=rtl] .flex-offset-gt-sm-30, [dir=rtl] .layout-margin .flex-offset-gt-sm-30, [dir=rtl] .layout-margin .offset-gt-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-gt-sm-35, .flex-offset-gt-sm-35, .layout-margin .flex-offset-gt-sm-35, .layout-margin .offset-gt-sm-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-gt-sm-35, [dir=rtl] .flex-offset-gt-sm-35, [dir=rtl] .layout-margin .flex-offset-gt-sm-35, [dir=rtl] .layout-margin .offset-gt-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-gt-sm-40, .flex-offset-gt-sm-40, .layout-margin .flex-offset-gt-sm-40, .layout-margin .offset-gt-sm-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-gt-sm-40, [dir=rtl] .flex-offset-gt-sm-40, [dir=rtl] .layout-margin .flex-offset-gt-sm-40, [dir=rtl] .layout-margin .offset-gt-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-gt-sm-45, .flex-offset-gt-sm-45, .layout-margin .flex-offset-gt-sm-45, .layout-margin .offset-gt-sm-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-gt-sm-45, [dir=rtl] .flex-offset-gt-sm-45, [dir=rtl] .layout-margin .flex-offset-gt-sm-45, [dir=rtl] .layout-margin .offset-gt-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-gt-sm-50, .flex-offset-gt-sm-50, .layout-margin .flex-offset-gt-sm-50, .layout-margin .offset-gt-sm-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-gt-sm-50, [dir=rtl] .flex-offset-gt-sm-50, [dir=rtl] .layout-margin .flex-offset-gt-sm-50, [dir=rtl] .layout-margin .offset-gt-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-gt-sm-55, .flex-offset-gt-sm-55, .layout-margin .flex-offset-gt-sm-55, .layout-margin .offset-gt-sm-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-gt-sm-55, [dir=rtl] .flex-offset-gt-sm-55, [dir=rtl] .layout-margin .flex-offset-gt-sm-55, [dir=rtl] .layout-margin .offset-gt-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-gt-sm-60, .flex-offset-gt-sm-60, .layout-margin .flex-offset-gt-sm-60, .layout-margin .offset-gt-sm-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-gt-sm-60, [dir=rtl] .flex-offset-gt-sm-60, [dir=rtl] .layout-margin .flex-offset-gt-sm-60, [dir=rtl] .layout-margin .offset-gt-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-gt-sm-65, .flex-offset-gt-sm-65, .layout-margin .flex-offset-gt-sm-65, .layout-margin .offset-gt-sm-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-gt-sm-65, [dir=rtl] .flex-offset-gt-sm-65, [dir=rtl] .layout-margin .flex-offset-gt-sm-65, [dir=rtl] .layout-margin .offset-gt-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-gt-sm-70, .flex-offset-gt-sm-70, .layout-margin .flex-offset-gt-sm-70, .layout-margin .offset-gt-sm-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-gt-sm-70, [dir=rtl] .flex-offset-gt-sm-70, [dir=rtl] .layout-margin .flex-offset-gt-sm-70, [dir=rtl] .layout-margin .offset-gt-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-gt-sm-75, .flex-offset-gt-sm-75, .layout-margin .flex-offset-gt-sm-75, .layout-margin .offset-gt-sm-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-gt-sm-75, [dir=rtl] .flex-offset-gt-sm-75, [dir=rtl] .layout-margin .flex-offset-gt-sm-75, [dir=rtl] .layout-margin .offset-gt-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-gt-sm-80, .flex-offset-gt-sm-80, .layout-margin .flex-offset-gt-sm-80, .layout-margin .offset-gt-sm-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-gt-sm-80, [dir=rtl] .flex-offset-gt-sm-80, [dir=rtl] .layout-margin .flex-offset-gt-sm-80, [dir=rtl] .layout-margin .offset-gt-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-gt-sm-85, .flex-offset-gt-sm-85, .layout-margin .flex-offset-gt-sm-85, .layout-margin .offset-gt-sm-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-gt-sm-85, [dir=rtl] .flex-offset-gt-sm-85, [dir=rtl] .layout-margin .flex-offset-gt-sm-85, [dir=rtl] .layout-margin .offset-gt-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-gt-sm-90, .flex-offset-gt-sm-90, .layout-margin .flex-offset-gt-sm-90, .layout-margin .offset-gt-sm-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-gt-sm-90, [dir=rtl] .flex-offset-gt-sm-90, [dir=rtl] .layout-margin .flex-offset-gt-sm-90, [dir=rtl] .layout-margin .offset-gt-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-gt-sm-95, .flex-offset-gt-sm-95, .layout-margin .flex-offset-gt-sm-95, .layout-margin .offset-gt-sm-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-gt-sm-95, [dir=rtl] .flex-offset-gt-sm-95, [dir=rtl] .layout-margin .flex-offset-gt-sm-95, [dir=rtl] .layout-margin .offset-gt-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-gt-sm-33, .flex-offset-gt-sm-33, .layout-margin .flex-offset-gt-sm-33, .layout-margin .offset-gt-sm-33 {
    margin-left: 33.3333333333%;
  }

  .offset-gt-sm-66, .flex-offset-gt-sm-66, .layout-margin .flex-offset-gt-sm-66, .layout-margin .offset-gt-sm-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-gt-sm-66, [dir=rtl] .flex-offset-gt-sm-66, [dir=rtl] .layout-margin .flex-offset-gt-sm-66, [dir=rtl] .layout-margin .offset-gt-sm-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  .layout-align-gt-sm,
.layout-align-gt-sm-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-gt-sm-start,
.layout-align-gt-sm-start-start,
.layout-align-gt-sm-start-center,
.layout-align-gt-sm-start-end,
.layout-align-gt-sm-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-gt-sm-center,
.layout-align-gt-sm-center-start,
.layout-align-gt-sm-center-center,
.layout-align-gt-sm-center-end,
.layout-align-gt-sm-center-stretch {
    justify-content: center;
  }

  .layout-align-gt-sm-end,
.layout-align-gt-sm-end-start,
.layout-align-gt-sm-end-center,
.layout-align-gt-sm-end-end,
.layout-align-gt-sm-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-gt-sm-space-around,
.layout-align-gt-sm-space-around-center,
.layout-align-gt-sm-space-around-start,
.layout-align-gt-sm-space-around-end,
.layout-align-gt-sm-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-gt-sm-space-between,
.layout-align-gt-sm-space-between-center,
.layout-align-gt-sm-space-between-start,
.layout-align-gt-sm-space-between-end,
.layout-align-gt-sm-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-gt-sm-start-start,
.layout-align-gt-sm-center-start,
.layout-align-gt-sm-end-start,
.layout-align-gt-sm-space-between-start,
.layout-align-gt-sm-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-gt-sm-start-center,
.layout-align-gt-sm-center-center,
.layout-align-gt-sm-end-center,
.layout-align-gt-sm-space-between-center,
.layout-align-gt-sm-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-gt-sm-start-center > *,
.layout-align-gt-sm-center-center > *,
.layout-align-gt-sm-end-center > *,
.layout-align-gt-sm-space-between-center > *,
.layout-align-gt-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-gt-sm-start-end,
.layout-align-gt-sm-center-end,
.layout-align-gt-sm-end-end,
.layout-align-gt-sm-space-between-end,
.layout-align-gt-sm-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-gt-sm-start-stretch,
.layout-align-gt-sm-center-stretch,
.layout-align-gt-sm-end-stretch,
.layout-align-gt-sm-space-between-stretch,
.layout-align-gt-sm-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-gt-sm {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-gt-sm-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-gt-sm-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-sm-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-sm-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-sm-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-sm-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-gt-sm-column > .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex {
    min-width: 0;
  }

  .layout-gt-sm-column > .flex-gt-sm-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex {
    min-height: 0;
  }

  .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-gt-sm-column {
    flex-direction: column;
  }

  .layout-gt-sm-row {
    flex-direction: row;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show) {
    display: none;
  }

  .hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }

  .flex-order-md--20 {
    order: -20;
  }

  .flex-order-md--19 {
    order: -19;
  }

  .flex-order-md--18 {
    order: -18;
  }

  .flex-order-md--17 {
    order: -17;
  }

  .flex-order-md--16 {
    order: -16;
  }

  .flex-order-md--15 {
    order: -15;
  }

  .flex-order-md--14 {
    order: -14;
  }

  .flex-order-md--13 {
    order: -13;
  }

  .flex-order-md--12 {
    order: -12;
  }

  .flex-order-md--11 {
    order: -11;
  }

  .flex-order-md--10 {
    order: -10;
  }

  .flex-order-md--9 {
    order: -9;
  }

  .flex-order-md--8 {
    order: -8;
  }

  .flex-order-md--7 {
    order: -7;
  }

  .flex-order-md--6 {
    order: -6;
  }

  .flex-order-md--5 {
    order: -5;
  }

  .flex-order-md--4 {
    order: -4;
  }

  .flex-order-md--3 {
    order: -3;
  }

  .flex-order-md--2 {
    order: -2;
  }

  .flex-order-md--1 {
    order: -1;
  }

  .flex-order-md-0 {
    order: 0;
  }

  .flex-order-md-1 {
    order: 1;
  }

  .flex-order-md-2 {
    order: 2;
  }

  .flex-order-md-3 {
    order: 3;
  }

  .flex-order-md-4 {
    order: 4;
  }

  .flex-order-md-5 {
    order: 5;
  }

  .flex-order-md-6 {
    order: 6;
  }

  .flex-order-md-7 {
    order: 7;
  }

  .flex-order-md-8 {
    order: 8;
  }

  .flex-order-md-9 {
    order: 9;
  }

  .flex-order-md-10 {
    order: 10;
  }

  .flex-order-md-11 {
    order: 11;
  }

  .flex-order-md-12 {
    order: 12;
  }

  .flex-order-md-13 {
    order: 13;
  }

  .flex-order-md-14 {
    order: 14;
  }

  .flex-order-md-15 {
    order: 15;
  }

  .flex-order-md-16 {
    order: 16;
  }

  .flex-order-md-17 {
    order: 17;
  }

  .flex-order-md-18 {
    order: 18;
  }

  .flex-order-md-19 {
    order: 19;
  }

  .flex-order-md-20 {
    order: 20;
  }

  .offset-md-0, .flex-offset-md-0, .layout-margin .flex-offset-md-0, .layout-margin .offset-md-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-md-0, [dir=rtl] .flex-offset-md-0, [dir=rtl] .layout-margin .flex-offset-md-0, [dir=rtl] .layout-margin .offset-md-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-md-5, .flex-offset-md-5, .layout-margin .flex-offset-md-5, .layout-margin .offset-md-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-md-5, [dir=rtl] .flex-offset-md-5, [dir=rtl] .layout-margin .flex-offset-md-5, [dir=rtl] .layout-margin .offset-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-md-10, .flex-offset-md-10, .layout-margin .flex-offset-md-10, .layout-margin .offset-md-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-md-10, [dir=rtl] .flex-offset-md-10, [dir=rtl] .layout-margin .flex-offset-md-10, [dir=rtl] .layout-margin .offset-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-md-15, .flex-offset-md-15, .layout-margin .flex-offset-md-15, .layout-margin .offset-md-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-md-15, [dir=rtl] .flex-offset-md-15, [dir=rtl] .layout-margin .flex-offset-md-15, [dir=rtl] .layout-margin .offset-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-md-20, .flex-offset-md-20, .layout-margin .flex-offset-md-20, .layout-margin .offset-md-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-md-20, [dir=rtl] .flex-offset-md-20, [dir=rtl] .layout-margin .flex-offset-md-20, [dir=rtl] .layout-margin .offset-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-md-25, .flex-offset-md-25, .layout-margin .flex-offset-md-25, .layout-margin .offset-md-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-md-25, [dir=rtl] .flex-offset-md-25, [dir=rtl] .layout-margin .flex-offset-md-25, [dir=rtl] .layout-margin .offset-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-md-30, .flex-offset-md-30, .layout-margin .flex-offset-md-30, .layout-margin .offset-md-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-md-30, [dir=rtl] .flex-offset-md-30, [dir=rtl] .layout-margin .flex-offset-md-30, [dir=rtl] .layout-margin .offset-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-md-35, .flex-offset-md-35, .layout-margin .flex-offset-md-35, .layout-margin .offset-md-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-md-35, [dir=rtl] .flex-offset-md-35, [dir=rtl] .layout-margin .flex-offset-md-35, [dir=rtl] .layout-margin .offset-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-md-40, .flex-offset-md-40, .layout-margin .flex-offset-md-40, .layout-margin .offset-md-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-md-40, [dir=rtl] .flex-offset-md-40, [dir=rtl] .layout-margin .flex-offset-md-40, [dir=rtl] .layout-margin .offset-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-md-45, .flex-offset-md-45, .layout-margin .flex-offset-md-45, .layout-margin .offset-md-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-md-45, [dir=rtl] .flex-offset-md-45, [dir=rtl] .layout-margin .flex-offset-md-45, [dir=rtl] .layout-margin .offset-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-md-50, .flex-offset-md-50, .layout-margin .flex-offset-md-50, .layout-margin .offset-md-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-md-50, [dir=rtl] .flex-offset-md-50, [dir=rtl] .layout-margin .flex-offset-md-50, [dir=rtl] .layout-margin .offset-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-md-55, .flex-offset-md-55, .layout-margin .flex-offset-md-55, .layout-margin .offset-md-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-md-55, [dir=rtl] .flex-offset-md-55, [dir=rtl] .layout-margin .flex-offset-md-55, [dir=rtl] .layout-margin .offset-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-md-60, .flex-offset-md-60, .layout-margin .flex-offset-md-60, .layout-margin .offset-md-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-md-60, [dir=rtl] .flex-offset-md-60, [dir=rtl] .layout-margin .flex-offset-md-60, [dir=rtl] .layout-margin .offset-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-md-65, .flex-offset-md-65, .layout-margin .flex-offset-md-65, .layout-margin .offset-md-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-md-65, [dir=rtl] .flex-offset-md-65, [dir=rtl] .layout-margin .flex-offset-md-65, [dir=rtl] .layout-margin .offset-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-md-70, .flex-offset-md-70, .layout-margin .flex-offset-md-70, .layout-margin .offset-md-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-md-70, [dir=rtl] .flex-offset-md-70, [dir=rtl] .layout-margin .flex-offset-md-70, [dir=rtl] .layout-margin .offset-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-md-75, .flex-offset-md-75, .layout-margin .flex-offset-md-75, .layout-margin .offset-md-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-md-75, [dir=rtl] .flex-offset-md-75, [dir=rtl] .layout-margin .flex-offset-md-75, [dir=rtl] .layout-margin .offset-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-md-80, .flex-offset-md-80, .layout-margin .flex-offset-md-80, .layout-margin .offset-md-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-md-80, [dir=rtl] .flex-offset-md-80, [dir=rtl] .layout-margin .flex-offset-md-80, [dir=rtl] .layout-margin .offset-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-md-85, .flex-offset-md-85, .layout-margin .flex-offset-md-85, .layout-margin .offset-md-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-md-85, [dir=rtl] .flex-offset-md-85, [dir=rtl] .layout-margin .flex-offset-md-85, [dir=rtl] .layout-margin .offset-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-md-90, .flex-offset-md-90, .layout-margin .flex-offset-md-90, .layout-margin .offset-md-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-md-90, [dir=rtl] .flex-offset-md-90, [dir=rtl] .layout-margin .flex-offset-md-90, [dir=rtl] .layout-margin .offset-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-md-95, .flex-offset-md-95, .layout-margin .flex-offset-md-95, .layout-margin .offset-md-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-md-95, [dir=rtl] .flex-offset-md-95, [dir=rtl] .layout-margin .flex-offset-md-95, [dir=rtl] .layout-margin .offset-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-md-33, .flex-offset-md-33, .layout-margin .flex-offset-md-33, .layout-margin .offset-md-33 {
    margin-left: 33.3333333333%;
  }

  .offset-md-66, .flex-offset-md-66, .layout-margin .flex-offset-md-66, .layout-margin .offset-md-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-md-66, [dir=rtl] .flex-offset-md-66, [dir=rtl] .layout-margin .flex-offset-md-66, [dir=rtl] .layout-margin .offset-md-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  .layout-align-md,
.layout-align-md-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-md-start,
.layout-align-md-start-start,
.layout-align-md-start-center,
.layout-align-md-start-end,
.layout-align-md-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-md-center,
.layout-align-md-center-start,
.layout-align-md-center-center,
.layout-align-md-center-end,
.layout-align-md-center-stretch {
    justify-content: center;
  }

  .layout-align-md-end,
.layout-align-md-end-start,
.layout-align-md-end-center,
.layout-align-md-end-end,
.layout-align-md-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-md-space-around,
.layout-align-md-space-around-center,
.layout-align-md-space-around-start,
.layout-align-md-space-around-end,
.layout-align-md-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-md-space-between,
.layout-align-md-space-between-center,
.layout-align-md-space-between-start,
.layout-align-md-space-between-end,
.layout-align-md-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-md-start-start,
.layout-align-md-center-start,
.layout-align-md-end-start,
.layout-align-md-space-between-start,
.layout-align-md-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-md-start-center,
.layout-align-md-center-center,
.layout-align-md-end-center,
.layout-align-md-space-between-center,
.layout-align-md-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-md-start-center > *,
.layout-align-md-center-center > *,
.layout-align-md-end-center > *,
.layout-align-md-space-between-center > *,
.layout-align-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-md-start-end,
.layout-align-md-center-end,
.layout-align-md-end-end,
.layout-align-md-space-between-end,
.layout-align-md-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-md-start-stretch,
.layout-align-md-center-stretch,
.layout-align-md-end-stretch,
.layout-align-md-space-between-stretch,
.layout-align-md-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-md {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-md-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-md-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-md-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-md-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-md-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-md-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-md-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-md-column > .flex-md-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex {
    min-width: 0;
  }

  .layout-md-column > .flex-md-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex {
    min-height: 0;
  }

  .layout-md, .layout-md-column, .layout-md-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-md-column {
    flex-direction: column;
  }

  .layout-md-row {
    flex-direction: row;
  }
}
@media (min-width: 1280px) {
  .flex-order-gt-md--20 {
    order: -20;
  }

  .flex-order-gt-md--19 {
    order: -19;
  }

  .flex-order-gt-md--18 {
    order: -18;
  }

  .flex-order-gt-md--17 {
    order: -17;
  }

  .flex-order-gt-md--16 {
    order: -16;
  }

  .flex-order-gt-md--15 {
    order: -15;
  }

  .flex-order-gt-md--14 {
    order: -14;
  }

  .flex-order-gt-md--13 {
    order: -13;
  }

  .flex-order-gt-md--12 {
    order: -12;
  }

  .flex-order-gt-md--11 {
    order: -11;
  }

  .flex-order-gt-md--10 {
    order: -10;
  }

  .flex-order-gt-md--9 {
    order: -9;
  }

  .flex-order-gt-md--8 {
    order: -8;
  }

  .flex-order-gt-md--7 {
    order: -7;
  }

  .flex-order-gt-md--6 {
    order: -6;
  }

  .flex-order-gt-md--5 {
    order: -5;
  }

  .flex-order-gt-md--4 {
    order: -4;
  }

  .flex-order-gt-md--3 {
    order: -3;
  }

  .flex-order-gt-md--2 {
    order: -2;
  }

  .flex-order-gt-md--1 {
    order: -1;
  }

  .flex-order-gt-md-0 {
    order: 0;
  }

  .flex-order-gt-md-1 {
    order: 1;
  }

  .flex-order-gt-md-2 {
    order: 2;
  }

  .flex-order-gt-md-3 {
    order: 3;
  }

  .flex-order-gt-md-4 {
    order: 4;
  }

  .flex-order-gt-md-5 {
    order: 5;
  }

  .flex-order-gt-md-6 {
    order: 6;
  }

  .flex-order-gt-md-7 {
    order: 7;
  }

  .flex-order-gt-md-8 {
    order: 8;
  }

  .flex-order-gt-md-9 {
    order: 9;
  }

  .flex-order-gt-md-10 {
    order: 10;
  }

  .flex-order-gt-md-11 {
    order: 11;
  }

  .flex-order-gt-md-12 {
    order: 12;
  }

  .flex-order-gt-md-13 {
    order: 13;
  }

  .flex-order-gt-md-14 {
    order: 14;
  }

  .flex-order-gt-md-15 {
    order: 15;
  }

  .flex-order-gt-md-16 {
    order: 16;
  }

  .flex-order-gt-md-17 {
    order: 17;
  }

  .flex-order-gt-md-18 {
    order: 18;
  }

  .flex-order-gt-md-19 {
    order: 19;
  }

  .flex-order-gt-md-20 {
    order: 20;
  }

  .offset-gt-md-0, .flex-offset-gt-md-0, .layout-margin .flex-offset-gt-md-0, .layout-margin .offset-gt-md-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-gt-md-0, [dir=rtl] .flex-offset-gt-md-0, [dir=rtl] .layout-margin .flex-offset-gt-md-0, [dir=rtl] .layout-margin .offset-gt-md-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-gt-md-5, .flex-offset-gt-md-5, .layout-margin .flex-offset-gt-md-5, .layout-margin .offset-gt-md-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-gt-md-5, [dir=rtl] .flex-offset-gt-md-5, [dir=rtl] .layout-margin .flex-offset-gt-md-5, [dir=rtl] .layout-margin .offset-gt-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-gt-md-10, .flex-offset-gt-md-10, .layout-margin .flex-offset-gt-md-10, .layout-margin .offset-gt-md-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-gt-md-10, [dir=rtl] .flex-offset-gt-md-10, [dir=rtl] .layout-margin .flex-offset-gt-md-10, [dir=rtl] .layout-margin .offset-gt-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-gt-md-15, .flex-offset-gt-md-15, .layout-margin .flex-offset-gt-md-15, .layout-margin .offset-gt-md-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-gt-md-15, [dir=rtl] .flex-offset-gt-md-15, [dir=rtl] .layout-margin .flex-offset-gt-md-15, [dir=rtl] .layout-margin .offset-gt-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-gt-md-20, .flex-offset-gt-md-20, .layout-margin .flex-offset-gt-md-20, .layout-margin .offset-gt-md-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-gt-md-20, [dir=rtl] .flex-offset-gt-md-20, [dir=rtl] .layout-margin .flex-offset-gt-md-20, [dir=rtl] .layout-margin .offset-gt-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-gt-md-25, .flex-offset-gt-md-25, .layout-margin .flex-offset-gt-md-25, .layout-margin .offset-gt-md-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-gt-md-25, [dir=rtl] .flex-offset-gt-md-25, [dir=rtl] .layout-margin .flex-offset-gt-md-25, [dir=rtl] .layout-margin .offset-gt-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-gt-md-30, .flex-offset-gt-md-30, .layout-margin .flex-offset-gt-md-30, .layout-margin .offset-gt-md-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-gt-md-30, [dir=rtl] .flex-offset-gt-md-30, [dir=rtl] .layout-margin .flex-offset-gt-md-30, [dir=rtl] .layout-margin .offset-gt-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-gt-md-35, .flex-offset-gt-md-35, .layout-margin .flex-offset-gt-md-35, .layout-margin .offset-gt-md-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-gt-md-35, [dir=rtl] .flex-offset-gt-md-35, [dir=rtl] .layout-margin .flex-offset-gt-md-35, [dir=rtl] .layout-margin .offset-gt-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-gt-md-40, .flex-offset-gt-md-40, .layout-margin .flex-offset-gt-md-40, .layout-margin .offset-gt-md-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-gt-md-40, [dir=rtl] .flex-offset-gt-md-40, [dir=rtl] .layout-margin .flex-offset-gt-md-40, [dir=rtl] .layout-margin .offset-gt-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-gt-md-45, .flex-offset-gt-md-45, .layout-margin .flex-offset-gt-md-45, .layout-margin .offset-gt-md-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-gt-md-45, [dir=rtl] .flex-offset-gt-md-45, [dir=rtl] .layout-margin .flex-offset-gt-md-45, [dir=rtl] .layout-margin .offset-gt-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-gt-md-50, .flex-offset-gt-md-50, .layout-margin .flex-offset-gt-md-50, .layout-margin .offset-gt-md-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-gt-md-50, [dir=rtl] .flex-offset-gt-md-50, [dir=rtl] .layout-margin .flex-offset-gt-md-50, [dir=rtl] .layout-margin .offset-gt-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-gt-md-55, .flex-offset-gt-md-55, .layout-margin .flex-offset-gt-md-55, .layout-margin .offset-gt-md-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-gt-md-55, [dir=rtl] .flex-offset-gt-md-55, [dir=rtl] .layout-margin .flex-offset-gt-md-55, [dir=rtl] .layout-margin .offset-gt-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-gt-md-60, .flex-offset-gt-md-60, .layout-margin .flex-offset-gt-md-60, .layout-margin .offset-gt-md-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-gt-md-60, [dir=rtl] .flex-offset-gt-md-60, [dir=rtl] .layout-margin .flex-offset-gt-md-60, [dir=rtl] .layout-margin .offset-gt-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-gt-md-65, .flex-offset-gt-md-65, .layout-margin .flex-offset-gt-md-65, .layout-margin .offset-gt-md-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-gt-md-65, [dir=rtl] .flex-offset-gt-md-65, [dir=rtl] .layout-margin .flex-offset-gt-md-65, [dir=rtl] .layout-margin .offset-gt-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-gt-md-70, .flex-offset-gt-md-70, .layout-margin .flex-offset-gt-md-70, .layout-margin .offset-gt-md-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-gt-md-70, [dir=rtl] .flex-offset-gt-md-70, [dir=rtl] .layout-margin .flex-offset-gt-md-70, [dir=rtl] .layout-margin .offset-gt-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-gt-md-75, .flex-offset-gt-md-75, .layout-margin .flex-offset-gt-md-75, .layout-margin .offset-gt-md-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-gt-md-75, [dir=rtl] .flex-offset-gt-md-75, [dir=rtl] .layout-margin .flex-offset-gt-md-75, [dir=rtl] .layout-margin .offset-gt-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-gt-md-80, .flex-offset-gt-md-80, .layout-margin .flex-offset-gt-md-80, .layout-margin .offset-gt-md-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-gt-md-80, [dir=rtl] .flex-offset-gt-md-80, [dir=rtl] .layout-margin .flex-offset-gt-md-80, [dir=rtl] .layout-margin .offset-gt-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-gt-md-85, .flex-offset-gt-md-85, .layout-margin .flex-offset-gt-md-85, .layout-margin .offset-gt-md-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-gt-md-85, [dir=rtl] .flex-offset-gt-md-85, [dir=rtl] .layout-margin .flex-offset-gt-md-85, [dir=rtl] .layout-margin .offset-gt-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-gt-md-90, .flex-offset-gt-md-90, .layout-margin .flex-offset-gt-md-90, .layout-margin .offset-gt-md-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-gt-md-90, [dir=rtl] .flex-offset-gt-md-90, [dir=rtl] .layout-margin .flex-offset-gt-md-90, [dir=rtl] .layout-margin .offset-gt-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-gt-md-95, .flex-offset-gt-md-95, .layout-margin .flex-offset-gt-md-95, .layout-margin .offset-gt-md-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-gt-md-95, [dir=rtl] .flex-offset-gt-md-95, [dir=rtl] .layout-margin .flex-offset-gt-md-95, [dir=rtl] .layout-margin .offset-gt-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-gt-md-33, .flex-offset-gt-md-33, .layout-margin .flex-offset-gt-md-33, .layout-margin .offset-gt-md-33 {
    margin-left: 33.3333333333%;
  }

  .offset-gt-md-66, .flex-offset-gt-md-66, .layout-margin .flex-offset-gt-md-66, .layout-margin .offset-gt-md-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-gt-md-66, [dir=rtl] .flex-offset-gt-md-66, [dir=rtl] .layout-margin .flex-offset-gt-md-66, [dir=rtl] .layout-margin .offset-gt-md-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  .layout-align-gt-md,
.layout-align-gt-md-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-gt-md-start,
.layout-align-gt-md-start-start,
.layout-align-gt-md-start-center,
.layout-align-gt-md-start-end,
.layout-align-gt-md-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-gt-md-center,
.layout-align-gt-md-center-start,
.layout-align-gt-md-center-center,
.layout-align-gt-md-center-end,
.layout-align-gt-md-center-stretch {
    justify-content: center;
  }

  .layout-align-gt-md-end,
.layout-align-gt-md-end-start,
.layout-align-gt-md-end-center,
.layout-align-gt-md-end-end,
.layout-align-gt-md-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-gt-md-space-around,
.layout-align-gt-md-space-around-center,
.layout-align-gt-md-space-around-start,
.layout-align-gt-md-space-around-end,
.layout-align-gt-md-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-gt-md-space-between,
.layout-align-gt-md-space-between-center,
.layout-align-gt-md-space-between-start,
.layout-align-gt-md-space-between-end,
.layout-align-gt-md-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-gt-md-start-start,
.layout-align-gt-md-center-start,
.layout-align-gt-md-end-start,
.layout-align-gt-md-space-between-start,
.layout-align-gt-md-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-gt-md-start-center,
.layout-align-gt-md-center-center,
.layout-align-gt-md-end-center,
.layout-align-gt-md-space-between-center,
.layout-align-gt-md-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-gt-md-start-center > *,
.layout-align-gt-md-center-center > *,
.layout-align-gt-md-end-center > *,
.layout-align-gt-md-space-between-center > *,
.layout-align-gt-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-gt-md-start-end,
.layout-align-gt-md-center-end,
.layout-align-gt-md-end-end,
.layout-align-gt-md-space-between-end,
.layout-align-gt-md-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-gt-md-start-stretch,
.layout-align-gt-md-center-stretch,
.layout-align-gt-md-end-stretch,
.layout-align-gt-md-space-between-stretch,
.layout-align-gt-md-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-gt-md {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-gt-md-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-gt-md-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-md-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-md-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-md-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-md-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-gt-md-column > .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex {
    min-width: 0;
  }

  .layout-gt-md-column > .flex-gt-md-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex {
    min-height: 0;
  }

  .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-gt-md-column {
    flex-direction: column;
  }

  .layout-gt-md-row {
    flex-direction: row;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
    display: none;
  }

  .hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }

  .flex-order-lg--20 {
    order: -20;
  }

  .flex-order-lg--19 {
    order: -19;
  }

  .flex-order-lg--18 {
    order: -18;
  }

  .flex-order-lg--17 {
    order: -17;
  }

  .flex-order-lg--16 {
    order: -16;
  }

  .flex-order-lg--15 {
    order: -15;
  }

  .flex-order-lg--14 {
    order: -14;
  }

  .flex-order-lg--13 {
    order: -13;
  }

  .flex-order-lg--12 {
    order: -12;
  }

  .flex-order-lg--11 {
    order: -11;
  }

  .flex-order-lg--10 {
    order: -10;
  }

  .flex-order-lg--9 {
    order: -9;
  }

  .flex-order-lg--8 {
    order: -8;
  }

  .flex-order-lg--7 {
    order: -7;
  }

  .flex-order-lg--6 {
    order: -6;
  }

  .flex-order-lg--5 {
    order: -5;
  }

  .flex-order-lg--4 {
    order: -4;
  }

  .flex-order-lg--3 {
    order: -3;
  }

  .flex-order-lg--2 {
    order: -2;
  }

  .flex-order-lg--1 {
    order: -1;
  }

  .flex-order-lg-0 {
    order: 0;
  }

  .flex-order-lg-1 {
    order: 1;
  }

  .flex-order-lg-2 {
    order: 2;
  }

  .flex-order-lg-3 {
    order: 3;
  }

  .flex-order-lg-4 {
    order: 4;
  }

  .flex-order-lg-5 {
    order: 5;
  }

  .flex-order-lg-6 {
    order: 6;
  }

  .flex-order-lg-7 {
    order: 7;
  }

  .flex-order-lg-8 {
    order: 8;
  }

  .flex-order-lg-9 {
    order: 9;
  }

  .flex-order-lg-10 {
    order: 10;
  }

  .flex-order-lg-11 {
    order: 11;
  }

  .flex-order-lg-12 {
    order: 12;
  }

  .flex-order-lg-13 {
    order: 13;
  }

  .flex-order-lg-14 {
    order: 14;
  }

  .flex-order-lg-15 {
    order: 15;
  }

  .flex-order-lg-16 {
    order: 16;
  }

  .flex-order-lg-17 {
    order: 17;
  }

  .flex-order-lg-18 {
    order: 18;
  }

  .flex-order-lg-19 {
    order: 19;
  }

  .flex-order-lg-20 {
    order: 20;
  }

  .offset-lg-0, .flex-offset-lg-0, .layout-margin .flex-offset-lg-0, .layout-margin .offset-lg-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-lg-0, [dir=rtl] .flex-offset-lg-0, [dir=rtl] .layout-margin .flex-offset-lg-0, [dir=rtl] .layout-margin .offset-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-lg-5, .flex-offset-lg-5, .layout-margin .flex-offset-lg-5, .layout-margin .offset-lg-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-lg-5, [dir=rtl] .flex-offset-lg-5, [dir=rtl] .layout-margin .flex-offset-lg-5, [dir=rtl] .layout-margin .offset-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-lg-10, .flex-offset-lg-10, .layout-margin .flex-offset-lg-10, .layout-margin .offset-lg-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-lg-10, [dir=rtl] .flex-offset-lg-10, [dir=rtl] .layout-margin .flex-offset-lg-10, [dir=rtl] .layout-margin .offset-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-lg-15, .flex-offset-lg-15, .layout-margin .flex-offset-lg-15, .layout-margin .offset-lg-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-lg-15, [dir=rtl] .flex-offset-lg-15, [dir=rtl] .layout-margin .flex-offset-lg-15, [dir=rtl] .layout-margin .offset-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-lg-20, .flex-offset-lg-20, .layout-margin .flex-offset-lg-20, .layout-margin .offset-lg-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-lg-20, [dir=rtl] .flex-offset-lg-20, [dir=rtl] .layout-margin .flex-offset-lg-20, [dir=rtl] .layout-margin .offset-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-lg-25, .flex-offset-lg-25, .layout-margin .flex-offset-lg-25, .layout-margin .offset-lg-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-lg-25, [dir=rtl] .flex-offset-lg-25, [dir=rtl] .layout-margin .flex-offset-lg-25, [dir=rtl] .layout-margin .offset-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-lg-30, .flex-offset-lg-30, .layout-margin .flex-offset-lg-30, .layout-margin .offset-lg-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-lg-30, [dir=rtl] .flex-offset-lg-30, [dir=rtl] .layout-margin .flex-offset-lg-30, [dir=rtl] .layout-margin .offset-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-lg-35, .flex-offset-lg-35, .layout-margin .flex-offset-lg-35, .layout-margin .offset-lg-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-lg-35, [dir=rtl] .flex-offset-lg-35, [dir=rtl] .layout-margin .flex-offset-lg-35, [dir=rtl] .layout-margin .offset-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-lg-40, .flex-offset-lg-40, .layout-margin .flex-offset-lg-40, .layout-margin .offset-lg-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-lg-40, [dir=rtl] .flex-offset-lg-40, [dir=rtl] .layout-margin .flex-offset-lg-40, [dir=rtl] .layout-margin .offset-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-lg-45, .flex-offset-lg-45, .layout-margin .flex-offset-lg-45, .layout-margin .offset-lg-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-lg-45, [dir=rtl] .flex-offset-lg-45, [dir=rtl] .layout-margin .flex-offset-lg-45, [dir=rtl] .layout-margin .offset-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-lg-50, .flex-offset-lg-50, .layout-margin .flex-offset-lg-50, .layout-margin .offset-lg-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-lg-50, [dir=rtl] .flex-offset-lg-50, [dir=rtl] .layout-margin .flex-offset-lg-50, [dir=rtl] .layout-margin .offset-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-lg-55, .flex-offset-lg-55, .layout-margin .flex-offset-lg-55, .layout-margin .offset-lg-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-lg-55, [dir=rtl] .flex-offset-lg-55, [dir=rtl] .layout-margin .flex-offset-lg-55, [dir=rtl] .layout-margin .offset-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-lg-60, .flex-offset-lg-60, .layout-margin .flex-offset-lg-60, .layout-margin .offset-lg-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-lg-60, [dir=rtl] .flex-offset-lg-60, [dir=rtl] .layout-margin .flex-offset-lg-60, [dir=rtl] .layout-margin .offset-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-lg-65, .flex-offset-lg-65, .layout-margin .flex-offset-lg-65, .layout-margin .offset-lg-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-lg-65, [dir=rtl] .flex-offset-lg-65, [dir=rtl] .layout-margin .flex-offset-lg-65, [dir=rtl] .layout-margin .offset-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-lg-70, .flex-offset-lg-70, .layout-margin .flex-offset-lg-70, .layout-margin .offset-lg-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-lg-70, [dir=rtl] .flex-offset-lg-70, [dir=rtl] .layout-margin .flex-offset-lg-70, [dir=rtl] .layout-margin .offset-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-lg-75, .flex-offset-lg-75, .layout-margin .flex-offset-lg-75, .layout-margin .offset-lg-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-lg-75, [dir=rtl] .flex-offset-lg-75, [dir=rtl] .layout-margin .flex-offset-lg-75, [dir=rtl] .layout-margin .offset-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-lg-80, .flex-offset-lg-80, .layout-margin .flex-offset-lg-80, .layout-margin .offset-lg-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-lg-80, [dir=rtl] .flex-offset-lg-80, [dir=rtl] .layout-margin .flex-offset-lg-80, [dir=rtl] .layout-margin .offset-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-lg-85, .flex-offset-lg-85, .layout-margin .flex-offset-lg-85, .layout-margin .offset-lg-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-lg-85, [dir=rtl] .flex-offset-lg-85, [dir=rtl] .layout-margin .flex-offset-lg-85, [dir=rtl] .layout-margin .offset-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-lg-90, .flex-offset-lg-90, .layout-margin .flex-offset-lg-90, .layout-margin .offset-lg-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-lg-90, [dir=rtl] .flex-offset-lg-90, [dir=rtl] .layout-margin .flex-offset-lg-90, [dir=rtl] .layout-margin .offset-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-lg-95, .flex-offset-lg-95, .layout-margin .flex-offset-lg-95, .layout-margin .offset-lg-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-lg-95, [dir=rtl] .flex-offset-lg-95, [dir=rtl] .layout-margin .flex-offset-lg-95, [dir=rtl] .layout-margin .offset-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-lg-33, .flex-offset-lg-33, .layout-margin .flex-offset-lg-33, .layout-margin .offset-lg-33 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-66, .flex-offset-lg-66, .layout-margin .flex-offset-lg-66, .layout-margin .offset-lg-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-lg-66, [dir=rtl] .flex-offset-lg-66, [dir=rtl] .layout-margin .flex-offset-lg-66, [dir=rtl] .layout-margin .offset-lg-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  .layout-align-lg,
.layout-align-lg-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-lg-start,
.layout-align-lg-start-start,
.layout-align-lg-start-center,
.layout-align-lg-start-end,
.layout-align-lg-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-lg-center,
.layout-align-lg-center-start,
.layout-align-lg-center-center,
.layout-align-lg-center-end,
.layout-align-lg-center-stretch {
    justify-content: center;
  }

  .layout-align-lg-end,
.layout-align-lg-end-start,
.layout-align-lg-end-center,
.layout-align-lg-end-end,
.layout-align-lg-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-lg-space-around,
.layout-align-lg-space-around-center,
.layout-align-lg-space-around-start,
.layout-align-lg-space-around-end,
.layout-align-lg-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-lg-space-between,
.layout-align-lg-space-between-center,
.layout-align-lg-space-between-start,
.layout-align-lg-space-between-end,
.layout-align-lg-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-lg-start-start,
.layout-align-lg-center-start,
.layout-align-lg-end-start,
.layout-align-lg-space-between-start,
.layout-align-lg-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-lg-start-center,
.layout-align-lg-center-center,
.layout-align-lg-end-center,
.layout-align-lg-space-between-center,
.layout-align-lg-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-lg-start-center > *,
.layout-align-lg-center-center > *,
.layout-align-lg-end-center > *,
.layout-align-lg-space-between-center > *,
.layout-align-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-lg-start-end,
.layout-align-lg-center-end,
.layout-align-lg-end-end,
.layout-align-lg-space-between-end,
.layout-align-lg-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-lg-start-stretch,
.layout-align-lg-center-stretch,
.layout-align-lg-end-stretch,
.layout-align-lg-space-between-stretch,
.layout-align-lg-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-lg {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-lg-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-lg-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-lg-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-lg-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-lg-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-lg-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-lg-column > .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex {
    min-width: 0;
  }

  .layout-lg-column > .flex-lg-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex {
    min-height: 0;
  }

  .layout-lg, .layout-lg-column, .layout-lg-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-lg-column {
    flex-direction: column;
  }

  .layout-lg-row {
    flex-direction: row;
  }
}
@media (min-width: 1920px) {
  .flex-order-gt-lg--20 {
    order: -20;
  }

  .flex-order-gt-lg--19 {
    order: -19;
  }

  .flex-order-gt-lg--18 {
    order: -18;
  }

  .flex-order-gt-lg--17 {
    order: -17;
  }

  .flex-order-gt-lg--16 {
    order: -16;
  }

  .flex-order-gt-lg--15 {
    order: -15;
  }

  .flex-order-gt-lg--14 {
    order: -14;
  }

  .flex-order-gt-lg--13 {
    order: -13;
  }

  .flex-order-gt-lg--12 {
    order: -12;
  }

  .flex-order-gt-lg--11 {
    order: -11;
  }

  .flex-order-gt-lg--10 {
    order: -10;
  }

  .flex-order-gt-lg--9 {
    order: -9;
  }

  .flex-order-gt-lg--8 {
    order: -8;
  }

  .flex-order-gt-lg--7 {
    order: -7;
  }

  .flex-order-gt-lg--6 {
    order: -6;
  }

  .flex-order-gt-lg--5 {
    order: -5;
  }

  .flex-order-gt-lg--4 {
    order: -4;
  }

  .flex-order-gt-lg--3 {
    order: -3;
  }

  .flex-order-gt-lg--2 {
    order: -2;
  }

  .flex-order-gt-lg--1 {
    order: -1;
  }

  .flex-order-gt-lg-0 {
    order: 0;
  }

  .flex-order-gt-lg-1 {
    order: 1;
  }

  .flex-order-gt-lg-2 {
    order: 2;
  }

  .flex-order-gt-lg-3 {
    order: 3;
  }

  .flex-order-gt-lg-4 {
    order: 4;
  }

  .flex-order-gt-lg-5 {
    order: 5;
  }

  .flex-order-gt-lg-6 {
    order: 6;
  }

  .flex-order-gt-lg-7 {
    order: 7;
  }

  .flex-order-gt-lg-8 {
    order: 8;
  }

  .flex-order-gt-lg-9 {
    order: 9;
  }

  .flex-order-gt-lg-10 {
    order: 10;
  }

  .flex-order-gt-lg-11 {
    order: 11;
  }

  .flex-order-gt-lg-12 {
    order: 12;
  }

  .flex-order-gt-lg-13 {
    order: 13;
  }

  .flex-order-gt-lg-14 {
    order: 14;
  }

  .flex-order-gt-lg-15 {
    order: 15;
  }

  .flex-order-gt-lg-16 {
    order: 16;
  }

  .flex-order-gt-lg-17 {
    order: 17;
  }

  .flex-order-gt-lg-18 {
    order: 18;
  }

  .flex-order-gt-lg-19 {
    order: 19;
  }

  .flex-order-gt-lg-20 {
    order: 20;
  }

  .offset-gt-lg-0, .flex-offset-gt-lg-0, .layout-margin .flex-offset-gt-lg-0, .layout-margin .offset-gt-lg-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-gt-lg-0, [dir=rtl] .flex-offset-gt-lg-0, [dir=rtl] .layout-margin .flex-offset-gt-lg-0, [dir=rtl] .layout-margin .offset-gt-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-gt-lg-5, .flex-offset-gt-lg-5, .layout-margin .flex-offset-gt-lg-5, .layout-margin .offset-gt-lg-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-gt-lg-5, [dir=rtl] .flex-offset-gt-lg-5, [dir=rtl] .layout-margin .flex-offset-gt-lg-5, [dir=rtl] .layout-margin .offset-gt-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-gt-lg-10, .flex-offset-gt-lg-10, .layout-margin .flex-offset-gt-lg-10, .layout-margin .offset-gt-lg-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-gt-lg-10, [dir=rtl] .flex-offset-gt-lg-10, [dir=rtl] .layout-margin .flex-offset-gt-lg-10, [dir=rtl] .layout-margin .offset-gt-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-gt-lg-15, .flex-offset-gt-lg-15, .layout-margin .flex-offset-gt-lg-15, .layout-margin .offset-gt-lg-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-gt-lg-15, [dir=rtl] .flex-offset-gt-lg-15, [dir=rtl] .layout-margin .flex-offset-gt-lg-15, [dir=rtl] .layout-margin .offset-gt-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-gt-lg-20, .flex-offset-gt-lg-20, .layout-margin .flex-offset-gt-lg-20, .layout-margin .offset-gt-lg-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-gt-lg-20, [dir=rtl] .flex-offset-gt-lg-20, [dir=rtl] .layout-margin .flex-offset-gt-lg-20, [dir=rtl] .layout-margin .offset-gt-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-gt-lg-25, .flex-offset-gt-lg-25, .layout-margin .flex-offset-gt-lg-25, .layout-margin .offset-gt-lg-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-gt-lg-25, [dir=rtl] .flex-offset-gt-lg-25, [dir=rtl] .layout-margin .flex-offset-gt-lg-25, [dir=rtl] .layout-margin .offset-gt-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-gt-lg-30, .flex-offset-gt-lg-30, .layout-margin .flex-offset-gt-lg-30, .layout-margin .offset-gt-lg-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-gt-lg-30, [dir=rtl] .flex-offset-gt-lg-30, [dir=rtl] .layout-margin .flex-offset-gt-lg-30, [dir=rtl] .layout-margin .offset-gt-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-gt-lg-35, .flex-offset-gt-lg-35, .layout-margin .flex-offset-gt-lg-35, .layout-margin .offset-gt-lg-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-gt-lg-35, [dir=rtl] .flex-offset-gt-lg-35, [dir=rtl] .layout-margin .flex-offset-gt-lg-35, [dir=rtl] .layout-margin .offset-gt-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-gt-lg-40, .flex-offset-gt-lg-40, .layout-margin .flex-offset-gt-lg-40, .layout-margin .offset-gt-lg-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-gt-lg-40, [dir=rtl] .flex-offset-gt-lg-40, [dir=rtl] .layout-margin .flex-offset-gt-lg-40, [dir=rtl] .layout-margin .offset-gt-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-gt-lg-45, .flex-offset-gt-lg-45, .layout-margin .flex-offset-gt-lg-45, .layout-margin .offset-gt-lg-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-gt-lg-45, [dir=rtl] .flex-offset-gt-lg-45, [dir=rtl] .layout-margin .flex-offset-gt-lg-45, [dir=rtl] .layout-margin .offset-gt-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-gt-lg-50, .flex-offset-gt-lg-50, .layout-margin .flex-offset-gt-lg-50, .layout-margin .offset-gt-lg-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-gt-lg-50, [dir=rtl] .flex-offset-gt-lg-50, [dir=rtl] .layout-margin .flex-offset-gt-lg-50, [dir=rtl] .layout-margin .offset-gt-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-gt-lg-55, .flex-offset-gt-lg-55, .layout-margin .flex-offset-gt-lg-55, .layout-margin .offset-gt-lg-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-gt-lg-55, [dir=rtl] .flex-offset-gt-lg-55, [dir=rtl] .layout-margin .flex-offset-gt-lg-55, [dir=rtl] .layout-margin .offset-gt-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-gt-lg-60, .flex-offset-gt-lg-60, .layout-margin .flex-offset-gt-lg-60, .layout-margin .offset-gt-lg-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-gt-lg-60, [dir=rtl] .flex-offset-gt-lg-60, [dir=rtl] .layout-margin .flex-offset-gt-lg-60, [dir=rtl] .layout-margin .offset-gt-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-gt-lg-65, .flex-offset-gt-lg-65, .layout-margin .flex-offset-gt-lg-65, .layout-margin .offset-gt-lg-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-gt-lg-65, [dir=rtl] .flex-offset-gt-lg-65, [dir=rtl] .layout-margin .flex-offset-gt-lg-65, [dir=rtl] .layout-margin .offset-gt-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-gt-lg-70, .flex-offset-gt-lg-70, .layout-margin .flex-offset-gt-lg-70, .layout-margin .offset-gt-lg-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-gt-lg-70, [dir=rtl] .flex-offset-gt-lg-70, [dir=rtl] .layout-margin .flex-offset-gt-lg-70, [dir=rtl] .layout-margin .offset-gt-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-gt-lg-75, .flex-offset-gt-lg-75, .layout-margin .flex-offset-gt-lg-75, .layout-margin .offset-gt-lg-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-gt-lg-75, [dir=rtl] .flex-offset-gt-lg-75, [dir=rtl] .layout-margin .flex-offset-gt-lg-75, [dir=rtl] .layout-margin .offset-gt-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-gt-lg-80, .flex-offset-gt-lg-80, .layout-margin .flex-offset-gt-lg-80, .layout-margin .offset-gt-lg-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-gt-lg-80, [dir=rtl] .flex-offset-gt-lg-80, [dir=rtl] .layout-margin .flex-offset-gt-lg-80, [dir=rtl] .layout-margin .offset-gt-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-gt-lg-85, .flex-offset-gt-lg-85, .layout-margin .flex-offset-gt-lg-85, .layout-margin .offset-gt-lg-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-gt-lg-85, [dir=rtl] .flex-offset-gt-lg-85, [dir=rtl] .layout-margin .flex-offset-gt-lg-85, [dir=rtl] .layout-margin .offset-gt-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-gt-lg-90, .flex-offset-gt-lg-90, .layout-margin .flex-offset-gt-lg-90, .layout-margin .offset-gt-lg-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-gt-lg-90, [dir=rtl] .flex-offset-gt-lg-90, [dir=rtl] .layout-margin .flex-offset-gt-lg-90, [dir=rtl] .layout-margin .offset-gt-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-gt-lg-95, .flex-offset-gt-lg-95, .layout-margin .flex-offset-gt-lg-95, .layout-margin .offset-gt-lg-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-gt-lg-95, [dir=rtl] .flex-offset-gt-lg-95, [dir=rtl] .layout-margin .flex-offset-gt-lg-95, [dir=rtl] .layout-margin .offset-gt-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-gt-lg-33, .flex-offset-gt-lg-33, .layout-margin .flex-offset-gt-lg-33, .layout-margin .offset-gt-lg-33 {
    margin-left: 33.3333333333%;
  }

  .offset-gt-lg-66, .flex-offset-gt-lg-66, .layout-margin .flex-offset-gt-lg-66, .layout-margin .offset-gt-lg-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-gt-lg-66, [dir=rtl] .flex-offset-gt-lg-66, [dir=rtl] .layout-margin .flex-offset-gt-lg-66, [dir=rtl] .layout-margin .offset-gt-lg-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  .layout-align-gt-lg,
.layout-align-gt-lg-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-gt-lg-start,
.layout-align-gt-lg-start-start,
.layout-align-gt-lg-start-center,
.layout-align-gt-lg-start-end,
.layout-align-gt-lg-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-gt-lg-center,
.layout-align-gt-lg-center-start,
.layout-align-gt-lg-center-center,
.layout-align-gt-lg-center-end,
.layout-align-gt-lg-center-stretch {
    justify-content: center;
  }

  .layout-align-gt-lg-end,
.layout-align-gt-lg-end-start,
.layout-align-gt-lg-end-center,
.layout-align-gt-lg-end-end,
.layout-align-gt-lg-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-gt-lg-space-around,
.layout-align-gt-lg-space-around-center,
.layout-align-gt-lg-space-around-start,
.layout-align-gt-lg-space-around-end,
.layout-align-gt-lg-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-gt-lg-space-between,
.layout-align-gt-lg-space-between-center,
.layout-align-gt-lg-space-between-start,
.layout-align-gt-lg-space-between-end,
.layout-align-gt-lg-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-gt-lg-start-start,
.layout-align-gt-lg-center-start,
.layout-align-gt-lg-end-start,
.layout-align-gt-lg-space-between-start,
.layout-align-gt-lg-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-gt-lg-start-center,
.layout-align-gt-lg-center-center,
.layout-align-gt-lg-end-center,
.layout-align-gt-lg-space-between-center,
.layout-align-gt-lg-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-gt-lg-start-center > *,
.layout-align-gt-lg-center-center > *,
.layout-align-gt-lg-end-center > *,
.layout-align-gt-lg-space-between-center > *,
.layout-align-gt-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-gt-lg-start-end,
.layout-align-gt-lg-center-end,
.layout-align-gt-lg-end-end,
.layout-align-gt-lg-space-between-end,
.layout-align-gt-lg-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-gt-lg-start-stretch,
.layout-align-gt-lg-center-stretch,
.layout-align-gt-lg-end-stretch,
.layout-align-gt-lg-space-between-stretch,
.layout-align-gt-lg-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-gt-lg {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-gt-lg-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-gt-lg-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-lg-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-lg-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-lg-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-lg-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-gt-lg-column > .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex {
    min-width: 0;
  }

  .layout-gt-lg-column > .flex-gt-lg-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex {
    min-height: 0;
  }

  .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-gt-lg-column {
    flex-direction: column;
  }

  .layout-gt-lg-row {
    flex-direction: row;
  }

  .flex-order-xl--20 {
    order: -20;
  }

  .flex-order-xl--19 {
    order: -19;
  }

  .flex-order-xl--18 {
    order: -18;
  }

  .flex-order-xl--17 {
    order: -17;
  }

  .flex-order-xl--16 {
    order: -16;
  }

  .flex-order-xl--15 {
    order: -15;
  }

  .flex-order-xl--14 {
    order: -14;
  }

  .flex-order-xl--13 {
    order: -13;
  }

  .flex-order-xl--12 {
    order: -12;
  }

  .flex-order-xl--11 {
    order: -11;
  }

  .flex-order-xl--10 {
    order: -10;
  }

  .flex-order-xl--9 {
    order: -9;
  }

  .flex-order-xl--8 {
    order: -8;
  }

  .flex-order-xl--7 {
    order: -7;
  }

  .flex-order-xl--6 {
    order: -6;
  }

  .flex-order-xl--5 {
    order: -5;
  }

  .flex-order-xl--4 {
    order: -4;
  }

  .flex-order-xl--3 {
    order: -3;
  }

  .flex-order-xl--2 {
    order: -2;
  }

  .flex-order-xl--1 {
    order: -1;
  }

  .flex-order-xl-0 {
    order: 0;
  }

  .flex-order-xl-1 {
    order: 1;
  }

  .flex-order-xl-2 {
    order: 2;
  }

  .flex-order-xl-3 {
    order: 3;
  }

  .flex-order-xl-4 {
    order: 4;
  }

  .flex-order-xl-5 {
    order: 5;
  }

  .flex-order-xl-6 {
    order: 6;
  }

  .flex-order-xl-7 {
    order: 7;
  }

  .flex-order-xl-8 {
    order: 8;
  }

  .flex-order-xl-9 {
    order: 9;
  }

  .flex-order-xl-10 {
    order: 10;
  }

  .flex-order-xl-11 {
    order: 11;
  }

  .flex-order-xl-12 {
    order: 12;
  }

  .flex-order-xl-13 {
    order: 13;
  }

  .flex-order-xl-14 {
    order: 14;
  }

  .flex-order-xl-15 {
    order: 15;
  }

  .flex-order-xl-16 {
    order: 16;
  }

  .flex-order-xl-17 {
    order: 17;
  }

  .flex-order-xl-18 {
    order: 18;
  }

  .flex-order-xl-19 {
    order: 19;
  }

  .flex-order-xl-20 {
    order: 20;
  }

  .offset-xl-0, .flex-offset-xl-0, .layout-margin .flex-offset-xl-0, .layout-margin .offset-xl-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-xl-0, [dir=rtl] .flex-offset-xl-0, [dir=rtl] .layout-margin .flex-offset-xl-0, [dir=rtl] .layout-margin .offset-xl-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-xl-5, .flex-offset-xl-5, .layout-margin .flex-offset-xl-5, .layout-margin .offset-xl-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-xl-5, [dir=rtl] .flex-offset-xl-5, [dir=rtl] .layout-margin .flex-offset-xl-5, [dir=rtl] .layout-margin .offset-xl-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-xl-10, .flex-offset-xl-10, .layout-margin .flex-offset-xl-10, .layout-margin .offset-xl-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-xl-10, [dir=rtl] .flex-offset-xl-10, [dir=rtl] .layout-margin .flex-offset-xl-10, [dir=rtl] .layout-margin .offset-xl-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-xl-15, .flex-offset-xl-15, .layout-margin .flex-offset-xl-15, .layout-margin .offset-xl-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-xl-15, [dir=rtl] .flex-offset-xl-15, [dir=rtl] .layout-margin .flex-offset-xl-15, [dir=rtl] .layout-margin .offset-xl-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-xl-20, .flex-offset-xl-20, .layout-margin .flex-offset-xl-20, .layout-margin .offset-xl-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-xl-20, [dir=rtl] .flex-offset-xl-20, [dir=rtl] .layout-margin .flex-offset-xl-20, [dir=rtl] .layout-margin .offset-xl-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-xl-25, .flex-offset-xl-25, .layout-margin .flex-offset-xl-25, .layout-margin .offset-xl-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-xl-25, [dir=rtl] .flex-offset-xl-25, [dir=rtl] .layout-margin .flex-offset-xl-25, [dir=rtl] .layout-margin .offset-xl-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-xl-30, .flex-offset-xl-30, .layout-margin .flex-offset-xl-30, .layout-margin .offset-xl-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-xl-30, [dir=rtl] .flex-offset-xl-30, [dir=rtl] .layout-margin .flex-offset-xl-30, [dir=rtl] .layout-margin .offset-xl-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-xl-35, .flex-offset-xl-35, .layout-margin .flex-offset-xl-35, .layout-margin .offset-xl-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-xl-35, [dir=rtl] .flex-offset-xl-35, [dir=rtl] .layout-margin .flex-offset-xl-35, [dir=rtl] .layout-margin .offset-xl-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-xl-40, .flex-offset-xl-40, .layout-margin .flex-offset-xl-40, .layout-margin .offset-xl-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-xl-40, [dir=rtl] .flex-offset-xl-40, [dir=rtl] .layout-margin .flex-offset-xl-40, [dir=rtl] .layout-margin .offset-xl-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-xl-45, .flex-offset-xl-45, .layout-margin .flex-offset-xl-45, .layout-margin .offset-xl-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-xl-45, [dir=rtl] .flex-offset-xl-45, [dir=rtl] .layout-margin .flex-offset-xl-45, [dir=rtl] .layout-margin .offset-xl-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-xl-50, .flex-offset-xl-50, .layout-margin .flex-offset-xl-50, .layout-margin .offset-xl-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-xl-50, [dir=rtl] .flex-offset-xl-50, [dir=rtl] .layout-margin .flex-offset-xl-50, [dir=rtl] .layout-margin .offset-xl-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-xl-55, .flex-offset-xl-55, .layout-margin .flex-offset-xl-55, .layout-margin .offset-xl-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-xl-55, [dir=rtl] .flex-offset-xl-55, [dir=rtl] .layout-margin .flex-offset-xl-55, [dir=rtl] .layout-margin .offset-xl-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-xl-60, .flex-offset-xl-60, .layout-margin .flex-offset-xl-60, .layout-margin .offset-xl-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-xl-60, [dir=rtl] .flex-offset-xl-60, [dir=rtl] .layout-margin .flex-offset-xl-60, [dir=rtl] .layout-margin .offset-xl-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-xl-65, .flex-offset-xl-65, .layout-margin .flex-offset-xl-65, .layout-margin .offset-xl-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-xl-65, [dir=rtl] .flex-offset-xl-65, [dir=rtl] .layout-margin .flex-offset-xl-65, [dir=rtl] .layout-margin .offset-xl-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-xl-70, .flex-offset-xl-70, .layout-margin .flex-offset-xl-70, .layout-margin .offset-xl-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-xl-70, [dir=rtl] .flex-offset-xl-70, [dir=rtl] .layout-margin .flex-offset-xl-70, [dir=rtl] .layout-margin .offset-xl-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-xl-75, .flex-offset-xl-75, .layout-margin .flex-offset-xl-75, .layout-margin .offset-xl-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-xl-75, [dir=rtl] .flex-offset-xl-75, [dir=rtl] .layout-margin .flex-offset-xl-75, [dir=rtl] .layout-margin .offset-xl-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-xl-80, .flex-offset-xl-80, .layout-margin .flex-offset-xl-80, .layout-margin .offset-xl-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-xl-80, [dir=rtl] .flex-offset-xl-80, [dir=rtl] .layout-margin .flex-offset-xl-80, [dir=rtl] .layout-margin .offset-xl-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-xl-85, .flex-offset-xl-85, .layout-margin .flex-offset-xl-85, .layout-margin .offset-xl-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-xl-85, [dir=rtl] .flex-offset-xl-85, [dir=rtl] .layout-margin .flex-offset-xl-85, [dir=rtl] .layout-margin .offset-xl-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-xl-90, .flex-offset-xl-90, .layout-margin .flex-offset-xl-90, .layout-margin .offset-xl-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-xl-90, [dir=rtl] .flex-offset-xl-90, [dir=rtl] .layout-margin .flex-offset-xl-90, [dir=rtl] .layout-margin .offset-xl-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-xl-95, .flex-offset-xl-95, .layout-margin .flex-offset-xl-95, .layout-margin .offset-xl-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-xl-95, [dir=rtl] .flex-offset-xl-95, [dir=rtl] .layout-margin .flex-offset-xl-95, [dir=rtl] .layout-margin .offset-xl-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-xl-33, .flex-offset-xl-33, .layout-margin .flex-offset-xl-33, .layout-margin .offset-xl-33 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-66, .flex-offset-xl-66, .layout-margin .flex-offset-xl-66, .layout-margin .offset-xl-66 {
    margin-left: 66.6666666667%;
  }
  [dir=rtl] .offset-xl-66, [dir=rtl] .flex-offset-xl-66, [dir=rtl] .layout-margin .flex-offset-xl-66, [dir=rtl] .layout-margin .offset-xl-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  .layout-align-xl,
.layout-align-xl-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-xl-start,
.layout-align-xl-start-start,
.layout-align-xl-start-center,
.layout-align-xl-start-end,
.layout-align-xl-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-xl-center,
.layout-align-xl-center-start,
.layout-align-xl-center-center,
.layout-align-xl-center-end,
.layout-align-xl-center-stretch {
    justify-content: center;
  }

  .layout-align-xl-end,
.layout-align-xl-end-start,
.layout-align-xl-end-center,
.layout-align-xl-end-end,
.layout-align-xl-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-xl-space-around,
.layout-align-xl-space-around-center,
.layout-align-xl-space-around-start,
.layout-align-xl-space-around-end,
.layout-align-xl-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-xl-space-between,
.layout-align-xl-space-between-center,
.layout-align-xl-space-between-start,
.layout-align-xl-space-between-end,
.layout-align-xl-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-xl-start-start,
.layout-align-xl-center-start,
.layout-align-xl-end-start,
.layout-align-xl-space-between-start,
.layout-align-xl-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-xl-start-center,
.layout-align-xl-center-center,
.layout-align-xl-end-center,
.layout-align-xl-space-between-center,
.layout-align-xl-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-xl-start-center > *,
.layout-align-xl-center-center > *,
.layout-align-xl-end-center > *,
.layout-align-xl-space-between-center > *,
.layout-align-xl-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-xl-start-end,
.layout-align-xl-center-end,
.layout-align-xl-end-end,
.layout-align-xl-space-between-end,
.layout-align-xl-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-xl-start-stretch,
.layout-align-xl-center-stretch,
.layout-align-xl-end-stretch,
.layout-align-xl-space-between-stretch,
.layout-align-xl-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-xl {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-xl-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-xl-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-xl-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-xl-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-xl-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-xl-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-xl-column > .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex {
    min-width: 0;
  }

  .layout-xl-column > .flex-xl-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex {
    min-height: 0;
  }

  .layout-xl, .layout-xl-column, .layout-xl-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-xl-column {
    flex-direction: column;
  }

  .layout-xl-row {
    flex-direction: row;
  }

  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show) {
    display: none;
  }

  .hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }
}
@media print {
  .hide-print:not(.show-print):not(.show) {
    display: none !important;
  }
}/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */

/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */

/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */

*,
::before,
::after {
	background-repeat: no-repeat; /* 1 */
	box-sizing: inherit; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */

::before,
::after {
	text-decoration: inherit; /* 1 */
	vertical-align: inherit; /* 2 */
}

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */

html {
	box-sizing: border-box; /* 1 */
	cursor: default; /* 2 */
	-ms-text-size-adjust: 100%; /* 3 */
	-webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: .67em 0;
}

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
	display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
	list-style: none;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
	font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
	font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
	background-color: #ffff00;
	color: #000000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */

::-moz-selection {
	background-color: #b3d4fc; /* 1 */
	color: #000000; /* 1 */
	text-shadow: none;
}

::selection {
	background-color: #b3d4fc; /* 1 */
	color: #000000; /* 1 */
	text-shadow: none;
}

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */

/*
 * Change the alignment on media elements in all browers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
	border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

svg {
	fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */

/**
 * Collapse border spacing
 */

table {
	border-collapse: collapse;
}

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */

/**
 * Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	margin: 0;
}

/**
 * Inherit styling in all browsers (opinionated).
 */

button,
input,
select,
textarea {
	background-color: transparent;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */

textarea {
	overflow: auto; /* 1 */
	resize: vertical; /* 2 */
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
	display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
	display: none;
}

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */

/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
	-ms-touch-action: manipulation; /* 1 */
	touch-action: manipulation;
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
	display: none;
}

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */

/**
 * Change the cursor on busy elements (opinionated).
 */

[aria-busy="true"] {
	cursor: progress;
}

/*
 * Change the cursor on control elements (opinionated).
 */

[aria-controls] {
	cursor: pointer;
}

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */

[aria-hidden="false"][hidden]:not(:focus) {
	clip: rect(0, 0, 0, 0);
	display: inherit;
	position: absolute;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */

[aria-disabled] {
	cursor: default;
}
.sieg-form-wrapper .mbg-label {
  margin-bottom: 5px; }

.sieg-form-wrapper .display-switches {
  display: flex;
  flex-direction: column; }

.sieg-form-wrapper .align-row {
  display: flex;
  align-items: center;
  margin-top: 14px; }
.daily-sale-conference-date-selector-modal-wrapper {
  width: 550px; }
.edit-conference-modal-wrapper .modal-lg {
  min-width: 90vw !important; }
.daily-sales-pdv-conference-list-wrapper {
  height: 100%;
  width: 100%; }
  .daily-sales-pdv-conference-list-wrapper .justify-content-space-evenly {
    justify-content: space-evenly; }

.sale-queue-list-modal .modal-dialog {
  width: 95%;
  min-height: 80%;
  height: 80%;
  transform: none !important; }

.sale-queue-list-modal .modal-content {
  width: 100% !important;
  height: 100%;
  overflow: hidden; }
  .sale-queue-list-modal .modal-content .salequeue-list-wrapper {
    width: 100% !important;
    max-width: 99% !important;
    height: 100%;
    overflow: hidden;
    margin: 10px 10px 0 10px; }
.crescevendas-integration-wrapper .mbg-multi-select-scroll {
  height: 25px !important; }

.crescevendas-integration-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li {
  height: 18px !important; }

.crescevendas-integration-wrapper .right {
  display: flex;
  justify-content: end;
  margin-right: 20px; }

.crescevendas-integration-wrapper .config {
  font-size: 2em; }
.cupomverde-integration-wrapper .mbg-multi-select-scroll {
  height: 25px !important; }

.cupomverde-integration-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li {
  height: 18px !important; }

.cupomverde-integration-wrapper .right {
  display: flex;
  justify-content: end;
  margin-right: 20px; }

.cupomverde-integration-wrapper .config {
  font-size: 2em; }
.movement-observation-wrapper {
  min-width: 424px;
  padding: 28px 14px; }
  .movement-observation-wrapper .mbg-body {
    padding: 0 30px; }
    .movement-observation-wrapper .mbg-body .mbg-text-wrapper {
      min-height: 140px;
      max-height: 620px;
      height: fit-content; }
      .movement-observation-wrapper .mbg-body .mbg-text-wrapper textarea {
        min-height: 140px;
        max-height: 620px; }
      .movement-observation-wrapper .mbg-body .mbg-text-wrapper textarea::-webkit-resizer {
        border-width: 8px;
        border-style: solid;
        border-radius: 1px;
        border-color: transparent #0747a6 #0747a6 transparent; }
  .movement-observation-wrapper h5 {
    font-size: 18px;
    color: var(--font2);
    text-align: center;
    margin: 0; }
.quick-registration-movement-observation-wrapper {
  width: 40vw; }
  .quick-registration-movement-observation-wrapper .observation {
    border-radius: 3px; }
    .quick-registration-movement-observation-wrapper .observation textarea {
      width: 100%;
      min-height: 80px;
      max-height: 180px; }
.app-movement-observation-form .observation {
  border-radius: 3px; }
  .app-movement-observation-form .observation textarea {
    width: 100%;
    min-height: 80px;
    max-height: 180px; }
form.favorites-config-wrapper .import-export-area {
  display: flex;
  gap: 15px; }
  form.favorites-config-wrapper .import-export-area .btn-import {
    border-radius: 20px;
    height: 25px; }
  form.favorites-config-wrapper .import-export-area input[type=file] {
    display: none; }

form.favorites-config-wrapper .favorite-area {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px; }
  form.favorites-config-wrapper .favorite-area info-box .info-box-content .content-wrapper {
    padding: 20px 20px 0 20px; }
  form.favorites-config-wrapper .favorite-area info-box list-v2 {
    position: relative; }
    form.favorites-config-wrapper .favorite-area info-box list-v2 .actions {
      display: inline-flex;
      min-width: 38px;
      gap: 4px; }
.audit-user-permission-component-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column; }
  .audit-user-permission-component-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .audit-user-permission-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .audit-user-permission-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .audit-user-permission-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .audit-user-permission-component-wrapper tbody > tr > td:first-child {
    width: 450px !important; }
  .audit-user-permission-component-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0; }
  .audit-user-permission-component-wrapper.modalPadding {
    background-color: rgba(0, 0, 0, 0.25);
    height: 90vh; }
    .audit-user-permission-component-wrapper.modalPadding.content-modal-wrapper {
      background-color: #fff !important; }
  .audit-user-permission-component-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 8px;
    display: flex;
    flex-direction: column; }
    .audit-user-permission-component-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative; }

.audit-user-permission-component-modal .modal-dialog {
  width: 100%;
  margin-top: 6rem !important;
  transform: translate(0, 0%) !important; }
  .audit-user-permission-component-modal .modal-dialog .audit-log .audit-log-home .options-container {
    display: none; }
  .audit-user-permission-component-modal .modal-dialog .modal-content .page-wrapper {
    max-width: 100vw !important; }
.audit-product-update-component-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column; }
  .audit-product-update-component-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .audit-product-update-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .audit-product-update-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .audit-product-update-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .audit-product-update-component-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0; }
  .audit-product-update-component-wrapper.modalPadding {
    background-color: rgba(0, 0, 0, 0.25);
    height: 90vh; }
    .audit-product-update-component-wrapper.modalPadding.content-modal-wrapper {
      background-color: #fff !important; }
  .audit-product-update-component-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 8px;
    display: flex;
    flex-direction: column; }
    .audit-product-update-component-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative; }

.audit-product-update-component-modal .modal-dialog {
  width: 100%;
  margin-top: 6rem !important;
  transform: translate(0, 0%) !important; }
  .audit-product-update-component-modal .modal-dialog .audit-log .audit-log-home .options-container {
    display: none; }
  .audit-product-update-component-modal .modal-dialog .modal-content .page-wrapper {
    max-width: 100vw !important; }
.audit-log-pricing-component-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column; }
  .audit-log-pricing-component-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .audit-log-pricing-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .audit-log-pricing-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .audit-log-pricing-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .audit-log-pricing-component-wrapper tbody > tr > td:first-child {
    width: 450px !important; }
  .audit-log-pricing-component-wrapper .scrollable-table {
    overflow-x: scroll;
    margin: 14px 0; }
  .audit-log-pricing-component-wrapper.modalPadding {
    background-color: rgba(0, 0, 0, 0.25);
    height: 90vh; }
    .audit-log-pricing-component-wrapper.modalPadding.content-modal-wrapper {
      background-color: #fff !important; }
  .audit-log-pricing-component-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 8px;
    display: flex;
    flex-direction: column; }
    .audit-log-pricing-component-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative; }

.audit-log-pricing-component-modal .modal-dialog {
  width: 100%;
  margin-top: 6rem !important;
  transform: translate(0, 0%) !important; }
  .audit-log-pricing-component-modal .modal-dialog .audit-log .audit-log-home .options-container {
    display: none; }
  .audit-log-pricing-component-modal .modal-dialog .modal-content .page-wrapper {
    max-width: 100vw !important; }
.entity-participant-wrapper .exempt-link {
  display: flex;
  justify-content: end; }
  .entity-participant-wrapper .exempt-link a {
    font-size: smaller; }

.entity-participant-wrapper .entities-input-wrap {
  display: flex;
  flex-wrap: wrap; }
.cte-road-data .align-button {
  margin-top: 28px; }

.cte-road-data .half-screen-table-wrapper {
  padding: 0px; }

.cte-road-data .half-screen-table {
  padding: 0px; }
  .cte-road-data .half-screen-table h5 {
    display: flex;
    justify-content: center; }
.cte-document-info .align-button {
  margin-top: 28px; }
.cte-values .align-button {
  margin-top: 28px; }
.cte-values .align-button {
  margin-top: 28px; }
.cte-general-data .mbg-input-wrapper {
  display: block; }

.cte-general-data .input-time {
  height: 25px; }

.cte-general-data .switch-align {
  display: flex;
  flex-direction: column;
  align-items: start; }

.cte-general-data .observation textarea {
  width: 100%;
  min-height: 48px;
  max-height: 30vh;
  padding: 5px;
  border-radius: 5px;
  border-color: #ddd; }

.cte-general-data .thin-switch {
  margin-top: 4px; }
.cte-form-wrapper .align-buttons {
  padding-top: 12px;
  display: flex;
  justify-content: end;
  align-items: center; }
  .cte-form-wrapper .align-buttons a {
    font-weight: bold;
    margin-top: 0px; }
  .cte-form-wrapper .align-buttons .save-btn {
    height: 30px;
    width: 85px;
    border-radius: 5px;
    font-weight: 700;
    background-color: var(--secondary);
    color: #FFF;
    border: none;
    padding: 0 20px; }

.cte-form-wrapper .field-title {
  padding-top: 4px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.cte-form-wrapper .step-tabs .tab-content .tab-body {
  padding: 4px 0px 8px 0px; }
.cte-cfop-config .dimensions {
  width: 95rem;
  padding: 1em; }

.cte-cfop-config .header-modal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 2em; }

.cte-cfop-config .close-x {
  font-size: 2.5em; }
  .cte-cfop-config .close-x:hover {
    scale: 1.2;
    transition: all .2s ease;
    color: var(--error); }

.cte-cfop-config .mbg-label {
  margin-bottom: 5px !important; }

.cte-cfop-config .align-row {
  display: flex;
  flex-direction: column;
  align-items: center; }
.send-notes-modal-wrapper .mbg-label {
  margin-bottom: 5px !important; }
.send-many-notes-modal-wrapper .mbg-label {
  margin-bottom: 5px !important; }
.cte-emission-config .dimensions {
  width: 95rem;
  padding: 1em; }

.cte-emission-config .header-modal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 2em; }

.cte-emission-config .close-x {
  font-size: 2.5em; }
  .cte-emission-config .close-x:hover {
    scale: 1.2;
    transition: all .2s ease;
    color: var(--error); }

.cte-emission-config .mbg-label {
  margin-bottom: 5px !important; }
.cte-list-wrapper .display-flex {
  display: flex;
  justify-content: center; }

.cte-list-wrapper .actions {
  display: flex;
  margin: 0;
  padding: 0;
  gap: 1.6em;
  justify-content: end;
  align-items: center; }

.cte-list-wrapper .actions .links-wrapper {
  display: flex;
  margin-top: 10px; }

.cte-list-wrapper .links-wrapper a {
  gap: .3em; }

.cte-list-wrapper .input-date-time {
  height: 25px; }
.integration-parameters-modal {
  max-width: 764px;
  padding: 15px; }
  .integration-parameters-modal .mbg-multi-select-scroll {
    height: 25px !important; }
  .integration-parameters-modal .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li {
    height: 18px !important; }
  .integration-parameters-modal .header-modal h4 {
    color: #333; }
.mercafacil-integration-wrapper .mbg-multi-select-scroll {
  height: 25px !important; }

.mercafacil-integration-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li {
  height: 18px !important; }

.mercafacil-integration-wrapper .right {
  display: flex;
  justify-content: end;
  margin-right: 20px; }

.mercafacil-integration-wrapper .config {
  font-size: 2em; }
.nfe-from-nfce-list-wrapper .mbg-label {
  margin: 0px;
  font-weight: 700; }

.nfe-from-nfce-list-wrapper .switch-area {
  display: flex;
  flex-direction: column;
  align-items: center; }

.nfe-from-nfce-list-wrapper .help-button {
  display: flex;
  justify-content: end;
  margin-top: 18px;
  padding: 0px; }
.sangria-supply-reason-list-wrapper .page-filters {
  display: flex;
  align-items: flex-end; }
.sangria-supply-reason-form-wrapper .action-buttoms {
  right: 56px;
  position: absolute;
  display: row;
  flex-direction: column; }
  .sangria-supply-reason-form-wrapper .action-buttoms a {
    font-weight: bold; }
  .sangria-supply-reason-form-wrapper .action-buttoms .save-btn {
    height: 30px;
    border-radius: 5px;
    font-weight: 700;
    background-color: var(--secondary);
    color: #FFF;
    border: none;
    padding: 0 20px; }
.offer-reason-list-wrapper .row {
  margin-bottom: 10px; }
.offer-reason-form-modal-wrapper {
  min-width: 720px; }
  .offer-reason-form-modal-wrapper .flex-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; }
  .offer-reason-form-modal-wrapper .subtitle {
    color: var(--neutral2);
    font-size: 13px; }
.offer-form-wrapper .row {
  margin-bottom: 10px !important; }

.offer-form-wrapper .panel.gmd.mbg {
  width: 99.5%;
  padding: 10px; }

.offer-form-wrapper .flex-col {
  flex-direction: column; }

.offer-form-wrapper .options {
  display: flex;
  gap: 6px; }

.offer-form-wrapper .item-line {
  position: relative; }

.offer-form-wrapper div.input-fake.flex-start {
  display: flex;
  justify-content: flex-start !important; }

.offer-form-wrapper .save-btn {
  height: 30px;
  border-radius: 5px;
  font-weight: 700;
  background-color: var(--secondary);
  color: #FFF;
  border: none;
  padding: 0 20px; }

.offer-form-wrapper .align-right {
  padding-right: 32px;
  text-align: right; }

.offer-form-wrapper .float-end {
  float: inline-end; }

.offer-form-wrapper .organization-list > div {
  max-height: 17vh;
  overflow: auto; }

.offer-form-wrapper table mbg-input-date .mbg-date-between {
  width: 256px; }

.offer-form-wrapper .product-list > div {
  max-height: 42vh;
  overflow: auto; }

.offer-form-wrapper .selected-product-list > div {
  max-height: 42vh;
  overflow: auto; }

.offer-form-wrapper div.input-fake.p-r-4 {
  padding-right: 4px !important;
  white-space: nowrap;
  justify-content: flex-start !important; }
  .offer-form-wrapper div.input-fake.p-r-4 .input-fake-text {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.offer-form-wrapper .square-button {
  display: flex;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  font-size: 11px;
  transition: all .2s ease;
  border: none;
  justify-content: center;
  align-items: center;
  margin-left: auto; }
  .offer-form-wrapper .square-button i {
    color: white !important; }
  .offer-form-wrapper .square-button:hover, .offer-form-wrapper .square-button:focus {
    transform: scale(1.1);
    transition: all .3s ease; }
  .offer-form-wrapper .square-button[disabled] {
    background-color: var(--mbListStatusInactive); }

.offer-form-wrapper .default {
  background-color: var(--primary); }

.offer-form-wrapper .clear {
  background-color: var(--error); }

.offer-form-wrapper .check {
  background-color: var(--mbListStatusActive); }

@media screen and (max-width: 1280px) {
  .offer-form-wrapper .square-button {
    width: 25px;
    height: 25px; }
    .offer-form-wrapper .square-button i {
      font-size: 13px; } }
.offer-items-list-modal-wrapper {
  min-width: 90vw !important; }
  .offer-items-list-modal-wrapper .modal-header {
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px; }
    .offer-items-list-modal-wrapper .modal-header .modal-title {
      flex: 1;
      text-align: center;
      font-size: 18px;
      margin: 0; }
  .offer-items-list-modal-wrapper .mbg-close-modal {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 10; }
  .offer-items-list-modal-wrapper .modal-body {
    padding: 0 20px 20px 20px; }
.offer-list-wrapper cp-shopping-cart-icon, .offer-list-wrapper svg {
  margin: -6px 0 !important; }
.product-without-pack-barcode-form-wrapper .search-row {
  height: 70px; }
  .product-without-pack-barcode-form-wrapper .search-row div {
    margin-top: auto;
    margin-bottom: auto; }

.right-side {
  float: right; }
  .right-side .btn-margin {
    margin-right: 10px; }

.search {
  width: 50%;
  padding: 10px 26px !important; }
.sale-subtype-form-wrapper .step-tabs ul.nav-tabs li a {
  min-height: 25px !important; }
  .sale-subtype-form-wrapper .step-tabs ul.nav-tabs li a uib-tab-heading {
    padding: 10px 26px !important; }

.sale-subtype-form-wrapper .step-tabs .tab-content .tab-body {
  padding: 24px !important; }

.sale-subtype-form-wrapper .save-div mbg-btn-form .mbg-btn-form-wrapper button {
  height: 25px !important; }
.sale-subtype-wrapper {
  margin: 25px; }
  .sale-subtype-wrapper search-input-terminal .search-input-terminal-wrapper .input-terminal .select-filter,
  .sale-subtype-wrapper search-input-terminal .search-input-terminal-wrapper .input-terminal span,
  .sale-subtype-wrapper search-input-terminal .search-input-terminal-wrapper .input-terminal .type-filter {
    display: none !important; }
  .sale-subtype-wrapper .search-row {
    height: 70px; }
    .sale-subtype-wrapper .search-row div {
      margin-top: auto;
      margin-bottom: auto; }
    .sale-subtype-wrapper .search-row .search {
      width: 50%; }
  .sale-subtype-wrapper .right-side {
    margin-left: auto; }
  .sale-subtype-wrapper .btn-create {
    border: 0px;
    border-radius: 30px;
    background-color: #ff991f;
    color: white;
    font-weight: bold;
    width: 200px;
    height: 25px; }
  .sale-subtype-wrapper .align-items {
    display: flex;
    align-items: center; }
div.pdv-self-checkout-payment-modal-wrapper header {
  padding: 20px; }

div.pdv-self-checkout-payment-modal-wrapper div.payment-method-list {
  padding: 0 50px; }

div.pdv-self-checkout-payment-modal-wrapper footer {
  height: 150px;
  padding: 25px; }
form.select-v2-modal header {
  padding: 20px; }

form.select-v2-modal div.select-wrapper {
  padding: 0 50px; }

form.select-v2-modal footer {
  height: 150px;
  padding: 25px; }
.pdv-self-checkout-form-wrapper {
  height: 100%;
  overflow: hidden; }
  .pdv-self-checkout-form-wrapper .step-tabs {
    height: 100%;
    overflow: hidden; }
    .pdv-self-checkout-form-wrapper .step-tabs > div {
      height: 100%;
      overflow: hidden;
      display: flex;
      flex-direction: column; }
    .pdv-self-checkout-form-wrapper .step-tabs ul.nav-tabs li {
      align-self: stretch; }
      .pdv-self-checkout-form-wrapper .step-tabs ul.nav-tabs li a {
        min-height: min-content;
        height: 100%;
        overflow: hidden; }
      .pdv-self-checkout-form-wrapper .step-tabs ul.nav-tabs li uib-tab-heading {
        padding: 10px; }
    .pdv-self-checkout-form-wrapper .step-tabs .tab-content {
      overflow: hidden;
      flex: 1; }
      .pdv-self-checkout-form-wrapper .step-tabs .tab-content div.tab-pane {
        height: 100%;
        overflow: hidden; }
        .pdv-self-checkout-form-wrapper .step-tabs .tab-content div.tab-pane .tab-body {
          height: 100%;
          overflow: hidden;
          padding: 8px;
          display: flex;
          flex-direction: column;
          gap: 8px; }
  .pdv-self-checkout-form-wrapper .flv-settings {
    display: flex;
    gap: 32px; }
    .pdv-self-checkout-form-wrapper .flv-settings > div {
      display: flex;
      flex-direction: column; }
      .pdv-self-checkout-form-wrapper .flv-settings > div.switch-wrapper {
        align-items: center;
        width: 120px; }
      .pdv-self-checkout-form-wrapper .flv-settings > div.input-wrapper {
        flex: 1; }
  .pdv-self-checkout-form-wrapper .action-btn {
    height: 25px;
    min-width: 22ch;
    font-weight: 700;
    color: #FFF;
    border-radius: 5px;
    border: none;
    font-size: 12px; }
    .pdv-self-checkout-form-wrapper .action-btn.loading-btn {
      opacity: 1 !important; }
    .pdv-self-checkout-form-wrapper .action-btn.payment-type-configuration {
      width: calc(44ch + 32px); }
    .pdv-self-checkout-form-wrapper .action-btn.selected {
      background-color: var(--primary) !important; }
  .pdv-self-checkout-form-wrapper .selected-categories {
    flex: 1 1 64.8px;
    overflow: hidden;
    display: flex;
    flex-direction: column; }
  .pdv-self-checkout-form-wrapper .group-configuration {
    flex: 1 1 34.8px;
    overflow: hidden;
    display: flex;
    flex-direction: column; }
  .pdv-self-checkout-form-wrapper .list-wrapper {
    overflow: auto;
    flex: 1; }
  .pdv-self-checkout-form-wrapper .bk-primary {
    background-color: var(--primary); }
  .pdv-self-checkout-form-wrapper .bk-secondary {
    background-color: var(--secondary); }
  .pdv-self-checkout-form-wrapper .bk-success {
    background-color: var(--success); }
  .pdv-self-checkout-form-wrapper .bk-error {
    background-color: var(--error); }
  .pdv-self-checkout-form-wrapper .group-buttons {
    display: flex;
    gap: 32px; }
  .pdv-self-checkout-form-wrapper .action-buttoms {
    right: 56px;
    position: absolute;
    display: flex;
    align-items: center; }
    .pdv-self-checkout-form-wrapper .action-buttoms a {
      font-weight: bold;
      margin-bottom: 20px; }
    .pdv-self-checkout-form-wrapper .action-buttoms .save-btn {
      height: 30px;
      border-radius: 5px;
      font-weight: 700;
      background-color: var(--secondary);
      color: #FFF;
      border: none;
      padding: 0 20px; }
    .pdv-self-checkout-form-wrapper .action-buttoms .generate-charge-btn {
      height: 30px;
      border-radius: 5px;
      font-weight: 700;
      background-color: var(--primary);
      color: #FFF;
      border: none;
      padding: 0 20px; }
    .pdv-self-checkout-form-wrapper .action-buttoms .help-button {
      margin-left: 10px; }
  .pdv-self-checkout-form-wrapper div.group-header {
    display: flex;
    justify-items: center;
    justify-content: center;
    margin-top: 8px; }
  .pdv-self-checkout-form-wrapper div.product-selector {
    gap: 32px;
    display: flex; }
    .pdv-self-checkout-form-wrapper div.product-selector product-item-search {
      flex: 1; }
.container-control-list-wrapper .mbg-multi-select-scroll {
  height: 25px; }
  .container-control-list-wrapper .mbg-multi-select-scroll li {
    height: inherit !important; }

.container-control-list-wrapper .new-button {
  color: var(--secondary) !important; }

.container-control-list-wrapper .align-items {
  align-items: center; }

.container-control-list-wrapper .justify-end {
  justify-content: end; }

.container-control-list-wrapper .help-btn {
  margin-right: 25px; }
.vx-charge-form-wrapper .select-orgs-and-pdvs {
  overflow-y: scroll;
  max-height: 620px; }

.vx-charge-form-wrapper .btn-save {
  border-radius: 5px;
  background-color: var(--secondary);
  color: #fff;
  border: none;
  height: 25px;
  width: 100%;
  margin: 5px;
  min-width: 100px;
  transition: 0.3s all ease-in-out; }
  .vx-charge-form-wrapper .btn-save:focus {
    transform: scale(1.05); }

.vx-charge-form-wrapper .btn-return {
  font-size: x-large;
  width: 30px;
  padding: 0px;
  margin: 0px 0px 6px 18px;
  justify-content: end;
  transition: 0.3s all ease-in-out; }
  .vx-charge-form-wrapper .btn-return:focus {
    transform: scale(1.1); }
    .vx-charge-form-wrapper .btn-return:focus i {
      color: var(--primary); }

.vx-charge-form-wrapper .not-found {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 12px 0px; }
  .vx-charge-form-wrapper .not-found svg {
    width: 50px;
    fill: var(--font2); }
  .vx-charge-form-wrapper .not-found label {
    color: var(--font2);
    margin-top: 14px; }
.vx-charge-list-wrapper .multi-select-vx-org .mbg-multi-select-wrapper .mbg-action-add {
  display: none; }

.vx-charge-list-wrapper .org-label {
  position: absolute; }

.vx-charge-list-wrapper .align-items {
  display: flex;
  align-items: center; }

.vx-charge-list-wrapper .help-button {
  margin-top: 8px; }
.modal-accounting-plan .input-label {
  margin-bottom: 0px !important;
  font-weight: 700 !important; }
.cfop-link-accounting-plan {
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 70vw;
  min-height: 50vh; }
  .cfop-link-accounting-plan .title {
    margin-bottom: 10px;
    text-align: center; }
  .cfop-link-accounting-plan .btn-close-modal {
    right: 10px !important;
    top: 10px !important; }
  .cfop-link-accounting-plan .filter {
    margin-bottom: 10px; }
.accounting-plan-list-wrapper .dropdown {
  display: flex;
  justify-content: center; }

.accounting-plan-list-wrapper .align-items {
  display: flex;
  align-items: center; }
sales-submission .allert-row {
  padding: 8px 0; }
  sales-submission .allert-row span {
    font-size: 14px;
    color: var(--error); }
.integration-parameters-modal {
  max-width: 764px;
  padding: 15px; }
  .integration-parameters-modal .mbg-multi-select-scroll {
    height: 25px !important; }
  .integration-parameters-modal .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li {
    height: 18px !important; }
.scanntech-integration-config-wrapper .mbg-multi-select-scroll {
  height: 25px !important; }

.scanntech-integration-config-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li {
  height: 18px !important; }

.scanntech-integration-config-wrapper .right {
  display: flex;
  justify-content: end; }

.scanntech-integration-config-wrapper .config {
  font-size: 2em; }
.promotion-control-item-list-wrapper .component-header {
  align-items: center;
  gap: 10px;
  min-height: 48px; }
  .promotion-control-item-list-wrapper .component-header span {
    font-size: 18px;
    font-weight: 700; }
  .promotion-control-item-list-wrapper .component-header input-v2 {
    max-width: 128px !important; }
  .promotion-control-item-list-wrapper .component-header .min-w-180 {
    min-width: 180px; }

.promotion-control-item-list-wrapper .list-v2 {
  max-height: 40vh;
  overflow: auto; }

.promotion-control-item-list-wrapper square-button {
  right: 24px;
  top: 1px; }
  .promotion-control-item-list-wrapper square-button button {
    width: 20px !important;
    height: 20px !important;
    font-size: 12px !important; }

.promotion-control-item-list-wrapper .text-left {
  text-align: left; }

.promotion-control-item-list-wrapper .min-w-140 {
  min-width: 140px; }

.promotion-control-item-list-wrapper .align-margin {
  margin: auto 0; }

.promotion-control-item-list-wrapper .max-w-fit {
  max-width: fit-content; }
.promotion-control-form-wrapper .panel {
  margin-bottom: 10px; }

.promotion-control-form-wrapper .panel.gmd.mbg {
  width: 99.5%;
  padding: 4px 8px; }

.promotion-control-form-wrapper .column {
  display: flex;
  flex-direction: column;
  text-align: center; }

.promotion-control-form-wrapper .m-auto {
  margin: auto; }

.promotion-control-form-wrapper .mbg-multi-select-scroll {
  height: 25px !important; }

.promotion-control-form-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li {
  height: 18px !important; }
.generic-support-actions-modal-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding: 10px 38px 15px 38px;
  min-width: 500px; }
  .generic-support-actions-modal-wrapper h3 {
    text-align: left;
    width: 100%;
    margin-bottom: 10px; }
  .generic-support-actions-modal-wrapper .info {
    padding-top: 10px;
    display: grid;
    align-items: center;
    justify-items: center; }
  .generic-support-actions-modal-wrapper .buttons {
    padding-bottom: 25px; }
  .generic-support-actions-modal-wrapper .btn-close-modal {
    position: absolute;
    right: 5px;
    top: 5px; }
  .generic-support-actions-modal-wrapper .tab-container {
    width: 99%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border-radius: 10px;
    border: 2px solid var(--primary); }
    .generic-support-actions-modal-wrapper .tab-container .tab-content {
      padding: 10px;
      border-radius: 7px;
      width: 100%;
      margin-top: 0 !important;
      white-space: pre-line; }
.discount-reason-list-wrapper .page-filters {
  display: flex;
  align-items: flex-end; }
.discount-reason-form-wrapper .action-buttoms {
  right: 56px;
  position: absolute;
  display: row;
  flex-direction: column; }
  .discount-reason-form-wrapper .action-buttoms a {
    font-weight: bold; }
  .discount-reason-form-wrapper .action-buttoms .save-btn {
    height: 30px;
    border-radius: 5px;
    font-weight: 700;
    background-color: var(--secondary);
    color: #FFF;
    border: none;
    padding: 0 20px; }
.discount-cancel-list-wrapper .page-filters {
  display: flex;
  align-items: flex-end; }
.cancel-reason-form-wrapper .action-buttoms {
  right: 56px;
  position: absolute;
  display: row;
  flex-direction: column; }
  .cancel-reason-form-wrapper .action-buttoms a {
    font-weight: bold; }
  .cancel-reason-form-wrapper .action-buttoms .save-btn {
    height: 30px;
    border-radius: 5px;
    font-weight: 700;
    background-color: var(--secondary);
    color: #FFF;
    border: none;
    padding: 0 20px; }
.service-entry-list mbg-input-date input {
  background-color: transparent;
  border: 1px solid #ccc; }

.service-entry-list .mbg-label {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: 700; }

.service-entry-list .filters {
  display: flex;
  align-items: flex-end;
  padding: 0;
  margin-bottom: 10px; }

.service-entry-list .align-items {
  display: flex;
  align-items: center; }

.service-entry-list .justify-end {
  justify-content: end; }

.service-entry-list .without-padding {
  padding: 0px; }

.service-entry-list .help-button {
  margin-right: 10px;
  margin-top: 25px; }
.service-entry-section .table {
  margin-top: 16px; }
  .service-entry-section .table > thead > tr > th {
    padding: 3px 14px !important;
    border: none;
    background: var(--primary);
    vertical-align: middle;
    color: #FFFFFF;
    text-align: center; }
    .service-entry-section .table > thead > tr > th:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .service-entry-section .table > thead > tr > th:last-child {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
  .service-entry-section .table > tbody > tr > td {
    padding: 3px 14px !important;
    border: none;
    font-weight: 400;
    vertical-align: middle;
    text-align: center; }
  .service-entry-section .table > tfoot > tr > td {
    padding: 3px 14px !important;
    border: none;
    vertical-align: middle;
    text-align: center;
    background: var(--primary);
    color: #FFFFFF; }
    .service-entry-section .table > tfoot > tr > td:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .service-entry-section .table > tfoot > tr > td:last-child {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }

.service-entry-section .align-left {
  text-align: left !important; }

.service-entry-section .width-200px {
  width: 200px; }

.service-entry-section .action-btn {
  width: 100%;
  height: 4.5rem;
  border-radius: .5rem; }
  .service-entry-section .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }
  .service-entry-section .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }

.service-entry-section .add-btn {
  margin-top: 32px; }

.service-entry-section .btn-create {
  height: 26px; }
.generate-service-entry-title {
  max-height: 85vh; }
  .generate-service-entry-title .page-wrapper {
    max-width: 65vw; }
  .generate-service-entry-title .title-list-table {
    margin-top: 12px;
    max-height: 70vh; }
  .generate-service-entry-title .parcels-data {
    max-height: 40vh; }
  .generate-service-entry-title .scrollabe {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto; }
  .generate-service-entry-title .input-label {
    margin-bottom: 5px !important; }
  .generate-service-entry-title .btns {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  @media screen and (max-width: 1280px) {
    .generate-service-entry-title .page-wrapper {
      max-width: 80vw; }
    .generate-service-entry-title .parcels-data {
      max-height: 30vh; } }

.discount-generate-title-purchase .modal-box {
  width: 20vw; }
  .discount-generate-title-purchase .modal-box .discount-content {
    width: 55%; }

.checkbox-row {
  padding-top: 15px; }
.register-service-type {
  padding: 10px;
  width: 60vw; }
  .register-service-type .title {
    margin-bottom: 10px;
    text-align: center; }
  .register-service-type .mbg-label {
    margin-bottom: 0px !important; }
.service-type-section .service-type-label {
  display: flex;
  justify-content: space-between; }

.service-type-section .without-padding {
  padding-right: 0px !important;
  padding-left: 0px !important; }

.service-type-section .action-btn {
  width: 24px;
  height: 24px;
  border-radius: .5rem; }
  .service-type-section .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }
  .service-type-section .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }

.service-type-section .add-btn {
  display: flex;
  align-items: center;
  margin-top: 32px; }

.service-type-section .service-types {
  margin-top: 5px; }

.service-type-section .label-action {
  margin-right: 2px; }

.service-type-section .service-type-list {
  min-height: 20vh;
  max-height: 20vh;
  overflow-y: auto;
  overflow-x: hidden; }
.release-data-section .without-padding {
  padding-right: 0px !important;
  padding-left: 0px !important; }

.release-data-section .switch-area {
  display: flex;
  flex-direction: column;
  align-items: center; }

.release-data-section .switch-btn {
  display: flex;
  align-items: center;
  height: 30px; }
.service-entry-form .mbg-label {
  margin-bottom: 0px; }

.service-entry-form .header {
  display: flex;
  align-items: flex-end; }
  .service-entry-form .header .links-wrapper i {
    margin-left: 20px;
    width: 24px; }
.cargo-checking-layout-options-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding: 10px 38px 15px 12px;
  min-width: 500px; }
  .cargo-checking-layout-options-wrapper h3 {
    text-align: left;
    width: 100%;
    margin-bottom: 10px; }

.btn-modal-print {
  transition: background-color 200ms ease;
  border-radius: 32px;
  background-color: var(--primary);
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  padding: 9px 12px 9px;
  margin-left: 6px; }

.btn-modal-print:hover {
  background-color: var(--primary);
  color: #fff; }

.buttons {
  padding-bottom: 25px; }

.btn-close-modal {
  position: absolute;
  right: 5px;
  top: 5px; }
.cargo-checking-group-list-wrapper .header {
  display: flex;
  align-items: flex-end; }

.cargo-checking-group-list-wrapper .links-wrapper i {
  margin-left: 20px;
  width: 24px; }
.cargo-checking-padding {
  padding: 0; }

.cargo-checking-list-wrapper .list-v2-wrapper {
  max-height: calc(100vh - 370px); }

.cargo-checking-list-wrapper .btn-search-success {
  margin-top: 18px;
  border: 0px;
  border-radius: 30px;
  background-color: #ff991f;
  color: white;
  font-weight: bold;
  width: 100% !important;
  height: 25px; }

.cargo-checking-list-wrapper .correct-label {
  display: flex;
  justify-content: center;
  flex-direction: column; }
  .cargo-checking-list-wrapper .correct-label label {
    font-weight: 400;
    font-size: inherit; }

.cargo-checking-list-wrapper .help-button {
  margin-top: 20px;
  display: flex;
  justify-content: end;
  padding: 0px; }
form[name*="explanatory-videos-form-wrapper"] .explanatory-videos-html {
  width: 100%;
  height: 500px;
  max-height: 500px; }

form[name*="explanatory-videos-form-wrapper"] .explanatory-videos-component {
  margin-top: 15px; }

form[name*="explanatory-videos-form-wrapper"] button.btn-edit-type {
  max-width: 100px;
  margin-left: auto; }

form[name*="explanatory-videos-form-wrapper"] .save-btn {
  height: 30px;
  border-radius: 5px;
  font-weight: 700;
  background-color: var(--secondary);
  color: #FFF;
  border: none;
  padding: 0 20px; }
.generate-monthly-sales-modal-wrapper {
  width: 550px; }
  .generate-monthly-sales-modal-wrapper .text-right input {
    text-align: right; }
.closing-sales-management-component-wrapper {
  height: 100%;
  width: 100%; }
  .closing-sales-management-component-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .closing-sales-management-component-wrapper .list-v2 .table tr td, .closing-sales-management-component-wrapper .list-v2 .table tr th {
    white-space: nowrap; }
  .closing-sales-management-component-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0; }
  .closing-sales-management-component-wrapper .align-items {
    display: flex;
    align-items: center; }
  .closing-sales-management-component-wrapper .help-button {
    margin-top: 18px;
    margin-right: 10px; }
  .closing-sales-management-component-wrapper .justify-end {
    justify-content: end; }
  .closing-sales-management-component-wrapper .without-padding {
    padding: 0px; }
.generate-daily-sales-modal-wrapper {
  width: 550px; }
.nfse-totals .mbg-label {
  margin-bottom: 5px; }

.nfse-totals .totals-section .col-md-2 {
  width: 14.285714286%; }
.nfse-taxation .mbg-label {
  margin-bottom: 5px; }
body {
  margin: 0px;
  padding: 0px;
  color: #212121;
  background-color: #F5F5F;
}
a {
  color: #212121;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/dist/public/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(/dist/public/MaterialIcons-Regular.woff2) format('woff2'), url(/dist/public/MaterialIcons-Regular.woff) format('woff'), url(/dist/public/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
/* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
/* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
/* Support for IE. */
  font-feature-settings: 'liga';
}
.gumga-layout nav.gl-nav {
  overflow: visible !important;
}
.gumga-layout nav.gl-nav icon-shrink {
  display: none;
}
.gumga-layout nav.gl-nav[open-on-hover].closed:not(:hover) icon-shrink,
.gumga-layout nav.gl-nav:not([open-on-hover]).closed icon-shrink {
  display: block;
}
.gumga-layout nav.gl-nav[open-on-hover].closed:not(:hover) header,
.gumga-layout nav.gl-nav:not([open-on-hover]).closed header {
  width: 64px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 4px rgba(0,0,0,0.28);
}
.gumga-layout nav.gl-nav[open-on-hover].closed:not(:hover) header icon-shrink img,
.gumga-layout nav.gl-nav:not([open-on-hover]).closed header icon-shrink img {
  width: 52px;
}
.gl-menu-chevron {
  position: absolute;
  display: none;
  padding-top: 0;
  bottom: 0;
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
}
.gl-menu-chevron li {
  height: 52px;
  display: flex;
  align-items: center;
}
.gl-menu-chevron li > i {
  pointer-events: none;
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  font-size: 28px;
  transform: rotate(180deg);
}
.gumga-layout nav.gl-nav[open-on-hover].closed:not(:hover),
.gumga-layout nav.gl-nav:not([open-on-hover]).closed {
  width: 64px;
}
.gumga-layout nav.gl-nav[open-on-hover].closed:not(:hover) .gl-menu-chevron,
.gumga-layout nav.gl-nav:not([open-on-hover]).closed .gl-menu-chevron {
  display: block;
}
.gumga-layout nav.gl-nav[open-on-hover].closed:not(:hover) header > figure,
.gumga-layout nav.gl-nav:not([open-on-hover]).closed header > figure,
.gumga-layout nav.gl-nav[open-on-hover].closed:not(:hover) li.header,
.gumga-layout nav.gl-nav:not([open-on-hover]).closed li.header,
.gumga-layout nav.gl-nav[open-on-hover].closed:not(:hover) li.divider,
.gumga-layout nav.gl-nav:not([open-on-hover]).closed li.divider,
.gumga-layout nav.gl-nav[open-on-hover].closed:not(:hover) li > a > span,
.gumga-layout nav.gl-nav:not([open-on-hover]).closed li > a > span,
.gumga-layout nav.gl-nav[open-on-hover].closed:not(:hover) li > a > i[data-ng-if="item.children"],
.gumga-layout nav.gl-nav:not([open-on-hover]).closed li > a > i[data-ng-if="item.children"],
.gumga-layout nav.gl-nav[open-on-hover].closed:not(:hover) input[data-ng-model="$ctrl.search"],
.gumga-layout nav.gl-nav:not([open-on-hover]).closed input[data-ng-model="$ctrl.search"] {
  display: none;
}
.gumga-layout nav.gl-nav[open-on-hover].closed:not(:hover) gl-menu ul[menu] li,
.gumga-layout nav.gl-nav:not([open-on-hover]).closed gl-menu ul[menu] li {
  padding: 13px 0 13px 22px;
  padding-bottom: 0;
  padding-top: 0;
}
.gumga-layout nav.gl-nav[open-on-hover].closed:not(:hover) gl-menu ul[menu] li > a,
.gumga-layout nav.gl-nav:not([open-on-hover]).closed gl-menu ul[menu] li > a {
  padding-bottom: 13px;
  padding-top: 13px;
}
.gumga-layout nav.gl-nav.closed[open-on-hover]:not(:hover) gl-menu ul[menu] li:hover,
.gumga-layout nav.gl-nav:not([open-on-hover]).closed gl-menu ul[menu] li:hover {
  background: #fff;
  box-shadow: 0 0 4px rgba(0,0,0,0.28);
  width: 250px;
}
.gumga-layout nav.gl-nav.closed[open-on-hover]:not(:hover) gl-menu ul[menu] li:hover a,
.gumga-layout nav.gl-nav:not([open-on-hover]).closed gl-menu ul[menu] li:hover a {
  display: flex;
  align-items: center;
}
.gumga-layout nav.gl-nav.closed[open-on-hover]:not(:hover) gl-menu ul[menu] li:hover a span,
.gumga-layout nav.gl-nav:not([open-on-hover]).closed gl-menu ul[menu] li:hover a span {
  display: block;
  padding: 0px 0 0 24px;
}
.gl-menu-chevron.possiblyFixed {
  display: block;
}
.gl-menu-chevron.unfixed {
  display: block;
}
.gl-menu-chevron.unfixed li {
  justify-content: flex-end;
}
.gl-menu-chevron.unfixed li i {
  transform: rotate(0deg);
  margin-right: 15px;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2") format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2") format('woff2');
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2") format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/s7gftie1JANC-QmDJvMWZhJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/3Y_xCyt7TNunMGg0Et2pnhJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/WeQRRE07FDkIrr29oHQgHBJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/jyIYROCkJM3gZ4KV00YXOBJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/phsu-QZXz1JBv0PbFoPmEBJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/9_7S_tWeGDh5Pq3u05RVkhJtnKITppOI_IvcXXDNrsc.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/mnpfi9pxYH-Go5UiibESIltXRa8TVwTICgirnJhmVJw.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0atzTOQ_MqJVwkKsUn0wKzc2I.woff2") format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0atzUj_cnvWIuuBMVgbX098Mw.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0at0bcKLIaa1LC45dFaAfauRA.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0at2o_sUJ8uO4YLWRInS22T3Y.woff2") format('woff2');
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0at76up8jxqWt8HVA3mDhkV_0.woff2") format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0atyYE0-AqJ3nfInTTiDXDjU4.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2") format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2") format('woff2');
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2") format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url("https://{"url":"('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900')","family":"('\"Roboto\", sans-serif')","size":"(14px)","h1":"((color ((((#233646))))) (font-size 56px))","h2":"((color #000) (font-size 45px))","h3":"((color #000) (font-size 34px))","h4":"((color #000) (font-size 24px))","h5":"((color #000) (font-size 20px))","h6":"((color #000) (font-size 16px))","p":"((color #000) (font-size 14px))"}.gstatic.com/s/roboto/v16/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
body {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}
h1 {
  color: #233646;
}
h2 {
  color: #000;
}
h3 {
  color: #000;
}
h4 {
  color: #000;
}
h5 {
  color: #000;
}
h6 {
  color: #000;
}
.btn.gmd {
  text-transform: uppercase;
  font-weight: 600;
  border: 0;
  border-radius: 3px;
  transition: all 120ms ease-out;
}
.btn.gmd:active {
  outline: none;
}
.btn.gmd.btn-primary {
  color: #337ab7;
  background-color: transparent;
}
.btn.gmd.btn-primary:hover {
  color: #fff;
  background-color: #337ab7;
}
.btn.gmd.btn-info {
  color: #5bc0de;
  background-color: transparent;
}
.btn.gmd.btn-info:hover {
  color: #fff;
  background-color: #5bc0de;
}
.btn.gmd.btn-success {
  color: #5cb85c;
  background-color: transparent;
}
.btn.gmd.btn-success:hover {
  color: #fff;
  background-color: #5cb85c;
}
.btn.gmd.btn-warning {
  color: #f0ad4e;
  background-color: transparent;
}
.btn.gmd.btn-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
}
.btn.gmd.btn-danger {
  color: #d9534f;
  background-color: transparent;
}
.btn.gmd.btn-danger:hover {
  color: #fff;
  background-color: #d9534f;
}
.btn.gmd.raised.btn-default {
  color: #333;
  background-color: #e6e6e6;
  opacity: 0.9;
}
.btn.gmd.raised.btn-default:hover {
  opacity: 1;
}
.btn-group .btn.gmd.raised.btn-default.active {
  opacity: 1;
}
.btn.gmd.raised.btn-primary {
  color: #fff;
  background-color: #337ab7;
  opacity: 0.9;
}
.btn.gmd.raised.btn-primary:hover {
  opacity: 1;
}
.btn-group .btn.gmd.raised.btn-primary.active {
  opacity: 1;
}
.btn.gmd.raised.btn-info {
  color: #fff;
  background-color: #5bc0de;
  opacity: 0.9;
}
.btn.gmd.raised.btn-info:hover {
  opacity: 1;
}
.btn-group .btn.gmd.raised.btn-info.active {
  opacity: 1;
}
.btn.gmd.raised.btn-success {
  color: #fff;
  background-color: #5cb85c;
  opacity: 0.9;
}
.btn.gmd.raised.btn-success:hover {
  opacity: 1;
}
.btn-group .btn.gmd.raised.btn-success.active {
  opacity: 1;
}
.btn.gmd.raised.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  opacity: 0.9;
}
.btn.gmd.raised.btn-warning:hover {
  opacity: 1;
}
.btn-group .btn.gmd.raised.btn-warning.active {
  opacity: 1;
}
.btn.gmd.raised.btn-danger {
  color: #fff;
  background-color: #d9534f;
  opacity: 0.9;
}
.btn.gmd.raised.btn-danger:hover {
  opacity: 1;
}
.btn-group .btn.gmd.raised.btn-danger.active {
  opacity: 1;
}
.btn.gmd.fab {
  border-radius: 50%;
  padding: 6px 2px 2px 2px;
  z-index: 100;
}
.btn.gmd.fixed {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 1007;
}
.btn.gmd.fab,
.btn.btn-md.gmd.fab,
.btn.btn-lg.gmd.fab {
  width: 56px;
  height: 56px;
}
.btn.btn-xs.gmd.fab,
.btn.btn-sm.gmd.fab {
  width: 40px;
  height: 40px;
}
.btn.gmd.fab.btn-primary {
  background-color: #337ab7;
}
.btn.gmd.fab.btn-info {
  background-color: #5bc0de;
}
.btn.gmd.fab.btn-success {
  background-color: #5cb85c;
}
.btn.gmd.fab.btn-warning {
  background-color: #f0ad4e;
}
.btn.gmd.fab.btn-danger {
  background-color: #d9534f;
}
.btn.gmd.fab .material-icons {
  font-size: 24px;
  color: #fff;
}
.btn.gmd.raised.btn-primary-color {
  color: #fff;
  background-color: #233646;
  opacity: 0.9;
}
.btn.gmd.raised.btn-primary-color:hover {
  opacity: 1;
}
.btn.gmd.raised.btn-primary-color-light {
  color: #fff;
  background-color: #337ab7;
  opacity: 0.9;
}
.btn.gmd.raised.btn-primary-color-light:hover {
  opacity: 1;
}
.btn.gmd.raised.btn-primary-color-dark {
  color: #fff;
  background-color: #2f4050;
  opacity: 0.9;
}
.btn.gmd.raised.btn-primary-color-dark:hover {
  opacity: 1;
}
.btn.gmd.btn-primary-color {
  color: #233646;
  background-color: transparent;
}
.btn.gmd.btn-primary-color:hover {
  color: #fff;
  background-color: #233646;
}
.btn.gmd.btn-primary-color-light {
  color: #337ab7;
  background-color: transparent;
}
.btn.gmd.btn-primary-color-light:hover {
  color: #fff;
  background-color: #337ab7;
}
.btn.gmd.btn-primary-color-dark {
  color: #2f4050;
  background-color: transparent;
}
.btn.gmd.btn-primary-color-dark:hover {
  color: #fff;
  background-color: #2f4050;
}
.btn.gmd.fab.btn-primary-color {
  background-color: #233646;
}
.btn.gmd.fab.btn-primary-color-light {
  background-color: #337ab7;
}
.btn.gmd.fab.btn-primary-color-dark {
  background-color: #2f4050;
}
gmd-fab {
  width: 56px;
  height: 56px;
  transition: all 0.3s;
  position: relative;
}
gmd-fab[fixed] {
  display: none;
  position: fixed !important;
  right: 30px;
  z-index: 1;
  bottom: 30px;
}
gmd-fab > ng-transclude > ul {
  visibility: hidden;
  z-index: 10;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  margin: 0;
  padding: 0;
  transition: all 0.3s;
}
gmd-fab > ng-transclude > ul.open > li {
  transition: all 0.3s;
  transform: scale(1);
}
gmd-fab > ng-transclude > ul > li {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.16), 0 2px 5px 0 rgba(0,0,0,0.26);
  margin: 0;
  color: #fff;
  transform: scale(0.3);
  margin-left: 8px;
  margin-bottom: 10px;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.9;
}
gmd-fab:hover > ng-transclude > ul > li > span,
gmd-fab > ng-transclude > ul.open > li > span {
  position: absolute;
  display: none;
  background: var(--font2);
  padding-left: 10px;
  border-radius: 3px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
gmd-fab:hover > ng-transclude > ul > li:hover > span {
  display: block;
  opacity: 1;
}
gmd-fab:hover > ng-transclude > ul.open > li:hover > span {
  display: block !important;
  opacity: 1 !important;
}
gmd-fab > ng-transclude > ul > li {
  opacity: 1;
}
gmd-fab:hover > ng-transclude > ul > li {
  transition: all 0.3s;
  transform: scale(1);
}
gmd-fab ul li[disabled="disabled"] {
  pointer-events: none;
  opacity: 0.6;
}
gmd-fab > ng-transclude > button {
  position: absolute;
  width: 56px;
  height: 56px;
  border-radius: 50%/50%;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: #fff;
  z-index: 2;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.16), 0 2px 5px 0 rgba(0,0,0,0.26);
  transition: all 0.3s;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
gmd-fab > ng-transclude > button:focus {
  outline: 0;
}
gmd-fab > ng-transclude > button:active {
  outline: 0;
}
gmd-fab > ng-transclude > button > span,
gmd-fab > ng-transclude > button > i,
gmd-fab > ng-transclude > button > em {
  transition: all 0.3s;
}
gmd-fab:hover > ng-transclude > button > span,
gmd-fab:hover > ng-transclude > button > i,
gmd-fab:hover > ng-transclude > button > em {
  transition: all 0.3s;
}
gmd-fab > ng-transclude > ul[left] {
  bottom: 0px;
  z-index: 10;
  left: -20px;
  transform: rotate(-90deg);
  transition: all 0.3s;
}
gmd-fab > ng-transclude > ul[left] > li {
  transform: rotate(90deg) scale(0.3);
  transition: all 0.3s;
}
gmd-fab:hover > ng-transclude > ul[left] > li {
  transform: rotate(90deg) scale(1);
  transition: all 0.3s;
}
gmd-fab > ng-transclude ul.open li span.visible {
  display: block !important;
  opacity: 1 !important;
}
.form-group {
  margin-bottom: 30px;
  position: relative;
}
.form-control.gmd {
  display: block;
  width: 100%;
  padding: 6px 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
  background-color: transparent;
}
.form-control.gmd:focus {
  outline: none;
}
gmd-input > div[ng-transclude] {
  position: relative;
}
.form-control.gmd ~ label {
  color: #999;
  font-weight: normal;
  position: relative;
  pointer-events: none;
  left: 0px;
  top: -54px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  -webkit-transform: translate3d(0, 28px, 0) scale(1);
  transform: translate3d(0, 28px, 0) scale(1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  max-width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 0;
  z-index: 1;
  font-size: 16px;
}
textarea.form-control.gmd ~ label {
  position: absolute;
  top: -20px;
  left: 0px;
}
.form-control.gmd:focus ~ label,
.form-control.gmd.active ~ label,
.form-control.gmd[placeholder] ~ label,
.form-control.gmd ~ label.fixed {
  content: attr(value);
  top: -54px;
  -webkit-transform: translate3d(0, 6px, 0) scale(0.8);
  transform: translate3d(0, 6px, 0) scale(0.8);
  -webkit-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
textarea.form-control.gmd:focus ~ label,
textarea.form-control.gmd.active ~ label,
textarea.form-control.gmd[placeholder] ~ label,
textarea.form-control.gmd ~ label.fixed {
  position: absolute;
  top: -20px;
  left: 0px;
}
.bar {
  position: relative;
  display: block;
  width: 100%;
}
.bar:before,
.bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 0;
  position: absolute;
  background-color: #2f4050;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.bar:before {
  left: 50%;
}
.bar:after {
  right: 50%;
}
.form-control.gmd:focus ~ .bar:before,
.form-control.gmd:focus ~ .bar:after {
  width: 50%;
}
.form-control.gmd.ng-invalid.ng-touched ~ .bar:before,
.form-control.gmd.ng-invalid.ng-touched ~ .bar:after {
  background-color: #d9534f;
}
.form-control.gmd.ng-invalid.ng-touched {
  border-color: #d9534f;
}
.form-control.gmd + .list-errors {
  padding: 4px 0 0 0;
  position: absolute;
  background-color: #fff;
}
.form-control.gmd + .list-errors > li {
  color: #d9534f;
  list-style: none;
}
.form-control.gmd + .list-errors > li > label {
  font-weight: 400;
}
.checkbox label,
.radio label {
  padding-left: 24px;
}
.checkbox input[type="checkbox"].gmd,
.radio input[type="radio"].gmd {
  visibility: hidden;
}
.checkbox input[type="checkbox"].gmd ~ .ripple-effect {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 50px;
  height: 50px;
  z-index: 200;
}
.checkbox input[type="checkbox"].gmd + .box:before,
.checkbox input[type="checkbox"].gmd + .box:after,
.radio input[type="radio"].gmd + .box:before,
.radio input[type="radio"].gmd + .box:after {
  transition: all 0.3s;
}
.checkbox input[type="checkbox"].gmd + .box:after {
  position: absolute;
  left: 4px;
  top: 3px;
  margin-top: -5px;
  margin-left: -4px;
  display: inline-block;
  content: ' ';
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  border-radius: 2px;
  background-color: #fff;
  z-index: 1;
}
.checkbox input[type="checkbox"].gmd:checked + .box:after {
  background-color: #233646;
  border-color: #233646;
}
.checkbox input[type="checkbox"].gmd:checked + .box:before {
  transform: rotate(45deg);
  position: absolute;
  left: 7px;
  top: 0px;
  width: 6px;
  height: 13px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  border-color: #fff;
  content: '';
  z-index: 2;
}
.radio input[type="radio"].gmd + .box:after {
  position: absolute;
  left: 4px;
  top: 4px;
  margin-top: -5px;
  margin-left: -4px;
  display: inline-block;
  content: ' ';
  width: 20px;
  height: 20px;
  border: 2px solid #233646;
  border-radius: 50%;
  background-color: #fff;
  z-index: 1;
}
.radio input[type="radio"].gmd + .box:before {
  position: absolute;
  left: 5px;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #233646;
  content: '';
  z-index: 2;
  -webkit-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
}
.radio input[type="radio"].gmd:checked + .box:before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
gmd-select label {
  color: #999;
}
gmd-select .btn.gmd {
  padding: 6px 0;
  color: var(--font2);
}
.gmd.breadcrumb {
  display: flex;
  align-items: center;
  background: #fff;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
  min-height: 50px;
}
.gmd.breadcrumb > li {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.gmd.breadcrumb > li.active > a {
  color: #233646;
}
.gmd.breadcrumb > li > a {
  color: var(--font2);
  text-transform: uppercase;
}
.gmd.breadcrumb > li > a > i,
.gmd.breadcrumb > li > a > span,
.gmd.breadcrumb > li > a > em {
  vertical-align: bottom;
}
.gmd.breadcrumb > li > a:hover {
  outline: none;
  text-decoration: none;
  color: #757575;
}
gmd-select-search .input-group-addon {
  background: transparent;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 0;
  border-radius: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
}
.word-required {
  color: #dd2c00;
}
.form-control.gmd~label {
  font-size: 16px;
  line-height: 1.42857143;
}
.nav-tabs.gmd > li > a {
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 600;
  color: #757575;
}
.nav-tabs.gmd > li > a,
.nav-tabs.gmd > li.active > a {
  border-width: 0 0 1px 0;
}
.nav-tabs.gmd > li > a:hover {
  border-color: #eee #eee #ddd;
  background-color: #fff;
}
.nav-tabs.gmd > li.active > a {
  color: #212121;
}
.nav-tabs.gmd > li > a:before,
.nav-tabs.gmd > li > a:after {
  position: absolute;
  content: '';
  height: 2px;
  width: 0;
  left: 0;
  bottom: -2px;
  background-color: #233646;
}
.nav-tabs.gmd > li.active > a:after {
  width: 100%;
  transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
}
.badge.gmd {
  position: absolute;
  margin-top: -6px;
  margin-right: 16px;
}
[badge]::after {
  content: attr(badge);
  position: absolute;
  margin-top: -6px;
  min-width: 16px;
  padding: 3px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #2f4050;
  border-radius: 6px;
}
.btn[badge]::after {
  margin-top: -12px;
}
li [badge]::after {
  top: 2px;
  right: 2px;
  margin-top: 0;
}
.dropdown.gmd .dropdown-menu,
.dropup.gmd .dropdown-menu {
  padding: 0;
  border-width: 0 1 1;
  border-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.175);
  box-shadow: 0 2px 4px rgba(0,0,0,0.175);
}
.dropdown.gmd .dropdown-menu > gmd-option > a,
.dropup.gmd .dropdown-menu > gmd-option > a,
.dropdown.gmd .dropdown-menu > gmd-option-empty > a,
.dropup.gmd .dropdown-menu > gmd-option-empty > a {
  padding: 10px 20px;
  transition: 0.2s ease background-color;
  -moz-transition: 0.2s ease background-color;
  -webkit-transition: 0.2s ease background-color;
}
.dropdown.gmd .dropdown-header,
.dropup.gmd .dropdown-header {
  padding: 10px 20px;
}
.navbar-nav > gmd-option > .dropdown-menu.gmd,
.navbar-nav > gmd-option-empty > .dropdown-menu.gmd {
  margin-top: 2px;
  z-index: 100000;
}
.dropdown.gmd .dropdown-menu,
dropup.gmd .dropdown-menu {
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 2px;
  border: none;
}
gmd-select .dropdown.gmd .dropdown-menu {
  top: -2px;
  z-index: 100000;
  max-width: 100%;
  box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12) !important;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 2px;
  border: none;
  width: 100%;
}
gmd-select .dropdown.gmd button.gmd {
  text-transform: none;
  font-weight: normal;
  background: 0 0;
  text-transform: none;
  font-weight: 400;
  outline: 0;
  border-bottom: 1px solid #ccc;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  padding-bottom: 3px;
  padding-top: 8px;
}
gmd-select button > span.item-select {
  font-size: 16px;
}
gmd-select .dropdown.gmd button.gmd > .caret {
  position: absolute;
  right: 10px;
  top: 15px;
}
gmd-select .select-option {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
gmd-select .dropdown.gmd label.floating-dropdown {
  position: absolute;
  top: -20px;
  transition: 0.2s ease display;
  -moz-transition: 0.2s ease display;
  -webkit-transition: 0.2s ease display;
  font-weight: 400;
  -webkit-transform: translate3d(0, 6px, 0) scale(0.8);
  transform: translate3d(0, 6px, 0) scale(0.8);
  -webkit-transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-size: 16px;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 0;
}
gmd-select .dropdown.gmd .placeholder {
  color: #999;
  font-size: 16px;
}
.dropdown.gmd .dropdown-menu gmd-option a,
.dropdown.gmd .dropdown-menu gmd-option-empty a {
  text-decoration: none;
}
.dropdown.gmd .dropdown-menu gmd-option a:hover,
.dropdown.gmd .dropdown-menu gmd-option-empty a:hover {
  background-color: #f5f5f5;
}
.dropdown.gmd .dropdown-menu .active {
  color: #2f4050;
  background-color: #f5f5f5;
}
.dropdown-menu.gmd > gmd-option,
.dropdown-menu.gmd > gmd-option-empty {
  position: relative;
  display: block;
  cursor: pointer;
}
.dropdown-menu.gmd > gmd-option > a,
.dropdown-menu.gmd > gmd-option-empty > a {
  display: block;
  padding: 10px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
body > div.dropdown ul {
  z-index: 9999;
}
gmd-option-empty a.select-option,
gmd-option a.select-option {
  height: 48px;
  display: flex !important;
  align-items: center;
}
ul.organizations ul.dropdown-menu div.form-group input {
  padding: 0px 10px 0 10px;
}
.panel.gmd {
  border: 0;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
  padding: 24px 16px 16px;
}
.panel.gmd .panel-heading {
  font-size: 1.4em;
}
.panel.gmd .panel-footer {
  color: var(--font2);
  padding: 10px;
  text-align: right;
  background-color: #fff;
  border-top: 0;
}
.nav-pills.gmd > li > a {
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--font3);
}
.nav-pills.gmd > li > a,
.nav-pills.gmd > li.active > a {
  border-width: 0 0 1px 0;
}
.nav-pills.gmd > li > a:hover {
  border-color: #eee #eee #ddd;
  background-color: #fff;
}
.nav-pills.gmd > li.active > a {
  color: #212121;
  background-color: #fff;
}
.nav-pills.gmd > li > a:before,
.nav-pills.gmd > li > a:after {
  position: absolute;
  content: '';
  height: 2px;
  width: 0;
  left: 0;
  bottom: -2px;
  background-color: #233646;
}
.nav-pills.gmd > li.active > a:after {
  width: 100%;
  transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
}
.progress.gmd,
.progress.gmd .progress-bar {
  height: 5px;
}
.progress.gmd {
  position: relative;
  border-radius: 0;
}
.progress.gmd .progress-bar,
.progress.gmd .indeterminate {
  background-color: #233646;
}
.progress.gmd .indeterminate:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress.gmd .indeterminate:after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}
@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
.spinner {
  animation: rotator 1.4s linear infinite;
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: spinnerDash 1.4s ease-in-out infinite, spinnerColors 5.6s ease-in-out infinite;
}
@-webkit-keyframes spinnerColors {
  0% {
    stroke: #4285f4;
  }
  25% {
    stroke: #de3e35;
  }
  50% {
    stroke: #f7c223;
  }
  75% {
    stroke: #1b9a59;
  }
  100% {
    stroke: #4285f4;
  }
}
@-webkit-keyframes spinnerDash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 187/4;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
@-moz-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-o-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-moz-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@-o-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@-moz-keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
@-webkit-keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
@-o-keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
@-moz-keyframes spinnerColors {
  0% {
    stroke: #4285f4;
  }
  25% {
    stroke: #de3e35;
  }
  50% {
    stroke: #f7c223;
  }
  75% {
    stroke: #1b9a59;
  }
  100% {
    stroke: #4285f4;
  }
}
@-webkit-keyframes spinnerColors {
  0% {
    stroke: #4285f4;
  }
  25% {
    stroke: #de3e35;
  }
  50% {
    stroke: #f7c223;
  }
  75% {
    stroke: #1b9a59;
  }
  100% {
    stroke: #4285f4;
  }
}
@-o-keyframes spinnerColors {
  0% {
    stroke: #4285f4;
  }
  25% {
    stroke: #de3e35;
  }
  50% {
    stroke: #f7c223;
  }
  75% {
    stroke: #1b9a59;
  }
  100% {
    stroke: #4285f4;
  }
}
@keyframes spinnerColors {
  0% {
    stroke: #4285f4;
  }
  25% {
    stroke: #de3e35;
  }
  50% {
    stroke: #f7c223;
  }
  75% {
    stroke: #1b9a59;
  }
  100% {
    stroke: #4285f4;
  }
}
@-moz-keyframes spinnerDash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 187/4;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
@-webkit-keyframes spinnerDash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 187/4;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
@-o-keyframes spinnerDash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 187/4;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
@keyframes spinnerDash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 187/4;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
.alert.gmd {
  color: #fff;
}
.alert.gmd a {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
.alert.gmd.alert-success strong,
.alert.gmd.alert-success a {
  color: #5cb85c;
}
.alert.gmd.alert-info strong,
.alert.gmd.alert-info a {
  color: #5bc0de;
}
.alert.gmd.alert-warning strong,
.alert.gmd.alert-warning a {
  color: #f0ad4e;
}
.alert.gmd.alert-danger strong,
.alert.gmd.alert-danger a {
  color: #d9534f;
}
.alert.gmd.alert-success,
.alert.gmd.alert-info,
.alert.gmd.alert-warning,
.alert.gmd.alert-danger {
  background-color: #323232;
  border-color: #323232;
}
.alert.gmd .action {
  float: right;
}
.alert.gmd.alert-dismissible .close {
  color: #fff;
}
.gmd-alert-popup {
  position: fixed;
  z-index: 9999999;
  transition: all 0.3s;
}
.gmd-alert-popup .action {
  cursor: pointer;
  margin-left: 15px;
}
.pagination.gmd > li > a {
  font-weight: 600;
  border: 0;
  border-radius: 3px;
  transition: all 220ms ease-out;
}
.gmd-ripple-effect {
  -webkit-animation: gmd-ripple 800ms ease-out;
  animation: gmd-ripple 800ms ease-out;
  background-color: rgba(0,0,0,0.16);
  border-radius: 100%;
  height: 10px;
  pointer-events: none;
  position: absolute;
  transform: scale(0);
  width: 10px;
}
.gmd-ripple-light .gmd-ripple-effect {
  background-color: rgba(255,255,255,0.32);
}
@-webkit-keyframes gmd-ripple {
  to {
    -webkit-transform: scale(2);
    opacity: 0;
  }
}
@-moz-keyframes gmd-ripple {
  to {
    transform: scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes gmd-ripple {
  to {
    transform: scale(2);
    opacity: 0;
  }
}
@-o-keyframes gmd-ripple {
  to {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes gmd-ripple {
  to {
    transform: scale(2);
    opacity: 0;
  }
}
gumga-many-to-one.gmd .dropdown-menu {
  width: 100%;
  padding: 0;
  border-width: 0 1 1;
  border-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.175);
  box-shadow: 0 2px 4px rgba(0,0,0,0.175);
}
gumga-many-to-one.gmd input[type="text"],
gumga-many-to-one.gmd button {
  background: transparent !important;
}
gumga-many-to-one.gmd .dropdown-menu > .active > a,
gumga-many-to-one.gmd .dropdown-menu > .active > a:focus,
gumga-many-to-one.gmd .dropdown-menu > .active > a:hover {
  color: #2f4050;
  background-color: #f5f5f5;
}
gumga-many-to-one input.form-control.gmd[class*="ng-valid-many-to-one"][class*="ng-not-empty"][class*="focused"] {
  transition: all 0.3s;
  border-bottom: 2px solid #2f4050;
}
gumga-many-to-one input.form-control.gmd[class*="ng-invalid-required"][aria-expanded="true"] {
  transition: all 0.3s;
  border-bottom: 2px solid #d9534f;
}
gumga-many-to-many.gmd .list-group {
  -webkit-box-shadow: inset 0 3px 10px -5px rgba(0,0,0,0.52);
  box-shadow: inset 0 3px 10px -5px rgba(0,0,0,0.52);
}
gumga-many-to-many.gmd .list-group .list-group-item {
  background-color: transparent;
  cursor: pointer;
}
gumga-many-to-many.gmd .list-group::-webkit-scrollbar {
  width: 8px;
}
gumga-many-to-many.gmd .list-group::-webkit-scrollbar-track {
  background-color: #fff;
}
gumga-many-to-many.gmd .list-group::-webkit-scrollbar-thumb {
  background-color: #337ab7;
  border-radius: 3px;
}
.spinner-material {
  text-align: center;
  display: inline-block;
}
gmd-spinner[fixed] .spinner-material {
  position: fixed;
  top: 64px;
  left: 50%;
  z-index: 999999;
}
.spinner-material svg {
  background-color: #fff;
  border-radius: 50%;
  padding: 8px;
}
.spinner-box {
  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);
}
.qp-circular-loader {
  width: 64px;
/* 2*RADIUS + STROKEWIDTH */
  height: 64px;
/* 2*RADIUS + STROKEWIDTH */
  stroke-width: 3px;
}
.qp-circular-loader-path {
  stroke-dasharray: 58.9;
/* 2*RADIUS*PI * ARCSIZE/360 */
  stroke-dashoffset: 58.9;
/* 2*RADIUS*PI * ARCSIZE/360 */
/* hides things initially */
}
.qp-circular-loader,
.qp-circular-loader * {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.qp-circular-loader {
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 1568.63ms;
  animation-duration: 1568.63ms;
/* 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@-webkit-keyframes fillunfill {
  from {
    stroke-dashoffset: 58.8;
/* 2*RADIUS*PI * ARCSIZE/360 - 0.1 */
/* 0.1 a bit of a magic constant here */
  }
  50% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -58.4;
/* -(2*RADIUS*PI * ARCSIZE/360 - 0.5) */
/* 0.5 a bit of a magic constant here */
  }
}
@-webkit-keyframes rot {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
  }
}
@-webkit-keyframes spinner-colors {
  0% {
    stroke: #754fa0;
  }
  20% {
    stroke: #09b7bf;
  }
  40% {
    stroke: #90d36b;
  }
  60% {
    stroke: #f2d40d;
  }
  80% {
    stroke: #fcb12b;
  }
  100% {
    stroke: #ed1b72;
  }
}
.qp-circular-loader-path {
  -webkit-animation-name: fillunfill, rot, spinner-colors;
  animation-name: fillunfill, rot, spinner-colors;
  -webkit-animation-duration: 1333ms, 5332ms, 5332ms;
  animation-duration: 1333ms, 5332ms, 5332ms;
/* ARCTIME, 4*ARCTIME, 4*ARCTIME */
  -webkit-animation-iteration-count: infinite, infinite, infinite;
  animation-iteration-count: infinite, infinite, infinite;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1), steps(4), linear;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1), steps(4), linear;
  -webkit-animation-play-state: running, running, running;
  animation-play-state: running, running, running;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-moz-keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes fillunfill {
  from {
    stroke-dashoffset: 58.8;
/* 2*RADIUS*PI * ARCSIZE/360 - 0.1 */
/* 0.1 a bit of a magic constant here */
  }
  50% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -58.4;
/* -(2*RADIUS*PI * ARCSIZE/360 - 0.5) */
/* 0.5 a bit of a magic constant here */
  }
}
@-webkit-keyframes fillunfill {
  from {
    stroke-dashoffset: 58.8;
/* 2*RADIUS*PI * ARCSIZE/360 - 0.1 */
/* 0.1 a bit of a magic constant here */
  }
  50% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -58.4;
/* -(2*RADIUS*PI * ARCSIZE/360 - 0.5) */
/* 0.5 a bit of a magic constant here */
  }
}
@-o-keyframes fillunfill {
  from {
    stroke-dashoffset: 58.8;
/* 2*RADIUS*PI * ARCSIZE/360 - 0.1 */
/* 0.1 a bit of a magic constant here */
  }
  50% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -58.4;
/* -(2*RADIUS*PI * ARCSIZE/360 - 0.5) */
/* 0.5 a bit of a magic constant here */
  }
}
@keyframes fillunfill {
  from {
    stroke-dashoffset: 58.8;
/* 2*RADIUS*PI * ARCSIZE/360 - 0.1 */
/* 0.1 a bit of a magic constant here */
  }
  50% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -58.4;
/* -(2*RADIUS*PI * ARCSIZE/360 - 0.5) */
/* 0.5 a bit of a magic constant here */
  }
}
@-moz-keyframes rot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes rot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@-o-keyframes rot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes rot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@-moz-keyframes spinner-colors {
  0% {
    stroke: #754fa0;
  }
  20% {
    stroke: #09b7bf;
  }
  40% {
    stroke: #90d36b;
  }
  60% {
    stroke: #f2d40d;
  }
  80% {
    stroke: #fcb12b;
  }
  100% {
    stroke: #ed1b72;
  }
}
@-webkit-keyframes spinner-colors {
  0% {
    stroke: #754fa0;
  }
  20% {
    stroke: #09b7bf;
  }
  40% {
    stroke: #90d36b;
  }
  60% {
    stroke: #f2d40d;
  }
  80% {
    stroke: #fcb12b;
  }
  100% {
    stroke: #ed1b72;
  }
}
@-o-keyframes spinner-colors {
  0% {
    stroke: #754fa0;
  }
  20% {
    stroke: #09b7bf;
  }
  40% {
    stroke: #90d36b;
  }
  60% {
    stroke: #f2d40d;
  }
  80% {
    stroke: #fcb12b;
  }
  100% {
    stroke: #ed1b72;
  }
}
@keyframes spinner-colors {
  0% {
    stroke: #754fa0;
  }
  20% {
    stroke: #09b7bf;
  }
  40% {
    stroke: #90d36b;
  }
  60% {
    stroke: #f2d40d;
  }
  80% {
    stroke: #fcb12b;
  }
  100% {
    stroke: #ed1b72;
  }
}
menu-shrink ~ header.gl-header,
menu-shrink ~ main.gl-main {
  margin-left: 55px;
  transition: all 300ms ease-in-out;
}
menu-shrink[theme="dark"] .main-menu:not(:hover) li.header > a:after {
  color: rgba(255,255,255,0.3);
}
menu-shrink[theme="dark"] .main-menu {
  background: #2d323e;
}
menu-shrink[theme="dark"] .main-menu .menu-header {
  background: #383c48;
}
menu-shrink[theme="dark"] .main-menu .menu-header svg {
  fill: rgba(255,255,255,0.7);
}
menu-shrink[theme="dark"] .main-menu li.divider {
  background-color: rgba(255,255,255,0.12);
}
menu-shrink[theme="dark"] .main-menu li.header span {
  color: rgba(255,255,255,0.3);
}
menu-shrink[theme="dark"] .main-menu li i,
menu-shrink[theme="dark"] .main-menu li span {
  color: rgba(255,255,255,0.7);
}
menu-shrink[theme="dark"] .main-menu li:hover a {
  background-color: rgba(0,0,0,0.1);
}
menu-shrink.fixed ~ header.gl-header,
menu-shrink.fixed ~ main.gl-main {
  margin-left: 250px;
  transition: all 300ms ease-in-out;
}
menu-shrink.fixed .main-menu {
  width: 250px;
  overflow: hidden;
  opacity: 1;
}
menu-shrink.fixed .main-menu .menu-header svg {
  fill: #233646;
}
menu-shrink.fixed .main-menu .menu-header img.small {
  display: none;
}
menu-shrink.fixed .main-menu .menu-header img.large {
  display: block;
}
menu-shrink:not([class~="fixed"]) .main-menu:not(:hover) .menu-header img.small {
  display: block;
}
menu-shrink:not([class~="fixed"]) .main-menu:not(:hover) .menu-header img.large {
  display: none;
}
menu-shrink:not([class~="fixed"]) .main-menu:not(:hover) li.divider {
  opacity: 0;
}
menu-shrink:not([class~="fixed"]) .main-menu:not(:hover) li.header > a > span {
  display: none;
}
menu-shrink:not([class~="fixed"]) .main-menu:not(:hover) li.header > a:after {
  content: '__';
  position: absolute;
  top: 0;
  left: 24px;
  color: #ccc;
}
menu-shrink ul li.disabled {
  pointer-events: none !important;
  opacity: 0.4 !important;
}
menu-shrink .menu-header {
  height: 52px;
  padding: 10px;
  float: left;
  display: flex;
  align-items: center;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
  background-repeat: no-repeat;
  width: 250px;
  margin: 0px;
  text-align: center;
  font-size: 20px;
}
menu-shrink .menu-header svg {
  display: inline-block;
  position: relative;
  height: 0.6em;
  width: 1em;
  position: absolute;
  cursor: pointer;
  left: 205px;
  font-size: 1.33em;
  padding: 0;
  margin: 0;
  fill: #757575;
  transform: rotate(-45deg);
}
menu-shrink .menu-header img {
  max-height: 34px;
  position: absolute;
  left: 5px;
}
menu-shrink .menu-header img.large {
  display: none;
  height: 34px;
  max-width: 180px;
  position: absolute;
  left: 10px;
}
menu-shrink .menu-header img.small {
  display: none;
  position: absolute;
  left: 5px;
  width: 42px;
  height: 34px;
}
menu-shrink .menu-header:hover,
menu-shrink menu-header:focus {
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
  -moz-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
  -o-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
  transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
}
menu-shrink .menu-header:active,
menu-shrink menu-header:focus {
  background-repeat: no-repeat;
  -webkit-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
  -moz-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
  -o-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
  transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
}
menu-shrink .scrollbar {
  height: 90%;
  width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
}
menu-shrink .scrollbar ul {
  padding-top: 10px;
}
menu-shrink .scrollbar:hover {
  height: 90%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
menu-shrink .style-1::-webkit-scrollbar-track {
  border-radius: 2px;
}
menu-shrink .style-1::-webkit-scrollbar {
  width: 5px;
  background-color: #f7f7f7;
}
menu-shrink .style-1::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #bfbfbf;
}
menu-shrink .main-menu:hover,
menu-shrink nav.main-menu.expanded {
  width: 250px;
  overflow: hidden;
  opacity: 1;
}
menu-shrink .main-menu:hover img.large,
menu-shrink nav.main-menu.expanded img.large {
  display: block;
}
menu-shrink .main-menu {
  background: #f7f7f7;
}
menu-shrink .main-menu {
  z-index: 1008;
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  width: 55px;
  overflow: hidden;
  -webkit-transition: width 0.2s linear;
  transition: width 0.2s linear;
  -webkit-transform: translateZ(0) scale(1, 1);
  box-shadow: 1px 0 15px rgba(0,0,0,0.07);
  opacity: 1;
}
menu-shrink .main-menu i[data-ng-if="item.icon"] {
  font-size: 18px;
}
menu-shrink .main-menu > ul {
  margin: 7px 0;
}
menu-shrink .main-menu li {
  position: relative;
  display: block;
  width: 250px;
}
menu-shrink .main-menu li.divider {
  height: 1px;
  margin: 9px 0;
  padding: 0;
  overflow: hidden;
  background-color: #BDBDBD;
}
menu-shrink .main-menu li.header a {
  padding: 0;
  line-height: 32px;
  text-transform: uppercase;
  font-size: 11px;
}
menu-shrink .main-menu li:hover {
  cursor: pointer;
}
menu-shrink .main-menu li > a {
  display: flex;
  align-items: center;
  height: 46px;
  padding: 0 19px 0 19px;
  position: relative;
  width: 250px;
  border-collapse: collapse;
  border-spacing: 0;
  color: #757575;
  font-size: 13px;
  text-decoration: none;
  -webkit-transform: translateZ(0) scale(1, 1);
  -webkit-transition: all 0.14s linear;
  transition: all 0.14s linear;
  font-family: 'Strait', sans-serif;
}
menu-shrink .main-menu .nav-icon {
  position: relative;
  display: table-cell;
  width: 55px;
  height: 36px;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}
menu-shrink .main-menu .nav-text {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 190px;
  margin-left: 24px;
}
menu-shrink .main-menu .share,
menu-shrink .main-menu .fb-like {
  left: 180px;
  position: absolute;
  top: 15px;
}
menu-shrink .main-menu > ul.logout {
  position: absolute;
  left: 0;
  bottom: 0;
}
menu-shrink .no-touch .scrollable.hover {
  overflow-y: hidden;
}
menu-shrink .no-touch .scrollable.hover:hover {
  overflow-y: auto;
  overflow: visible;
}
menu-shrink a:hover,
menu-shrink a:focus {
  text-decoration: none;
  border-left: 0px solid #f7f7f7;
}
menu-shrink nav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
menu-shrink nav ul,
menu-shrink nav li {
  outline: 0;
  margin: 0;
  padding: 0;
}
menu-shrink .darkerli {
  background-color: #ededed;
  text-transform: capitalize;
}
menu-shrink .darkerlishadow {
  background-color: #ededed;
  text-transform: capitalize;
  -webkit-box-shadow: inset 0px 5px 5px -4px rgba(50,50,50,0.55);
  -moz-box-shadow: inset 0px 5px 5px -4px rgba(50,50,50,0.55);
  box-shadow: inset 0px 5px 5px -4px rgba(50,50,50,0.55);
}
menu-shrink .darkerlishadowdown {
  background-color: #ededed;
  text-transform: capitalize;
  -webkit-box-shadow: inset 0px -4px 5px -4px rgba(50,50,50,0.55);
  -moz-box-shadow: inset 0px -4px 5px -4px rgba(50,50,50,0.55);
  box-shadow: inset 0px -4px 5px -4px rgba(50,50,50,0.55);
}
menu-shrink .main-menu li:hover >a,
menu-shrink nav.main-menu li.active>a,
menu-shrink .dropdown-menu>li>a:hover,
menu-shrink .dropdown-menu>li>a:focus,
menu-shrink .dropdown-menu>.active>a,
menu-shrink .dropdown-menu>.active>a:hover,
menu-shrink .dropdown-menu>.active>a:focus,
menu-shrink .no-touch .dashboard-page nav.dashboard-menu ul li:hover a,
menu-shrink .dashboard-page nav.dashboard-menu ul li.active a {
  background-color: #eceff1;
}
menu-shrink .area {
  float: left;
  background: #e2e2e2;
  width: 100%;
  height: 100%;
}
gumga-query.gmd div.gumga-filter header[class~="panel-heading"] {
  display: none;
}
gumga-query.gmd div.form-inline {
  border: none;
}
gumga-query.gmd div.form-inline h5 {
  margin: 0;
}
gumga-query.gmd div.form-inline h5 strong {
  color: var(--font2);
  font-weight: 500;
  font-size: 18px;
  margin: 0;
  padding: 0;
}
gumga-query.gmd div.form-inline div.input-group {
  border: none;
  box-shadow: none;
}
gumga-query.gmd div.form-inline div.input-group div.input-group-btn {
  border: none;
}
gumga-query.gmd div.form-inline div.input-group div.input-group-btn div.btn-group {
  border: none;
  box-shadow: none;
}
gumga-query.gmd div.form-inline div.input-group div.input-group-btn div.btn-group div.gumga-filter-panel {
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
  border: none;
}
gumga-query.gmd div.form-inline div.input-group div.input-group-btn div.btn-group div.gumga-filter-panel div.input-group input {
  box-shadow: none;
  border: 1px solid #ddd;
}
gumga-query.gmd div.form-inline div.input-group div.input-group-btn div.btn-group div.gumga-filter-panel div.input-group .input-group-addon {
  background: transparent;
  border: none;
}
gumga-query.gmd div.form-inline div.input-group div.input-group-btn div.btn-group button[ng-click="updateOperator(this)"] {
  box-shadow: none;
  background: #f5f5f5;
  border-radius: 5px;
  outline: none;
  border: 1px solid #eee;
  color: var(--font2);
}
gumga-query.gmd div.input-group {
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
  padding: 0;
}
gumga-query.gmd input {
  border: none;
  border-radius: 3px;
  outline: none;
}
gumga-query.gmd span.input-group-btn {
  padding: 0;
  margin: 0;
}
gumga-query.gmd span.input-group-btn button {
  border: none;
  border-radius: 0;
  margin: 0;
}
gumga-query.gmd ul[uib-dropdown-menu] {
  border: none;
  border-radius: 0;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
}
gumga-query.gmd ul[uib-dropdown-menu] li[role="menuitem"]:hover {
  background: #f5f5f5;
}
gumga-query.gmd ul[uib-dropdown-menu] li[role="menuitem"] {
  display: flex;
  padding: 0 16px;
  height: 30px;
  align-items: center;
}
gumga-query.gmd ul[uib-dropdown-menu] li[role="menuitem"] a {
  width: 100%;
  display: flex;
  padding: 0;
  align-items: center;
  height: 100%;
}
gumga-query.gmd ul[uib-dropdown-menu] li[role="menuitem"] a label {
  margin: 0;
}
gumga-query.gmd ul[uib-dropdown-menu] li[role="menuitem"] a label input {
  vertical-align: middle;
  margin: 0;
}
.gumga-layout .gl-header {
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
  z-index: 1006;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
.gumga-layout .gl-header.collapsed,
.gumga-layout main.collapsed {
  margin-left: 250px;
  transition: all 200ms;
}
@media (max-width: 976px) {
  .gumga-layout .gl-header.collapsed,
  .gumga-layout main.collapsed {
    margin-left: 0;
  }
}
.gumga-layout header > .navbar {
  margin-bottom: 0px;
  border-radius: 0px;
  background-color: #233646;
  transition: all 200ms;
}
.gumga-layout header > .navbar .navbar-brand {
  color: #337ab7;
  position: relative;
  margin-left: -1px;
}
.gumga-layout header > .navbar .navbar-header button.search {
  margin-right: 5px;
}
.gumga-layout header > .navbar .navbar-toggle {
  margin-top: 0;
  margin-bottom: 0;
}
.gumga-layout header > .navbar .navbar-form.search {
  width: 30%;
}
.gumga-layout header > .navbar .navbar-form.search .form-group,
.gumga-layout header > .navbar .navbar-form.search .input-group {
  width: 100%;
}
.gumga-layout header > .navbar .navbar-form.search .input-group-addon {
  width: 50px;
}
.gumga-layout header > .navbar .navbar-form.search .input-group-addon,
.gumga-layout header > .navbar .navbar-form.search .form-control {
  padding: 0px 10px;
  background-color: rgba(255,255,255,0.8);
  border: 0;
}
.gumga-layout header > .navbar .navbar-form.search .form-control {
  width: 100%;
  box-shadow: none;
  color: ;
}
.gumga-layout header > .navbar .navbar-form.search .form-control::placeholder {
  color: ;
}
.gumga-layout header > .navbar .nav > li > a {
  color: #337ab7;
}
.gumga-layout header > .navbar .nav > li > a:focus,
.gumga-layout header > .navbar .nav > li > a:hover {
  color: #212121;
  background-color: #2f4050;
}
.gumga-layout header > .navbar .nav .open > a,
.gumga-layout header > .navbar .nav .open > a:hover,
.gumga-layout header > .navbar .nav .open > a:focus {
  color: #212121;
  background-color: #2f4050;
  border-color: transparent;
}
.gumga-layout header > .navbar .nav.organizations > li,
.gumga-layout header > .navbar .nav.notifications > li,
.gumga-layout header > .navbar .nav.search > li,
.gumga-layout header > .navbar .nav.apps > li {
  margin: 0 8px;
}
.gumga-layout header > .navbar .nav.organizations > li > a,
.gumga-layout header > .navbar .nav.notifications > li > a,
.gumga-layout header > .navbar .nav.search > li > a,
.gumga-layout header > .navbar .nav.apps > li > a {
  padding-top: 15px;
  padding-bottom: 6px;
}
.gumga-layout header > .navbar .nav.apps .dropdown-menu {
  background-color: #337ab7;
}
.gumga-layout header > .navbar .nav.apps .dropdown-menu > .apps-icons {
  padding: 6px;
}
.gumga-layout header > .navbar .nav.apps > li .table {
  margin-bottom: 0;
}
.gumga-layout header > .navbar .nav.apps > li .table td {
  border-radius: 6px;
  border-top: 0;
}
.gumga-layout header > .navbar .nav.apps > li .table td:hover {
  background-color: #233646;
}
.gumga-layout header > .navbar .nav.organizations > li .form-group {
  margin-bottom: 12px;
}
.gumga-layout header > .navbar .nav.notifications ul.dropdown-menu {
  width: 300px;
}
.gumga-layout header > .navbar .nav.notifications .media {
  background-color: #FFFFFF;
  border-radius: 4px;
}
.gumga-layout header > .navbar .nav.notifications .media:hover {
  background-color: #233646;
}
.gumga-layout header > .navbar .nav.notifications .media .media-object {
  width: 60px;
}
.gumga-layout header > .navbar .nav.notifications .media .media-body {
  padding: 6px 0;
}
.gumga-layout header > .navbar .nav.notifications ul.dropdown-menu {
  font-size: 16px;
  padding: 10px;
  background-color: #337ab7;
}
.gumga-layout header > .navbar .nav.notifications ul.dropdown-menu > li {
  margin-bottom: 5px;
  padding: 0;
}
.gumga-layout header > .navbar .nav.notifications ul.dropdown-menu > li:hover {
  background-color: transparent;
}
.gumga-layout header > .search .form-control.gmd {
  color: #fff;
  background-color: transparent;
}
.gumga-layout header > .searchbar {
  position: absolute;
  width: 100%;
  opacity: 0;
  display: flex;
  background-color: #fff;
  transition: all 200ms ease-out;
}
.gumga-layout header > .searchbar.searchShow {
  z-index: 5;
  opacity: 1;
}
.gumga-layout header > .searchbar .icon {
  margin: 7.5px 15px;
  width: 40px;
}
.gumga-layout header > .searchbar .icon.back {
  order: 1;
}
.gumga-layout header > .searchbar .query {
  flex: 1;
  order: 2;
  margin: 7.5px 0;
}
.gumga-layout header > .searchbar .icon.search {
  order: 3;
}
.gumga-layout header > .searchbar .icon button {
  background-color: transparent;
  border-color: transparent;
}
.gumga-layout header > .searchbar .query .form-control {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.gumga-layout header > .searchbar .searchbar-nav a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
.gl-header div.navbar-header {
  display: flex;
  align-items: center;
}
.gl-header div.navbar-header .navbar-brand {
  height: 100%;
  margin: 0 auto;
}
main {
  margin-top: 67px;
  padding: 24px;
  z-index: 1000;
}
.gumga-layout nav.gl-nav {
  width: 250px;
  background-color: #fff;
  z-index: 1005;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  overflow-x: auto;
  visibility: hidden;
  -webkit-transform: translateX(-250px);
  transform: translateX(-250px);
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.28);
  box-shadow: 0 0 4px rgba(0,0,0,0.28);
}
.gumga-layout nav.gl-nav::-webkit-scrollbar {
  width: 8px;
}
.gumga-layout nav.gl-nav::-webkit-scrollbar-track {
  background-color: #fff;
}
.gumga-layout nav.gl-nav::-webkit-scrollbar-thumb {
  background-color: #337ab7;
  border-radius: 3px;
}
.gumga-layout nav.gl-nav.collapsed {
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.gumga-layout nav.gl-nav > header figure,
.gumga-layout nav.gl-nav > header img {
  width: 100%;
}
.gumga-layout nav.gl-nav ul.menu {
  border-bottom: 1px solid #BDBDBD;
}
@media (max-width: 768px) {
  .gumga-layout nav.gl-nav {
    bototm: 0px;
  }
}
gl-menu ul {
  padding: 0;
  list-style: none;
}
gl-menu > ul {
  padding-top: 25px;
}
gl-menu ul > li {
  margin-top: 6px 0 0;
  cursor: pointer;
  padding: 8px 10px 8px 16px;
}
gl-menu ul > li:hover {
  background-color: #F5F5F;
}
gl-menu ul > li.header:hover,
gl-menu ul > li.header > a:hover {
  color: #212121;
  background-color: transparent;
}
gl-menu ul > li.header > a:hover {
  color: #757575;
}
gl-menu ul li.header > a {
  font-size: 20px;
  color: #757575;
}
gl-menu ul li a > .material-icons[data-ng-if="item.children"] {
  margin-right: 5px;
}
gl-menu ul li a > .material-icons {
  font-size: 18px;
  vertical-align: middle;
}
gl-menu ul li a > span {
  vertical-align: middle;
  white-space: normal;
  font-size: 14px;
  color: #757575;
  padding: 13px 0 13px 28px;
  font-weight: 500;
  font-family: Roboto, Arial, sans-serif;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
gl-menu ul li.header a > span {
  font-weight: inherit;
  font-size: inherit;
  padding: inherit;
}
gl-menu ul li {
  padding: 13px 0 13px 15px;
}
gl-menu ul li > a {
  width: 100%;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  color: #212121;
}
gl-menu ul li > a:hover {
  color: #2f4050;
  text-decoration: none;
}
gl-menu ul li > a.active {
  color: #212121;
}
gl-menu ul li.divider {
  height: 1px;
  margin: 9px 0;
  padding: 0;
  overflow: hidden;
  background-color: #BDBDBD;
}
.gmd-menu-backdrop {
  z-index: 9999999;
  display: none;
  position: fixed;
  background: rgba(0,0,0,0.22);
  width: 100%;
  height: 100%;
  left: 0;
  top: 52px;
  bottom: 0;
  margin-left: 250px;
}
.gmd-menu-backdrop.active {
  display: block;
}
hr {
  border-top: 1px solid #BDBDBD;
}
main > .content {
  background-color: transparent;
}
.gumga-layout aside.gl-aside {
  width: 300px;
  background-color: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(300px);
  transform: translateX(300px);
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
  z-index: 1005;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.28);
  box-shadow: 0 0 4px rgba(0,0,0,0.28);
  z-index: 1005;
}
.gumga-layout aside.gl-aside.collapsed {
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.gumga-layout footer.gl-footer {
  z-index: 1006;
  padding: 15px;
  height: 52px;
  color: #757575;
  font-size: 18px;
  background-color: #233646;
}
.gumga-layout footer.gl-footer a {
  color: #337ab7;
}
.gumga-layout footer.gl-footer a:focus,
.gumga-layout footer.gl-footer a:hover {
  color: #2f4050;
}
.gumga-layout footer.gl-footer.fixed {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
}
.bg-dark-primary {
  background-color: #2f4050;
}
.bg-primary {
  background-color: #233646;
}
.bg-light-primary {
  background-color: #337ab7;
}
.bg-text-icons {
  background-color: #FFFFFF;
}
.bg-accent {
  background-color: #536DFE;
}
.bg-primary-text {
  background-color: #212121;
}
.bg-secundary-text {
  background-color: #757575;
}
.bg-divider {
  background-color: #BDBDBD;
}
.bg-background {
  background-color: #F5F5F;
}
.cl-dark-primary {
  color: #2f4050;
}
.cl-primary {
  color: #233646;
}
.cl-light-primary {
  color: #337ab7;
}
.cl-text-icons {
  color: #FFFFFF;
}
.cl-accent {
  color: #536DFE;
}
.cl-primary-text {
  color: #212121;
}
.cl-secundary-text {
  color: #757575;
}
.cl-divider {
  color: #BDBDBD;
}
.cl-background {
  color: #F5F5F;
}
.bd-dark-primary {
  border-color: #2f4050 !important;
}
.bd-primary {
  border-color: #233646 !important;
}
.bd-light-primary {
  border-color: #337ab7 !important;
}
.bd-text-icons {
  border-color: #FFFFFF !important;
}
.bd-accent {
  border-color: #536DFE !important;
}
.bd-primary-text {
  border-color: #212121 !important;
}
.bd-secundary-text {
  border-color: #757575 !important;
}
.bd-divider {
  border-color: #BDBDBD !important;
}
.bd-background {
  border-color: #F5F5F !important;
}
.slide-in-right {
  -webkit-animation: slide-in-right 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  -moz-animation: slide-in-right 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: slide-in-right 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.slide-in-left {
  -webkit-animation: slide-in-left 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  -moz-animation: slide-in-left 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: slide-in-left 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.navTrigger {
  transform: scale(0.7);
  cursor: pointer;
  width: 30px;
  height: 25px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.navTrigger i {
  background-color: #337ab7;
  border-radius: 2px;
  content: '';
  display: block;
  width: 100%;
  height: 4px;
}
.navTrigger i:nth-child(1) {
  -webkit-animation: outT 0.8s backwards;
  animation: outT 0.8s backwards;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
.navTrigger i:nth-child(2) {
  margin: 5px 0;
  -webkit-animation: outM 0.8s backwards;
  animation: outM 0.8s backwards;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
.navTrigger i:nth-child(3) {
  -webkit-animation: outBtm 0.8s backwards;
  animation: outBtm 0.8s backwards;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
.navTrigger.active i:nth-child(1) {
  -webkit-animation: inT 0.8s forwards;
  animation: inT 0.8s forwards;
}
.navTrigger.active i:nth-child(2) {
  -webkit-animation: inM 0.8s forwards;
  animation: inM 0.8s forwards;
}
.navTrigger.active i:nth-child(3) {
  -webkit-animation: inBtm 0.8s forwards;
  animation: inBtm 0.8s forwards;
}
@-webkit-keyframes inM {
  50% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    width: 80%;
  }
}
@-webkit-keyframes outM {
  50% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}
@-webkit-keyframes inT {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(9px) rotate(0deg);
  }
  100% {
    width: 60%;
    -webkit-transform: translateY(4px) translateX(-1px) rotate(-38deg);
  }
}
@-webkit-keyframes outT {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(9px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(9px) rotate(135deg);
  }
}
@-webkit-keyframes inBtm {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-9px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-4px) translateX(-1px) rotate(38deg);
    width: 60%;
  }
}
@-webkit-keyframes outBtm {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-9px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-9px) rotate(135deg);
  }
}
@-moz-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-o-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-moz-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-o-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-moz-keyframes inM {
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
    width: 80%;
  }
}
@-webkit-keyframes inM {
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
    width: 80%;
  }
}
@-o-keyframes inM {
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
    width: 80%;
  }
}
@keyframes inM {
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
    width: 80%;
  }
}
@-moz-keyframes outM {
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@-webkit-keyframes outM {
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@-o-keyframes outM {
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@keyframes outM {
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@-moz-keyframes inT {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(9px) rotate(0deg);
  }
  100% {
    width: 60%;
    transform: translateY(4px) translateX(-1px) rotate(-38deg);
  }
}
@-webkit-keyframes inT {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(9px) rotate(0deg);
  }
  100% {
    width: 60%;
    transform: translateY(4px) translateX(-1px) rotate(-38deg);
  }
}
@-o-keyframes inT {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(9px) rotate(0deg);
  }
  100% {
    width: 60%;
    transform: translateY(4px) translateX(-1px) rotate(-38deg);
  }
}
@keyframes inT {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(9px) rotate(0deg);
  }
  100% {
    width: 60%;
    transform: translateY(4px) translateX(-1px) rotate(-38deg);
  }
}
@-moz-keyframes outT {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(9px) rotate(0deg);
  }
  100% {
    transform: translateY(9px) rotate(135deg);
  }
}
@-webkit-keyframes outT {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(9px) rotate(0deg);
  }
  100% {
    transform: translateY(9px) rotate(135deg);
  }
}
@-o-keyframes outT {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(9px) rotate(0deg);
  }
  100% {
    transform: translateY(9px) rotate(135deg);
  }
}
@keyframes outT {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(9px) rotate(0deg);
  }
  100% {
    transform: translateY(9px) rotate(135deg);
  }
}
@-moz-keyframes inBtm {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-9px) rotate(0deg);
  }
  100% {
    transform: translateY(-4px) translateX(-1px) rotate(38deg);
    width: 60%;
  }
}
@-webkit-keyframes inBtm {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-9px) rotate(0deg);
  }
  100% {
    transform: translateY(-4px) translateX(-1px) rotate(38deg);
    width: 60%;
  }
}
@-o-keyframes inBtm {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-9px) rotate(0deg);
  }
  100% {
    transform: translateY(-4px) translateX(-1px) rotate(38deg);
    width: 60%;
  }
}
@keyframes inBtm {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-9px) rotate(0deg);
  }
  100% {
    transform: translateY(-4px) translateX(-1px) rotate(38deg);
    width: 60%;
  }
}
@-moz-keyframes outBtm {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-9px) rotate(0deg);
  }
  100% {
    transform: translateY(-9px) rotate(135deg);
  }
}
@-webkit-keyframes outBtm {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-9px) rotate(0deg);
  }
  100% {
    transform: translateY(-9px) rotate(135deg);
  }
}
@-o-keyframes outBtm {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-9px) rotate(0deg);
  }
  100% {
    transform: translateY(-9px) rotate(135deg);
  }
}
@keyframes outBtm {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-9px) rotate(0deg);
  }
  100% {
    transform: translateY(-9px) rotate(135deg);
  }
}
/* MaterialDesignIcons.com */@font-face{font-family:"Material Design Icons";src:url(/dist/public/materialdesignicons-webfont.eot);src:url(/dist/public/materialdesignicons-webfont.eot?#iefix&v=1.8.36) format("embedded-opentype"),url(/dist/public/materialdesignicons-webfont.woff2) format("woff2"),url(/dist/public/materialdesignicons-webfont.woff) format("woff"),url(/dist/public/materialdesignicons-webfont.ttf) format("truetype"),url(/dist/public/materialdesignicons-webfont.svg#materialdesigniconsregular) format("svg");font-weight:normal;font-style:normal}.mdi:before,.mdi-set{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.mdi-access-point:before{content:"\F002"}.mdi-access-point-network:before{content:"\F003"}.mdi-account:before{content:"\F004"}.mdi-account-alert:before{content:"\F005"}.mdi-account-box:before{content:"\F006"}.mdi-account-box-outline:before{content:"\F007"}.mdi-account-card-details:before{content:"\F5D2"}.mdi-account-check:before{content:"\F008"}.mdi-account-circle:before{content:"\F009"}.mdi-account-convert:before{content:"\F00A"}.mdi-account-edit:before{content:"\F6BB"}.mdi-account-key:before{content:"\F00B"}.mdi-account-location:before{content:"\F00C"}.mdi-account-minus:before{content:"\F00D"}.mdi-account-multiple:before{content:"\F00E"}.mdi-account-multiple-minus:before{content:"\F5D3"}.mdi-account-multiple-outline:before{content:"\F00F"}.mdi-account-multiple-plus:before{content:"\F010"}.mdi-account-network:before{content:"\F011"}.mdi-account-off:before{content:"\F012"}.mdi-account-outline:before{content:"\F013"}.mdi-account-plus:before{content:"\F014"}.mdi-account-remove:before{content:"\F015"}.mdi-account-search:before{content:"\F016"}.mdi-account-settings:before{content:"\F630"}.mdi-account-settings-variant:before{content:"\F631"}.mdi-account-star:before{content:"\F017"}.mdi-account-star-variant:before{content:"\F018"}.mdi-account-switch:before{content:"\F019"}.mdi-adjust:before{content:"\F01A"}.mdi-air-conditioner:before{content:"\F01B"}.mdi-airballoon:before{content:"\F01C"}.mdi-airplane:before{content:"\F01D"}.mdi-airplane-landing:before{content:"\F5D4"}.mdi-airplane-off:before{content:"\F01E"}.mdi-airplane-takeoff:before{content:"\F5D5"}.mdi-airplay:before{content:"\F01F"}.mdi-alarm:before{content:"\F020"}.mdi-alarm-check:before{content:"\F021"}.mdi-alarm-multiple:before{content:"\F022"}.mdi-alarm-off:before{content:"\F023"}.mdi-alarm-plus:before{content:"\F024"}.mdi-alarm-snooze:before{content:"\F68D"}.mdi-album:before{content:"\F025"}.mdi-alert:before{content:"\F026"}.mdi-alert-box:before{content:"\F027"}.mdi-alert-circle:before{content:"\F028"}.mdi-alert-circle-outline:before{content:"\F5D6"}.mdi-alert-octagon:before{content:"\F029"}.mdi-alert-octagram:before{content:"\F6BC"}.mdi-alert-outline:before{content:"\F02A"}.mdi-all-inclusive:before{content:"\F6BD"}.mdi-alpha:before{content:"\F02B"}.mdi-alphabetical:before{content:"\F02C"}.mdi-altimeter:before{content:"\F5D7"}.mdi-amazon:before{content:"\F02D"}.mdi-amazon-clouddrive:before{content:"\F02E"}.mdi-ambulance:before{content:"\F02F"}.mdi-amplifier:before{content:"\F030"}.mdi-anchor:before{content:"\F031"}.mdi-android:before{content:"\F032"}.mdi-android-debug-bridge:before{content:"\F033"}.mdi-android-studio:before{content:"\F034"}.mdi-angular:before{content:"\F6B1"}.mdi-angularjs:before{content:"\F6BE"}.mdi-animation:before{content:"\F5D8"}.mdi-apple:before{content:"\F035"}.mdi-apple-finder:before{content:"\F036"}.mdi-apple-ios:before{content:"\F037"}.mdi-apple-keyboard-caps:before{content:"\F632"}.mdi-apple-keyboard-command:before{content:"\F633"}.mdi-apple-keyboard-control:before{content:"\F634"}.mdi-apple-keyboard-option:before{content:"\F635"}.mdi-apple-keyboard-shift:before{content:"\F636"}.mdi-apple-mobileme:before{content:"\F038"}.mdi-apple-safari:before{content:"\F039"}.mdi-application:before{content:"\F614"}.mdi-apps:before{content:"\F03B"}.mdi-archive:before{content:"\F03C"}.mdi-arrange-bring-forward:before{content:"\F03D"}.mdi-arrange-bring-to-front:before{content:"\F03E"}.mdi-arrange-send-backward:before{content:"\F03F"}.mdi-arrange-send-to-back:before{content:"\F040"}.mdi-arrow-all:before{content:"\F041"}.mdi-arrow-bottom-left:before{content:"\F042"}.mdi-arrow-bottom-right:before{content:"\F043"}.mdi-arrow-compress:before{content:"\F615"}.mdi-arrow-compress-all:before{content:"\F044"}.mdi-arrow-down:before{content:"\F045"}.mdi-arrow-down-bold:before{content:"\F046"}.mdi-arrow-down-bold-circle:before{content:"\F047"}.mdi-arrow-down-bold-circle-outline:before{content:"\F048"}.mdi-arrow-down-bold-hexagon-outline:before{content:"\F049"}.mdi-arrow-down-box:before{content:"\F6BF"}.mdi-arrow-down-drop-circle:before{content:"\F04A"}.mdi-arrow-down-drop-circle-outline:before{content:"\F04B"}.mdi-arrow-expand:before{content:"\F616"}.mdi-arrow-expand-all:before{content:"\F04C"}.mdi-arrow-left:before{content:"\F04D"}.mdi-arrow-left-bold:before{content:"\F04E"}.mdi-arrow-left-bold-circle:before{content:"\F04F"}.mdi-arrow-left-bold-circle-outline:before{content:"\F050"}.mdi-arrow-left-bold-hexagon-outline:before{content:"\F051"}.mdi-arrow-left-box:before{content:"\F6C0"}.mdi-arrow-left-drop-circle:before{content:"\F052"}.mdi-arrow-left-drop-circle-outline:before{content:"\F053"}.mdi-arrow-right:before{content:"\F054"}.mdi-arrow-right-bold:before{content:"\F055"}.mdi-arrow-right-bold-circle:before{content:"\F056"}.mdi-arrow-right-bold-circle-outline:before{content:"\F057"}.mdi-arrow-right-bold-hexagon-outline:before{content:"\F058"}.mdi-arrow-right-box:before{content:"\F6C1"}.mdi-arrow-right-drop-circle:before{content:"\F059"}.mdi-arrow-right-drop-circle-outline:before{content:"\F05A"}.mdi-arrow-top-left:before{content:"\F05B"}.mdi-arrow-top-right:before{content:"\F05C"}.mdi-arrow-up:before{content:"\F05D"}.mdi-arrow-up-bold:before{content:"\F05E"}.mdi-arrow-up-bold-circle:before{content:"\F05F"}.mdi-arrow-up-bold-circle-outline:before{content:"\F060"}.mdi-arrow-up-bold-hexagon-outline:before{content:"\F061"}.mdi-arrow-up-box:before{content:"\F6C2"}.mdi-arrow-up-drop-circle:before{content:"\F062"}.mdi-arrow-up-drop-circle-outline:before{content:"\F063"}.mdi-assistant:before{content:"\F064"}.mdi-asterisk:before{content:"\F6C3"}.mdi-at:before{content:"\F065"}.mdi-attachment:before{content:"\F066"}.mdi-audiobook:before{content:"\F067"}.mdi-auto-fix:before{content:"\F068"}.mdi-auto-upload:before{content:"\F069"}.mdi-autorenew:before{content:"\F06A"}.mdi-av-timer:before{content:"\F06B"}.mdi-baby:before{content:"\F06C"}.mdi-baby-buggy:before{content:"\F68E"}.mdi-backburger:before{content:"\F06D"}.mdi-backspace:before{content:"\F06E"}.mdi-backup-restore:before{content:"\F06F"}.mdi-bandcamp:before{content:"\F674"}.mdi-bank:before{content:"\F070"}.mdi-barcode:before{content:"\F071"}.mdi-barcode-scan:before{content:"\F072"}.mdi-barley:before{content:"\F073"}.mdi-barrel:before{content:"\F074"}.mdi-basecamp:before{content:"\F075"}.mdi-basket:before{content:"\F076"}.mdi-basket-fill:before{content:"\F077"}.mdi-basket-unfill:before{content:"\F078"}.mdi-battery:before{content:"\F079"}.mdi-battery-10:before{content:"\F07A"}.mdi-battery-20:before{content:"\F07B"}.mdi-battery-30:before{content:"\F07C"}.mdi-battery-40:before{content:"\F07D"}.mdi-battery-50:before{content:"\F07E"}.mdi-battery-60:before{content:"\F07F"}.mdi-battery-70:before{content:"\F080"}.mdi-battery-80:before{content:"\F081"}.mdi-battery-90:before{content:"\F082"}.mdi-battery-alert:before{content:"\F083"}.mdi-battery-charging:before{content:"\F084"}.mdi-battery-charging-100:before{content:"\F085"}.mdi-battery-charging-20:before{content:"\F086"}.mdi-battery-charging-30:before{content:"\F087"}.mdi-battery-charging-40:before{content:"\F088"}.mdi-battery-charging-60:before{content:"\F089"}.mdi-battery-charging-80:before{content:"\F08A"}.mdi-battery-charging-90:before{content:"\F08B"}.mdi-battery-minus:before{content:"\F08C"}.mdi-battery-negative:before{content:"\F08D"}.mdi-battery-outline:before{content:"\F08E"}.mdi-battery-plus:before{content:"\F08F"}.mdi-battery-positive:before{content:"\F090"}.mdi-battery-unknown:before{content:"\F091"}.mdi-beach:before{content:"\F092"}.mdi-beaker:before{content:"\F68F"}.mdi-beats:before{content:"\F097"}.mdi-beer:before{content:"\F098"}.mdi-behance:before{content:"\F099"}.mdi-bell:before{content:"\F09A"}.mdi-bell-off:before{content:"\F09B"}.mdi-bell-outline:before{content:"\F09C"}.mdi-bell-plus:before{content:"\F09D"}.mdi-bell-ring:before{content:"\F09E"}.mdi-bell-ring-outline:before{content:"\F09F"}.mdi-bell-sleep:before{content:"\F0A0"}.mdi-beta:before{content:"\F0A1"}.mdi-bible:before{content:"\F0A2"}.mdi-bike:before{content:"\F0A3"}.mdi-bing:before{content:"\F0A4"}.mdi-binoculars:before{content:"\F0A5"}.mdi-bio:before{content:"\F0A6"}.mdi-biohazard:before{content:"\F0A7"}.mdi-bitbucket:before{content:"\F0A8"}.mdi-black-mesa:before{content:"\F0A9"}.mdi-blackberry:before{content:"\F0AA"}.mdi-blender:before{content:"\F0AB"}.mdi-blinds:before{content:"\F0AC"}.mdi-block-helper:before{content:"\F0AD"}.mdi-blogger:before{content:"\F0AE"}.mdi-bluetooth:before{content:"\F0AF"}.mdi-bluetooth-audio:before{content:"\F0B0"}.mdi-bluetooth-connect:before{content:"\F0B1"}.mdi-bluetooth-off:before{content:"\F0B2"}.mdi-bluetooth-settings:before{content:"\F0B3"}.mdi-bluetooth-transfer:before{content:"\F0B4"}.mdi-blur:before{content:"\F0B5"}.mdi-blur-linear:before{content:"\F0B6"}.mdi-blur-off:before{content:"\F0B7"}.mdi-blur-radial:before{content:"\F0B8"}.mdi-bomb:before{content:"\F690"}.mdi-bomb-off:before{content:"\F6C4"}.mdi-bone:before{content:"\F0B9"}.mdi-book:before{content:"\F0BA"}.mdi-book-minus:before{content:"\F5D9"}.mdi-book-multiple:before{content:"\F0BB"}.mdi-book-multiple-variant:before{content:"\F0BC"}.mdi-book-open:before{content:"\F0BD"}.mdi-book-open-page-variant:before{content:"\F5DA"}.mdi-book-open-variant:before{content:"\F0BE"}.mdi-book-plus:before{content:"\F5DB"}.mdi-book-variant:before{content:"\F0BF"}.mdi-bookmark:before{content:"\F0C0"}.mdi-bookmark-check:before{content:"\F0C1"}.mdi-bookmark-music:before{content:"\F0C2"}.mdi-bookmark-outline:before{content:"\F0C3"}.mdi-bookmark-plus:before{content:"\F0C5"}.mdi-bookmark-plus-outline:before{content:"\F0C4"}.mdi-bookmark-remove:before{content:"\F0C6"}.mdi-boombox:before{content:"\F5DC"}.mdi-bootstrap:before{content:"\F6C5"}.mdi-border-all:before{content:"\F0C7"}.mdi-border-bottom:before{content:"\F0C8"}.mdi-border-color:before{content:"\F0C9"}.mdi-border-horizontal:before{content:"\F0CA"}.mdi-border-inside:before{content:"\F0CB"}.mdi-border-left:before{content:"\F0CC"}.mdi-border-none:before{content:"\F0CD"}.mdi-border-outside:before{content:"\F0CE"}.mdi-border-right:before{content:"\F0CF"}.mdi-border-style:before{content:"\F0D0"}.mdi-border-top:before{content:"\F0D1"}.mdi-border-vertical:before{content:"\F0D2"}.mdi-bow-tie:before{content:"\F677"}.mdi-bowl:before{content:"\F617"}.mdi-bowling:before{content:"\F0D3"}.mdi-box:before{content:"\F0D4"}.mdi-box-cutter:before{content:"\F0D5"}.mdi-box-shadow:before{content:"\F637"}.mdi-bridge:before{content:"\F618"}.mdi-briefcase:before{content:"\F0D6"}.mdi-briefcase-check:before{content:"\F0D7"}.mdi-briefcase-download:before{content:"\F0D8"}.mdi-briefcase-upload:before{content:"\F0D9"}.mdi-brightness-1:before{content:"\F0DA"}.mdi-brightness-2:before{content:"\F0DB"}.mdi-brightness-3:before{content:"\F0DC"}.mdi-brightness-4:before{content:"\F0DD"}.mdi-brightness-5:before{content:"\F0DE"}.mdi-brightness-6:before{content:"\F0DF"}.mdi-brightness-7:before{content:"\F0E0"}.mdi-brightness-auto:before{content:"\F0E1"}.mdi-broom:before{content:"\F0E2"}.mdi-brush:before{content:"\F0E3"}.mdi-buffer:before{content:"\F619"}.mdi-bug:before{content:"\F0E4"}.mdi-bulletin-board:before{content:"\F0E5"}.mdi-bullhorn:before{content:"\F0E6"}.mdi-bullseye:before{content:"\F5DD"}.mdi-burst-mode:before{content:"\F5DE"}.mdi-bus:before{content:"\F0E7"}.mdi-cached:before{content:"\F0E8"}.mdi-cake:before{content:"\F0E9"}.mdi-cake-layered:before{content:"\F0EA"}.mdi-cake-variant:before{content:"\F0EB"}.mdi-calculator:before{content:"\F0EC"}.mdi-calendar:before{content:"\F0ED"}.mdi-calendar-blank:before{content:"\F0EE"}.mdi-calendar-check:before{content:"\F0EF"}.mdi-calendar-clock:before{content:"\F0F0"}.mdi-calendar-multiple:before{content:"\F0F1"}.mdi-calendar-multiple-check:before{content:"\F0F2"}.mdi-calendar-plus:before{content:"\F0F3"}.mdi-calendar-question:before{content:"\F691"}.mdi-calendar-range:before{content:"\F678"}.mdi-calendar-remove:before{content:"\F0F4"}.mdi-calendar-text:before{content:"\F0F5"}.mdi-calendar-today:before{content:"\F0F6"}.mdi-call-made:before{content:"\F0F7"}.mdi-call-merge:before{content:"\F0F8"}.mdi-call-missed:before{content:"\F0F9"}.mdi-call-received:before{content:"\F0FA"}.mdi-call-split:before{content:"\F0FB"}.mdi-camcorder:before{content:"\F0FC"}.mdi-camcorder-box:before{content:"\F0FD"}.mdi-camcorder-box-off:before{content:"\F0FE"}.mdi-camcorder-off:before{content:"\F0FF"}.mdi-camera:before{content:"\F100"}.mdi-camera-burst:before{content:"\F692"}.mdi-camera-enhance:before{content:"\F101"}.mdi-camera-front:before{content:"\F102"}.mdi-camera-front-variant:before{content:"\F103"}.mdi-camera-iris:before{content:"\F104"}.mdi-camera-off:before{content:"\F5DF"}.mdi-camera-party-mode:before{content:"\F105"}.mdi-camera-rear:before{content:"\F106"}.mdi-camera-rear-variant:before{content:"\F107"}.mdi-camera-switch:before{content:"\F108"}.mdi-camera-timer:before{content:"\F109"}.mdi-candle:before{content:"\F5E2"}.mdi-candycane:before{content:"\F10A"}.mdi-car:before{content:"\F10B"}.mdi-car-battery:before{content:"\F10C"}.mdi-car-connected:before{content:"\F10D"}.mdi-car-wash:before{content:"\F10E"}.mdi-cards:before{content:"\F638"}.mdi-cards-outline:before{content:"\F639"}.mdi-cards-playing-outline:before{content:"\F63A"}.mdi-cards-variant:before{content:"\F6C6"}.mdi-carrot:before{content:"\F10F"}.mdi-cart:before{content:"\F110"}.mdi-cart-off:before{content:"\F66B"}.mdi-cart-outline:before{content:"\F111"}.mdi-cart-plus:before{content:"\F112"}.mdi-case-sensitive-alt:before{content:"\F113"}.mdi-cash:before{content:"\F114"}.mdi-cash-100:before{content:"\F115"}.mdi-cash-multiple:before{content:"\F116"}.mdi-cash-usd:before{content:"\F117"}.mdi-cast:before{content:"\F118"}.mdi-cast-connected:before{content:"\F119"}.mdi-castle:before{content:"\F11A"}.mdi-cat:before{content:"\F11B"}.mdi-cellphone:before{content:"\F11C"}.mdi-cellphone-android:before{content:"\F11D"}.mdi-cellphone-basic:before{content:"\F11E"}.mdi-cellphone-dock:before{content:"\F11F"}.mdi-cellphone-iphone:before{content:"\F120"}.mdi-cellphone-link:before{content:"\F121"}.mdi-cellphone-link-off:before{content:"\F122"}.mdi-cellphone-settings:before{content:"\F123"}.mdi-certificate:before{content:"\F124"}.mdi-chair-school:before{content:"\F125"}.mdi-chart-arc:before{content:"\F126"}.mdi-chart-areaspline:before{content:"\F127"}.mdi-chart-bar:before{content:"\F128"}.mdi-chart-bubble:before{content:"\F5E3"}.mdi-chart-gantt:before{content:"\F66C"}.mdi-chart-histogram:before{content:"\F129"}.mdi-chart-line:before{content:"\F12A"}.mdi-chart-pie:before{content:"\F12B"}.mdi-chart-scatterplot-hexbin:before{content:"\F66D"}.mdi-chart-timeline:before{content:"\F66E"}.mdi-check:before{content:"\F12C"}.mdi-check-all:before{content:"\F12D"}.mdi-check-circle:before{content:"\F5E0"}.mdi-check-circle-outline:before{content:"\F5E1"}.mdi-checkbox-blank:before{content:"\F12E"}.mdi-checkbox-blank-circle:before{content:"\F12F"}.mdi-checkbox-blank-circle-outline:before{content:"\F130"}.mdi-checkbox-blank-outline:before{content:"\F131"}.mdi-checkbox-marked:before{content:"\F132"}.mdi-checkbox-marked-circle:before{content:"\F133"}.mdi-checkbox-marked-circle-outline:before{content:"\F134"}.mdi-checkbox-marked-outline:before{content:"\F135"}.mdi-checkbox-multiple-blank:before{content:"\F136"}.mdi-checkbox-multiple-blank-circle:before{content:"\F63B"}.mdi-checkbox-multiple-blank-circle-outline:before{content:"\F63C"}.mdi-checkbox-multiple-blank-outline:before{content:"\F137"}.mdi-checkbox-multiple-marked:before{content:"\F138"}.mdi-checkbox-multiple-marked-circle:before{content:"\F63D"}.mdi-checkbox-multiple-marked-circle-outline:before{content:"\F63E"}.mdi-checkbox-multiple-marked-outline:before{content:"\F139"}.mdi-checkerboard:before{content:"\F13A"}.mdi-chemical-weapon:before{content:"\F13B"}.mdi-chevron-double-down:before{content:"\F13C"}.mdi-chevron-double-left:before{content:"\F13D"}.mdi-chevron-double-right:before{content:"\F13E"}.mdi-chevron-double-up:before{content:"\F13F"}.mdi-chevron-down:before{content:"\F140"}.mdi-chevron-left:before{content:"\F141"}.mdi-chevron-right:before{content:"\F142"}.mdi-chevron-up:before{content:"\F143"}.mdi-chip:before{content:"\F61A"}.mdi-church:before{content:"\F144"}.mdi-cisco-webex:before{content:"\F145"}.mdi-city:before{content:"\F146"}.mdi-clipboard:before{content:"\F147"}.mdi-clipboard-account:before{content:"\F148"}.mdi-clipboard-alert:before{content:"\F149"}.mdi-clipboard-arrow-down:before{content:"\F14A"}.mdi-clipboard-arrow-left:before{content:"\F14B"}.mdi-clipboard-check:before{content:"\F14C"}.mdi-clipboard-flow:before{content:"\F6C7"}.mdi-clipboard-outline:before{content:"\F14D"}.mdi-clipboard-text:before{content:"\F14E"}.mdi-clippy:before{content:"\F14F"}.mdi-clock:before{content:"\F150"}.mdi-clock-alert:before{content:"\F5CE"}.mdi-clock-end:before{content:"\F151"}.mdi-clock-fast:before{content:"\F152"}.mdi-clock-in:before{content:"\F153"}.mdi-clock-out:before{content:"\F154"}.mdi-clock-start:before{content:"\F155"}.mdi-close:before{content:"\F156"}.mdi-close-box:before{content:"\F157"}.mdi-close-box-outline:before{content:"\F158"}.mdi-close-circle:before{content:"\F159"}.mdi-close-circle-outline:before{content:"\F15A"}.mdi-close-network:before{content:"\F15B"}.mdi-close-octagon:before{content:"\F15C"}.mdi-close-octagon-outline:before{content:"\F15D"}.mdi-close-outline:before{content:"\F6C8"}.mdi-closed-caption:before{content:"\F15E"}.mdi-cloud:before{content:"\F15F"}.mdi-cloud-check:before{content:"\F160"}.mdi-cloud-circle:before{content:"\F161"}.mdi-cloud-download:before{content:"\F162"}.mdi-cloud-outline:before{content:"\F163"}.mdi-cloud-outline-off:before{content:"\F164"}.mdi-cloud-print:before{content:"\F165"}.mdi-cloud-print-outline:before{content:"\F166"}.mdi-cloud-sync:before{content:"\F63F"}.mdi-cloud-upload:before{content:"\F167"}.mdi-code-array:before{content:"\F168"}.mdi-code-braces:before{content:"\F169"}.mdi-code-brackets:before{content:"\F16A"}.mdi-code-equal:before{content:"\F16B"}.mdi-code-greater-than:before{content:"\F16C"}.mdi-code-greater-than-or-equal:before{content:"\F16D"}.mdi-code-less-than:before{content:"\F16E"}.mdi-code-less-than-or-equal:before{content:"\F16F"}.mdi-code-not-equal:before{content:"\F170"}.mdi-code-not-equal-variant:before{content:"\F171"}.mdi-code-parentheses:before{content:"\F172"}.mdi-code-string:before{content:"\F173"}.mdi-code-tags:before{content:"\F174"}.mdi-code-tags-check:before{content:"\F693"}.mdi-codepen:before{content:"\F175"}.mdi-coffee:before{content:"\F176"}.mdi-coffee-outline:before{content:"\F6C9"}.mdi-coffee-to-go:before{content:"\F177"}.mdi-coin:before{content:"\F178"}.mdi-coins:before{content:"\F694"}.mdi-collage:before{content:"\F640"}.mdi-color-helper:before{content:"\F179"}.mdi-comment:before{content:"\F17A"}.mdi-comment-account:before{content:"\F17B"}.mdi-comment-account-outline:before{content:"\F17C"}.mdi-comment-alert:before{content:"\F17D"}.mdi-comment-alert-outline:before{content:"\F17E"}.mdi-comment-check:before{content:"\F17F"}.mdi-comment-check-outline:before{content:"\F180"}.mdi-comment-multiple-outline:before{content:"\F181"}.mdi-comment-outline:before{content:"\F182"}.mdi-comment-plus-outline:before{content:"\F183"}.mdi-comment-processing:before{content:"\F184"}.mdi-comment-processing-outline:before{content:"\F185"}.mdi-comment-question-outline:before{content:"\F186"}.mdi-comment-remove-outline:before{content:"\F187"}.mdi-comment-text:before{content:"\F188"}.mdi-comment-text-outline:before{content:"\F189"}.mdi-compare:before{content:"\F18A"}.mdi-compass:before{content:"\F18B"}.mdi-compass-outline:before{content:"\F18C"}.mdi-console:before{content:"\F18D"}.mdi-contact-mail:before{content:"\F18E"}.mdi-contacts:before{content:"\F6CA"}.mdi-content-copy:before{content:"\F18F"}.mdi-content-cut:before{content:"\F190"}.mdi-content-duplicate:before{content:"\F191"}.mdi-content-paste:before{content:"\F192"}.mdi-content-save:before{content:"\F193"}.mdi-content-save-all:before{content:"\F194"}.mdi-content-save-settings:before{content:"\F61B"}.mdi-contrast:before{content:"\F195"}.mdi-contrast-box:before{content:"\F196"}.mdi-contrast-circle:before{content:"\F197"}.mdi-cookie:before{content:"\F198"}.mdi-copyright:before{content:"\F5E6"}.mdi-counter:before{content:"\F199"}.mdi-cow:before{content:"\F19A"}.mdi-creation:before{content:"\F1C9"}.mdi-credit-card:before{content:"\F19B"}.mdi-credit-card-multiple:before{content:"\F19C"}.mdi-credit-card-off:before{content:"\F5E4"}.mdi-credit-card-plus:before{content:"\F675"}.mdi-credit-card-scan:before{content:"\F19D"}.mdi-crop:before{content:"\F19E"}.mdi-crop-free:before{content:"\F19F"}.mdi-crop-landscape:before{content:"\F1A0"}.mdi-crop-portrait:before{content:"\F1A1"}.mdi-crop-rotate:before{content:"\F695"}.mdi-crop-square:before{content:"\F1A2"}.mdi-crosshairs:before{content:"\F1A3"}.mdi-crosshairs-gps:before{content:"\F1A4"}.mdi-crown:before{content:"\F1A5"}.mdi-cube:before{content:"\F1A6"}.mdi-cube-outline:before{content:"\F1A7"}.mdi-cube-send:before{content:"\F1A8"}.mdi-cube-unfolded:before{content:"\F1A9"}.mdi-cup:before{content:"\F1AA"}.mdi-cup-off:before{content:"\F5E5"}.mdi-cup-water:before{content:"\F1AB"}.mdi-currency-btc:before{content:"\F1AC"}.mdi-currency-eur:before{content:"\F1AD"}.mdi-currency-gbp:before{content:"\F1AE"}.mdi-currency-inr:before{content:"\F1AF"}.mdi-currency-ngn:before{content:"\F1B0"}.mdi-currency-rub:before{content:"\F1B1"}.mdi-currency-try:before{content:"\F1B2"}.mdi-currency-usd:before{content:"\F1B3"}.mdi-currency-usd-off:before{content:"\F679"}.mdi-cursor-default:before{content:"\F1B4"}.mdi-cursor-default-outline:before{content:"\F1B5"}.mdi-cursor-move:before{content:"\F1B6"}.mdi-cursor-pointer:before{content:"\F1B7"}.mdi-cursor-text:before{content:"\F5E7"}.mdi-database:before{content:"\F1B8"}.mdi-database-minus:before{content:"\F1B9"}.mdi-database-plus:before{content:"\F1BA"}.mdi-debug-step-into:before{content:"\F1BB"}.mdi-debug-step-out:before{content:"\F1BC"}.mdi-debug-step-over:before{content:"\F1BD"}.mdi-decimal-decrease:before{content:"\F1BE"}.mdi-decimal-increase:before{content:"\F1BF"}.mdi-delete:before{content:"\F1C0"}.mdi-delete-circle:before{content:"\F682"}.mdi-delete-empty:before{content:"\F6CB"}.mdi-delete-forever:before{content:"\F5E8"}.mdi-delete-sweep:before{content:"\F5E9"}.mdi-delete-variant:before{content:"\F1C1"}.mdi-delta:before{content:"\F1C2"}.mdi-deskphone:before{content:"\F1C3"}.mdi-desktop-mac:before{content:"\F1C4"}.mdi-desktop-tower:before{content:"\F1C5"}.mdi-details:before{content:"\F1C6"}.mdi-developer-board:before{content:"\F696"}.mdi-deviantart:before{content:"\F1C7"}.mdi-dialpad:before{content:"\F61C"}.mdi-diamond:before{content:"\F1C8"}.mdi-dice-1:before{content:"\F1CA"}.mdi-dice-2:before{content:"\F1CB"}.mdi-dice-3:before{content:"\F1CC"}.mdi-dice-4:before{content:"\F1CD"}.mdi-dice-5:before{content:"\F1CE"}.mdi-dice-6:before{content:"\F1CF"}.mdi-dice-d20:before{content:"\F5EA"}.mdi-dice-d4:before{content:"\F5EB"}.mdi-dice-d6:before{content:"\F5EC"}.mdi-dice-d8:before{content:"\F5ED"}.mdi-dictionary:before{content:"\F61D"}.mdi-directions:before{content:"\F1D0"}.mdi-directions-fork:before{content:"\F641"}.mdi-discord:before{content:"\F66F"}.mdi-disk:before{content:"\F5EE"}.mdi-disk-alert:before{content:"\F1D1"}.mdi-disqus:before{content:"\F1D2"}.mdi-disqus-outline:before{content:"\F1D3"}.mdi-division:before{content:"\F1D4"}.mdi-division-box:before{content:"\F1D5"}.mdi-dna:before{content:"\F683"}.mdi-dns:before{content:"\F1D6"}.mdi-do-not-disturb:before{content:"\F697"}.mdi-do-not-disturb-off:before{content:"\F698"}.mdi-dolby:before{content:"\F6B2"}.mdi-domain:before{content:"\F1D7"}.mdi-dots-horizontal:before{content:"\F1D8"}.mdi-dots-vertical:before{content:"\F1D9"}.mdi-douban:before{content:"\F699"}.mdi-download:before{content:"\F1DA"}.mdi-drag:before{content:"\F1DB"}.mdi-drag-horizontal:before{content:"\F1DC"}.mdi-drag-vertical:before{content:"\F1DD"}.mdi-drawing:before{content:"\F1DE"}.mdi-drawing-box:before{content:"\F1DF"}.mdi-dribbble:before{content:"\F1E0"}.mdi-dribbble-box:before{content:"\F1E1"}.mdi-drone:before{content:"\F1E2"}.mdi-dropbox:before{content:"\F1E3"}.mdi-drupal:before{content:"\F1E4"}.mdi-duck:before{content:"\F1E5"}.mdi-dumbbell:before{content:"\F1E6"}.mdi-earth:before{content:"\F1E7"}.mdi-earth-box:before{content:"\F6CC"}.mdi-earth-box-off:before{content:"\F6CD"}.mdi-earth-off:before{content:"\F1E8"}.mdi-edge:before{content:"\F1E9"}.mdi-eject:before{content:"\F1EA"}.mdi-elevation-decline:before{content:"\F1EB"}.mdi-elevation-rise:before{content:"\F1EC"}.mdi-elevator:before{content:"\F1ED"}.mdi-email:before{content:"\F1EE"}.mdi-email-alert:before{content:"\F6CE"}.mdi-email-open:before{content:"\F1EF"}.mdi-email-open-outline:before{content:"\F5EF"}.mdi-email-outline:before{content:"\F1F0"}.mdi-email-secure:before{content:"\F1F1"}.mdi-email-variant:before{content:"\F5F0"}.mdi-emby:before{content:"\F6B3"}.mdi-emoticon:before{content:"\F1F2"}.mdi-emoticon-cool:before{content:"\F1F3"}.mdi-emoticon-dead:before{content:"\F69A"}.mdi-emoticon-devil:before{content:"\F1F4"}.mdi-emoticon-excited:before{content:"\F69B"}.mdi-emoticon-happy:before{content:"\F1F5"}.mdi-emoticon-neutral:before{content:"\F1F6"}.mdi-emoticon-poop:before{content:"\F1F7"}.mdi-emoticon-sad:before{content:"\F1F8"}.mdi-emoticon-tongue:before{content:"\F1F9"}.mdi-engine:before{content:"\F1FA"}.mdi-engine-outline:before{content:"\F1FB"}.mdi-equal:before{content:"\F1FC"}.mdi-equal-box:before{content:"\F1FD"}.mdi-eraser:before{content:"\F1FE"}.mdi-eraser-variant:before{content:"\F642"}.mdi-escalator:before{content:"\F1FF"}.mdi-ethernet:before{content:"\F200"}.mdi-ethernet-cable:before{content:"\F201"}.mdi-ethernet-cable-off:before{content:"\F202"}.mdi-etsy:before{content:"\F203"}.mdi-ev-station:before{content:"\F5F1"}.mdi-evernote:before{content:"\F204"}.mdi-exclamation:before{content:"\F205"}.mdi-exit-to-app:before{content:"\F206"}.mdi-export:before{content:"\F207"}.mdi-eye:before{content:"\F208"}.mdi-eye-off:before{content:"\F209"}.mdi-eye-outline:before{content:"\F6CF"}.mdi-eye-outline-off:before{content:"\F6D0"}.mdi-eyedropper:before{content:"\F20A"}.mdi-eyedropper-variant:before{content:"\F20B"}.mdi-face:before{content:"\F643"}.mdi-face-profile:before{content:"\F644"}.mdi-facebook:before{content:"\F20C"}.mdi-facebook-box:before{content:"\F20D"}.mdi-facebook-messenger:before{content:"\F20E"}.mdi-factory:before{content:"\F20F"}.mdi-fan:before{content:"\F210"}.mdi-fast-forward:before{content:"\F211"}.mdi-fast-forward-outline:before{content:"\F6D1"}.mdi-fax:before{content:"\F212"}.mdi-feather:before{content:"\F6D2"}.mdi-ferry:before{content:"\F213"}.mdi-file:before{content:"\F214"}.mdi-file-chart:before{content:"\F215"}.mdi-file-check:before{content:"\F216"}.mdi-file-cloud:before{content:"\F217"}.mdi-file-delimited:before{content:"\F218"}.mdi-file-document:before{content:"\F219"}.mdi-file-document-box:before{content:"\F21A"}.mdi-file-excel:before{content:"\F21B"}.mdi-file-excel-box:before{content:"\F21C"}.mdi-file-export:before{content:"\F21D"}.mdi-file-find:before{content:"\F21E"}.mdi-file-hidden:before{content:"\F613"}.mdi-file-image:before{content:"\F21F"}.mdi-file-import:before{content:"\F220"}.mdi-file-lock:before{content:"\F221"}.mdi-file-multiple:before{content:"\F222"}.mdi-file-music:before{content:"\F223"}.mdi-file-outline:before{content:"\F224"}.mdi-file-pdf:before{content:"\F225"}.mdi-file-pdf-box:before{content:"\F226"}.mdi-file-powerpoint:before{content:"\F227"}.mdi-file-powerpoint-box:before{content:"\F228"}.mdi-file-presentation-box:before{content:"\F229"}.mdi-file-restore:before{content:"\F670"}.mdi-file-send:before{content:"\F22A"}.mdi-file-tree:before{content:"\F645"}.mdi-file-video:before{content:"\F22B"}.mdi-file-word:before{content:"\F22C"}.mdi-file-word-box:before{content:"\F22D"}.mdi-file-xml:before{content:"\F22E"}.mdi-film:before{content:"\F22F"}.mdi-filmstrip:before{content:"\F230"}.mdi-filmstrip-off:before{content:"\F231"}.mdi-filter:before{content:"\F232"}.mdi-filter-outline:before{content:"\F233"}.mdi-filter-remove:before{content:"\F234"}.mdi-filter-remove-outline:before{content:"\F235"}.mdi-filter-variant:before{content:"\F236"}.mdi-find-replace:before{content:"\F6D3"}.mdi-fingerprint:before{content:"\F237"}.mdi-fire:before{content:"\F238"}.mdi-firefox:before{content:"\F239"}.mdi-fish:before{content:"\F23A"}.mdi-flag:before{content:"\F23B"}.mdi-flag-checkered:before{content:"\F23C"}.mdi-flag-outline:before{content:"\F23D"}.mdi-flag-outline-variant:before{content:"\F23E"}.mdi-flag-triangle:before{content:"\F23F"}.mdi-flag-variant:before{content:"\F240"}.mdi-flash:before{content:"\F241"}.mdi-flash-auto:before{content:"\F242"}.mdi-flash-off:before{content:"\F243"}.mdi-flash-outline:before{content:"\F6D4"}.mdi-flash-red-eye:before{content:"\F67A"}.mdi-flashlight:before{content:"\F244"}.mdi-flashlight-off:before{content:"\F245"}.mdi-flask:before{content:"\F093"}.mdi-flask-empty:before{content:"\F094"}.mdi-flask-empty-outline:before{content:"\F095"}.mdi-flask-outline:before{content:"\F096"}.mdi-flattr:before{content:"\F246"}.mdi-flip-to-back:before{content:"\F247"}.mdi-flip-to-front:before{content:"\F248"}.mdi-floppy:before{content:"\F249"}.mdi-flower:before{content:"\F24A"}.mdi-folder:before{content:"\F24B"}.mdi-folder-account:before{content:"\F24C"}.mdi-folder-download:before{content:"\F24D"}.mdi-folder-google-drive:before{content:"\F24E"}.mdi-folder-image:before{content:"\F24F"}.mdi-folder-lock:before{content:"\F250"}.mdi-folder-lock-open:before{content:"\F251"}.mdi-folder-move:before{content:"\F252"}.mdi-folder-multiple:before{content:"\F253"}.mdi-folder-multiple-image:before{content:"\F254"}.mdi-folder-multiple-outline:before{content:"\F255"}.mdi-folder-outline:before{content:"\F256"}.mdi-folder-plus:before{content:"\F257"}.mdi-folder-remove:before{content:"\F258"}.mdi-folder-star:before{content:"\F69C"}.mdi-folder-upload:before{content:"\F259"}.mdi-font-awesome:before{content:"\F03A"}.mdi-food:before{content:"\F25A"}.mdi-food-apple:before{content:"\F25B"}.mdi-food-fork-drink:before{content:"\F5F2"}.mdi-food-off:before{content:"\F5F3"}.mdi-food-variant:before{content:"\F25C"}.mdi-football:before{content:"\F25D"}.mdi-football-australian:before{content:"\F25E"}.mdi-football-helmet:before{content:"\F25F"}.mdi-format-align-center:before{content:"\F260"}.mdi-format-align-justify:before{content:"\F261"}.mdi-format-align-left:before{content:"\F262"}.mdi-format-align-right:before{content:"\F263"}.mdi-format-annotation-plus:before{content:"\F646"}.mdi-format-bold:before{content:"\F264"}.mdi-format-clear:before{content:"\F265"}.mdi-format-color-fill:before{content:"\F266"}.mdi-format-color-text:before{content:"\F69D"}.mdi-format-float-center:before{content:"\F267"}.mdi-format-float-left:before{content:"\F268"}.mdi-format-float-none:before{content:"\F269"}.mdi-format-float-right:before{content:"\F26A"}.mdi-format-font:before{content:"\F6D5"}.mdi-format-header-1:before{content:"\F26B"}.mdi-format-header-2:before{content:"\F26C"}.mdi-format-header-3:before{content:"\F26D"}.mdi-format-header-4:before{content:"\F26E"}.mdi-format-header-5:before{content:"\F26F"}.mdi-format-header-6:before{content:"\F270"}.mdi-format-header-decrease:before{content:"\F271"}.mdi-format-header-equal:before{content:"\F272"}.mdi-format-header-increase:before{content:"\F273"}.mdi-format-header-pound:before{content:"\F274"}.mdi-format-horizontal-align-center:before{content:"\F61E"}.mdi-format-horizontal-align-left:before{content:"\F61F"}.mdi-format-horizontal-align-right:before{content:"\F620"}.mdi-format-indent-decrease:before{content:"\F275"}.mdi-format-indent-increase:before{content:"\F276"}.mdi-format-italic:before{content:"\F277"}.mdi-format-line-spacing:before{content:"\F278"}.mdi-format-line-style:before{content:"\F5C8"}.mdi-format-line-weight:before{content:"\F5C9"}.mdi-format-list-bulleted:before{content:"\F279"}.mdi-format-list-bulleted-type:before{content:"\F27A"}.mdi-format-list-numbers:before{content:"\F27B"}.mdi-format-page-break:before{content:"\F6D6"}.mdi-format-paint:before{content:"\F27C"}.mdi-format-paragraph:before{content:"\F27D"}.mdi-format-pilcrow:before{content:"\F6D7"}.mdi-format-quote:before{content:"\F27E"}.mdi-format-rotate-90:before{content:"\F6A9"}.mdi-format-section:before{content:"\F69E"}.mdi-format-size:before{content:"\F27F"}.mdi-format-strikethrough:before{content:"\F280"}.mdi-format-strikethrough-variant:before{content:"\F281"}.mdi-format-subscript:before{content:"\F282"}.mdi-format-superscript:before{content:"\F283"}.mdi-format-text:before{content:"\F284"}.mdi-format-textdirection-l-to-r:before{content:"\F285"}.mdi-format-textdirection-r-to-l:before{content:"\F286"}.mdi-format-title:before{content:"\F5F4"}.mdi-format-underline:before{content:"\F287"}.mdi-format-vertical-align-bottom:before{content:"\F621"}.mdi-format-vertical-align-center:before{content:"\F622"}.mdi-format-vertical-align-top:before{content:"\F623"}.mdi-format-wrap-inline:before{content:"\F288"}.mdi-format-wrap-square:before{content:"\F289"}.mdi-format-wrap-tight:before{content:"\F28A"}.mdi-format-wrap-top-bottom:before{content:"\F28B"}.mdi-forum:before{content:"\F28C"}.mdi-forward:before{content:"\F28D"}.mdi-foursquare:before{content:"\F28E"}.mdi-fridge:before{content:"\F28F"}.mdi-fridge-filled:before{content:"\F290"}.mdi-fridge-filled-bottom:before{content:"\F291"}.mdi-fridge-filled-top:before{content:"\F292"}.mdi-fullscreen:before{content:"\F293"}.mdi-fullscreen-exit:before{content:"\F294"}.mdi-function:before{content:"\F295"}.mdi-gamepad:before{content:"\F296"}.mdi-gamepad-variant:before{content:"\F297"}.mdi-garage:before{content:"\F6D8"}.mdi-garage-open:before{content:"\F6D9"}.mdi-gas-cylinder:before{content:"\F647"}.mdi-gas-station:before{content:"\F298"}.mdi-gate:before{content:"\F299"}.mdi-gauge:before{content:"\F29A"}.mdi-gavel:before{content:"\F29B"}.mdi-gender-female:before{content:"\F29C"}.mdi-gender-male:before{content:"\F29D"}.mdi-gender-male-female:before{content:"\F29E"}.mdi-gender-transgender:before{content:"\F29F"}.mdi-ghost:before{content:"\F2A0"}.mdi-gift:before{content:"\F2A1"}.mdi-git:before{content:"\F2A2"}.mdi-github-box:before{content:"\F2A3"}.mdi-github-circle:before{content:"\F2A4"}.mdi-github-face:before{content:"\F6DA"}.mdi-glass-flute:before{content:"\F2A5"}.mdi-glass-mug:before{content:"\F2A6"}.mdi-glass-stange:before{content:"\F2A7"}.mdi-glass-tulip:before{content:"\F2A8"}.mdi-glassdoor:before{content:"\F2A9"}.mdi-glasses:before{content:"\F2AA"}.mdi-gmail:before{content:"\F2AB"}.mdi-gnome:before{content:"\F2AC"}.mdi-gondola:before{content:"\F685"}.mdi-google:before{content:"\F2AD"}.mdi-google-cardboard:before{content:"\F2AE"}.mdi-google-chrome:before{content:"\F2AF"}.mdi-google-circles:before{content:"\F2B0"}.mdi-google-circles-communities:before{content:"\F2B1"}.mdi-google-circles-extended:before{content:"\F2B2"}.mdi-google-circles-group:before{content:"\F2B3"}.mdi-google-controller:before{content:"\F2B4"}.mdi-google-controller-off:before{content:"\F2B5"}.mdi-google-drive:before{content:"\F2B6"}.mdi-google-earth:before{content:"\F2B7"}.mdi-google-glass:before{content:"\F2B8"}.mdi-google-keep:before{content:"\F6DB"}.mdi-google-maps:before{content:"\F5F5"}.mdi-google-nearby:before{content:"\F2B9"}.mdi-google-pages:before{content:"\F2BA"}.mdi-google-photos:before{content:"\F6DC"}.mdi-google-physical-web:before{content:"\F2BB"}.mdi-google-play:before{content:"\F2BC"}.mdi-google-plus:before{content:"\F2BD"}.mdi-google-plus-box:before{content:"\F2BE"}.mdi-google-translate:before{content:"\F2BF"}.mdi-google-wallet:before{content:"\F2C0"}.mdi-gradient:before{content:"\F69F"}.mdi-grease-pencil:before{content:"\F648"}.mdi-grid:before{content:"\F2C1"}.mdi-grid-off:before{content:"\F2C2"}.mdi-group:before{content:"\F2C3"}.mdi-guitar-electric:before{content:"\F2C4"}.mdi-guitar-pick:before{content:"\F2C5"}.mdi-guitar-pick-outline:before{content:"\F2C6"}.mdi-hackernews:before{content:"\F624"}.mdi-hamburger:before{content:"\F684"}.mdi-hand-pointing-right:before{content:"\F2C7"}.mdi-hanger:before{content:"\F2C8"}.mdi-hangouts:before{content:"\F2C9"}.mdi-harddisk:before{content:"\F2CA"}.mdi-headphones:before{content:"\F2CB"}.mdi-headphones-box:before{content:"\F2CC"}.mdi-headphones-settings:before{content:"\F2CD"}.mdi-headset:before{content:"\F2CE"}.mdi-headset-dock:before{content:"\F2CF"}.mdi-headset-off:before{content:"\F2D0"}.mdi-heart:before{content:"\F2D1"}.mdi-heart-box:before{content:"\F2D2"}.mdi-heart-box-outline:before{content:"\F2D3"}.mdi-heart-broken:before{content:"\F2D4"}.mdi-heart-half-outline:before{content:"\F6DD"}.mdi-heart-half-part:before{content:"\F6DE"}.mdi-heart-half-part-outline:before{content:"\F6DF"}.mdi-heart-outline:before{content:"\F2D5"}.mdi-heart-pulse:before{content:"\F5F6"}.mdi-help:before{content:"\F2D6"}.mdi-help-circle:before{content:"\F2D7"}.mdi-help-circle-outline:before{content:"\F625"}.mdi-hexagon:before{content:"\F2D8"}.mdi-hexagon-multiple:before{content:"\F6E0"}.mdi-hexagon-outline:before{content:"\F2D9"}.mdi-highway:before{content:"\F5F7"}.mdi-history:before{content:"\F2DA"}.mdi-hololens:before{content:"\F2DB"}.mdi-home:before{content:"\F2DC"}.mdi-home-map-marker:before{content:"\F5F8"}.mdi-home-modern:before{content:"\F2DD"}.mdi-home-outline:before{content:"\F6A0"}.mdi-home-variant:before{content:"\F2DE"}.mdi-hook:before{content:"\F6E1"}.mdi-hook-off:before{content:"\F6E2"}.mdi-hops:before{content:"\F2DF"}.mdi-hospital:before{content:"\F2E0"}.mdi-hospital-building:before{content:"\F2E1"}.mdi-hospital-marker:before{content:"\F2E2"}.mdi-hotel:before{content:"\F2E3"}.mdi-houzz:before{content:"\F2E4"}.mdi-houzz-box:before{content:"\F2E5"}.mdi-human:before{content:"\F2E6"}.mdi-human-child:before{content:"\F2E7"}.mdi-human-female:before{content:"\F649"}.mdi-human-greeting:before{content:"\F64A"}.mdi-human-handsdown:before{content:"\F64B"}.mdi-human-handsup:before{content:"\F64C"}.mdi-human-male:before{content:"\F64D"}.mdi-human-male-female:before{content:"\F2E8"}.mdi-human-pregnant:before{content:"\F5CF"}.mdi-image:before{content:"\F2E9"}.mdi-image-album:before{content:"\F2EA"}.mdi-image-area:before{content:"\F2EB"}.mdi-image-area-close:before{content:"\F2EC"}.mdi-image-broken:before{content:"\F2ED"}.mdi-image-broken-variant:before{content:"\F2EE"}.mdi-image-filter:before{content:"\F2EF"}.mdi-image-filter-black-white:before{content:"\F2F0"}.mdi-image-filter-center-focus:before{content:"\F2F1"}.mdi-image-filter-center-focus-weak:before{content:"\F2F2"}.mdi-image-filter-drama:before{content:"\F2F3"}.mdi-image-filter-frames:before{content:"\F2F4"}.mdi-image-filter-hdr:before{content:"\F2F5"}.mdi-image-filter-none:before{content:"\F2F6"}.mdi-image-filter-tilt-shift:before{content:"\F2F7"}.mdi-image-filter-vintage:before{content:"\F2F8"}.mdi-image-multiple:before{content:"\F2F9"}.mdi-import:before{content:"\F2FA"}.mdi-inbox:before{content:"\F686"}.mdi-inbox-arrow-down:before{content:"\F2FB"}.mdi-inbox-arrow-up:before{content:"\F3D1"}.mdi-incognito:before{content:"\F5F9"}.mdi-infinity:before{content:"\F6E3"}.mdi-information:before{content:"\F2FC"}.mdi-information-outline:before{content:"\F2FD"}.mdi-information-variant:before{content:"\F64E"}.mdi-instagram:before{content:"\F2FE"}.mdi-instapaper:before{content:"\F2FF"}.mdi-internet-explorer:before{content:"\F300"}.mdi-invert-colors:before{content:"\F301"}.mdi-itunes:before{content:"\F676"}.mdi-jeepney:before{content:"\F302"}.mdi-jira:before{content:"\F303"}.mdi-jsfiddle:before{content:"\F304"}.mdi-json:before{content:"\F626"}.mdi-keg:before{content:"\F305"}.mdi-kettle:before{content:"\F5FA"}.mdi-key:before{content:"\F306"}.mdi-key-change:before{content:"\F307"}.mdi-key-minus:before{content:"\F308"}.mdi-key-plus:before{content:"\F309"}.mdi-key-remove:before{content:"\F30A"}.mdi-key-variant:before{content:"\F30B"}.mdi-keyboard:before{content:"\F30C"}.mdi-keyboard-backspace:before{content:"\F30D"}.mdi-keyboard-caps:before{content:"\F30E"}.mdi-keyboard-close:before{content:"\F30F"}.mdi-keyboard-off:before{content:"\F310"}.mdi-keyboard-return:before{content:"\F311"}.mdi-keyboard-tab:before{content:"\F312"}.mdi-keyboard-variant:before{content:"\F313"}.mdi-kodi:before{content:"\F314"}.mdi-label:before{content:"\F315"}.mdi-label-outline:before{content:"\F316"}.mdi-lambda:before{content:"\F627"}.mdi-lamp:before{content:"\F6B4"}.mdi-lan:before{content:"\F317"}.mdi-lan-connect:before{content:"\F318"}.mdi-lan-disconnect:before{content:"\F319"}.mdi-lan-pending:before{content:"\F31A"}.mdi-language-c:before{content:"\F671"}.mdi-language-cpp:before{content:"\F672"}.mdi-language-csharp:before{content:"\F31B"}.mdi-language-css3:before{content:"\F31C"}.mdi-language-html5:before{content:"\F31D"}.mdi-language-javascript:before{content:"\F31E"}.mdi-language-php:before{content:"\F31F"}.mdi-language-python:before{content:"\F320"}.mdi-language-python-text:before{content:"\F321"}.mdi-language-swift:before{content:"\F6E4"}.mdi-language-typescript:before{content:"\F6E5"}.mdi-laptop:before{content:"\F322"}.mdi-laptop-chromebook:before{content:"\F323"}.mdi-laptop-mac:before{content:"\F324"}.mdi-laptop-off:before{content:"\F6E6"}.mdi-laptop-windows:before{content:"\F325"}.mdi-lastfm:before{content:"\F326"}.mdi-launch:before{content:"\F327"}.mdi-layers:before{content:"\F328"}.mdi-layers-off:before{content:"\F329"}.mdi-lead-pencil:before{content:"\F64F"}.mdi-leaf:before{content:"\F32A"}.mdi-led-off:before{content:"\F32B"}.mdi-led-on:before{content:"\F32C"}.mdi-led-outline:before{content:"\F32D"}.mdi-led-variant-off:before{content:"\F32E"}.mdi-led-variant-on:before{content:"\F32F"}.mdi-led-variant-outline:before{content:"\F330"}.mdi-library:before{content:"\F331"}.mdi-library-books:before{content:"\F332"}.mdi-library-music:before{content:"\F333"}.mdi-library-plus:before{content:"\F334"}.mdi-lightbulb:before{content:"\F335"}.mdi-lightbulb-on:before{content:"\F6E7"}.mdi-lightbulb-on-outline:before{content:"\F6E8"}.mdi-lightbulb-outline:before{content:"\F336"}.mdi-link:before{content:"\F337"}.mdi-link-off:before{content:"\F338"}.mdi-link-variant:before{content:"\F339"}.mdi-link-variant-off:before{content:"\F33A"}.mdi-linkedin:before{content:"\F33B"}.mdi-linkedin-box:before{content:"\F33C"}.mdi-linux:before{content:"\F33D"}.mdi-lock:before{content:"\F33E"}.mdi-lock-open:before{content:"\F33F"}.mdi-lock-open-outline:before{content:"\F340"}.mdi-lock-outline:before{content:"\F341"}.mdi-lock-pattern:before{content:"\F6E9"}.mdi-lock-plus:before{content:"\F5FB"}.mdi-login:before{content:"\F342"}.mdi-login-variant:before{content:"\F5FC"}.mdi-logout:before{content:"\F343"}.mdi-logout-variant:before{content:"\F5FD"}.mdi-looks:before{content:"\F344"}.mdi-loop:before{content:"\F6EA"}.mdi-loupe:before{content:"\F345"}.mdi-lumx:before{content:"\F346"}.mdi-magnet:before{content:"\F347"}.mdi-magnet-on:before{content:"\F348"}.mdi-magnify:before{content:"\F349"}.mdi-magnify-minus:before{content:"\F34A"}.mdi-magnify-minus-outline:before{content:"\F6EB"}.mdi-magnify-plus:before{content:"\F34B"}.mdi-magnify-plus-outline:before{content:"\F6EC"}.mdi-mail-ru:before{content:"\F34C"}.mdi-mailbox:before{content:"\F6ED"}.mdi-map:before{content:"\F34D"}.mdi-map-marker:before{content:"\F34E"}.mdi-map-marker-circle:before{content:"\F34F"}.mdi-map-marker-minus:before{content:"\F650"}.mdi-map-marker-multiple:before{content:"\F350"}.mdi-map-marker-off:before{content:"\F351"}.mdi-map-marker-plus:before{content:"\F651"}.mdi-map-marker-radius:before{content:"\F352"}.mdi-margin:before{content:"\F353"}.mdi-markdown:before{content:"\F354"}.mdi-marker:before{content:"\F652"}.mdi-marker-check:before{content:"\F355"}.mdi-martini:before{content:"\F356"}.mdi-material-ui:before{content:"\F357"}.mdi-math-compass:before{content:"\F358"}.mdi-matrix:before{content:"\F628"}.mdi-maxcdn:before{content:"\F359"}.mdi-medical-bag:before{content:"\F6EE"}.mdi-medium:before{content:"\F35A"}.mdi-memory:before{content:"\F35B"}.mdi-menu:before{content:"\F35C"}.mdi-menu-down:before{content:"\F35D"}.mdi-menu-down-outline:before{content:"\F6B5"}.mdi-menu-left:before{content:"\F35E"}.mdi-menu-right:before{content:"\F35F"}.mdi-menu-up:before{content:"\F360"}.mdi-menu-up-outline:before{content:"\F6B6"}.mdi-message:before{content:"\F361"}.mdi-message-alert:before{content:"\F362"}.mdi-message-bulleted:before{content:"\F6A1"}.mdi-message-bulleted-off:before{content:"\F6A2"}.mdi-message-draw:before{content:"\F363"}.mdi-message-image:before{content:"\F364"}.mdi-message-outline:before{content:"\F365"}.mdi-message-plus:before{content:"\F653"}.mdi-message-processing:before{content:"\F366"}.mdi-message-reply:before{content:"\F367"}.mdi-message-reply-text:before{content:"\F368"}.mdi-message-settings:before{content:"\F6EF"}.mdi-message-settings-variant:before{content:"\F6F0"}.mdi-message-text:before{content:"\F369"}.mdi-message-text-outline:before{content:"\F36A"}.mdi-message-video:before{content:"\F36B"}.mdi-meteor:before{content:"\F629"}.mdi-microphone:before{content:"\F36C"}.mdi-microphone-off:before{content:"\F36D"}.mdi-microphone-outline:before{content:"\F36E"}.mdi-microphone-settings:before{content:"\F36F"}.mdi-microphone-variant:before{content:"\F370"}.mdi-microphone-variant-off:before{content:"\F371"}.mdi-microscope:before{content:"\F654"}.mdi-microsoft:before{content:"\F372"}.mdi-minecraft:before{content:"\F373"}.mdi-minus:before{content:"\F374"}.mdi-minus-box:before{content:"\F375"}.mdi-minus-box-outline:before{content:"\F6F1"}.mdi-minus-circle:before{content:"\F376"}.mdi-minus-circle-outline:before{content:"\F377"}.mdi-minus-network:before{content:"\F378"}.mdi-mixcloud:before{content:"\F62A"}.mdi-monitor:before{content:"\F379"}.mdi-monitor-multiple:before{content:"\F37A"}.mdi-more:before{content:"\F37B"}.mdi-motorbike:before{content:"\F37C"}.mdi-mouse:before{content:"\F37D"}.mdi-mouse-off:before{content:"\F37E"}.mdi-mouse-variant:before{content:"\F37F"}.mdi-mouse-variant-off:before{content:"\F380"}.mdi-move-resize:before{content:"\F655"}.mdi-move-resize-variant:before{content:"\F656"}.mdi-movie:before{content:"\F381"}.mdi-multiplication:before{content:"\F382"}.mdi-multiplication-box:before{content:"\F383"}.mdi-music-box:before{content:"\F384"}.mdi-music-box-outline:before{content:"\F385"}.mdi-music-circle:before{content:"\F386"}.mdi-music-note:before{content:"\F387"}.mdi-music-note-bluetooth:before{content:"\F5FE"}.mdi-music-note-bluetooth-off:before{content:"\F5FF"}.mdi-music-note-eighth:before{content:"\F388"}.mdi-music-note-half:before{content:"\F389"}.mdi-music-note-off:before{content:"\F38A"}.mdi-music-note-quarter:before{content:"\F38B"}.mdi-music-note-sixteenth:before{content:"\F38C"}.mdi-music-note-whole:before{content:"\F38D"}.mdi-nature:before{content:"\F38E"}.mdi-nature-people:before{content:"\F38F"}.mdi-navigation:before{content:"\F390"}.mdi-near-me:before{content:"\F5CD"}.mdi-needle:before{content:"\F391"}.mdi-nest-protect:before{content:"\F392"}.mdi-nest-thermostat:before{content:"\F393"}.mdi-network:before{content:"\F6F2"}.mdi-network-download:before{content:"\F6F3"}.mdi-network-question:before{content:"\F6F4"}.mdi-network-upload:before{content:"\F6F5"}.mdi-new-box:before{content:"\F394"}.mdi-newspaper:before{content:"\F395"}.mdi-nfc:before{content:"\F396"}.mdi-nfc-tap:before{content:"\F397"}.mdi-nfc-variant:before{content:"\F398"}.mdi-nodejs:before{content:"\F399"}.mdi-note:before{content:"\F39A"}.mdi-note-multiple:before{content:"\F6B7"}.mdi-note-multiple-outline:before{content:"\F6B8"}.mdi-note-outline:before{content:"\F39B"}.mdi-note-plus:before{content:"\F39C"}.mdi-note-plus-outline:before{content:"\F39D"}.mdi-note-text:before{content:"\F39E"}.mdi-notification-clear-all:before{content:"\F39F"}.mdi-npm:before{content:"\F6F6"}.mdi-nuke:before{content:"\F6A3"}.mdi-numeric:before{content:"\F3A0"}.mdi-numeric-0-box:before{content:"\F3A1"}.mdi-numeric-0-box-multiple-outline:before{content:"\F3A2"}.mdi-numeric-0-box-outline:before{content:"\F3A3"}.mdi-numeric-1-box:before{content:"\F3A4"}.mdi-numeric-1-box-multiple-outline:before{content:"\F3A5"}.mdi-numeric-1-box-outline:before{content:"\F3A6"}.mdi-numeric-2-box:before{content:"\F3A7"}.mdi-numeric-2-box-multiple-outline:before{content:"\F3A8"}.mdi-numeric-2-box-outline:before{content:"\F3A9"}.mdi-numeric-3-box:before{content:"\F3AA"}.mdi-numeric-3-box-multiple-outline:before{content:"\F3AB"}.mdi-numeric-3-box-outline:before{content:"\F3AC"}.mdi-numeric-4-box:before{content:"\F3AD"}.mdi-numeric-4-box-multiple-outline:before{content:"\F3AE"}.mdi-numeric-4-box-outline:before{content:"\F3AF"}.mdi-numeric-5-box:before{content:"\F3B0"}.mdi-numeric-5-box-multiple-outline:before{content:"\F3B1"}.mdi-numeric-5-box-outline:before{content:"\F3B2"}.mdi-numeric-6-box:before{content:"\F3B3"}.mdi-numeric-6-box-multiple-outline:before{content:"\F3B4"}.mdi-numeric-6-box-outline:before{content:"\F3B5"}.mdi-numeric-7-box:before{content:"\F3B6"}.mdi-numeric-7-box-multiple-outline:before{content:"\F3B7"}.mdi-numeric-7-box-outline:before{content:"\F3B8"}.mdi-numeric-8-box:before{content:"\F3B9"}.mdi-numeric-8-box-multiple-outline:before{content:"\F3BA"}.mdi-numeric-8-box-outline:before{content:"\F3BB"}.mdi-numeric-9-box:before{content:"\F3BC"}.mdi-numeric-9-box-multiple-outline:before{content:"\F3BD"}.mdi-numeric-9-box-outline:before{content:"\F3BE"}.mdi-numeric-9-plus-box:before{content:"\F3BF"}.mdi-numeric-9-plus-box-multiple-outline:before{content:"\F3C0"}.mdi-numeric-9-plus-box-outline:before{content:"\F3C1"}.mdi-nut:before{content:"\F6F7"}.mdi-nutrition:before{content:"\F3C2"}.mdi-oar:before{content:"\F67B"}.mdi-octagon:before{content:"\F3C3"}.mdi-octagon-outline:before{content:"\F3C4"}.mdi-octagram:before{content:"\F6F8"}.mdi-odnoklassniki:before{content:"\F3C5"}.mdi-office:before{content:"\F3C6"}.mdi-oil:before{content:"\F3C7"}.mdi-oil-temperature:before{content:"\F3C8"}.mdi-omega:before{content:"\F3C9"}.mdi-onedrive:before{content:"\F3CA"}.mdi-opacity:before{content:"\F5CC"}.mdi-open-in-app:before{content:"\F3CB"}.mdi-open-in-new:before{content:"\F3CC"}.mdi-openid:before{content:"\F3CD"}.mdi-opera:before{content:"\F3CE"}.mdi-ornament:before{content:"\F3CF"}.mdi-ornament-variant:before{content:"\F3D0"}.mdi-owl:before{content:"\F3D2"}.mdi-package:before{content:"\F3D3"}.mdi-package-down:before{content:"\F3D4"}.mdi-package-up:before{content:"\F3D5"}.mdi-package-variant:before{content:"\F3D6"}.mdi-package-variant-closed:before{content:"\F3D7"}.mdi-page-first:before{content:"\F600"}.mdi-page-last:before{content:"\F601"}.mdi-page-layout-body:before{content:"\F6F9"}.mdi-page-layout-footer:before{content:"\F6FA"}.mdi-page-layout-header:before{content:"\F6FB"}.mdi-page-layout-sidebar-left:before{content:"\F6FC"}.mdi-page-layout-sidebar-right:before{content:"\F6FD"}.mdi-palette:before{content:"\F3D8"}.mdi-palette-advanced:before{content:"\F3D9"}.mdi-panda:before{content:"\F3DA"}.mdi-pandora:before{content:"\F3DB"}.mdi-panorama:before{content:"\F3DC"}.mdi-panorama-fisheye:before{content:"\F3DD"}.mdi-panorama-horizontal:before{content:"\F3DE"}.mdi-panorama-vertical:before{content:"\F3DF"}.mdi-panorama-wide-angle:before{content:"\F3E0"}.mdi-paper-cut-vertical:before{content:"\F3E1"}.mdi-paperclip:before{content:"\F3E2"}.mdi-parking:before{content:"\F3E3"}.mdi-pause:before{content:"\F3E4"}.mdi-pause-circle:before{content:"\F3E5"}.mdi-pause-circle-outline:before{content:"\F3E6"}.mdi-pause-octagon:before{content:"\F3E7"}.mdi-pause-octagon-outline:before{content:"\F3E8"}.mdi-paw:before{content:"\F3E9"}.mdi-paw-off:before{content:"\F657"}.mdi-pen:before{content:"\F3EA"}.mdi-pencil:before{content:"\F3EB"}.mdi-pencil-box:before{content:"\F3EC"}.mdi-pencil-box-outline:before{content:"\F3ED"}.mdi-pencil-circle:before{content:"\F6FE"}.mdi-pencil-lock:before{content:"\F3EE"}.mdi-pencil-off:before{content:"\F3EF"}.mdi-pentagon:before{content:"\F6FF"}.mdi-pentagon-outline:before{content:"\F700"}.mdi-percent:before{content:"\F3F0"}.mdi-pharmacy:before{content:"\F3F1"}.mdi-phone:before{content:"\F3F2"}.mdi-phone-bluetooth:before{content:"\F3F3"}.mdi-phone-classic:before{content:"\F602"}.mdi-phone-forward:before{content:"\F3F4"}.mdi-phone-hangup:before{content:"\F3F5"}.mdi-phone-in-talk:before{content:"\F3F6"}.mdi-phone-incoming:before{content:"\F3F7"}.mdi-phone-locked:before{content:"\F3F8"}.mdi-phone-log:before{content:"\F3F9"}.mdi-phone-minus:before{content:"\F658"}.mdi-phone-missed:before{content:"\F3FA"}.mdi-phone-outgoing:before{content:"\F3FB"}.mdi-phone-paused:before{content:"\F3FC"}.mdi-phone-plus:before{content:"\F659"}.mdi-phone-settings:before{content:"\F3FD"}.mdi-phone-voip:before{content:"\F3FE"}.mdi-pi:before{content:"\F3FF"}.mdi-pi-box:before{content:"\F400"}.mdi-piano:before{content:"\F67C"}.mdi-pig:before{content:"\F401"}.mdi-pill:before{content:"\F402"}.mdi-pillar:before{content:"\F701"}.mdi-pin:before{content:"\F403"}.mdi-pin-off:before{content:"\F404"}.mdi-pine-tree:before{content:"\F405"}.mdi-pine-tree-box:before{content:"\F406"}.mdi-pinterest:before{content:"\F407"}.mdi-pinterest-box:before{content:"\F408"}.mdi-pistol:before{content:"\F702"}.mdi-pizza:before{content:"\F409"}.mdi-plane-shield:before{content:"\F6BA"}.mdi-play:before{content:"\F40A"}.mdi-play-box-outline:before{content:"\F40B"}.mdi-play-circle:before{content:"\F40C"}.mdi-play-circle-outline:before{content:"\F40D"}.mdi-play-pause:before{content:"\F40E"}.mdi-play-protected-content:before{content:"\F40F"}.mdi-playlist-check:before{content:"\F5C7"}.mdi-playlist-minus:before{content:"\F410"}.mdi-playlist-play:before{content:"\F411"}.mdi-playlist-plus:before{content:"\F412"}.mdi-playlist-remove:before{content:"\F413"}.mdi-playstation:before{content:"\F414"}.mdi-plex:before{content:"\F6B9"}.mdi-plus:before{content:"\F415"}.mdi-plus-box:before{content:"\F416"}.mdi-plus-box-outline:before{content:"\F703"}.mdi-plus-circle:before{content:"\F417"}.mdi-plus-circle-multiple-outline:before{content:"\F418"}.mdi-plus-circle-outline:before{content:"\F419"}.mdi-plus-network:before{content:"\F41A"}.mdi-plus-one:before{content:"\F41B"}.mdi-plus-outline:before{content:"\F704"}.mdi-pocket:before{content:"\F41C"}.mdi-pokeball:before{content:"\F41D"}.mdi-polaroid:before{content:"\F41E"}.mdi-poll:before{content:"\F41F"}.mdi-poll-box:before{content:"\F420"}.mdi-polymer:before{content:"\F421"}.mdi-pool:before{content:"\F606"}.mdi-popcorn:before{content:"\F422"}.mdi-pot:before{content:"\F65A"}.mdi-pot-mix:before{content:"\F65B"}.mdi-pound:before{content:"\F423"}.mdi-pound-box:before{content:"\F424"}.mdi-power:before{content:"\F425"}.mdi-power-plug:before{content:"\F6A4"}.mdi-power-plug-off:before{content:"\F6A5"}.mdi-power-settings:before{content:"\F426"}.mdi-power-socket:before{content:"\F427"}.mdi-prescription:before{content:"\F705"}.mdi-presentation:before{content:"\F428"}.mdi-presentation-play:before{content:"\F429"}.mdi-printer:before{content:"\F42A"}.mdi-printer-3d:before{content:"\F42B"}.mdi-printer-alert:before{content:"\F42C"}.mdi-printer-settings:before{content:"\F706"}.mdi-priority-high:before{content:"\F603"}.mdi-priority-low:before{content:"\F604"}.mdi-professional-hexagon:before{content:"\F42D"}.mdi-projector:before{content:"\F42E"}.mdi-projector-screen:before{content:"\F42F"}.mdi-publish:before{content:"\F6A6"}.mdi-pulse:before{content:"\F430"}.mdi-puzzle:before{content:"\F431"}.mdi-qqchat:before{content:"\F605"}.mdi-qrcode:before{content:"\F432"}.mdi-qrcode-scan:before{content:"\F433"}.mdi-quadcopter:before{content:"\F434"}.mdi-quality-high:before{content:"\F435"}.mdi-quicktime:before{content:"\F436"}.mdi-radar:before{content:"\F437"}.mdi-radiator:before{content:"\F438"}.mdi-radio:before{content:"\F439"}.mdi-radio-handheld:before{content:"\F43A"}.mdi-radio-tower:before{content:"\F43B"}.mdi-radioactive:before{content:"\F43C"}.mdi-radiobox-blank:before{content:"\F43D"}.mdi-radiobox-marked:before{content:"\F43E"}.mdi-raspberrypi:before{content:"\F43F"}.mdi-ray-end:before{content:"\F440"}.mdi-ray-end-arrow:before{content:"\F441"}.mdi-ray-start:before{content:"\F442"}.mdi-ray-start-arrow:before{content:"\F443"}.mdi-ray-start-end:before{content:"\F444"}.mdi-ray-vertex:before{content:"\F445"}.mdi-rdio:before{content:"\F446"}.mdi-react:before{content:"\F707"}.mdi-read:before{content:"\F447"}.mdi-readability:before{content:"\F448"}.mdi-receipt:before{content:"\F449"}.mdi-record:before{content:"\F44A"}.mdi-record-rec:before{content:"\F44B"}.mdi-recycle:before{content:"\F44C"}.mdi-reddit:before{content:"\F44D"}.mdi-redo:before{content:"\F44E"}.mdi-redo-variant:before{content:"\F44F"}.mdi-refresh:before{content:"\F450"}.mdi-regex:before{content:"\F451"}.mdi-relative-scale:before{content:"\F452"}.mdi-reload:before{content:"\F453"}.mdi-remote:before{content:"\F454"}.mdi-rename-box:before{content:"\F455"}.mdi-reorder-horizontal:before{content:"\F687"}.mdi-reorder-vertical:before{content:"\F688"}.mdi-repeat:before{content:"\F456"}.mdi-repeat-off:before{content:"\F457"}.mdi-repeat-once:before{content:"\F458"}.mdi-replay:before{content:"\F459"}.mdi-reply:before{content:"\F45A"}.mdi-reply-all:before{content:"\F45B"}.mdi-reproduction:before{content:"\F45C"}.mdi-resize-bottom-right:before{content:"\F45D"}.mdi-responsive:before{content:"\F45E"}.mdi-restart:before{content:"\F708"}.mdi-restore:before{content:"\F6A7"}.mdi-rewind:before{content:"\F45F"}.mdi-rewind-outline:before{content:"\F709"}.mdi-rhombus:before{content:"\F70A"}.mdi-rhombus-outline:before{content:"\F70B"}.mdi-ribbon:before{content:"\F460"}.mdi-road:before{content:"\F461"}.mdi-road-variant:before{content:"\F462"}.mdi-robot:before{content:"\F6A8"}.mdi-rocket:before{content:"\F463"}.mdi-roomba:before{content:"\F70C"}.mdi-rotate-3d:before{content:"\F464"}.mdi-rotate-left:before{content:"\F465"}.mdi-rotate-left-variant:before{content:"\F466"}.mdi-rotate-right:before{content:"\F467"}.mdi-rotate-right-variant:before{content:"\F468"}.mdi-rounded-corner:before{content:"\F607"}.mdi-router-wireless:before{content:"\F469"}.mdi-routes:before{content:"\F46A"}.mdi-rowing:before{content:"\F608"}.mdi-rss:before{content:"\F46B"}.mdi-rss-box:before{content:"\F46C"}.mdi-ruler:before{content:"\F46D"}.mdi-run:before{content:"\F70D"}.mdi-run-fast:before{content:"\F46E"}.mdi-sale:before{content:"\F46F"}.mdi-satellite:before{content:"\F470"}.mdi-satellite-variant:before{content:"\F471"}.mdi-saxophone:before{content:"\F609"}.mdi-scale:before{content:"\F472"}.mdi-scale-balance:before{content:"\F5D1"}.mdi-scale-bathroom:before{content:"\F473"}.mdi-scanner:before{content:"\F6AA"}.mdi-school:before{content:"\F474"}.mdi-screen-rotation:before{content:"\F475"}.mdi-screen-rotation-lock:before{content:"\F476"}.mdi-screwdriver:before{content:"\F477"}.mdi-script:before{content:"\F478"}.mdi-sd:before{content:"\F479"}.mdi-seal:before{content:"\F47A"}.mdi-search-web:before{content:"\F70E"}.mdi-seat-flat:before{content:"\F47B"}.mdi-seat-flat-angled:before{content:"\F47C"}.mdi-seat-individual-suite:before{content:"\F47D"}.mdi-seat-legroom-extra:before{content:"\F47E"}.mdi-seat-legroom-normal:before{content:"\F47F"}.mdi-seat-legroom-reduced:before{content:"\F480"}.mdi-seat-recline-extra:before{content:"\F481"}.mdi-seat-recline-normal:before{content:"\F482"}.mdi-security:before{content:"\F483"}.mdi-security-home:before{content:"\F689"}.mdi-security-network:before{content:"\F484"}.mdi-select:before{content:"\F485"}.mdi-select-all:before{content:"\F486"}.mdi-select-inverse:before{content:"\F487"}.mdi-select-off:before{content:"\F488"}.mdi-selection:before{content:"\F489"}.mdi-send:before{content:"\F48A"}.mdi-serial-port:before{content:"\F65C"}.mdi-server:before{content:"\F48B"}.mdi-server-minus:before{content:"\F48C"}.mdi-server-network:before{content:"\F48D"}.mdi-server-network-off:before{content:"\F48E"}.mdi-server-off:before{content:"\F48F"}.mdi-server-plus:before{content:"\F490"}.mdi-server-remove:before{content:"\F491"}.mdi-server-security:before{content:"\F492"}.mdi-settings:before{content:"\F493"}.mdi-settings-box:before{content:"\F494"}.mdi-shape-circle-plus:before{content:"\F65D"}.mdi-shape-plus:before{content:"\F495"}.mdi-shape-polygon-plus:before{content:"\F65E"}.mdi-shape-rectangle-plus:before{content:"\F65F"}.mdi-shape-square-plus:before{content:"\F660"}.mdi-share:before{content:"\F496"}.mdi-share-variant:before{content:"\F497"}.mdi-shield:before{content:"\F498"}.mdi-shield-outline:before{content:"\F499"}.mdi-shopping:before{content:"\F49A"}.mdi-shopping-music:before{content:"\F49B"}.mdi-shovel:before{content:"\F70F"}.mdi-shovel-off:before{content:"\F710"}.mdi-shredder:before{content:"\F49C"}.mdi-shuffle:before{content:"\F49D"}.mdi-shuffle-disabled:before{content:"\F49E"}.mdi-shuffle-variant:before{content:"\F49F"}.mdi-sigma:before{content:"\F4A0"}.mdi-sigma-lower:before{content:"\F62B"}.mdi-sign-caution:before{content:"\F4A1"}.mdi-signal:before{content:"\F4A2"}.mdi-signal-2g:before{content:"\F711"}.mdi-signal-3g:before{content:"\F712"}.mdi-signal-4g:before{content:"\F713"}.mdi-signal-hspa:before{content:"\F714"}.mdi-signal-hspa-plus:before{content:"\F715"}.mdi-signal-variant:before{content:"\F60A"}.mdi-silverware:before{content:"\F4A3"}.mdi-silverware-fork:before{content:"\F4A4"}.mdi-silverware-spoon:before{content:"\F4A5"}.mdi-silverware-variant:before{content:"\F4A6"}.mdi-sim:before{content:"\F4A7"}.mdi-sim-alert:before{content:"\F4A8"}.mdi-sim-off:before{content:"\F4A9"}.mdi-sitemap:before{content:"\F4AA"}.mdi-skip-backward:before{content:"\F4AB"}.mdi-skip-forward:before{content:"\F4AC"}.mdi-skip-next:before{content:"\F4AD"}.mdi-skip-next-circle:before{content:"\F661"}.mdi-skip-next-circle-outline:before{content:"\F662"}.mdi-skip-previous:before{content:"\F4AE"}.mdi-skip-previous-circle:before{content:"\F663"}.mdi-skip-previous-circle-outline:before{content:"\F664"}.mdi-skull:before{content:"\F68B"}.mdi-skype:before{content:"\F4AF"}.mdi-skype-business:before{content:"\F4B0"}.mdi-slack:before{content:"\F4B1"}.mdi-sleep:before{content:"\F4B2"}.mdi-sleep-off:before{content:"\F4B3"}.mdi-smoking:before{content:"\F4B4"}.mdi-smoking-off:before{content:"\F4B5"}.mdi-snapchat:before{content:"\F4B6"}.mdi-snowflake:before{content:"\F716"}.mdi-snowman:before{content:"\F4B7"}.mdi-soccer:before{content:"\F4B8"}.mdi-sofa:before{content:"\F4B9"}.mdi-solid:before{content:"\F68C"}.mdi-sort:before{content:"\F4BA"}.mdi-sort-alphabetical:before{content:"\F4BB"}.mdi-sort-ascending:before{content:"\F4BC"}.mdi-sort-descending:before{content:"\F4BD"}.mdi-sort-numeric:before{content:"\F4BE"}.mdi-sort-variant:before{content:"\F4BF"}.mdi-soundcloud:before{content:"\F4C0"}.mdi-source-branch:before{content:"\F62C"}.mdi-source-commit:before{content:"\F717"}.mdi-source-commit-end:before{content:"\F718"}.mdi-source-commit-end-local:before{content:"\F719"}.mdi-source-commit-local:before{content:"\F71A"}.mdi-source-commit-next-local:before{content:"\F71B"}.mdi-source-commit-start:before{content:"\F71C"}.mdi-source-commit-start-next-local:before{content:"\F71D"}.mdi-source-fork:before{content:"\F4C1"}.mdi-source-merge:before{content:"\F62D"}.mdi-source-pull:before{content:"\F4C2"}.mdi-speaker:before{content:"\F4C3"}.mdi-speaker-off:before{content:"\F4C4"}.mdi-speaker-wireless:before{content:"\F71E"}.mdi-speedometer:before{content:"\F4C5"}.mdi-spellcheck:before{content:"\F4C6"}.mdi-spotify:before{content:"\F4C7"}.mdi-spotlight:before{content:"\F4C8"}.mdi-spotlight-beam:before{content:"\F4C9"}.mdi-spray:before{content:"\F665"}.mdi-square-inc:before{content:"\F4CA"}.mdi-square-inc-cash:before{content:"\F4CB"}.mdi-stackexchange:before{content:"\F60B"}.mdi-stackoverflow:before{content:"\F4CC"}.mdi-stadium:before{content:"\F71F"}.mdi-stairs:before{content:"\F4CD"}.mdi-star:before{content:"\F4CE"}.mdi-star-circle:before{content:"\F4CF"}.mdi-star-half:before{content:"\F4D0"}.mdi-star-off:before{content:"\F4D1"}.mdi-star-outline:before{content:"\F4D2"}.mdi-steam:before{content:"\F4D3"}.mdi-steering:before{content:"\F4D4"}.mdi-step-backward:before{content:"\F4D5"}.mdi-step-backward-2:before{content:"\F4D6"}.mdi-step-forward:before{content:"\F4D7"}.mdi-step-forward-2:before{content:"\F4D8"}.mdi-stethoscope:before{content:"\F4D9"}.mdi-sticker:before{content:"\F5D0"}.mdi-stocking:before{content:"\F4DA"}.mdi-stop:before{content:"\F4DB"}.mdi-stop-circle:before{content:"\F666"}.mdi-stop-circle-outline:before{content:"\F667"}.mdi-store:before{content:"\F4DC"}.mdi-store-24-hour:before{content:"\F4DD"}.mdi-stove:before{content:"\F4DE"}.mdi-subdirectory-arrow-left:before{content:"\F60C"}.mdi-subdirectory-arrow-right:before{content:"\F60D"}.mdi-subway:before{content:"\F6AB"}.mdi-subway-variant:before{content:"\F4DF"}.mdi-sunglasses:before{content:"\F4E0"}.mdi-surround-sound:before{content:"\F5C5"}.mdi-svg:before{content:"\F720"}.mdi-swap-horizontal:before{content:"\F4E1"}.mdi-swap-vertical:before{content:"\F4E2"}.mdi-swim:before{content:"\F4E3"}.mdi-switch:before{content:"\F4E4"}.mdi-sword:before{content:"\F4E5"}.mdi-sync:before{content:"\F4E6"}.mdi-sync-alert:before{content:"\F4E7"}.mdi-sync-off:before{content:"\F4E8"}.mdi-tab:before{content:"\F4E9"}.mdi-tab-unselected:before{content:"\F4EA"}.mdi-table:before{content:"\F4EB"}.mdi-table-column-plus-after:before{content:"\F4EC"}.mdi-table-column-plus-before:before{content:"\F4ED"}.mdi-table-column-remove:before{content:"\F4EE"}.mdi-table-column-width:before{content:"\F4EF"}.mdi-table-edit:before{content:"\F4F0"}.mdi-table-large:before{content:"\F4F1"}.mdi-table-row-height:before{content:"\F4F2"}.mdi-table-row-plus-after:before{content:"\F4F3"}.mdi-table-row-plus-before:before{content:"\F4F4"}.mdi-table-row-remove:before{content:"\F4F5"}.mdi-tablet:before{content:"\F4F6"}.mdi-tablet-android:before{content:"\F4F7"}.mdi-tablet-ipad:before{content:"\F4F8"}.mdi-tag:before{content:"\F4F9"}.mdi-tag-faces:before{content:"\F4FA"}.mdi-tag-heart:before{content:"\F68A"}.mdi-tag-multiple:before{content:"\F4FB"}.mdi-tag-outline:before{content:"\F4FC"}.mdi-tag-plus:before{content:"\F721"}.mdi-tag-remove:before{content:"\F722"}.mdi-tag-text-outline:before{content:"\F4FD"}.mdi-target:before{content:"\F4FE"}.mdi-taxi:before{content:"\F4FF"}.mdi-teamviewer:before{content:"\F500"}.mdi-telegram:before{content:"\F501"}.mdi-television:before{content:"\F502"}.mdi-television-guide:before{content:"\F503"}.mdi-temperature-celsius:before{content:"\F504"}.mdi-temperature-fahrenheit:before{content:"\F505"}.mdi-temperature-kelvin:before{content:"\F506"}.mdi-tennis:before{content:"\F507"}.mdi-tent:before{content:"\F508"}.mdi-terrain:before{content:"\F509"}.mdi-test-tube:before{content:"\F668"}.mdi-text-shadow:before{content:"\F669"}.mdi-text-to-speech:before{content:"\F50A"}.mdi-text-to-speech-off:before{content:"\F50B"}.mdi-textbox:before{content:"\F60E"}.mdi-texture:before{content:"\F50C"}.mdi-theater:before{content:"\F50D"}.mdi-theme-light-dark:before{content:"\F50E"}.mdi-thermometer:before{content:"\F50F"}.mdi-thermometer-lines:before{content:"\F510"}.mdi-thumb-down:before{content:"\F511"}.mdi-thumb-down-outline:before{content:"\F512"}.mdi-thumb-up:before{content:"\F513"}.mdi-thumb-up-outline:before{content:"\F514"}.mdi-thumbs-up-down:before{content:"\F515"}.mdi-ticket:before{content:"\F516"}.mdi-ticket-account:before{content:"\F517"}.mdi-ticket-confirmation:before{content:"\F518"}.mdi-ticket-percent:before{content:"\F723"}.mdi-tie:before{content:"\F519"}.mdi-tilde:before{content:"\F724"}.mdi-timelapse:before{content:"\F51A"}.mdi-timer:before{content:"\F51B"}.mdi-timer-10:before{content:"\F51C"}.mdi-timer-3:before{content:"\F51D"}.mdi-timer-off:before{content:"\F51E"}.mdi-timer-sand:before{content:"\F51F"}.mdi-timer-sand-empty:before{content:"\F6AC"}.mdi-timetable:before{content:"\F520"}.mdi-toggle-switch:before{content:"\F521"}.mdi-toggle-switch-off:before{content:"\F522"}.mdi-tooltip:before{content:"\F523"}.mdi-tooltip-edit:before{content:"\F524"}.mdi-tooltip-image:before{content:"\F525"}.mdi-tooltip-outline:before{content:"\F526"}.mdi-tooltip-outline-plus:before{content:"\F527"}.mdi-tooltip-text:before{content:"\F528"}.mdi-tooth:before{content:"\F529"}.mdi-tor:before{content:"\F52A"}.mdi-tower-beach:before{content:"\F680"}.mdi-tower-fire:before{content:"\F681"}.mdi-traffic-light:before{content:"\F52B"}.mdi-train:before{content:"\F52C"}.mdi-tram:before{content:"\F52D"}.mdi-transcribe:before{content:"\F52E"}.mdi-transcribe-close:before{content:"\F52F"}.mdi-transfer:before{content:"\F530"}.mdi-transit-transfer:before{content:"\F6AD"}.mdi-translate:before{content:"\F5CA"}.mdi-treasure-chest:before{content:"\F725"}.mdi-tree:before{content:"\F531"}.mdi-trello:before{content:"\F532"}.mdi-trending-down:before{content:"\F533"}.mdi-trending-neutral:before{content:"\F534"}.mdi-trending-up:before{content:"\F535"}.mdi-triangle:before{content:"\F536"}.mdi-triangle-outline:before{content:"\F537"}.mdi-trophy:before{content:"\F538"}.mdi-trophy-award:before{content:"\F539"}.mdi-trophy-outline:before{content:"\F53A"}.mdi-trophy-variant:before{content:"\F53B"}.mdi-trophy-variant-outline:before{content:"\F53C"}.mdi-truck:before{content:"\F53D"}.mdi-truck-delivery:before{content:"\F53E"}.mdi-truck-trailer:before{content:"\F726"}.mdi-tshirt-crew:before{content:"\F53F"}.mdi-tshirt-v:before{content:"\F540"}.mdi-tumblr:before{content:"\F541"}.mdi-tumblr-reblog:before{content:"\F542"}.mdi-tune:before{content:"\F62E"}.mdi-tune-vertical:before{content:"\F66A"}.mdi-twitch:before{content:"\F543"}.mdi-twitter:before{content:"\F544"}.mdi-twitter-box:before{content:"\F545"}.mdi-twitter-circle:before{content:"\F546"}.mdi-twitter-retweet:before{content:"\F547"}.mdi-ubuntu:before{content:"\F548"}.mdi-umbraco:before{content:"\F549"}.mdi-umbrella:before{content:"\F54A"}.mdi-umbrella-outline:before{content:"\F54B"}.mdi-undo:before{content:"\F54C"}.mdi-undo-variant:before{content:"\F54D"}.mdi-unfold-less:before{content:"\F54E"}.mdi-unfold-more:before{content:"\F54F"}.mdi-ungroup:before{content:"\F550"}.mdi-unity:before{content:"\F6AE"}.mdi-untappd:before{content:"\F551"}.mdi-update:before{content:"\F6AF"}.mdi-upload:before{content:"\F552"}.mdi-usb:before{content:"\F553"}.mdi-vector-arrange-above:before{content:"\F554"}.mdi-vector-arrange-below:before{content:"\F555"}.mdi-vector-circle:before{content:"\F556"}.mdi-vector-circle-variant:before{content:"\F557"}.mdi-vector-combine:before{content:"\F558"}.mdi-vector-curve:before{content:"\F559"}.mdi-vector-difference:before{content:"\F55A"}.mdi-vector-difference-ab:before{content:"\F55B"}.mdi-vector-difference-ba:before{content:"\F55C"}.mdi-vector-intersection:before{content:"\F55D"}.mdi-vector-line:before{content:"\F55E"}.mdi-vector-point:before{content:"\F55F"}.mdi-vector-polygon:before{content:"\F560"}.mdi-vector-polyline:before{content:"\F561"}.mdi-vector-rectangle:before{content:"\F5C6"}.mdi-vector-selection:before{content:"\F562"}.mdi-vector-square:before{content:"\F001"}.mdi-vector-triangle:before{content:"\F563"}.mdi-vector-union:before{content:"\F564"}.mdi-verified:before{content:"\F565"}.mdi-vibrate:before{content:"\F566"}.mdi-video:before{content:"\F567"}.mdi-video-off:before{content:"\F568"}.mdi-video-switch:before{content:"\F569"}.mdi-view-agenda:before{content:"\F56A"}.mdi-view-array:before{content:"\F56B"}.mdi-view-carousel:before{content:"\F56C"}.mdi-view-column:before{content:"\F56D"}.mdi-view-dashboard:before{content:"\F56E"}.mdi-view-day:before{content:"\F56F"}.mdi-view-grid:before{content:"\F570"}.mdi-view-headline:before{content:"\F571"}.mdi-view-list:before{content:"\F572"}.mdi-view-module:before{content:"\F573"}.mdi-view-parallel:before{content:"\F727"}.mdi-view-quilt:before{content:"\F574"}.mdi-view-sequential:before{content:"\F728"}.mdi-view-stream:before{content:"\F575"}.mdi-view-week:before{content:"\F576"}.mdi-vimeo:before{content:"\F577"}.mdi-vine:before{content:"\F578"}.mdi-violin:before{content:"\F60F"}.mdi-visualstudio:before{content:"\F610"}.mdi-vk:before{content:"\F579"}.mdi-vk-box:before{content:"\F57A"}.mdi-vk-circle:before{content:"\F57B"}.mdi-vlc:before{content:"\F57C"}.mdi-voice:before{content:"\F5CB"}.mdi-voicemail:before{content:"\F57D"}.mdi-volume-high:before{content:"\F57E"}.mdi-volume-low:before{content:"\F57F"}.mdi-volume-medium:before{content:"\F580"}.mdi-volume-off:before{content:"\F581"}.mdi-vpn:before{content:"\F582"}.mdi-walk:before{content:"\F583"}.mdi-wallet:before{content:"\F584"}.mdi-wallet-giftcard:before{content:"\F585"}.mdi-wallet-membership:before{content:"\F586"}.mdi-wallet-travel:before{content:"\F587"}.mdi-wan:before{content:"\F588"}.mdi-washing-machine:before{content:"\F729"}.mdi-watch:before{content:"\F589"}.mdi-watch-export:before{content:"\F58A"}.mdi-watch-import:before{content:"\F58B"}.mdi-watch-vibrate:before{content:"\F6B0"}.mdi-water:before{content:"\F58C"}.mdi-water-off:before{content:"\F58D"}.mdi-water-percent:before{content:"\F58E"}.mdi-water-pump:before{content:"\F58F"}.mdi-watermark:before{content:"\F612"}.mdi-weather-cloudy:before{content:"\F590"}.mdi-weather-fog:before{content:"\F591"}.mdi-weather-hail:before{content:"\F592"}.mdi-weather-lightning:before{content:"\F593"}.mdi-weather-lightning-rainy:before{content:"\F67D"}.mdi-weather-night:before{content:"\F594"}.mdi-weather-partlycloudy:before{content:"\F595"}.mdi-weather-pouring:before{content:"\F596"}.mdi-weather-rainy:before{content:"\F597"}.mdi-weather-snowy:before{content:"\F598"}.mdi-weather-snowy-rainy:before{content:"\F67E"}.mdi-weather-sunny:before{content:"\F599"}.mdi-weather-sunset:before{content:"\F59A"}.mdi-weather-sunset-down:before{content:"\F59B"}.mdi-weather-sunset-up:before{content:"\F59C"}.mdi-weather-windy:before{content:"\F59D"}.mdi-weather-windy-variant:before{content:"\F59E"}.mdi-web:before{content:"\F59F"}.mdi-webcam:before{content:"\F5A0"}.mdi-webhook:before{content:"\F62F"}.mdi-webpack:before{content:"\F72A"}.mdi-wechat:before{content:"\F611"}.mdi-weight:before{content:"\F5A1"}.mdi-weight-kilogram:before{content:"\F5A2"}.mdi-whatsapp:before{content:"\F5A3"}.mdi-wheelchair-accessibility:before{content:"\F5A4"}.mdi-white-balance-auto:before{content:"\F5A5"}.mdi-white-balance-incandescent:before{content:"\F5A6"}.mdi-white-balance-iridescent:before{content:"\F5A7"}.mdi-white-balance-sunny:before{content:"\F5A8"}.mdi-widgets:before{content:"\F72B"}.mdi-wifi:before{content:"\F5A9"}.mdi-wifi-off:before{content:"\F5AA"}.mdi-wii:before{content:"\F5AB"}.mdi-wiiu:before{content:"\F72C"}.mdi-wikipedia:before{content:"\F5AC"}.mdi-window-close:before{content:"\F5AD"}.mdi-window-closed:before{content:"\F5AE"}.mdi-window-maximize:before{content:"\F5AF"}.mdi-window-minimize:before{content:"\F5B0"}.mdi-window-open:before{content:"\F5B1"}.mdi-window-restore:before{content:"\F5B2"}.mdi-windows:before{content:"\F5B3"}.mdi-wordpress:before{content:"\F5B4"}.mdi-worker:before{content:"\F5B5"}.mdi-wrap:before{content:"\F5B6"}.mdi-wrench:before{content:"\F5B7"}.mdi-wunderlist:before{content:"\F5B8"}.mdi-xaml:before{content:"\F673"}.mdi-xbox:before{content:"\F5B9"}.mdi-xbox-controller:before{content:"\F5BA"}.mdi-xbox-controller-off:before{content:"\F5BB"}.mdi-xda:before{content:"\F5BC"}.mdi-xing:before{content:"\F5BD"}.mdi-xing-box:before{content:"\F5BE"}.mdi-xing-circle:before{content:"\F5BF"}.mdi-xml:before{content:"\F5C0"}.mdi-yeast:before{content:"\F5C1"}.mdi-yelp:before{content:"\F5C2"}.mdi-yin-yang:before{content:"\F67F"}.mdi-youtube-play:before{content:"\F5C3"}.mdi-zip-box:before{content:"\F5C4"}.mdi-18px.mdi-set,.mdi-18px.mdi:before{font-size:18px}.mdi-24px.mdi-set,.mdi-24px.mdi:before{font-size:24px}.mdi-36px.mdi-set,.mdi-36px.mdi:before{font-size:36px}.mdi-48px.mdi-set,.mdi-48px.mdi:before{font-size:48px}.mdi-dark{color:rgba(0,0,0,0.54)}.mdi-dark.mdi-inactive{color:rgba(0,0,0,0.26)}.mdi-light{color:#fff}.mdi-light.mdi-inactive{color:rgba(255,255,255,0.3)}.mdi-rotate-45{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mdi-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.mdi-rotate-135{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.mdi-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.mdi-rotate-225{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.mdi-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.mdi-rotate-315{-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}.mdi-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.mdi-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(/dist/public/glyphicons-halflings-regular.eot);src:url(/dist/public/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(/dist/public/glyphicons-halflings-regular.woff2) format("woff2"),url(/dist/public/glyphicons-halflings-regular.woff) format("woff"),url(/dist/public/glyphicons-halflings-regular.ttf) format("truetype"),url(/dist/public/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"*"}.glyphicon-plus:before{content:"+"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20AC"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270F"}.glyphicon-glass:before{content:"\E001"}.glyphicon-music:before{content:"\E002"}.glyphicon-search:before{content:"\E003"}.glyphicon-heart:before{content:"\E005"}.glyphicon-star:before{content:"\E006"}.glyphicon-star-empty:before{content:"\E007"}.glyphicon-user:before{content:"\E008"}.glyphicon-film:before{content:"\E009"}.glyphicon-th-large:before{content:"\E010"}.glyphicon-th:before{content:"\E011"}.glyphicon-th-list:before{content:"\E012"}.glyphicon-ok:before{content:"\E013"}.glyphicon-remove:before{content:"\E014"}.glyphicon-zoom-in:before{content:"\E015"}.glyphicon-zoom-out:before{content:"\E016"}.glyphicon-off:before{content:"\E017"}.glyphicon-signal:before{content:"\E018"}.glyphicon-cog:before{content:"\E019"}.glyphicon-trash:before{content:"\E020"}.glyphicon-home:before{content:"\E021"}.glyphicon-file:before{content:"\E022"}.glyphicon-time:before{content:"\E023"}.glyphicon-road:before{content:"\E024"}.glyphicon-download-alt:before{content:"\E025"}.glyphicon-download:before{content:"\E026"}.glyphicon-upload:before{content:"\E027"}.glyphicon-inbox:before{content:"\E028"}.glyphicon-play-circle:before{content:"\E029"}.glyphicon-repeat:before{content:"\E030"}.glyphicon-refresh:before{content:"\E031"}.glyphicon-list-alt:before{content:"\E032"}.glyphicon-lock:before{content:"\E033"}.glyphicon-flag:before{content:"\E034"}.glyphicon-headphones:before{content:"\E035"}.glyphicon-volume-off:before{content:"\E036"}.glyphicon-volume-down:before{content:"\E037"}.glyphicon-volume-up:before{content:"\E038"}.glyphicon-qrcode:before{content:"\E039"}.glyphicon-barcode:before{content:"\E040"}.glyphicon-tag:before{content:"\E041"}.glyphicon-tags:before{content:"\E042"}.glyphicon-book:before{content:"\E043"}.glyphicon-bookmark:before{content:"\E044"}.glyphicon-print:before{content:"\E045"}.glyphicon-camera:before{content:"\E046"}.glyphicon-font:before{content:"\E047"}.glyphicon-bold:before{content:"\E048"}.glyphicon-italic:before{content:"\E049"}.glyphicon-text-height:before{content:"\E050"}.glyphicon-text-width:before{content:"\E051"}.glyphicon-align-left:before{content:"\E052"}.glyphicon-align-center:before{content:"\E053"}.glyphicon-align-right:before{content:"\E054"}.glyphicon-align-justify:before{content:"\E055"}.glyphicon-list:before{content:"\E056"}.glyphicon-indent-left:before{content:"\E057"}.glyphicon-indent-right:before{content:"\E058"}.glyphicon-facetime-video:before{content:"\E059"}.glyphicon-picture:before{content:"\E060"}.glyphicon-map-marker:before{content:"\E062"}.glyphicon-adjust:before{content:"\E063"}.glyphicon-tint:before{content:"\E064"}.glyphicon-edit:before{content:"\E065"}.glyphicon-share:before{content:"\E066"}.glyphicon-check:before{content:"\E067"}.glyphicon-move:before{content:"\E068"}.glyphicon-step-backward:before{content:"\E069"}.glyphicon-fast-backward:before{content:"\E070"}.glyphicon-backward:before{content:"\E071"}.glyphicon-play:before{content:"\E072"}.glyphicon-pause:before{content:"\E073"}.glyphicon-stop:before{content:"\E074"}.glyphicon-forward:before{content:"\E075"}.glyphicon-fast-forward:before{content:"\E076"}.glyphicon-step-forward:before{content:"\E077"}.glyphicon-eject:before{content:"\E078"}.glyphicon-chevron-left:before{content:"\E079"}.glyphicon-chevron-right:before{content:"\E080"}.glyphicon-plus-sign:before{content:"\E081"}.glyphicon-minus-sign:before{content:"\E082"}.glyphicon-remove-sign:before{content:"\E083"}.glyphicon-ok-sign:before{content:"\E084"}.glyphicon-question-sign:before{content:"\E085"}.glyphicon-info-sign:before{content:"\E086"}.glyphicon-screenshot:before{content:"\E087"}.glyphicon-remove-circle:before{content:"\E088"}.glyphicon-ok-circle:before{content:"\E089"}.glyphicon-ban-circle:before{content:"\E090"}.glyphicon-arrow-left:before{content:"\E091"}.glyphicon-arrow-right:before{content:"\E092"}.glyphicon-arrow-up:before{content:"\E093"}.glyphicon-arrow-down:before{content:"\E094"}.glyphicon-share-alt:before{content:"\E095"}.glyphicon-resize-full:before{content:"\E096"}.glyphicon-resize-small:before{content:"\E097"}.glyphicon-exclamation-sign:before{content:"\E101"}.glyphicon-gift:before{content:"\E102"}.glyphicon-leaf:before{content:"\E103"}.glyphicon-fire:before{content:"\E104"}.glyphicon-eye-open:before{content:"\E105"}.glyphicon-eye-close:before{content:"\E106"}.glyphicon-warning-sign:before{content:"\E107"}.glyphicon-plane:before{content:"\E108"}.glyphicon-calendar:before{content:"\E109"}.glyphicon-random:before{content:"\E110"}.glyphicon-comment:before{content:"\E111"}.glyphicon-magnet:before{content:"\E112"}.glyphicon-chevron-up:before{content:"\E113"}.glyphicon-chevron-down:before{content:"\E114"}.glyphicon-retweet:before{content:"\E115"}.glyphicon-shopping-cart:before{content:"\E116"}.glyphicon-folder-close:before{content:"\E117"}.glyphicon-folder-open:before{content:"\E118"}.glyphicon-resize-vertical:before{content:"\E119"}.glyphicon-resize-horizontal:before{content:"\E120"}.glyphicon-hdd:before{content:"\E121"}.glyphicon-bullhorn:before{content:"\E122"}.glyphicon-bell:before{content:"\E123"}.glyphicon-certificate:before{content:"\E124"}.glyphicon-thumbs-up:before{content:"\E125"}.glyphicon-thumbs-down:before{content:"\E126"}.glyphicon-hand-right:before{content:"\E127"}.glyphicon-hand-left:before{content:"\E128"}.glyphicon-hand-up:before{content:"\E129"}.glyphicon-hand-down:before{content:"\E130"}.glyphicon-circle-arrow-right:before{content:"\E131"}.glyphicon-circle-arrow-left:before{content:"\E132"}.glyphicon-circle-arrow-up:before{content:"\E133"}.glyphicon-circle-arrow-down:before{content:"\E134"}.glyphicon-globe:before{content:"\E135"}.glyphicon-wrench:before{content:"\E136"}.glyphicon-tasks:before{content:"\E137"}.glyphicon-filter:before{content:"\E138"}.glyphicon-briefcase:before{content:"\E139"}.glyphicon-fullscreen:before{content:"\E140"}.glyphicon-dashboard:before{content:"\E141"}.glyphicon-paperclip:before{content:"\E142"}.glyphicon-heart-empty:before{content:"\E143"}.glyphicon-link:before{content:"\E144"}.glyphicon-phone:before{content:"\E145"}.glyphicon-pushpin:before{content:"\E146"}.glyphicon-usd:before{content:"\E148"}.glyphicon-gbp:before{content:"\E149"}.glyphicon-sort:before{content:"\E150"}.glyphicon-sort-by-alphabet:before{content:"\E151"}.glyphicon-sort-by-alphabet-alt:before{content:"\E152"}.glyphicon-sort-by-order:before{content:"\E153"}.glyphicon-sort-by-order-alt:before{content:"\E154"}.glyphicon-sort-by-attributes:before{content:"\E155"}.glyphicon-sort-by-attributes-alt:before{content:"\E156"}.glyphicon-unchecked:before{content:"\E157"}.glyphicon-expand:before{content:"\E158"}.glyphicon-collapse-down:before{content:"\E159"}.glyphicon-collapse-up:before{content:"\E160"}.glyphicon-log-in:before{content:"\E161"}.glyphicon-flash:before{content:"\E162"}.glyphicon-log-out:before{content:"\E163"}.glyphicon-new-window:before{content:"\E164"}.glyphicon-record:before{content:"\E165"}.glyphicon-save:before{content:"\E166"}.glyphicon-open:before{content:"\E167"}.glyphicon-saved:before{content:"\E168"}.glyphicon-import:before{content:"\E169"}.glyphicon-export:before{content:"\E170"}.glyphicon-send:before{content:"\E171"}.glyphicon-floppy-disk:before{content:"\E172"}.glyphicon-floppy-saved:before{content:"\E173"}.glyphicon-floppy-remove:before{content:"\E174"}.glyphicon-floppy-save:before{content:"\E175"}.glyphicon-floppy-open:before{content:"\E176"}.glyphicon-credit-card:before{content:"\E177"}.glyphicon-transfer:before{content:"\E178"}.glyphicon-cutlery:before{content:"\E179"}.glyphicon-header:before{content:"\E180"}.glyphicon-compressed:before{content:"\E181"}.glyphicon-earphone:before{content:"\E182"}.glyphicon-phone-alt:before{content:"\E183"}.glyphicon-tower:before{content:"\E184"}.glyphicon-stats:before{content:"\E185"}.glyphicon-sd-video:before{content:"\E186"}.glyphicon-hd-video:before{content:"\E187"}.glyphicon-subtitles:before{content:"\E188"}.glyphicon-sound-stereo:before{content:"\E189"}.glyphicon-sound-dolby:before{content:"\E190"}.glyphicon-sound-5-1:before{content:"\E191"}.glyphicon-sound-6-1:before{content:"\E192"}.glyphicon-sound-7-1:before{content:"\E193"}.glyphicon-copyright-mark:before{content:"\E194"}.glyphicon-registration-mark:before{content:"\E195"}.glyphicon-cloud-download:before{content:"\E197"}.glyphicon-cloud-upload:before{content:"\E198"}.glyphicon-tree-conifer:before{content:"\E199"}.glyphicon-tree-deciduous:before{content:"\E200"}.glyphicon-cd:before{content:"\E201"}.glyphicon-save-file:before{content:"\E202"}.glyphicon-open-file:before{content:"\E203"}.glyphicon-level-up:before{content:"\E204"}.glyphicon-copy:before{content:"\E205"}.glyphicon-paste:before{content:"\E206"}.glyphicon-alert:before{content:"\E209"}.glyphicon-equalizer:before{content:"\E210"}.glyphicon-king:before{content:"\E211"}.glyphicon-queen:before{content:"\E212"}.glyphicon-pawn:before{content:"\E213"}.glyphicon-bishop:before{content:"\E214"}.glyphicon-knight:before{content:"\E215"}.glyphicon-baby-formula:before{content:"\E216"}.glyphicon-tent:before{content:"\26FA"}.glyphicon-blackboard:before{content:"\E218"}.glyphicon-bed:before{content:"\E219"}.glyphicon-apple:before{content:"\F8FF"}.glyphicon-erase:before{content:"\E221"}.glyphicon-hourglass:before{content:"\231B"}.glyphicon-lamp:before{content:"\E223"}.glyphicon-duplicate:before{content:"\E224"}.glyphicon-piggy-bank:before{content:"\E225"}.glyphicon-scissors:before{content:"\E226"}.glyphicon-bitcoin:before{content:"\E227"}.glyphicon-btc:before{content:"\E227"}.glyphicon-xbt:before{content:"\E227"}.glyphicon-yen:before{content:"\A5"}.glyphicon-jpy:before{content:"\A5"}.glyphicon-ruble:before{content:"\20BD"}.glyphicon-rub:before{content:"\20BD"}.glyphicon-scale:before{content:"\E230"}.glyphicon-ice-lolly:before{content:"\E231"}.glyphicon-ice-lolly-tasted:before{content:"\E232"}.glyphicon-education:before{content:"\E233"}.glyphicon-option-horizontal:before{content:"\E234"}.glyphicon-option-vertical:before{content:"\E235"}.glyphicon-menu-hamburger:before{content:"\E236"}.glyphicon-modal-window:before{content:"\E237"}.glyphicon-oil:before{content:"\E238"}.glyphicon-grain:before{content:"\E239"}.glyphicon-sunglasses:before{content:"\E240"}.glyphicon-text-size:before{content:"\E241"}.glyphicon-text-color:before{content:"\E242"}.glyphicon-text-background:before{content:"\E243"}.glyphicon-object-align-top:before{content:"\E244"}.glyphicon-object-align-bottom:before{content:"\E245"}.glyphicon-object-align-horizontal:before{content:"\E246"}.glyphicon-object-align-left:before{content:"\E247"}.glyphicon-object-align-vertical:before{content:"\E248"}.glyphicon-object-align-right:before{content:"\E249"}.glyphicon-triangle-right:before{content:"\E250"}.glyphicon-triangle-left:before{content:"\E251"}.glyphicon-triangle-bottom:before{content:"\E252"}.glyphicon-triangle-top:before{content:"\E253"}.glyphicon-console:before{content:"\E254"}.glyphicon-superscript:before{content:"\E255"}.glyphicon-subscript:before{content:"\E256"}.glyphicon-menu-left:before{content:"\E257"}.glyphicon-menu-right:before{content:"\E258"}.glyphicon-menu-down:before{content:"\E259"}.glyphicon-menu-up:before{content:"\E260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014   \A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\A0   \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\A0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203A"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}.nfse-items .mbg-label {
  margin-bottom: 5px; }

.nfse-items .items-section .col-md-2 {
  width: 12.5%; }

.nfse-items .items-section .col-md-10 {
  width: 87.5%; }

.nfse-items .items-section textarea {
  min-height: 60px;
  max-height: 120px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 8px 14px;
  font-weight: 500; }
  .nfse-items .items-section textarea.ng-touched.ng-invalid {
    border: 1px solid #b00020; }
  .nfse-items .items-section textarea:focus {
    border: 1px solid var(--primary) !important; }
  .nfse-items .items-section textarea[disabled="disabled"] {
    background: #f5f5f5; }

.nfse-items .informative-tooltip {
  margin-left: 5px; }

.nfse-items .mbg-pagination-wrapper button {
  width: 30px;
  height: 30px; }

.nfse-items .input-square-button .square-button {
  width: 29px;
  height: 29px; }
/**
 * md-color-picker - Angular-Material inspired color picker.
 * @version v0.2.6
 * @link https://github.com/brianpkelley/md-color-picker
 * @license MIT
 */
md-color-picker .md-color-picker-input-container,
[md-color-picker] .md-color-picker-input-container {
  position: relative;
}
md-color-picker .md-color-picker-input-container .md-color-picker-preview,
[md-color-picker] .md-color-picker-input-container .md-color-picker-preview {
  content: '';
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
  position: relative;
  top: 22px;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd), -webkit-linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
  background-image: linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd), linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
  background-size: 8px 8px;
  background-position: 0 0, 4px 4px;
}
md-color-picker .md-color-picker-input-container .md-color-picker-preview .md-color-picker-result,
[md-color-picker] .md-color-picker-input-container .md-color-picker-preview .md-color-picker-result {
  width: 100%;
  height: 100%;
}
md-color-picker .md-color-picker-input-container .md-color-picker-clear,
[md-color-picker] .md-color-picker-input-container .md-color-picker-clear {
  position: absolute;
  bottom: 42px;
  right: -16px;
  color: rgba(0, 0, 0, 0.26);
}
.md-color-picker-container {
  padding: 8px;
  background: #fff;
  outline: none;
  height: 397px;
  width: 347px;
  opacity: 1;
  overflow: hidden;
  z-index: 1000;
}
.md-color-picker-container .md-color-picker-arrow {
  border: 0 solid transparent;
  border-right-width: 30px;
  border-bottom-width: 0px;
  position: absolute;
  left: 0;
  top: 0px;
  -webkit-transition: border-bottom-width cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s, top cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  transition: border-bottom-width cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s, top cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
}
.md-color-picker-container .md-color-picker-preview {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  margin: -8px -8px 0px;
  position: relative;
}
.md-color-picker-container .md-color-picker-preview .md-color-picker-result {
  position: absolute;
  height: 100%;
  opacity: 1;
  background: #ff0000;
}
.md-color-picker-container .md-color-picker-preview .md-color-picker-result > input {
  position: relative;
  top: -15px;
  opacity: 0;
}
.md-color-picker-container .md-color-picker-preview .md-color-picker-result > div {
  position: relative;
  width: 100%;
}
.md-color-picker-container .md-color-picker-preview .md-color-picker-result > div > input {
  border-width: 0;
  background: transparent;
  text-align: center;
  position: absolute;
  top: -15px;
  bottom: 0;
  left: 0;
  right: 0;
  color: #eee;
  outline: none;
  opacity: 0;
}
.md-color-picker-container .md-color-picker-preview .md-color-picker-result > div > input.switch {
  -webkit-transition: top cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s, 0.25s opacity ease-out;
  transition: top cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s, 0.25s opacity ease-out;
  top: 0px;
  opacity: 1;
}
.md-color-picker-container .md-color-picker-preview .md-color-picker-tabs .md-tab,
.md-color-picker-container .md-color-picker-preview .md-color-picker-tabs md-tabs-wrapper,
.md-color-picker-container .md-color-picker-preview .md-color-picker-tabs md-tabs-canvas,
.md-color-picker-container .md-color-picker-preview .md-color-picker-tabs md-pagination-wrapper {
  max-height: 28px;
  height: 28px;
}
.md-color-picker-container .md-color-picker-preview .md-color-picker-tabs md-ink-bar {
  background: rgba(255, 255, 255, 0.5);
}
.md-color-picker-container .md-color-picker-preview .md-color-picker-tabs .md-tab {
  padding-top: 2px;
  background: rgba(255, 255, 255, 0.25);
  color: #eee;
  /* hack for https://github.com/angular/material/issues/4237 */
  max-width: none !important;
}
.md-color-picker-container .md-color-picker-preview .md-color-picker-tabs .md-tab.md-active {
  background: transparent;
}
.md-color-picker-container .md-color-picker-preview.dark {
  color: #333;
}
.md-color-picker-container .md-color-picker-preview.dark .md-color-picker-preview-input {
  color: #333;
}
.md-color-picker-container .md-color-picker-preview.dark .md-tab {
  background: rgba(0, 0, 0, 0.25);
  color: #333;
}
.md-color-picker-container .md-color-picker-preview.dark .md-tab.md-active {
  background: transparent;
}
.md-color-picker-container .md-color-picker-preview.dark md-ink-bar {
  background: rgba(0, 0, 0, 0.5);
}
.md-color-picker-container .md-color-picker-tabs {
  margin: 0px -8px 0;
}
.md-color-picker-container .md-color-picker-tabs md-tabs[md-align-tabs=bottom] {
  padding-bottom: 0;
}
.md-color-picker-container .md-color-picker-tabs .md-tab,
.md-color-picker-container .md-color-picker-tabs md-tabs-wrapper,
.md-color-picker-container .md-color-picker-tabs md-tabs-canvas,
.md-color-picker-container .md-color-picker-tabs md-pagination-wrapper {
  max-height: 36px;
  height: 36px;
}
.md-color-picker-container .md-color-picker-tabs .md-tab {
  padding: 7px 24px;
  background: transparent;
}
.md-color-picker-container .md-color-picker-tabs .md-tab:last-of-type {
  margin-right: -2px;
}
.md-color-picker-container .md-color-picker-tabs md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: 298px;
}
.md-color-picker-container .md-color-picker-tabs md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) md-tabs-content-wrapper {
  height: 255px;
  margin-bottom: 8px;
}
.md-color-picker-container .md-color-picker-tabs md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) md-tabs-content-wrapper md-tab-content {
  height: 255px;
  padding: 0px 8px 0;
}
.md-color-picker-container .md-color-picker-tabs md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) md-tabs-content-wrapper md-tab-content [md-tabs-template] {
  height: 100%;
}
.md-color-picker-container .md-color-picker-tabs.md-color-picker-colors {
  margin: 8px -8px -8px;
}
.md-color-picker-container .md-color-picker-tabs.md-color-picker-colors md-ink-bar {
  top: auto;
}
.md-color-picker-container .md-color-picker-tabs.md-color-picker-colors .md-tab {
  background: rgba(0, 0, 0, 0.075);
}
.md-color-picker-container .md-color-picker-tabs.md-color-picker-colors .md-tab.md-active {
  background: #fff;
}
.md-color-picker-container .md-color-picker-colors {
  overflow: hidden;
  margin-top: 8px;
}
.md-color-picker-container .md-color-picker-colors .md-color-picker-marker {
  position: absolute;
  border: 2px solid #fff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
.md-color-picker-container .md-color-picker-colors [md-color-picker-spectrum] {
  position: relative;
  cursor: crosshair;
  overflow: hidden;
  height: 255px;
  width: 255px;
}
.md-color-picker-container .md-color-picker-colors [md-color-picker-spectrum] .md-color-picker-marker {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5), inset 0 0 2px 0 rgba(0, 0, 0, 0.5);
  top: -5px;
  left: calc(100% - 5px);
}
.md-color-picker-container .md-color-picker-colors [md-color-picker-hue],
.md-color-picker-container .md-color-picker-colors [md-color-picker-alpha] {
  position: relative;
  cursor: crosshair;
  overflow: hidden;
  width: 30px;
}
.md-color-picker-container .md-color-picker-colors [md-color-picker-hue].md-color-picker-wide,
.md-color-picker-container .md-color-picker-colors [md-color-picker-alpha].md-color-picker-wide {
  width: 67px;
}
.md-color-picker-container .md-color-picker-colors [md-color-picker-hue] .md-color-picker-marker,
.md-color-picker-container .md-color-picker-colors [md-color-picker-alpha] .md-color-picker-marker {
  height: 5px;
  width: 100%;
  border-left: 0;
  border-right: 0;
  top: -2px;
  left: 0;
}
.md-color-picker-container .md-color-picker-sliders md-slider.red-slider .md-track-fill {
  background: #d01515;
}
.md-color-picker-container .md-color-picker-sliders md-slider.red-slider .md-thumb:after {
  background-color: #d01515;
  border-color: #d01515;
}
.md-color-picker-container .md-color-picker-sliders md-slider.green-slider .md-track-fill {
  background: #19d015;
}
.md-color-picker-container .md-color-picker-sliders md-slider.green-slider .md-thumb:after {
  background-color: #19d015;
  border-color: #19d015;
}
.md-color-picker-container .md-color-picker-sliders md-slider.blue-slider .md-track-fill {
  background: #1560d0;
}
.md-color-picker-container .md-color-picker-sliders md-slider.blue-slider .md-thumb:after {
  background-color: #1560d0;
  border-color: #1560d0;
}
.md-color-picker-container .md-color-picker-material-palette .md-color-picker-material-title {
  font-size: 22px;
  line-height: 75px;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.85);
  text-transform: capitalize;
}
.md-color-picker-container .md-color-picker-material-palette .md-color-picker-material-title.dark {
  color: rgba(255, 255, 255, 0.85);
}
.md-color-picker-container .md-color-picker-material-palette .md-color-picker-material-title:not(:first-child) {
  margin-top: 16px;
}
.md-color-picker-container .md-color-picker-material-palette .md-color-picker-with-label {
  font-size: 12px;
  line-height: 33px;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.7);
}
.md-color-picker-container .md-color-picker-material-palette .md-color-picker-with-label.dark {
  color: rgba(255, 255, 255, 0.7);
}
.md-color-picker-container .md-color-picker-material-palette .md-color-picker-material-colors {
  position: absolute;
  -webkit-transition: left cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s, right cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s, top cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s, bottom cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  transition: left cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s, right cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s, top cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s, bottom cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
}
.md-color-picker-container .md-color-picker-history > div > div {
  height: 20px;
  margin: 4px;
  background-color: #fff;
  background-image: -webkit-linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd), -webkit-linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
  background-image: linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd), linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
  background-size: 8px 8px;
  background-position: 0 0, 4px 4px;
}
.md-color-picker-container .md-color-picker-history > div > div > div {
  width: 100%;
  height: 100%;
}
.md-color-picker-container .md-color-picker-history button {
  margin-top: auto;
  margin-left: auto;
}
.md-color-picker-checkered-bg {
  background-color: #fff;
  background-image: -webkit-linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd), -webkit-linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
  background-image: linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd), linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
  background-size: 8px 8px;
  background-position: 0 0, 4px 4px;
}
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(/dist/public/fontawesome-webfont.eot);src:url(/dist/public/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(/dist/public/fontawesome-webfont.woff2) format('woff2'),url(/dist/public/fontawesome-webfont.woff) format('woff'),url(/dist/public/fontawesome-webfont.ttf) format('truetype'),url(/dist/public/fontawesome-webfont.svg#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\F000"}.fa-music:before{content:"\F001"}.fa-search:before{content:"\F002"}.fa-envelope-o:before{content:"\F003"}.fa-heart:before{content:"\F004"}.fa-star:before{content:"\F005"}.fa-star-o:before{content:"\F006"}.fa-user:before{content:"\F007"}.fa-film:before{content:"\F008"}.fa-th-large:before{content:"\F009"}.fa-th:before{content:"\F00A"}.fa-th-list:before{content:"\F00B"}.fa-check:before{content:"\F00C"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\F00D"}.fa-search-plus:before{content:"\F00E"}.fa-search-minus:before{content:"\F010"}.fa-power-off:before{content:"\F011"}.fa-signal:before{content:"\F012"}.fa-gear:before,.fa-cog:before{content:"\F013"}.fa-trash-o:before{content:"\F014"}.fa-home:before{content:"\F015"}.fa-file-o:before{content:"\F016"}.fa-clock-o:before{content:"\F017"}.fa-road:before{content:"\F018"}.fa-download:before{content:"\F019"}.fa-arrow-circle-o-down:before{content:"\F01A"}.fa-arrow-circle-o-up:before{content:"\F01B"}.fa-inbox:before{content:"\F01C"}.fa-play-circle-o:before{content:"\F01D"}.fa-rotate-right:before,.fa-repeat:before{content:"\F01E"}.fa-refresh:before{content:"\F021"}.fa-list-alt:before{content:"\F022"}.fa-lock:before{content:"\F023"}.fa-flag:before{content:"\F024"}.fa-headphones:before{content:"\F025"}.fa-volume-off:before{content:"\F026"}.fa-volume-down:before{content:"\F027"}.fa-volume-up:before{content:"\F028"}.fa-qrcode:before{content:"\F029"}.fa-barcode:before{content:"\F02A"}.fa-tag:before{content:"\F02B"}.fa-tags:before{content:"\F02C"}.fa-book:before{content:"\F02D"}.fa-bookmark:before{content:"\F02E"}.fa-print:before{content:"\F02F"}.fa-camera:before{content:"\F030"}.fa-font:before{content:"\F031"}.fa-bold:before{content:"\F032"}.fa-italic:before{content:"\F033"}.fa-text-height:before{content:"\F034"}.fa-text-width:before{content:"\F035"}.fa-align-left:before{content:"\F036"}.fa-align-center:before{content:"\F037"}.fa-align-right:before{content:"\F038"}.fa-align-justify:before{content:"\F039"}.fa-list:before{content:"\F03A"}.fa-dedent:before,.fa-outdent:before{content:"\F03B"}.fa-indent:before{content:"\F03C"}.fa-video-camera:before{content:"\F03D"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\F03E"}.fa-pencil:before{content:"\F040"}.fa-map-marker:before{content:"\F041"}.fa-adjust:before{content:"\F042"}.fa-tint:before{content:"\F043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\F044"}.fa-share-square-o:before{content:"\F045"}.fa-check-square-o:before{content:"\F046"}.fa-arrows:before{content:"\F047"}.fa-step-backward:before{content:"\F048"}.fa-fast-backward:before{content:"\F049"}.fa-backward:before{content:"\F04A"}.fa-play:before{content:"\F04B"}.fa-pause:before{content:"\F04C"}.fa-stop:before{content:"\F04D"}.fa-forward:before{content:"\F04E"}.fa-fast-forward:before{content:"\F050"}.fa-step-forward:before{content:"\F051"}.fa-eject:before{content:"\F052"}.fa-chevron-left:before{content:"\F053"}.fa-chevron-right:before{content:"\F054"}.fa-plus-circle:before{content:"\F055"}.fa-minus-circle:before{content:"\F056"}.fa-times-circle:before{content:"\F057"}.fa-check-circle:before{content:"\F058"}.fa-question-circle:before{content:"\F059"}.fa-info-circle:before{content:"\F05A"}.fa-crosshairs:before{content:"\F05B"}.fa-times-circle-o:before{content:"\F05C"}.fa-check-circle-o:before{content:"\F05D"}.fa-ban:before{content:"\F05E"}.fa-arrow-left:before{content:"\F060"}.fa-arrow-right:before{content:"\F061"}.fa-arrow-up:before{content:"\F062"}.fa-arrow-down:before{content:"\F063"}.fa-mail-forward:before,.fa-share:before{content:"\F064"}.fa-expand:before{content:"\F065"}.fa-compress:before{content:"\F066"}.fa-plus:before{content:"\F067"}.fa-minus:before{content:"\F068"}.fa-asterisk:before{content:"\F069"}.fa-exclamation-circle:before{content:"\F06A"}.fa-gift:before{content:"\F06B"}.fa-leaf:before{content:"\F06C"}.fa-fire:before{content:"\F06D"}.fa-eye:before{content:"\F06E"}.fa-eye-slash:before{content:"\F070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\F071"}.fa-plane:before{content:"\F072"}.fa-calendar:before{content:"\F073"}.fa-random:before{content:"\F074"}.fa-comment:before{content:"\F075"}.fa-magnet:before{content:"\F076"}.fa-chevron-up:before{content:"\F077"}.fa-chevron-down:before{content:"\F078"}.fa-retweet:before{content:"\F079"}.fa-shopping-cart:before{content:"\F07A"}.fa-folder:before{content:"\F07B"}.fa-folder-open:before{content:"\F07C"}.fa-arrows-v:before{content:"\F07D"}.fa-arrows-h:before{content:"\F07E"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\F080"}.fa-twitter-square:before{content:"\F081"}.fa-facebook-square:before{content:"\F082"}.fa-camera-retro:before{content:"\F083"}.fa-key:before{content:"\F084"}.fa-gears:before,.fa-cogs:before{content:"\F085"}.fa-comments:before{content:"\F086"}.fa-thumbs-o-up:before{content:"\F087"}.fa-thumbs-o-down:before{content:"\F088"}.fa-star-half:before{content:"\F089"}.fa-heart-o:before{content:"\F08A"}.fa-sign-out:before{content:"\F08B"}.fa-linkedin-square:before{content:"\F08C"}.fa-thumb-tack:before{content:"\F08D"}.fa-external-link:before{content:"\F08E"}.fa-sign-in:before{content:"\F090"}.fa-trophy:before{content:"\F091"}.fa-github-square:before{content:"\F092"}.fa-upload:before{content:"\F093"}.fa-lemon-o:before{content:"\F094"}.fa-phone:before{content:"\F095"}.fa-square-o:before{content:"\F096"}.fa-bookmark-o:before{content:"\F097"}.fa-phone-square:before{content:"\F098"}.fa-twitter:before{content:"\F099"}.fa-facebook-f:before,.fa-facebook:before{content:"\F09A"}.fa-github:before{content:"\F09B"}.fa-unlock:before{content:"\F09C"}.fa-credit-card:before{content:"\F09D"}.fa-feed:before,.fa-rss:before{content:"\F09E"}.fa-hdd-o:before{content:"\F0A0"}.fa-bullhorn:before{content:"\F0A1"}.fa-bell:before{content:"\F0F3"}.fa-certificate:before{content:"\F0A3"}.fa-hand-o-right:before{content:"\F0A4"}.fa-hand-o-left:before{content:"\F0A5"}.fa-hand-o-up:before{content:"\F0A6"}.fa-hand-o-down:before{content:"\F0A7"}.fa-arrow-circle-left:before{content:"\F0A8"}.fa-arrow-circle-right:before{content:"\F0A9"}.fa-arrow-circle-up:before{content:"\F0AA"}.fa-arrow-circle-down:before{content:"\F0AB"}.fa-globe:before{content:"\F0AC"}.fa-wrench:before{content:"\F0AD"}.fa-tasks:before{content:"\F0AE"}.fa-filter:before{content:"\F0B0"}.fa-briefcase:before{content:"\F0B1"}.fa-arrows-alt:before{content:"\F0B2"}.fa-group:before,.fa-users:before{content:"\F0C0"}.fa-chain:before,.fa-link:before{content:"\F0C1"}.fa-cloud:before{content:"\F0C2"}.fa-flask:before{content:"\F0C3"}.fa-cut:before,.fa-scissors:before{content:"\F0C4"}.fa-copy:before,.fa-files-o:before{content:"\F0C5"}.fa-paperclip:before{content:"\F0C6"}.fa-save:before,.fa-floppy-o:before{content:"\F0C7"}.fa-square:before{content:"\F0C8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\F0C9"}.fa-list-ul:before{content:"\F0CA"}.fa-list-ol:before{content:"\F0CB"}.fa-strikethrough:before{content:"\F0CC"}.fa-underline:before{content:"\F0CD"}.fa-table:before{content:"\F0CE"}.fa-magic:before{content:"\F0D0"}.fa-truck:before{content:"\F0D1"}.fa-pinterest:before{content:"\F0D2"}.fa-pinterest-square:before{content:"\F0D3"}.fa-google-plus-square:before{content:"\F0D4"}.fa-google-plus:before{content:"\F0D5"}.fa-money:before{content:"\F0D6"}.fa-caret-down:before{content:"\F0D7"}.fa-caret-up:before{content:"\F0D8"}.fa-caret-left:before{content:"\F0D9"}.fa-caret-right:before{content:"\F0DA"}.fa-columns:before{content:"\F0DB"}.fa-unsorted:before,.fa-sort:before{content:"\F0DC"}.fa-sort-down:before,.fa-sort-desc:before{content:"\F0DD"}.fa-sort-up:before,.fa-sort-asc:before{content:"\F0DE"}.fa-envelope:before{content:"\F0E0"}.fa-linkedin:before{content:"\F0E1"}.fa-rotate-left:before,.fa-undo:before{content:"\F0E2"}.fa-legal:before,.fa-gavel:before{content:"\F0E3"}.fa-dashboard:before,.fa-tachometer:before{content:"\F0E4"}.fa-comment-o:before{content:"\F0E5"}.fa-comments-o:before{content:"\F0E6"}.fa-flash:before,.fa-bolt:before{content:"\F0E7"}.fa-sitemap:before{content:"\F0E8"}.fa-umbrella:before{content:"\F0E9"}.fa-paste:before,.fa-clipboard:before{content:"\F0EA"}.fa-lightbulb-o:before{content:"\F0EB"}.fa-exchange:before{content:"\F0EC"}.fa-cloud-download:before{content:"\F0ED"}.fa-cloud-upload:before{content:"\F0EE"}.fa-user-md:before{content:"\F0F0"}.fa-stethoscope:before{content:"\F0F1"}.fa-suitcase:before{content:"\F0F2"}.fa-bell-o:before{content:"\F0A2"}.fa-coffee:before{content:"\F0F4"}.fa-cutlery:before{content:"\F0F5"}.fa-file-text-o:before{content:"\F0F6"}.fa-building-o:before{content:"\F0F7"}.fa-hospital-o:before{content:"\F0F8"}.fa-ambulance:before{content:"\F0F9"}.fa-medkit:before{content:"\F0FA"}.fa-fighter-jet:before{content:"\F0FB"}.fa-beer:before{content:"\F0FC"}.fa-h-square:before{content:"\F0FD"}.fa-plus-square:before{content:"\F0FE"}.fa-angle-double-left:before{content:"\F100"}.fa-angle-double-right:before{content:"\F101"}.fa-angle-double-up:before{content:"\F102"}.fa-angle-double-down:before{content:"\F103"}.fa-angle-left:before{content:"\F104"}.fa-angle-right:before{content:"\F105"}.fa-angle-up:before{content:"\F106"}.fa-angle-down:before{content:"\F107"}.fa-desktop:before{content:"\F108"}.fa-laptop:before{content:"\F109"}.fa-tablet:before{content:"\F10A"}.fa-mobile-phone:before,.fa-mobile:before{content:"\F10B"}.fa-circle-o:before{content:"\F10C"}.fa-quote-left:before{content:"\F10D"}.fa-quote-right:before{content:"\F10E"}.fa-spinner:before{content:"\F110"}.fa-circle:before{content:"\F111"}.fa-mail-reply:before,.fa-reply:before{content:"\F112"}.fa-github-alt:before{content:"\F113"}.fa-folder-o:before{content:"\F114"}.fa-folder-open-o:before{content:"\F115"}.fa-smile-o:before{content:"\F118"}.fa-frown-o:before{content:"\F119"}.fa-meh-o:before{content:"\F11A"}.fa-gamepad:before{content:"\F11B"}.fa-keyboard-o:before{content:"\F11C"}.fa-flag-o:before{content:"\F11D"}.fa-flag-checkered:before{content:"\F11E"}.fa-terminal:before{content:"\F120"}.fa-code:before{content:"\F121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\F122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\F123"}.fa-location-arrow:before{content:"\F124"}.fa-crop:before{content:"\F125"}.fa-code-fork:before{content:"\F126"}.fa-unlink:before,.fa-chain-broken:before{content:"\F127"}.fa-question:before{content:"\F128"}.fa-info:before{content:"\F129"}.fa-exclamation:before{content:"\F12A"}.fa-superscript:before{content:"\F12B"}.fa-subscript:before{content:"\F12C"}.fa-eraser:before{content:"\F12D"}.fa-puzzle-piece:before{content:"\F12E"}.fa-microphone:before{content:"\F130"}.fa-microphone-slash:before{content:"\F131"}.fa-shield:before{content:"\F132"}.fa-calendar-o:before{content:"\F133"}.fa-fire-extinguisher:before{content:"\F134"}.fa-rocket:before{content:"\F135"}.fa-maxcdn:before{content:"\F136"}.fa-chevron-circle-left:before{content:"\F137"}.fa-chevron-circle-right:before{content:"\F138"}.fa-chevron-circle-up:before{content:"\F139"}.fa-chevron-circle-down:before{content:"\F13A"}.fa-html5:before{content:"\F13B"}.fa-css3:before{content:"\F13C"}.fa-anchor:before{content:"\F13D"}.fa-unlock-alt:before{content:"\F13E"}.fa-bullseye:before{content:"\F140"}.fa-ellipsis-h:before{content:"\F141"}.fa-ellipsis-v:before{content:"\F142"}.fa-rss-square:before{content:"\F143"}.fa-play-circle:before{content:"\F144"}.fa-ticket:before{content:"\F145"}.fa-minus-square:before{content:"\F146"}.fa-minus-square-o:before{content:"\F147"}.fa-level-up:before{content:"\F148"}.fa-level-down:before{content:"\F149"}.fa-check-square:before{content:"\F14A"}.fa-pencil-square:before{content:"\F14B"}.fa-external-link-square:before{content:"\F14C"}.fa-share-square:before{content:"\F14D"}.fa-compass:before{content:"\F14E"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\F150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\F151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\F152"}.fa-euro:before,.fa-eur:before{content:"\F153"}.fa-gbp:before{content:"\F154"}.fa-dollar:before,.fa-usd:before{content:"\F155"}.fa-rupee:before,.fa-inr:before{content:"\F156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\F157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\F158"}.fa-won:before,.fa-krw:before{content:"\F159"}.fa-bitcoin:before,.fa-btc:before{content:"\F15A"}.fa-file:before{content:"\F15B"}.fa-file-text:before{content:"\F15C"}.fa-sort-alpha-asc:before{content:"\F15D"}.fa-sort-alpha-desc:before{content:"\F15E"}.fa-sort-amount-asc:before{content:"\F160"}.fa-sort-amount-desc:before{content:"\F161"}.fa-sort-numeric-asc:before{content:"\F162"}.fa-sort-numeric-desc:before{content:"\F163"}.fa-thumbs-up:before{content:"\F164"}.fa-thumbs-down:before{content:"\F165"}.fa-youtube-square:before{content:"\F166"}.fa-youtube:before{content:"\F167"}.fa-xing:before{content:"\F168"}.fa-xing-square:before{content:"\F169"}.fa-youtube-play:before{content:"\F16A"}.fa-dropbox:before{content:"\F16B"}.fa-stack-overflow:before{content:"\F16C"}.fa-instagram:before{content:"\F16D"}.fa-flickr:before{content:"\F16E"}.fa-adn:before{content:"\F170"}.fa-bitbucket:before{content:"\F171"}.fa-bitbucket-square:before{content:"\F172"}.fa-tumblr:before{content:"\F173"}.fa-tumblr-square:before{content:"\F174"}.fa-long-arrow-down:before{content:"\F175"}.fa-long-arrow-up:before{content:"\F176"}.fa-long-arrow-left:before{content:"\F177"}.fa-long-arrow-right:before{content:"\F178"}.fa-apple:before{content:"\F179"}.fa-windows:before{content:"\F17A"}.fa-android:before{content:"\F17B"}.fa-linux:before{content:"\F17C"}.fa-dribbble:before{content:"\F17D"}.fa-skype:before{content:"\F17E"}.fa-foursquare:before{content:"\F180"}.fa-trello:before{content:"\F181"}.fa-female:before{content:"\F182"}.fa-male:before{content:"\F183"}.fa-gittip:before,.fa-gratipay:before{content:"\F184"}.fa-sun-o:before{content:"\F185"}.fa-moon-o:before{content:"\F186"}.fa-archive:before{content:"\F187"}.fa-bug:before{content:"\F188"}.fa-vk:before{content:"\F189"}.fa-weibo:before{content:"\F18A"}.fa-renren:before{content:"\F18B"}.fa-pagelines:before{content:"\F18C"}.fa-stack-exchange:before{content:"\F18D"}.fa-arrow-circle-o-right:before{content:"\F18E"}.fa-arrow-circle-o-left:before{content:"\F190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\F191"}.fa-dot-circle-o:before{content:"\F192"}.fa-wheelchair:before{content:"\F193"}.fa-vimeo-square:before{content:"\F194"}.fa-turkish-lira:before,.fa-try:before{content:"\F195"}.fa-plus-square-o:before{content:"\F196"}.fa-space-shuttle:before{content:"\F197"}.fa-slack:before{content:"\F198"}.fa-envelope-square:before{content:"\F199"}.fa-wordpress:before{content:"\F19A"}.fa-openid:before{content:"\F19B"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\F19C"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\F19D"}.fa-yahoo:before{content:"\F19E"}.fa-google:before{content:"\F1A0"}.fa-reddit:before{content:"\F1A1"}.fa-reddit-square:before{content:"\F1A2"}.fa-stumbleupon-circle:before{content:"\F1A3"}.fa-stumbleupon:before{content:"\F1A4"}.fa-delicious:before{content:"\F1A5"}.fa-digg:before{content:"\F1A6"}.fa-pied-piper-pp:before{content:"\F1A7"}.fa-pied-piper-alt:before{content:"\F1A8"}.fa-drupal:before{content:"\F1A9"}.fa-joomla:before{content:"\F1AA"}.fa-language:before{content:"\F1AB"}.fa-fax:before{content:"\F1AC"}.fa-building:before{content:"\F1AD"}.fa-child:before{content:"\F1AE"}.fa-paw:before{content:"\F1B0"}.fa-spoon:before{content:"\F1B1"}.fa-cube:before{content:"\F1B2"}.fa-cubes:before{content:"\F1B3"}.fa-behance:before{content:"\F1B4"}.fa-behance-square:before{content:"\F1B5"}.fa-steam:before{content:"\F1B6"}.fa-steam-square:before{content:"\F1B7"}.fa-recycle:before{content:"\F1B8"}.fa-automobile:before,.fa-car:before{content:"\F1B9"}.fa-cab:before,.fa-taxi:before{content:"\F1BA"}.fa-tree:before{content:"\F1BB"}.fa-spotify:before{content:"\F1BC"}.fa-deviantart:before{content:"\F1BD"}.fa-soundcloud:before{content:"\F1BE"}.fa-database:before{content:"\F1C0"}.fa-file-pdf-o:before{content:"\F1C1"}.fa-file-word-o:before{content:"\F1C2"}.fa-file-excel-o:before{content:"\F1C3"}.fa-file-powerpoint-o:before{content:"\F1C4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\F1C5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\F1C6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\F1C7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\F1C8"}.fa-file-code-o:before{content:"\F1C9"}.fa-vine:before{content:"\F1CA"}.fa-codepen:before{content:"\F1CB"}.fa-jsfiddle:before{content:"\F1CC"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\F1CD"}.fa-circle-o-notch:before{content:"\F1CE"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\F1D0"}.fa-ge:before,.fa-empire:before{content:"\F1D1"}.fa-git-square:before{content:"\F1D2"}.fa-git:before{content:"\F1D3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\F1D4"}.fa-tencent-weibo:before{content:"\F1D5"}.fa-qq:before{content:"\F1D6"}.fa-wechat:before,.fa-weixin:before{content:"\F1D7"}.fa-send:before,.fa-paper-plane:before{content:"\F1D8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\F1D9"}.fa-history:before{content:"\F1DA"}.fa-circle-thin:before{content:"\F1DB"}.fa-header:before{content:"\F1DC"}.fa-paragraph:before{content:"\F1DD"}.fa-sliders:before{content:"\F1DE"}.fa-share-alt:before{content:"\F1E0"}.fa-share-alt-square:before{content:"\F1E1"}.fa-bomb:before{content:"\F1E2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\F1E3"}.fa-tty:before{content:"\F1E4"}.fa-binoculars:before{content:"\F1E5"}.fa-plug:before{content:"\F1E6"}.fa-slideshare:before{content:"\F1E7"}.fa-twitch:before{content:"\F1E8"}.fa-yelp:before{content:"\F1E9"}.fa-newspaper-o:before{content:"\F1EA"}.fa-wifi:before{content:"\F1EB"}.fa-calculator:before{content:"\F1EC"}.fa-paypal:before{content:"\F1ED"}.fa-google-wallet:before{content:"\F1EE"}.fa-cc-visa:before{content:"\F1F0"}.fa-cc-mastercard:before{content:"\F1F1"}.fa-cc-discover:before{content:"\F1F2"}.fa-cc-amex:before{content:"\F1F3"}.fa-cc-paypal:before{content:"\F1F4"}.fa-cc-stripe:before{content:"\F1F5"}.fa-bell-slash:before{content:"\F1F6"}.fa-bell-slash-o:before{content:"\F1F7"}.fa-trash:before{content:"\F1F8"}.fa-copyright:before{content:"\F1F9"}.fa-at:before{content:"\F1FA"}.fa-eyedropper:before{content:"\F1FB"}.fa-paint-brush:before{content:"\F1FC"}.fa-birthday-cake:before{content:"\F1FD"}.fa-area-chart:before{content:"\F1FE"}.fa-pie-chart:before{content:"\F200"}.fa-line-chart:before{content:"\F201"}.fa-lastfm:before{content:"\F202"}.fa-lastfm-square:before{content:"\F203"}.fa-toggle-off:before{content:"\F204"}.fa-toggle-on:before{content:"\F205"}.fa-bicycle:before{content:"\F206"}.fa-bus:before{content:"\F207"}.fa-ioxhost:before{content:"\F208"}.fa-angellist:before{content:"\F209"}.fa-cc:before{content:"\F20A"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\F20B"}.fa-meanpath:before{content:"\F20C"}.fa-buysellads:before{content:"\F20D"}.fa-connectdevelop:before{content:"\F20E"}.fa-dashcube:before{content:"\F210"}.fa-forumbee:before{content:"\F211"}.fa-leanpub:before{content:"\F212"}.fa-sellsy:before{content:"\F213"}.fa-shirtsinbulk:before{content:"\F214"}.fa-simplybuilt:before{content:"\F215"}.fa-skyatlas:before{content:"\F216"}.fa-cart-plus:before{content:"\F217"}.fa-cart-arrow-down:before{content:"\F218"}.fa-diamond:before{content:"\F219"}.fa-ship:before{content:"\F21A"}.fa-user-secret:before{content:"\F21B"}.fa-motorcycle:before{content:"\F21C"}.fa-street-view:before{content:"\F21D"}.fa-heartbeat:before{content:"\F21E"}.fa-venus:before{content:"\F221"}.fa-mars:before{content:"\F222"}.fa-mercury:before{content:"\F223"}.fa-intersex:before,.fa-transgender:before{content:"\F224"}.fa-transgender-alt:before{content:"\F225"}.fa-venus-double:before{content:"\F226"}.fa-mars-double:before{content:"\F227"}.fa-venus-mars:before{content:"\F228"}.fa-mars-stroke:before{content:"\F229"}.fa-mars-stroke-v:before{content:"\F22A"}.fa-mars-stroke-h:before{content:"\F22B"}.fa-neuter:before{content:"\F22C"}.fa-genderless:before{content:"\F22D"}.fa-facebook-official:before{content:"\F230"}.fa-pinterest-p:before{content:"\F231"}.fa-whatsapp:before{content:"\F232"}.fa-server:before{content:"\F233"}.fa-user-plus:before{content:"\F234"}.fa-user-times:before{content:"\F235"}.fa-hotel:before,.fa-bed:before{content:"\F236"}.fa-viacoin:before{content:"\F237"}.fa-train:before{content:"\F238"}.fa-subway:before{content:"\F239"}.fa-medium:before{content:"\F23A"}.fa-yc:before,.fa-y-combinator:before{content:"\F23B"}.fa-optin-monster:before{content:"\F23C"}.fa-opencart:before{content:"\F23D"}.fa-expeditedssl:before{content:"\F23E"}.fa-battery-4:before,.fa-battery-full:before{content:"\F240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\F241"}.fa-battery-2:before,.fa-battery-half:before{content:"\F242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\F243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\F244"}.fa-mouse-pointer:before{content:"\F245"}.fa-i-cursor:before{content:"\F246"}.fa-object-group:before{content:"\F247"}.fa-object-ungroup:before{content:"\F248"}.fa-sticky-note:before{content:"\F249"}.fa-sticky-note-o:before{content:"\F24A"}.fa-cc-jcb:before{content:"\F24B"}.fa-cc-diners-club:before{content:"\F24C"}.fa-clone:before{content:"\F24D"}.fa-balance-scale:before{content:"\F24E"}.fa-hourglass-o:before{content:"\F250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\F251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\F252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\F253"}.fa-hourglass:before{content:"\F254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\F255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\F256"}.fa-hand-scissors-o:before{content:"\F257"}.fa-hand-lizard-o:before{content:"\F258"}.fa-hand-spock-o:before{content:"\F259"}.fa-hand-pointer-o:before{content:"\F25A"}.fa-hand-peace-o:before{content:"\F25B"}.fa-trademark:before{content:"\F25C"}.fa-registered:before{content:"\F25D"}.fa-creative-commons:before{content:"\F25E"}.fa-gg:before{content:"\F260"}.fa-gg-circle:before{content:"\F261"}.fa-tripadvisor:before{content:"\F262"}.fa-odnoklassniki:before{content:"\F263"}.fa-odnoklassniki-square:before{content:"\F264"}.fa-get-pocket:before{content:"\F265"}.fa-wikipedia-w:before{content:"\F266"}.fa-safari:before{content:"\F267"}.fa-chrome:before{content:"\F268"}.fa-firefox:before{content:"\F269"}.fa-opera:before{content:"\F26A"}.fa-internet-explorer:before{content:"\F26B"}.fa-tv:before,.fa-television:before{content:"\F26C"}.fa-contao:before{content:"\F26D"}.fa-500px:before{content:"\F26E"}.fa-amazon:before{content:"\F270"}.fa-calendar-plus-o:before{content:"\F271"}.fa-calendar-minus-o:before{content:"\F272"}.fa-calendar-times-o:before{content:"\F273"}.fa-calendar-check-o:before{content:"\F274"}.fa-industry:before{content:"\F275"}.fa-map-pin:before{content:"\F276"}.fa-map-signs:before{content:"\F277"}.fa-map-o:before{content:"\F278"}.fa-map:before{content:"\F279"}.fa-commenting:before{content:"\F27A"}.fa-commenting-o:before{content:"\F27B"}.fa-houzz:before{content:"\F27C"}.fa-vimeo:before{content:"\F27D"}.fa-black-tie:before{content:"\F27E"}.fa-fonticons:before{content:"\F280"}.fa-reddit-alien:before{content:"\F281"}.fa-edge:before{content:"\F282"}.fa-credit-card-alt:before{content:"\F283"}.fa-codiepie:before{content:"\F284"}.fa-modx:before{content:"\F285"}.fa-fort-awesome:before{content:"\F286"}.fa-usb:before{content:"\F287"}.fa-product-hunt:before{content:"\F288"}.fa-mixcloud:before{content:"\F289"}.fa-scribd:before{content:"\F28A"}.fa-pause-circle:before{content:"\F28B"}.fa-pause-circle-o:before{content:"\F28C"}.fa-stop-circle:before{content:"\F28D"}.fa-stop-circle-o:before{content:"\F28E"}.fa-shopping-bag:before{content:"\F290"}.fa-shopping-basket:before{content:"\F291"}.fa-hashtag:before{content:"\F292"}.fa-bluetooth:before{content:"\F293"}.fa-bluetooth-b:before{content:"\F294"}.fa-percent:before{content:"\F295"}.fa-gitlab:before{content:"\F296"}.fa-wpbeginner:before{content:"\F297"}.fa-wpforms:before{content:"\F298"}.fa-envira:before{content:"\F299"}.fa-universal-access:before{content:"\F29A"}.fa-wheelchair-alt:before{content:"\F29B"}.fa-question-circle-o:before{content:"\F29C"}.fa-blind:before{content:"\F29D"}.fa-audio-description:before{content:"\F29E"}.fa-volume-control-phone:before{content:"\F2A0"}.fa-braille:before{content:"\F2A1"}.fa-assistive-listening-systems:before{content:"\F2A2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\F2A3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\F2A4"}.fa-glide:before{content:"\F2A5"}.fa-glide-g:before{content:"\F2A6"}.fa-signing:before,.fa-sign-language:before{content:"\F2A7"}.fa-low-vision:before{content:"\F2A8"}.fa-viadeo:before{content:"\F2A9"}.fa-viadeo-square:before{content:"\F2AA"}.fa-snapchat:before{content:"\F2AB"}.fa-snapchat-ghost:before{content:"\F2AC"}.fa-snapchat-square:before{content:"\F2AD"}.fa-pied-piper:before{content:"\F2AE"}.fa-first-order:before{content:"\F2B0"}.fa-yoast:before{content:"\F2B1"}.fa-themeisle:before{content:"\F2B2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\F2B3"}.fa-fa:before,.fa-font-awesome:before{content:"\F2B4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative; }
  .sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden; }
  .sweet-alert button {
    background-color: #8CD4F5;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #7ecff4; }
    .sweet-alert button:active {
      background-color: #5dc2f1; }
    .sweet-alert button.cancel {
      background-color: #C1C1C1; }
      .sweet-alert button.cancel:hover {
        background-color: #b9b9b9; }
      .sweet-alert button.cancel:active {
        background-color: #a8a8a8; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button[disabled] {
      opacity: .6;
      cursor: default; }
    .sweet-alert button.confirm[disabled] {
      color: transparent; }
      .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-fall {
  width: 54px;
  height: 18px; }

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%); } }

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%); } }
/**
 * 	Angular RangeSlider SCSS
 * 
 *	Version: 0.0.14
 *
 * 	Author: Daniel Crisp, danielcrisp.com
 *
 * 	The rangeSlider has been styled to match the default styling
 * 	of form elements styled using Twitter's Bootstrap
 * 
 * 	Originally forked from https://github.com/leongersen/noUiSlider
 *

	This code is released under the MIT Licence - http://opensource.org/licenses/MIT

	Copyright (c) 2013 Daniel Crisp

	Permission is hereby granted, free of charge, to any person obtaining a copy
	of this software and associated documentation files (the "Software"), to deal
	in the Software without restriction, including without limitation the rights
	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	copies of the Software, and to permit persons to whom the Software is
	furnished to do so, subject to the following conditions:

	The above copyright notice and this permission notice shall be included in
	all copies or substantial portions of the Software.

	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
	IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
	FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
	AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
	LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
	OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
	THE SOFTWARE.

 */
/*------------------------------------*\
    COMPASS IMPORTS
\*------------------------------------*/
/*------------------------------------*\
    SETTINGS
\*------------------------------------*/
/*------------------------------------*\
    THE CSS
\*------------------------------------*/
/* line 25, scss/_rangeSlider.scss */
.ngrs-range-slider {
  position: relative;
  margin: 10px 0 30px;
  padding: 4px;
  border: 1px solid #ccc;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-transition: border 0.2s linear, box-shadow 0.2s linear;
  -o-transition: border 0.2s linear, box-shadow 0.2s linear;
  -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
  transition: border 0.2s linear, box-shadow 0.2s linear;
  -webkit-tap-highlight-color: transparent;
  /*------------------------------------*\
      RUNNER
  \*------------------------------------*/
  /*------------------------------------*\
      JOIN (connects the two handles)
  \*------------------------------------*/
  /*------------------------------------*\
      HANDLE
  \*------------------------------------*/
  /*------------------------------------*\
      HANDLE SPECIFICS
  \*------------------------------------*/
  /*------------------------------------*\
      VALUE LABELS
  \*------------------------------------*/
  /*------------------------------------*\
      ATTACHED VALUE RUNNER
  \*------------------------------------*/
  /*------------------------------------*\
      VERTICAL SLIDER
  \*------------------------------------*/
  /*------------------------------------*\
      FOCUS STATE
  \*------------------------------------*/
  /*------------------------------------*\
      DISABLED STATE
  \*------------------------------------*/
}
/* line 28, scss/_rangeSlider.scss */
.ngrs-range-slider, .ngrs-range-slider * {
  display: block;
  cursor: default;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 53, scss/_rangeSlider.scss */
.ngrs-range-slider .ngrs-runner {
  position: relative;
  margin: 0 9px;
  height: 18px;
}
/* line 63, scss/_rangeSlider.scss */
.ngrs-range-slider .ngrs-join {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 100%;
  height: 8px;
  margin: -4px 0 0 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #2f96b4;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYzBkZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJmOTZiNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5bc0de), color-stop(100%, #2f96b4));
  background-image: -moz-linear-gradient(#5bc0de, #2f96b4);
  background-image: -webkit-linear-gradient(#5bc0de, #2f96b4);
  background-image: linear-gradient(#5bc0de, #2f96b4);
}
/* line 81, scss/_rangeSlider.scss */
.ngrs-range-slider .ngrs-handle {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 18px;
  margin: 0 0 0 -9px;
  background: #efefef;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /*------------------------------------*\
      HANDLE ICON
  \*------------------------------------*/
}
/* line 95, scss/_rangeSlider.scss */
.ngrs-range-slider .ngrs-handle i {
  display: block;
  width: 100%;
  height: 100%;
  background: no-repeat -9999px -9999px;
  cursor: pointer;
}
/* line 104, scss/_rangeSlider.scss */
.ngrs-range-slider .ngrs-handle.ngrs-over i {
  background-position: 50% 50%;
}
/* line 109, scss/_rangeSlider.scss */
.ngrs-range-slider .ngrs-handle.ngrs-down {
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
/* line 120, scss/_rangeSlider.scss */
.ngrs-range-slider .ngrs-handle-min i {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFNJREFUeNpiYMAEXEDsA+OwoEnKALETEHOgK2AEYhMgNkQ3DqSAB6pLAot1DExIJmAFzED8C4hvQdnIppyFKYCBp0D8CohloVafxWUqN7I3AQIMAKw6B24pOi8lAAAAAElFTkSuQmCC");
}
/* line 127, scss/_rangeSlider.scss */
.ngrs-range-slider .ngrs-handle-max i {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFdJREFUeNpiYEAAHyDmYkADzEhsByBWA+K3QPwJmwJjIGYBYlUgZgLi59gUwIAkEEsD8VMmBtyAkQFqJDZwAYjPAPE/dAU/gHg/ED/GpgvkTW50QYAAAwADfwrM5sqplgAAAABJRU5ErkJggg==");
}
/* line 137, scss/_rangeSlider.scss */
.ngrs-range-slider .ngrs-value {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 5px 0 0 0;
  font-size: 12px;
  color: #999;
}
/* line 145, scss/_rangeSlider.scss */
.ngrs-range-slider .ngrs-value.ngrs-value-max {
  left: auto;
  right: 0;
  text-align: right;
}
/* line 152, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-handle-min-down .ngrs-value-min, .ngrs-range-slider.ngrs-handle-max-down .ngrs-value-max {
  color: #333;
}
/* line 160, scss/_rangeSlider.scss */
.ngrs-range-slider .ngrs-attached-handles {
  margin: 0 9px;
  position: relative;
  /*------------------------------------*\
      ATTACHED VALUE RUNNER LABELS
  \*------------------------------------*/
}
/* line 167, scss/_rangeSlider.scss */
.ngrs-range-slider .ngrs-attached-handles .ngrs-value {
  text-align: left;
}
/* line 172, scss/_rangeSlider.scss */
.ngrs-range-slider .ngrs-attached-handles .ngrs-value > div {
  margin: 0 0 0 -50%;
}
/* line 181, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical {
  width: 28px;
  margin: 10px auto;
  /*------------------------------------*\
      RUNNER
  \*------------------------------------*/
  /*------------------------------------*\
      ATTACHED VALUE RUNNER
  \*------------------------------------*/
  /*------------------------------------*\
      JOIN
  \*------------------------------------*/
  /*------------------------------------*\
      HANDLE
  \*------------------------------------*/
  /*------------------------------------*\
      HANDLE SPECIFICS
  \*------------------------------------*/
  /*------------------------------------*\
      VALUE LABELS
  \*------------------------------------*/
  /*------------------------------------*\
      VERTICAL LEFT SLIDER
  \*------------------------------------*/
  /*------------------------------------*\
      VERTICAL RIGHT SLIDER
  \*------------------------------------*/
}
/* line 189, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical .ngrs-runner {
  margin: 9px 0;
  height: 300px;
  width: 18px;
}
/* line 199, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical .ngrs-value-runner.ngrs-attached-handles {
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  margin: 9px 0;
}
/* line 212, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical .ngrs-join {
  width: 8px;
  height: auto;
  top: 0;
  bottom: 100%;
  left: 50%;
  right: auto;
  margin: 0 0 0 -4px;
}
/* line 226, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical .ngrs-handle {
  width: 100%;
  height: 18px;
  margin: -9px 0 0 0;
}
/* line 237, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical .ngrs-handle-min i {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFFJREFUeNpiYEAFPFAMB0xIbEYgdoJiRpggM5ICUyBWhZoA0vgMWYEsENsg6ZQE4ldA/AmkkguIHZGNhQKQGBfIBHcgFmTABCxALMJAMQAIMAAcNgVQJ7t7JQAAAABJRU5ErkJggg==");
}
/* line 244, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical .ngrs-handle-max i {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeNpiYKAUMAKxDxBL4ZB/xgQk9gHxDyySILF9zEDiNxC/A2JVNAW7gfgtM5TzCYhZgFgCyr8IxNdADGZk+4BYGoi/APEBIP6PzVE8UAwHAAEGAArIDvzRFIA6AAAAAElFTkSuQmCC");
}
/* line 254, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical .ngrs-value {
  top: 0;
  left: 100%;
  padding: 0 0 0 5px;
}
/* line 259, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical .ngrs-value.ngrs-value-max {
  top: auto;
  bottom: 0;
  right: auto;
  text-align: left;
}
/* line 269, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical .ngrs-attached-handles .ngrs-value > div {
  margin: -50% 0 0 0;
}
/* line 279, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical.ngrs-left {
  margin: 10px 0;
}
/* line 287, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical.ngrs-right {
  margin: 10px 0 10px auto;
  /*------------------------------------*\
      VALUE LABELS
  \*------------------------------------*/
}
/* line 294, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical.ngrs-right .ngrs-value {
  left: auto;
  right: 100%;
  padding: 0 5px 0 0;
  text-align: right;
}
/* line 300, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical.ngrs-right .ngrs-value.ngrs-value-max {
  text-align: right;
}
/* line 306, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-vertical.ngrs-right .ngrs-value-runner.ngrs-attached-handles {
  left: 0;
}
/* line 318, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-focus {
  border-color: rgba(82, 168, 236, 0.8);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
/* line 329, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-disabled, .ngrs-range-slider.ngrs-disabled.ngrs-focus {
  border-color: #ddd;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 335, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-disabled .ngrs-handle {
  background: #fff;
  border-color: #ddd;
}
/* line 339, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-disabled .ngrs-handle i {
  background: none !important;
  cursor: default;
}
/* line 345, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-disabled .ngrs-join {
  background: #ddd;
}
/* line 349, scss/_rangeSlider.scss */
.ngrs-range-slider.ngrs-disabled .ngrs-value {
  color: #ddd;
}

/*------------------------------------*\
    TOUCH STATE
\*------------------------------------*/
/* line 361, scss/_rangeSlider.scss */
body.ngrs-touching {
  -ms-touch-action: none;
}
.angular-ui-tree-dropzone,.angular-ui-tree-empty{border:1px dashed #bbb;min-height:100px;background-color:#e5e5e5;background-image:-webkit-linear-gradient(45deg,#fff 25%,transparent 0,transparent 75%,#fff 0,#fff),-webkit-linear-gradient(45deg,#fff 25%,transparent 0,transparent 75%,#fff 0,#fff);background-image:linear-gradient(45deg,#fff 25%,transparent 0,transparent 75%,#fff 0,#fff),linear-gradient(45deg,#fff 25%,transparent 0,transparent 75%,#fff 0,#fff);background-size:60px 60px;background-position:0 0,30px 30px}.angular-ui-tree-empty{pointer-events:none}.angular-ui-tree-nodes{position:relative;margin:0;padding:0;list-style:none}.angular-ui-tree-nodes .angular-ui-tree-nodes{padding-left:20px}.angular-ui-tree-node,.angular-ui-tree-placeholder{position:relative;margin:0;padding:0;min-height:20px;line-height:20px}.angular-ui-tree-hidden{display:none}.angular-ui-tree-placeholder{margin:10px;padding:0;min-height:30px}.angular-ui-tree-handle{cursor:move;text-decoration:none;font-weight:700;box-sizing:border-box;min-height:20px;line-height:20px}.angular-ui-tree-drag{position:absolute;pointer-events:none;z-index:999;opacity:.8}.angular-ui-tree-drag .tree-node-content{margin-top:0}@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}img-crop{width:100%;height:100%;display:block;position:relative;overflow:hidden}img-crop canvas{display:block;position:absolute;top:50%;left:50%;outline:0;-webkit-tap-highlight-color:transparent}/*
 *
 * Main stylesheet for Switchery.
 * http://abpetkov.github.io/switchery/
 *
 */

.switchery {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  position: relative;
  vertical-align: middle;
  width: 50px;
}

.switchery > small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 30px;
  position: absolute;
  top: 0;
  width: 30px;
}/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.5
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);display:none}.chosen-container.chosen-with-drop .chosen-drop{display:block}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-single input[type=text]{cursor:pointer;opacity:0;position:absolute;width:0}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(/dist/public/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(/dist/public/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(/dist/public/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;opacity:0;pointer-events:none}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(/dist/public/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(/dist/public/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(/dist/public/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.8 - 2017-04-18T05:43:43.881Z
 * License: MIT
 */.ui-select-highlight{font-weight:700}.ui-select-offscreen{clip:rect(0 0 0 0)!important;width:1px!important;height:1px!important;border:0!important;margin:0!important;padding:0!important;overflow:hidden!important;position:absolute!important;outline:0!important;left:0!important;top:0!important}.selectize-control.single>.selectize-input>input,.selectize-control>.selectize-dropdown{width:100%}.ui-select-choices-row:hover{background-color:#f5f5f5}.ng-dirty.ng-invalid>a.select2-choice{border-color:#D44950}.select2-result-single{padding-left:0}.select-locked>.ui-select-match-close,.select2-locked>.select2-search-choice-close{display:none}body>.select2-container.open{z-index:9999}.ui-select-container.select2.direction-up .ui-select-match,.ui-select-container[theme=select2].direction-up .ui-select-match{border-radius:0 0 4px 4px}.ui-select-container.select2.direction-up .ui-select-dropdown,.ui-select-container[theme=select2].direction-up .ui-select-dropdown{border-radius:4px 4px 0 0;border-top-width:1px;border-top-style:solid;box-shadow:0 -4px 8px rgba(0,0,0,.25);margin-top:-4px}.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search,.ui-select-container[theme=select2].direction-up .ui-select-dropdown .select2-search{margin-top:4px}.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match,.ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match{border-bottom-color:#5897fb}.ui-select-container[theme=select2] .ui-select-dropdown .ui-select-search-hidden,.ui-select-container[theme=select2] .ui-select-dropdown .ui-select-search-hidden input{opacity:0;height:0;min-height:0;padding:0;margin:0;border:0}.selectize-input.selectize-focus{border-color:#007FBB!important}.selectize-control.multi>.selectize-input>input{margin:0!important}.ng-dirty.ng-invalid>div.selectize-input{border-color:#D44950}.ui-select-container[theme=selectize].direction-up .ui-select-dropdown{box-shadow:0 -4px 8px rgba(0,0,0,.25);margin-top:-2px}.ui-select-container[theme=selectize] input.ui-select-search-hidden{opacity:0;height:0;min-height:0;padding:0;margin:0;border:0;width:0}.btn-default-focus{color:#333;background-color:#EBEBEB;border-color:#ADADAD;text-decoration:none;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.ui-select-bootstrap .ui-select-toggle{position:relative}.ui-select-bootstrap .ui-select-toggle>.caret{position:absolute;height:10px;top:50%;right:10px;margin-top:-2px}.input-group>.ui-select-bootstrap.dropdown{position:static}.input-group>.ui-select-bootstrap>input.ui-select-search.form-control{border-radius:4px 0 0 4px}.input-group>.ui-select-bootstrap>input.ui-select-search.form-control.direction-up{border-radius:4px 0 0 4px!important}.ui-select-bootstrap .ui-select-search-hidden{opacity:0;height:0;min-height:0;padding:0;margin:0;border:0}.ui-select-bootstrap>.ui-select-match>.btn{text-align:left!important}.ui-select-bootstrap>.ui-select-match>.caret{position:absolute;top:45%;right:15px}.ui-select-bootstrap>.ui-select-choices,.ui-select-bootstrap>.ui-select-no-choice{width:100%;height:auto;max-height:200px;overflow-x:hidden;margin-top:-1px}body>.ui-select-bootstrap.open{z-index:1000}.ui-select-multiple.ui-select-bootstrap{height:auto;padding:3px 3px 0}.ui-select-multiple.ui-select-bootstrap input.ui-select-search{background-color:transparent!important;border:none;outline:0;height:1.666666em;margin-bottom:3px}.ui-select-multiple.ui-select-bootstrap .ui-select-match .close{font-size:1.6em;line-height:.75}.ui-select-multiple.ui-select-bootstrap .ui-select-match-item{outline:0;margin:0 3px 3px 0}.ui-select-multiple .ui-select-match-item{position:relative}.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close{pointer-events:none}.ui-select-multiple:hover .ui-select-match-item.dropping-before:before{content:"";position:absolute;top:0;right:100%;height:100%;margin-right:2px;border-left:1px solid #428bca}.ui-select-multiple:hover .ui-select-match-item.dropping-after:after{content:"";position:absolute;top:0;left:100%;height:100%;margin-left:2px;border-right:1px solid #428bca}.ui-select-bootstrap .ui-select-choices-row>span{cursor:pointer;display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.ui-select-bootstrap .ui-select-choices-row>span:focus,.ui-select-bootstrap .ui-select-choices-row>span:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.ui-select-bootstrap .ui-select-choices-row.active>span{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.ui-select-bootstrap .ui-select-choices-row.active.disabled>span,.ui-select-bootstrap .ui-select-choices-row.disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.ui-select-match.ng-hide-add,.ui-select-search.ng-hide-add{display:none!important}.ui-select-bootstrap.ng-dirty.ng-invalid>button.btn.ui-select-match{border-color:#D44950}.ui-select-container[theme=bootstrap].direction-up .ui-select-dropdown{box-shadow:0 -4px 8px rgba(0,0,0,.25)}.ui-select-bootstrap .ui-select-match-text{width:100%;padding-right:1em}.ui-select-bootstrap .ui-select-match-text span{display:inline-block;width:100%;overflow:hidden}.ui-select-bootstrap .ui-select-toggle>a.btn{position:absolute;height:10px;right:10px;margin-top:-2px}.ui-select-refreshing.glyphicon{position:absolute;right:0;padding:8px 27px}@-webkit-keyframes ui-select-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ui-select-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.ui-select-spin{-webkit-animation:ui-select-spin 2s infinite linear;animation:ui-select-spin 2s infinite linear}.ui-select-refreshing.ng-animate{-webkit-animation:none 0s}
/*! angular-spinkit 2016-02-22 */
.chasing-dots-spinner{margin:100px auto;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:rotate 2s infinite linear;animation:rotate 2s infinite linear}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#333;border-radius:100%;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.spinning-dots-spinner{margin:100px auto;width:20px;height:20px;position:relative}.container1>div,.container2>div,.container3>div{width:6px;height:6px;background-color:#333;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinning-dots-spinner .spinner-container{position:absolute;width:100%;height:100%}.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.circle1{top:0;left:0}.circle2{top:0;right:0}.circle3{right:0;bottom:0}.circle4{left:0;bottom:0}.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.container3 .circle1{-webkit-animation-delay:-1s;animation-delay:-1s}.container1 .circle2{-webkit-animation-delay:-.9s;animation-delay:-.9s}.container2 .circle2{-webkit-animation-delay:-.8s;animation-delay:-.8s}.container3 .circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s}.container1 .circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s}.container2 .circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s}.container3 .circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s}.container1 .circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s}.container2 .circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s}.container3 .circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.double-bounce-spinner{width:40px;height:40px;position:relative;margin:100px auto}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.pulse-spinner{width:40px;height:40px;margin:100px auto;background-color:#333;border-radius:100%;-webkit-animation:scaleout 1s infinite ease-in-out;animation:scaleout 1s infinite ease-in-out}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes scaleout{0%{transform:scale(0);-webkit-transform:scale(0)}100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}}.three-dots-row-spinner{width:30px;height:30px;background-color:#333;margin:100px auto;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.wandering-cubes-spinner{margin:100px auto;width:32px;height:32px;position:relative}.wandering-cubes-spinner:after,.wandering-cubes-spinner:before{content:'';background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.wandering-cubes-spinner:after{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes cubemove{25%{-webkit-transform:translateX(22px) rotate(-90deg) scale(0.5)}50%{-webkit-transform:translateX(22px) translateY(22px) rotate(-180deg)}75%{-webkit-transform:translateX(0px) translateY(22px) rotate(-270deg) scale(0.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes cubemove{25%{transform:translateX(42px) rotate(-90deg) scale(0.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}.wave-spinner{margin:100px auto;width:50px;height:30px;text-align:center;font-size:10px}.wave-spinner>div{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}.wave-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.wave-spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.wave-spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.wave-spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,100%,40%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.three-bounce-spinner{margin:100px auto 0;width:70px;text-align:center}.three-bounce-spinner>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out both;animation:bouncedelay 1.4s infinite ease-in-out both}.three-bounce-spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.three-bounce-spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.cube-grid-spinner{width:30px;height:30px;margin:100px auto}.cube{width:33%;height:33%;background:#333;float:left;-webkit-animation:scaleDelay 1.3s infinite ease-in-out;animation:scaleDelay 1.3s infinite ease-in-out}.cube-grid-spinner .cube:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}.cube-grid-spinner .cube:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.cube-grid-spinner .cube:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.cube-grid-spinner .cube:nth-child(4){-webkit-animation-delay:.1s;animation-delay:.1s}.cube-grid-spinner .cube:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}.cube-grid-spinner .cube:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}.cube-grid-spinner .cube:nth-child(7){-webkit-animation-delay:0s;animation-delay:0s}.cube-grid-spinner .cube:nth-child(8){-webkit-animation-delay:.1s;animation-delay:.1s}.cube-grid-spinner .cube:nth-child(9){-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes scaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1)}}@keyframes scaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(1,1,1);transform:scale3D(0,0,1)}}.word-press-spinner{background:#333;width:30px;height:30px;display:inline-block;border-radius:30px;position:relative;-webkit-animation:inner-circle 1s linear infinite;animation:inner-circle 1s linear infinite}.inner-circle{display:block;background:#fff;width:8px;height:8px;position:absolute;border-radius:8px;top:5px;left:5px}@-webkit-keyframes inner-circle{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes inner-circle{0%{transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}.fading-circle-spinner{margin:100px auto;width:22px;height:22px;position:relative}.fading-circle{width:100%;height:100%;position:absolute;left:0;top:0}.fading-circle:before{content:'';display:block;margin:0 auto;width:18%;height:18%;background-color:#333;border-radius:100%;-webkit-animation:fadedelay 1.2s infinite ease-in-out both;animation:fadedelay 1.2s infinite ease-in-out both}.fading-circle2{transform:rotate(30deg);-webkit-transform:rotate(30deg)}.fading-circle3{transform:rotate(60deg);-webkit-transform:rotate(60deg)}.fading-circle4{transform:rotate(90deg);-webkit-transform:rotate(90deg)}.fading-circle5{transform:rotate(120deg);-webkit-transform:rotate(120deg)}.fading-circle6{transform:rotate(150deg);-webkit-transform:rotate(150deg)}.fading-circle7{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.fading-circle8{transform:rotate(210deg);-webkit-transform:rotate(210deg)}.fading-circle9{transform:rotate(240deg);-webkit-transform:rotate(240deg)}.fading-circle10{transform:rotate(270deg);-webkit-transform:rotate(270deg)}.fading-circle11{transform:rotate(300deg);-webkit-transform:rotate(300deg)}.fading-circle12{transform:rotate(330deg);-webkit-transform:rotate(330deg)}.fading-circle2:before{animation-delay:-1.1s;-webkit-animation-delay:-1.1s}.fading-circle3:before{animation-delay:-1s;-webkit-animation-delay:-1s}.fading-circle4:before{animation-delay:-.9s;-webkit-animation-delay:-.9s}.fading-circle5:before{animation-delay:-.8s;-webkit-animation-delay:-.8s}.fading-circle6:before{animation-delay:-.7s;-webkit-animation-delay:-.7s}.fading-circle7:before{animation-delay:-.6s;-webkit-animation-delay:-.6s}.fading-circle8:before{animation-delay:-.5s;-webkit-animation-delay:-.5s}.fading-circle9:before{animation-delay:-.4s;-webkit-animation-delay:-.4s}.fading-circle10:before{animation-delay:-.3s;-webkit-animation-delay:-.3s}.fading-circle11:before{animation-delay:-.2s;-webkit-animation-delay:-.2s}.fading-circle12:before{animation-delay:-.1s;-webkit-animation-delay:-.1s}@-webkit-keyframes fadedelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes fadedelay{0%,100%,39%{opacity:0}40%{opacity:1}}body.gumga-avatar div.modal {
  display: flex !important;
  align-items: center; }
  body.gumga-avatar div.modal div.modal-content {
    border-radius: 3px;
    border: none;
    display: flex;
    flex-direction: column;
    background: #F2F2F2; }
  body.gumga-avatar div.modal div.modal-dialog {
    width: 800px;
    height: 500px; }
  body.gumga-avatar div.modal div.modal-body {
    height: 450px;
    width: 500px;
    margin: 0 auto;
    padding: 40px;
    background: #F2F2F2; }
    body.gumga-avatar div.modal div.modal-body .croppie-container .cr-slider-wrap {
      width: 50%;
      margin-top: 55px; }
  body.gumga-avatar div.modal div.modal-heading {
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    background: #F6F7F9; }
    body.gumga-avatar div.modal div.modal-heading label {
      font-family: Helvetica, Arial, sans-serif;
      color: #4b4f56;
      font-weight: bold;
      font-size: 14px;
      line-height: 18px;
      padding: 12px;
      margin: 0; }
  body.gumga-avatar div.modal div.modal-footer {
    bottom: -57px;
    position: absolute;
    width: 100%;
    background: #fff;
    border-top: 1px solid #e5e5e5; }
    body.gumga-avatar div.modal div.modal-footer button {
      background: #f3f3f3;
      border: 1px solid #ccc;
      padding: 3px 15px 3px 15px;
      border-radius: 3px; }
    body.gumga-avatar div.modal div.modal-footer button.cancel {
      background: transparent;
      border: none; }
    body.gumga-avatar div.modal div.modal-footer button.cancel:hover {
      color: #7f7f7f; }

gumga-avatar .photoCircle {
  border-radius: 50% !important; }

gumga-avatar .photoContainer {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  background: #FFF;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 300ms ease;
  cursor: pointer; }
  gumga-avatar .photoContainer input[type="file"] {
    display: none; }
  gumga-avatar .photoContainer .photoPicker.circle {
    margin: 0 auto;
    bottom: inherit;
    border-radius: 3px; }
  gumga-avatar .photoContainer .photoPicker {
    cursor: pointer;
    opacity: 0;
    transition: all 300ms ease;
    position: absolute;
    bottom: 5px;
    height: 52px;
    background: rgba(37, 37, 37, 0.69);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF; }
    gumga-avatar .photoContainer .photoPicker i {
      color: #ccc;
      margin: 0 5px 0 0px;
      font-size: 18px; }

gumga-avatar .photoContainer:hover .photoPicker {
  opacity: 1; }

gumga-avatar .photoContainer:hover .photoPicker:hover {
  background: rgba(37, 37, 37, 0.87); }
.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
	/*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}
.cr-rotate-controls button {
	border: 0;
	background: none;
}
.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}
.cr-rotate-l i:before {
	content: '\21BA';
}
.cr-rotate-r i:before {
	content: '\21BB';
}/*MULTI SELECT STYLE*/

.select-clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.select-clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .select-clearfix { height: 1%; }
.select-clearfix { display: block; }
/* close commented backslash hack */

gumga-chips .item-disabled{
  opacity: 0.7;
}

gumga-chips .option-disabled{
  opacity: 0.5;
  background: #FFFFFF !important;
  cursor: default !important;
}

gumga-chips > div {
  width: 100%;
  min-height: 48px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
  display: block;
  font-family: Roboto,Helvetica Neue,sans-serif;
  font-size: 16px;
  position: relative;
  background: #FFFFFF;
  padding: 0 0 8px 8px;
  vertical-align: middle;
}

gumga-chips > div .item-container{
  background: rgb(238,238,238);
  cursor: default;
  border-radius: 16px;
  display: block;
  height: 32px;
  line-height: 32px;
  margin: 8px 8px 0 0;
  padding: 0 12px;
  float: left;
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
  outline: none;
}

gumga-chips > div .item-container:focus, gumga-chips > div .item-container:active{
  outline: none;
}

gumga-chips > div .item-container.item-focused{
  background: #106CC8;
  outline: none;
}

gumga-chips .option-focused{
  background: rgb(238,238,238);
  outline: none;
}

gumga-chips-option li.option-container:active, gumga-chips-option li.option-container:focus{
  outline: none;
}

gumga-chips > div .item-container.item-focused span{
  color: #E0ECF8;
}

gumga-chips > div .item-container.item-focused > i{
  color: #E0ECF8;
}

gumga-chips > div .item-container{
  display: flex;
  align-items: center;
  font-size: 14px;
  max-width: 98%;
}

gumga-chips[full-mode] > div .item-container{
  border-radius: 3px;
  width: 100%;
}

gumga-chips div.content-bottom{
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 1;
  top: 100%;
}

gumga-chips[full-mode][input-position="start"] div.content-bottom{
  top: 45px;
}

gumga-chips div.show-new-option.new-focused{
  background: rgb(238,238,238);
  outline: none;
}

gumga-chips div.no-options, gumga-chips div.show-new-option{
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  z-index: 1;
  box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
  transition: all .4s cubic-bezier(.25,.8,.25,1);
  border: none;
  background: #FFF;
  padding: 12px;
}

gumga-chips[full-mode][input-position="start"] div.no-options, gumga-chips div.show-new-option{
  top: 45px;
}

gumga-chips > div .item-container span{
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 95%;
  flex: 1;
}

gumga-chips > div .item-container > i{
    font-weight: 900;
    cursor: pointer;
    color: #5f5b5b;
    vertical-align: middle;
    font-size: 18px;
}

gumga-chips > div .item-container > i:hover{
  color: #000000;
}


gumga-chips .input-chips-content i.material-icons{
  position: absolute;
  top: 12px;
  right: 15px;
}

gumga-chips .input-chips-content{
  position: relative;
  min-width: 152px;
}

gumga-chips .input-chips-content{
  float: left;
}

gumga-chips .input-chips-content.full-mode{
  width: 100%;
  float: none;
  margin-left: -5px;
  overflow: hidden;
}

gumga-chips[full-mode] div.input-chips-content input.chips{
  width: 100%;
  padding-right: 50px;
  margin-left: 12px;
}

gumga-chips .input-chips-content.empty{
  width: 100%;
  float: none;
}

gumga-chips div.input-chips-content input.chips{
  margin: 8px 8px 0px 5px;
  display: block;
  padding: 0;
  float: left;
  border: 0;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  user-select: text;
  cursor: auto;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  text-align: start;
  font: 13.3333px Arial;
  -webkit-appearance: none;
  font-size: 14px;
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
  background: transparent;
  padding-right: 35px;
}

gumga-chips > div ul.options{
  width: 100%;
  left: 0;
  top: 100%;
  box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
  transition: all .4s cubic-bezier(.25,.8,.25,1);
  border: none;
  padding: 0;
  background: #FFFFFF;
  display: none;
  max-height: 192px;
  overflow: auto;
  margin: 0;
}

gumga-chips > div ul.options.open{
  display: block;
  border-top: 1px solid #ccc;
}

gumga-chips .item-disabled i{
  cursor: default !important;
  color: #5f5b5b !important;
}

gumga-chips > div ul.options li{
  font-size: 14px;
  overflow: hidden;
  padding: 0 15px;
  line-height: 48px;
  height: 48px;
  -webkit-transition: background .15s linear;
  transition: background .15s linear;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}

gumga-chips > div ul.options li:hover{
  background: rgb(238,238,238);
  cursor: pointer;
}

gumga-chips .progress {
  max-width: 100%;
  overflow: hidden;
  background: #ddd;
  left: 0;
  width: 100%;
  border-radius: 0;
  height: 2px;
  bottom: 0;
  margin: 0;
  padding: 0;
}

gumga-chips .arrow-drop-down{
  cursor: pointer;
}

gumga-chips .indeterminate {
  position: absolute;
  width: 100%;
  height: 2px;
  transform: translateZ(0);
}
gumga-chips .indeterminate:before, .indeterminate:after {
  content: '';
  position: absolute;
  background-color: #6639B6;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
gumga-chips .indeterminate:before {
  animation: indeterminate 3s cubic-bezier(0.195, 0.36, 0.945, 1.65) infinite;
}
gumga-chips .indeterminate:after {
  animation: indeterminate 3s cubic-bezier(0.9, -0.59, 0.715, 1.045) infinite;
}

@keyframes indeterminate {
  0% {
    width: 0%;
    transform: translateX(-100%);
  }
  100% {
    width: 100%;
    transform: translateX(100%);
  }
}


gumga-chips[full-mode] > div {
  display: flex;
  flex-direction: column;
}

/* gumga-chips[input-position="bottom"] .input-chips-content.full-mode{
  order: 2;
} */gumga-tree-ng > div {
  width: 100%;
  min-height: 200px;
  background: #FFFFFF;
  border: 1px dashed #CCCCCC;
  padding: 10px 15px 15px 0px;
}

gumga-tree-ng gumga-tree-ng-child > div {
  padding-left: 15px;
}

gumga-tree-ng gumga-tree-ng-child .gumga-tree-ng-item-child[draggable="false"]{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

gumga-tree-ng gumga-tree-ng-child .gumga-tree-ng-item-child {
  width: 100%;
  min-height: 40px;
  color: #666;
  text-decoration: none;
  background-color: #f5f5f5;
  font-weight: 600;
  margin: 5px 0 0 0px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  border-radius: 3px;
  border: 1px solid transparent;
}

gumga-tree-ng gumga-tree-ng-child .gumga-tree-ng-item-child .glyphicon-chevron-down{
  padding: 6px 5px 5px 6px;
}

gumga-tree-ng gumga-tree-ng-child .gumga-tree-ng-item-child .glyphicon-chevron-right{
  padding: 5px 5px 5px 5px;
}

/*gumga-tree-ng gumga-tree-ng-child .gumga-tree-ng-item-child .glyphicon-chevron-right:hover{
  transition: 0.5s;
  transform: rotate(90deg);
  padding: 5px 5px 5px 5px;
}*/

gumga-tree-ng gumga-tree-ng-child .gumga-tree-ng-item-child .glyphicon-chevron-right, gumga-tree-ng gumga-tree-ng-child .gumga-tree-ng-item-child .glyphicon-chevron-down{
  margin: 0 0px 0 10px;
  vertical-align: middle;
  border-radius: 50%;
  cursor: pointer;
}

gumga-tree-ng gumga-tree-ng-child .gumga-tree-ng-item-child .glyphicon-chevron-right:hover, gumga-tree-ng gumga-tree-ng-child .gumga-tree-ng-item-child .glyphicon-chevron-down:hover{
  background: rgba(97, 95, 95, 0.12);
}

gumga-tree-ng gumga-tree-ng-child .gumga-tree-over {
  border: 1px dashed #858585;
}

gumga-tree-ng gumga-tree-ng-child .gumga-tree-opacity {
  opacity: 0.4;
}

gumga-tree-ng .gumga-tree-ng-item-child > ng-transclude {
  padding: 10px;
}

gumga-tree-ng .gumga-tree-ng-item-child .space-between {
  margin-left: 36px;
}

.gumga-tree-ng-bg-xadrez {
      border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg,#fff 25%,transparent 0,transparent 75%,#fff 0,#fff),-webkit-linear-gradient(45deg,#fff 25%,transparent 0,transparent 75%,#fff 0,#fff);
    background-image: linear-gradient(45deg,#fff 25%,transparent 0,transparent 75%,#fff 0,#fff),linear-gradient(45deg,#fff 25%,transparent 0,transparent 75%,#fff 0,#fff);
    background-size: 60px 60px;
    background-position: 0 0,30px 30px;
    pointer-events: none;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
    background-image: -moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
    background-image: linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
    background-size: 60px 60px;
    background-position: 0 0,30px 30px;
}ng-color-picker ul {
    padding: 0;
    margin: 0;
}

ng-color-picker li {
    width:20px;
    height:20px;
    box-sizing:border-box;
    display:inline-block;
}

ng-color-picker li.selected {
    border: 2px solid #fff;
}@font-face {
  font-family: 'icomoon';
  src:  url(/dist/public/icomoon.eot);
  src:  url(/dist/public/icomoon.eot#iefix) format('embedded-opentype'),
    url(/dist/public/icomoon.ttf) format('truetype'),
    url(/dist/public/icomoon.woff) format('woff'),
    url(/dist/public/icomoon.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon-fm {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  direction: ltr;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}

.icon-plus-minus:before {
  content: "\E900";
}
.icon-faturar:before {
  content: "\E901";
}

/* essa classe é do google endereço, ele adiciona estilo no html, é necessário important para sobescrever */
.pac-container {
    z-index: 9999999 !important;
}
.title-product {
    font-size: 18px;
    font-weight: bold;
}

.scroll-exchange {
    max-height: 321px;
    overflow-y: auto;
}

.scroll-inventory {
    max-height: 240px;
    overflow-y: auto;
}

.scroll-inventorycount {
    max-height: 420px;
    overflow-y: auto;
}

.data-cancellation {
    font-weight: bold;
    cursor: pointer;
    color: red;
}

.ace_editor {
    height: 50px;
    border: #E5E6E7 solid 1px;
}

.dropdown-custom {
    left: auto;
    right: auto;
    width: 240px;
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.big-table {
    width: 1500px;
}
.home-div{
    max-width: 400px;
    z-index: 100;
    margin: 10px auto 35px auto;
    padding-top: 40px;
}

hr.catalog {
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal-content {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

.warning-text {
    color: #ed5565;
}
.success-text {
    color: #5cb85c;
}

.display-flex{
    display: flex;
}

.i-b{
    display: inline-block;
}

.modal-center .modal.in .modal-dialog {
    transform: translate(0, 0);
}

.modal-center .modal-dialog {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    transform: none !important;
    margin: 0;
}

.modal-center .modal-content {
    margin: 0 auto;
}

.loading-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 5px solid #fff;
    border-radius: 100%;
    border-top: 5px solid transparent;
        -webkit-animation: load-animate infinite linear 1s;
                animation: load-animate infinite linear 1s;
}

@-webkit-keyframes load-animate {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      opacity: 0.35;
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
}
@keyframes load-animate {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      opacity: 0.35;
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
}

.link-generate-name {
    text-decoration: underline;
    height: 54px;
    display: flex;
    align-items: center;
}

gumga-many-to-one input {
    text-transform: none;
}.onboarding-popover {
  position: absolute;
  z-index: 100001;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  max-width: 800px;
  max-height: 800px;
  min-width: 100px;
  min-height: 50px;
}
.onboarding-popover.onboarding-top {
  margin-top: -10px;
}
.onboarding-popover.onboarding-right {
  margin-left: 10px;
}
.onboarding-popover.onboarding-bottom {
  margin-top: 10px;
}
.onboarding-popover.onboarding-left {
  margin-left: -10px;
}
.onboarding-popover.onboarding-centered {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.onboarding-arrow,
.onboarding-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.onboarding-arrow {
  border-width: 11px;
}
.onboarding-arrow:after {
  border-width: 10px;
  content: "";
}
.onboarding-popover.onboarding-bottom .onboarding-arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #cccccc;
  border-top-width: 0;
}
.onboarding-popover.onboarding-bottom .onboarding-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.onboarding-popover.onboarding-top .onboarding-arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #cccccc;
  border-bottom-width: 0;
}
.onboarding-popover.onboarding-top .onboarding-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.onboarding-popover.onboarding-left .onboarding-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #cccccc;
  border-right-width: 0;
}
.onboarding-popover.onboarding-left .onboarding-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.onboarding-popover.onboarding-right .onboarding-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #cccccc;
  border-left-width: 0;
}
.onboarding-popover.onboarding-right .onboarding-arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.onboarding-popover-title {
  position: relative;
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  background-color: #ffffff;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.onboarding-close-button {
  position: absolute;
  top: 2px;
  right: 5px;
  display: inline-block;
  padding: 5px;
  font-size: 110%;
  font-family: Arial, sans-serif;
}
.onboarding-close-button,
.onboarding-close-button:hover,
.onboarding-close-button:visited {
  color: #333;
  text-decoration: none;
}
.onboarding-popover-content {
  padding: 9px 14px;
}
.onboarding-button-container {
  text-align: right;
  padding: 7px;
  display: block;
  background-color: #f4f4f4;
}
.onboarding-button {
  padding: 5px 10px;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  color: #333;
  background-color: #fff;
  display: inline-block;
  text-decoration: none;
}
.onboarding-button:hover,
.onboarding-button:active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.onboarding-overlay {
  position: absolute;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000%;
  background-color: #000000;
}
.onboarding-focus {
  z-index: 100000;
}
.onboarding-step-info {
  float: left;
  text-align: left;
  display: inline-block;
  margin-top: 7px;
  font-size: 80%;
  font-style: italic;
}

/*Recibo de pagamento*/

.receipt-header {
    border: 1px solid;
    width: 1000px;
}

.receipt-header-number {
    border: 1px solid;
    margin: 10px 10px 0 10px;
    display: inline-block;
    text-align: center;
}

.receipt-header-name {
    display: inline-block;
    margin-left: 95px;
}

.padding {
    padding-top: 10px;
    margin-right: 54px;
    margin-left: 5px;
    font-size: 23px;
}

.line {
    margin-bottom: 10px !important;
    border-top: 1px solid #000;
}

.table-title {
    text-align: center;
    font-size: 24px;
}

.checks {
    width: 340px;
    display: inline-block;
    margin-left: 10px;
}

.moneyCard {
    width: 235px;
    display: inline-block;
    margin-left: 50px;
}

.bank {
    display: inline-block;
    margin-left: 50px;
}

.signature {
    margin: 15px;
}

.tree-plan {
    background: #fff;
    border: none;
    color: #000;
    font-weight: 100;
    padding: 10px 10px;
    box-sizing: border-box;
    min-height: 20px;
    line-height: 20px;
    border-bottom: 1px solid #000;
}


.agenda {
    border: 1px solid #ddd;
    padding: 0px 0px 0px 6px;
    margin-top: 5px;
}

.lasted-collection {
    border-bottom: 1px solid !important;
    background-color: #fff !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.tabs-content{
    border-left: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    min-height: 460px;
}
.h2-margin{
    margin-top:0;
    display:inline
}

.voice{
    color:red !important;
}

.receipt-header-name-receive {
    display: inline-block;
    margin-left: 20%;
}

.receipt-header-value {
    border: 1px solid;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    margin-right: 10px;
    float: right;

}

.receipt-header-value-receive {
    border: 1px solid;
    display: inline-block;
    text-align: center;
    margin-left: 65px;
}

.table-ellipsis {
    width: 120%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.modal-larger {
    width: 90%;
}

.color-red {
    color: red;
}


.grid-parcels .gumga-date-input {
    padding: 0;
    border-bottom: 1px solid #333 !important;
    text-align: center;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    border: 0px;
    color: var(--neutral1);
}
.ma-container label.mbg-label.input-label.mbg-label, .mbg-label {
    font-size: 11px;
    color: #444;
    margin-bottom: 3px;
}

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

gumga-many-to-one[name="documentType"] input{
    text-transform: capitalize;
}

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

.mbg-label {
    font-size: 14px;
    color: var(--neutral1);
    margin-top: 15px;
    font-weight: 400;
    margin-bottom: 12px;
}

.info-title-edit {
    text-align: right;
}/*
Stimulsoft.Reports.JS
Version: 2017.1.4
Build date: 2017.05.15
*/
.stiDesignerChartFormToolBarCell{border:0;margin:0;padding:0;border-bottom:1px dotted #c6c6c6}.stiDesignerChartFormToolBarCellWithOutBorder{border:0;margin:0;padding:0}.stiDesignerSeriesPropertiesContainer{border-left:1px dotted #c6c6c6;overflow-y:auto;overflow-x:hidden}.stiDesignerSeriesContainer{border-right:1px dotted #c6c6c6;overflow-y:auto;overflow-x:auto;text-align:center}.stiDesignerChartFormContainer{border-top:1px dotted #c6c6c6;overflow-y:auto}.stiDesignerChartImage{height:400px;width:400px;overflow:hidden}.stiDesignerChartFormSeriesCaptionCell{text-align:center;padding:4px;font-family:Arial;font-size:12px;color:#444}.stiDesignerChartFormSeriesLabelsButtonsCell{border-top:1px dotted #c6c6c6}.stiDesignerChartFormShowSeriesLabelsButtons{font-family:Arial;font-size:12px;color:#444}.stiDesignerChartFormSeriesWizardContainer{overflow-y:auto;text-align:center}.stiDesignerChartFormProgress{position:absolute;left:70px;top:175px}.stiDesignerCheckBox_Mouse{font-size:12px;font-family:Arial;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerCheckBoxDisabled_Mouse{font-size:12px;font-family:Arial;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerCheckBoxImageBlock_Mouse{width:13px;height:13px;border:1px solid #ababab;background:#fff}.stiDesignerCheckBoxImageBlockOver_Mouse{width:13px;height:13px;border:1px solid #a3bde3;background:#e6eefa}.stiDesignerCheckBoxImageBlockDisabled_Mouse{width:13px;height:13px;border:1px solid #e1e1e1;background:#f7f2f7}.stiDesignerCheckBox_Touch{font-size:12px;font-family:Arial;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerCheckBoxDisabled_Touch{font-size:12px;font-family:Arial;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerCheckBoxImageBlock_Touch{width:16px;height:16px;border:1px solid #ababab;background:#fff}.stiDesignerCheckBoxImageBlockOver_Touch{width:16px;height:16px;border:1px solid #a3bde3;background:#e6eefa}.stiDesignerCheckBoxImageBlockDisabled_Touch{width:16px;height:16px;border:1px solid #e1e1e1;background:#f7f2f7}.stiDesignerCheckBoxMenuItemImageBlock{width:18px;height:18px;border:1px solid #fff;background:0 0}.stiDesignerCheckBoxMenuItemImageBlockChecked{width:18px;height:18px;border:1px solid #fff;background:#d5e1f2}.stiDesignerCheckBoxMenuItemOver{font-size:12px;font-family:Arial;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;background:#d5e1f2}.stiDesignerCheckBoxMenuItem{font-size:12px;font-family:Arial;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiColorControlWithBorder{border:1px solid #ababab}.stiColorControlWithBorderDisabled{border:1px solid #e1e1e1}.stiColorControlImage{border:1px solid #ababab;width:64px;height:15px;cursor:default}.stiColorControlImageWithoutBorder{border:1px solid transparent;width:64px;height:15px;cursor:default}.stiColorControlWithImage_ColorBar{border:1px solid #ababab;width:14px;height:2px;cursor:default}.stiColorFormControlsTable{font-family:Arial;font-size:12px;color:#444;cursor:default}.stiColorFormColorBar{border:1px solid #c6c6c6;width:128px;height:128px;display:inline-block}.stiColorFormWebColorPanel{border:1px dotted #c6c6c6;background:#fff;overflow-X:hidden;overflow-Y:auto}.stiColorDialogHeader{background:#eee;font-family:Arial;font-size:12px;color:#949494;cursor:default;padding:7px}.stiColorDialogButton_Mouse{width:13px;height:13px;border:1px solid #e2e4e7;cursor:default}.stiColorDialogButtonOver_Mouse{width:13px;height:13px;border:1px solid #f29436;cursor:default}.stiColorDialogButton_Touch{width:22px;height:22px;border:1px solid #e2e4e7;cursor:default}.stiColorDialogButtonOver_Touch{width:22px;height:22px;border:1px solid #f29436;cursor:default}.stiDesignerComponentButton_Mouse{min-height:80px;min-width:55px;cursor:default;overflow:hidden;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerComponentButtonOver_Mouse{min-height:80px;min-width:55px;cursor:default;overflow:hidden;background:#d5e1f2;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerComponentButtonSelected_Mouse{min-height:80px;min-width:55px;cursor:default;overflow:hidden;background:#c2d5f2;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerComponentButtonDisabled_Mouse{min-height:80px;min-width:55px;cursor:default;overflow:hidden;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerComponentButton_Touch{min-height:80px;min-width:55px;cursor:default;overflow:hidden;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerComponentButtonOver_Touch{min-height:80px;min-width:55px;cursor:default;overflow:hidden;background:#d5e1f2;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerComponentButtonSelected_Touch{min-height:80px;min-width:55px;cursor:default;overflow:hidden;background:#c2d5f2;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerComponentButtonDisabled_Touch{min-height:80px;min-width:55px;cursor:default;overflow:hidden;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerContainerItem_Mouse{display:inline-block;height:38px;border:1px solid #ababab;background:#fff;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerContainerItemOver_Mouse{display:inline-block;height:38px;color:#444;cursor:default;font-family:Arial;font-size:12px;border:1px solid #a3bde3;background:#e6eefa;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerContainerItemSelected_Mouse{display:inline-block;height:38px;color:#444;cursor:default;font-family:Arial;font-size:12px;border:1px solid #97b2db;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerContainerItemDisabled_Mouse{display:inline-block;height:38px;border:1px solid #e1e1e1;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerContainerItem_Touch{display:inline-block;height:38px;border:1px solid #ababab;background:#fff;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerContainerItemOver_Touch{display:inline-block;height:38px;color:#444;cursor:default;font-family:Arial;font-size:12px;border:1px solid #a3bde3;background:#e6eefa;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerContainerItemSelected_Touch{display:inline-block;height:38px;color:#444;cursor:default;font-family:Arial;font-size:12px;border:1px solid #97b2db;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerContainerItemDisabled_Touch{display:inline-block;height:38px;border:1px solid #e1e1e1;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDateControl_Mouse{border:1px solid #ababab;color:#444;background:#fff}.stiDesignerDateControlOver_Mouse{border:1px solid #a3bde3;color:#444;background:#fff}.stiDesignerDateControlDisabled_Mouse{border:1px solid #e1e1e1;background:#fff}.stiDesignerDateControl_Touch{border:1px solid #ababab;color:#444;background:#fff}.stiDesignerDateControlOver_Touch{border:1px solid #a3bde3;color:#444;background:#fff}.stiDesignerDateControlDisabled_Touch{border:1px solid #e1e1e1;background:#fff}.stiDesignerDateControl_TextBox_Mouse{font-size:12px;height:21px;border:0;margin:0;padding:0 0 0 4px;font-family:Arial;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));color:#444}.stiDesignerDateControl_TextBox_Touch{font-size:12px;height:26px;border:0;margin:0;padding:0 0 0 4px;font-family:Arial;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));color:#444}.stiDesignerDateControlDropDownListButton_Mouse{height:21px;color:#444;cursor:default;background:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDateControlDropDownListButtonOver_Mouse{height:21px;color:#444;cursor:default;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDateControlDropDownListButtonSelected_Mouse{height:21px;color:#444;cursor:default;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDateControlDropDownListButtonDisabled_Mouse{height:21px;color:#444;cursor:default;color:#d6d3d6;background:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDateControlDropDownListButton_Touch{height:26px;color:#444;cursor:default;background:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDateControlDropDownListButtonOver_Touch{height:26px;color:#444;cursor:default;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDateControlDropDownListButtonSelected_Touch{height:26px;color:#444;cursor:default;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDateControlDropDownListButtonDisabled_Touch{height:26px;color:#444;cursor:default;color:#d6d3d6;background:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDatePickerSeparator{border-top:1px solid #c6c6c6}.stiDesignerDatePickerDayOfWeekCell{white-space:nowrap;color:#444;cursor:default;font-family:Arial;font-size:12px;padding:3px 0 3px 0;text-align:center;font-weight:700}.stiDesignerDatePickerDayButton_Mouse{height:23px;width:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDatePickerDayButtonOver_Mouse{height:23px;width:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDatePickerDayButtonSelected_Mouse{height:23px;width:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDatePickerDayButtonDisabled_Mouse{height:23px;width:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDatePickerDayButton_Touch{height:25px;width:25px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDatePickerDayButtonOver_Touch{height:25px;width:25px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDatePickerDayButtonSelected_Touch{height:25px;width:25px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDatePickerDayButtonDisabled_Touch{height:25px;width:25px;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDesignerStylesItemDisabled_Mouse,.stiDesignerDesignerStylesItemOver_Mouse,.stiDesignerDesignerStylesItem_Mouse{height:40px;cursor:default;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDesignerStylesItemSelected_Mouse{height:40px;background:#c2d5f2;cursor:default;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDesignerStylesItemDisabled_Touch,.stiDesignerDesignerStylesItemOver_Touch,.stiDesignerDesignerStylesItem_Touch{height:40px;cursor:default;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDesignerStylesItemSelected_Touch{height:40px;background:#c2d5f2;cursor:default;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDictionarySeparator{height:0;border-bottom:1px dotted #c6c6c6}.stiDesignerDictionaryItemsContainer{position:absolute;left:0;right:0;bottom:0;overflow:auto}.stiDesignerDropDownListImage{height:16px;width:32px;margin:0 3px 0 3px}.stiDesignerDropDownListImageCell{border:1px solid #ababab;border-right:0;padding:0;margin:0;font-size:0}.stiDesignerDropDownListImageCellOver{border:1px solid #a3bde3;border-right:0;padding:0;margin:0;font-size:0}.stiDesignerDropDownListImageCellSelected{border:1px solid #97b2db;border-right:0;padding:0;margin:0;font-size:0}.stiDesignerDropDownListImageCellDisabled{border:1px solid #e1e1e1;border-right:0;padding:0;margin:0;font-size:0}.stiDesignerDropDownListButton_Mouse{color:#444;cursor:default;background:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;border-bottom:1px solid #ababab;border-top:1px solid #ababab;border-right:1px solid #ababab}.stiDesignerDropDownListButtonOver_Mouse{color:#444;cursor:default;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;border-bottom:1px solid #a3bde3;border-top:1px solid #a3bde3;border-right:1px solid #a3bde3}.stiDesignerDropDownListButtonSelected_Mouse{color:#444;cursor:default;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;border-bottom:1px solid #a3bde3;border-top:1px solid #a3bde3;border-right:1px solid #a3bde3}.stiDesignerDropDownListButtonDisabled_Mouse{color:#444;cursor:default;color:#d6d3d6;background:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1}.stiDesignerDropDownListButton_Touch{color:#444;cursor:default;background:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;border-bottom:1px solid #ababab;border-top:1px solid #ababab;border-right:1px solid #ababab}.stiDesignerDropDownListButtonOver_Touch{color:#444;cursor:default;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;border-bottom:1px solid #a3bde3;border-top:1px solid #a3bde3;border-right:1px solid #a3bde3}.stiDesignerDropDownListButtonSelected_Touch{color:#444;cursor:default;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;border-bottom:1px solid #a3bde3;border-top:1px solid #a3bde3;border-right:1px solid #a3bde3}.stiDesignerDropDownListButtonDisabled_Touch{color:#444;cursor:default;color:#d6d3d6;background:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1}.stiDesignerFileMenu{position:absolute;overflow:hidden;top:0;left:0;bottom:0;background:#19478a;z-index:9;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerFileMenuItem{white-space:nowrap;color:#fff;cursor:default;font-family:Arial;font-size:12px;padding:14px 0 14px 25px}.stiDesignerFileMenuItemOver{white-space:nowrap;color:#fff;background:#3b629b;cursor:default;font-family:Arial;font-size:12px;padding:14px 0 14px 25px}.stiDesignerFileMenuItemSelected{white-space:nowrap;color:#fff;background:#11315f;cursor:default;font-family:Arial;font-size:12px;padding:14px 0 14px 25px}.stiDesignerFileMenuItemDisabled{white-space:nowrap;color:#3773cf;cursor:default;font-family:Arial;font-size:12px;padding:14px 0 14px 25px}.stiDesignerFileMenuSeparator{background:#3b629b;height:1px}.stiDesignerFilterContainer{background:#fff;border-top:1px dotted #c6c6c6;overflow:auto}.stiDesignerFilterPanelHeader{border-bottom:1px solid #c6c6c6}.stiDesignerFilterPanel{border:1px solid #c6c6c6;background:#fff;color:#444;font-family:Arial;font-size:12px;margin:4px;-moz-box-shadow:0 0 7px rgba(0,0,0,.6);-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3)}.stiDesignerChartFilterPanel{border:1px solid #c6c6c6;background:#fff;color:#444;font-family:Arial;font-size:12px;margin:4px;padding:5px}.stiDesignerChartFilterPanelSelected{border:1px solid #97b2db;background:#e6eefa;color:#444;font-family:Arial;font-size:12px;margin:4px;padding:5px}.stiDesignerFormButton_Mouse{background:#fff;border:1px solid #ababab;height:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerFormButtonOver_Mouse{background:#d5e1f2;border:1px solid #a3bde3;height:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerFormButtonSelected_Mouse{background:#c2d5f2;border:1px solid #97b2db;height:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerFormButtonDisabled_Mouse{background:#fff;border:1px solid #e1e1e1;height:23px;color:#d6d3d6;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerFormButton_Touch{background:#fff;border:1px solid #ababab;height:29px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerFormButtonOver_Touch{background:#d5e1f2;border:1px solid #a3bde3;height:29px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerFormButtonSelected_Touch{background:#c2d5f2;border:1px solid #97b2db;height:29px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerFormButtonDisabled_Touch{background:#fff;border:1px solid #e1e1e1;color:#d6d3d6;height:29px;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerForm{position:absolute;border:1px solid #19478a;background:#fff;color:#444;-moz-box-shadow:0 0 7px rgba(0,0,0,.6);-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3);cursor:default}.stiDesignerFormHeader{background:#fff;font-family:Arial;font-size:13px;font-weight:700;color:#19478a;text-align:center;cursor:default;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerFormContainer{background:#fff;border-top:1px dotted #c6c6c6}.stiDesignerFormSeparator{height:0;border-top:1px dotted #c6c6c6;margin-left:1px;margin-right:1px}.stiDesignerFormButtonsPanel{float:right}.stiDesignerFormBlock{background:#fff;color:#444;font-family:Arial;font-size:12px}.stiDesignerFormBlockHeader{color:#949494;font-family:Arial;font-size:12px;background:#eee}.stiDesignerFormPanelArrow{overflow:hidden;position:absolute;top:10px;width:21px;height:21px;left:-21px}.stiDesignerFormPanelArrow:after{overflow:hidden;position:absolute;background:#fff;border:1px solid #19478a;left:17px;width:21px;height:21px;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.stiDesignerMessagesFormDescription{border:0;margin:0;padding:20px 30px 20px 0;overflow:hidden;min-width:350px;max-width:650px;font-family:Arial;font-size:12px;color:#444;text-align:left;cursor:default}.stiDesignerGroupBlock{padding:1px;font-family:Arial;font-size:11px;color:#444;cursor:default}.stiDesignerGroupBlockCaption{width:100%;text-align:center;padding:0 8px 0 8px;border:0;white-space:nowrap;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerGroupBlockTableCell{vertical-align:top;padding:2px;border:0}.stiDesignerGroupBlockContainer_Mouse{overflow:hidden;height:75px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerGroupBlockContainerWithOutCaption_Mouse{overflow:hidden;height:90px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerGroupBlockDownRow_Mouse{overflow:hidden;height:15px}.stiDesignerGroupBlockSeparator_Mouse{width:1px;height:84px;background:#c6c6c6}.stiDesignerGroupBlockButton_Mouse{height:15px;width:15px}.stiDesignerGroupBlockButtonOver_Mouse{height:15px;width:15px;background:#d5e1f2}.stiDesignerGroupBlockButtonSelected_Mouse{height:15px;width:15px;background:#c2d5f2}.stiDesignerGroupBlockDownRow_Touch{overflow:hidden;height:20px}.stiDesignerGroupBlockContainer_Touch{overflow:hidden;height:90px}.stiDesignerGroupBlockContainerWithOutCaption_Touch{overflow:hidden;height:110px}.stiDesignerGroupBlockSeparator_Touch{width:1px;height:100px;background:#c6c6c6}.stiDesignerGroupBlockButton_Touch{height:20px;width:20px}.stiDesignerGroupBlockButtonOver_Touch{height:20px;width:20px;background:#d5e1f2}.stiDesignerGroupBlockButtonSelected_Touch{height:20px;width:20px;background:#c2d5f2}.stiDesignerGroupPanel{border:1px solid #c6c6c6;-webkit-padding-before:0;-webkit-padding-start:0;-webkit-padding-end:0;-webkit-padding-after:0;-webkit-margin-start:0;-webkit-margin-end:0;padding:0;margin:0}.stiDesignerGroupPanelCaption{padding:2px;font-family:Arial;font-size:12px;color:#444;cursor:default;margin-left:10px}.stiDesignerGroupPanelHeader_Mouse{height:23px;color:#8f8f8f;background:#eee;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerGroupPanelHeader_Touch{height:28px;color:#8f8f8f;background:#eee;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerCaptionControls{white-space:nowrap;padding:0 15px 0 7px;border:0;font-family:Arial;font-size:12px;color:#444;width:1px}.stiDesignerTextContainer{white-space:nowrap;border:0;font-family:Arial;font-size:12px;color:#444}.stiDesignerControlCells{padding:3px 4px 3px 0;border:0}.stiDesignerCaptionControlsBigIntervals{white-space:nowrap;padding:0 25px 0 15px;border:0;font-family:Arial;font-size:12px;color:#444;width:1px}.stiDesignerControlCellsBigIntervals{padding:3px 12px 3px 0;border:0}.stiDesignerHomePanelSeparator{background:#c6c6c6}.stiDesignerDrillDownFormCaptionControls{white-space:nowrap;min-width:200px;padding:0 8px 0 15px;border:0;margin:0;font-family:Arial;font-size:12px;color:#444}.stiDesignerCaptionControlsOnPanel{white-space:nowrap;padding:0 5px 0 3px;border:0;font-family:Arial;font-size:12px;color:#444;width:1px}.stiDesignerCaptionControlsOnPanelDisabled{white-space:nowrap;padding:0 5px 0 3px;border:0;font-family:Arial;font-size:12px;color:#d6d3d6;width:1px}.stiDesignerControlCellsOnPanel{padding:0 3px 0 0;border:0}.stiImageControlBrushPropertyForSolid{border:1px solid #ababab;width:30px;height:14px}.stiImageControlBrushPropertyForNotSolid{border:0;width:32px;height:16px}.stiDesignerStatusPanelSeparator{border:0;border-left:1px dashed #a3b5d0;padding:0;margin:0 3px 0 3px;height:35px}.stiDesignerVariableItemsFormControlsLeftCell{vertical-align:top;margin:0;padding:0}.stiDesignerVariableItemsFormControlsRightCell{border:0;vertical-align:top;margin:0;padding:0}.stiDesignerStyleDesignerFormToolbarCell{border:0;padding:0;margin:0;border-bottom:1px dotted #c6c6c6}.stiDesignerStyleDesignerFormPropertiesPanel{border:0;padding:0;margin:0}.styleDesignerItemsContainer{overflow-y:auto;overflow-x:hidden}.stiDesignerSelectDataProgress{position:absolute;left:200px;top:125px}.stiDesignerTextEditFormSystemVariablesInfo{border-top:1px dotted #c6c6c6;padding:6px 6px 0 6px;font-family:Arial;font-size:12px;color:#444}.stiDesignerCreateDataColumsTree{border-right:1px dotted #c6c6c6;border-bottom:1px dotted #c6c6c6;overflow:auto}.stiDesignerCreateDataColumsButtonsTable{border:0;margin:0;padding:0;border-right:1px dotted #c6c6c6}.stiDesignerCreateDataMainTable{border-bottom:1px dotted #c6c6c6}.stiDesignerConditionsFormMainContainer{border-left:1px dotted #c6c6c6;width:700px;height:380px}.stiDesignerConditionPanel{width:700px;height:380px;overflow:auto}.stiDesignerConditionsFormToolbarCell{border-top:1px dotted #c6c6c6;width:100%}.stiDesignerConditionsFormSampleBar{border:1px solid #ababab;margin:0 4px 0 4px}.stiDesignerPagesContainer{overflow-x:auto;overflow-y:hidden;position:absolute;right:0;top:0;bottom:0}.stiDesignerViewDataTableCell{font-family:Arial;font-size:12px;padding:4px 15px 4px 4px;color:#444;border-bottom:1px dotted #c6c6c6;border-right:1px dotted #c6c6c6}.stiDesignerTextFormatFormCustomContainer{border-top:1px dotted #c6c6c6}.stiDesignerCrossTabContainerCell{border:0;margin:0;padding:0;border-left:1px dotted #c6c6c6;border-bottom:1px dotted #c6c6c6}.stiDesignerrCrossTabContainerToolbar{border:0;margin:0;padding:0;font-family:Arial;font-size:12px;color:#444;border-bottom:1px dotted #c6c6c6;width:100%}.stiDesignerDescriptionForBigButton{white-space:nowrap;padding:0 25px 0 15px;border:0;font-family:Arial;font-size:12px;color:#444;line-height:1.7}.stiDesignerFileMenuPanelHeader{background:#fff;color:#444;text-align:center;cursor:default;display:inline-block;margin:30px;height:60px}.stiDesignerFileMenuPanelHeaderRU{font-family:Arial,Helvetica,sans-serif;font-size:40px}.stiDesignerFileMenuPanelHeaderEN{font-family:'Microsoft Yi Baiti';font-size:55px}.stiImageContainerWithBorder{border:1px dashed #ababab;background:#f9f9f9}.stiDesignerPageSetupFormSample{margin:4px}.stiDesignerPageSetupFormSampleCell{border-right:1px dotted #c6c6c6;text-align:center;vertical-align:top;width:150px}.stiDragAndDropHintText{color:#696969;margin-left:40px}.stiResourceContainerWithBorder{border:1px dashed #ababab;background:#f9f9f9}.stiResourceInnerContainer{overflow:auto;text-align:center;display:inline-block}.stiResourceViewDataContainer{background:#f1f1f1;overflow:auto}.stiBarCodeFormPropertiesContainer{width:360px;height:410px;padding:20px;border-right:1px dotted #c6c6c6}.stiDesignerHyperlinkButton_Mouse{cursor:pointer;color:#5a83ad;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerHyperlinkButtonOver_Mouse{cursor:pointer;text-decoration:underline;color:#5a83ad;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerHyperlinkButtonSelected_Mouse{cursor:pointer;color:#5a83ad;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerHyperlinkButtonDisabled_Mouse{cursor:pointer;color:#5a83ad;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerHyperlinkButton_Touch{color:#5a83ad;cursor:pointer;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerHyperlinkButtonOver_Touch{text-decoration:underline;color:#5a83ad;cursor:pointer;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerHyperlinkButtonSelected_Touch{color:#5a83ad;cursor:pointer;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerHyperlinkButtonDisabled_Touch{color:#d6d3d6;cursor:pointer;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuBigItem_Mouse{height:66px;color:#444;cursor:default;font-family:Arial;font-size:14px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuBigItemOver_Mouse{height:66px;background:#d5e1f2;color:#444;cursor:default;font-family:Arial;font-size:14px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuBigItemSelected_Mouse{height:66px;background:#c2d5f2;color:#444;cursor:default;font-family:Arial;font-size:14px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuBigItemDisabled_Mouse{height:66px;color:#d6d3d6;cursor:default;font-family:Arial;font-size:14px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuBigItem_Touch{height:66px;color:#444;cursor:default;font-family:Arial;font-size:14px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuBigItemOver_Touch{height:66px;background:#d5e1f2;color:#444;cursor:default;font-family:Arial;font-size:14px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuBigItemSelected_Touch{height:66px;background:#c2d5f2;color:#444;cursor:default;font-family:Arial;font-size:14px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuBigItemDisabled_Touch{height:66px;color:#d6d3d6;cursor:default;font-family:Arial;font-size:14px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuMiddleItem_Mouse{height:42px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuMiddleItemOver_Mouse{height:42px;background:#d5e1f2;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuMiddleItemSelected_Mouse{height:42px;background:#c2d5f2;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuMiddleItemDisabled_Mouse{height:42px;color:#d6d3d6;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuMiddleItem_Touch{height:42px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuMiddleItemOver_Touch{height:42px;background:#d5e1f2;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuMiddleItemSelected_Touch{height:42px;background:#c2d5f2;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuMiddleItemDisabled_Touch{height:42px;color:#d6d3d6;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerParentMenu{z-index:35;position:absolute}.stiDesignerMenu{position:absolute;padding:1px;border:1px solid #c6c6c6;background:#fff;color:#444;-moz-box-shadow:0 0 7px rgba(0,0,0,.6);-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3);cursor:default}.stiDesignerOpacityMenu{overflow:visible;padding:1px}.stiDesignerInnerContainerOpacityMenu{border:1px solid #c6c6c6;background:#fff;color:#444;-moz-box-shadow:0 0 7px rgba(0,0,0,.6);-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3);cursor:default}.stiDesignerMenuHeader{white-space:nowrap;background:#eee;color:#444;cursor:default;font-family:Arial;font-size:12px;padding:3px;text-align:center}.stiDesignerVerticalMenuSeparator{height:1px;background:#c6c6c6}.stiDesignerMenuStandartItem_Mouse{height:24px;white-space:nowrap;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuStandartItemOver_Mouse{height:24px;white-space:nowrap;background:#d5e1f2;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuStandartItemSelected_Mouse{height:24px;white-space:nowrap;background:#c2d5f2;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuStandartItemDisabled_Mouse{height:24px;white-space:nowrap;color:#d6d3d6;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuStandartItem_Touch{height:30px;white-space:nowrap;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuStandartItemOver_Touch{height:30px;white-space:nowrap;background:#d5e1f2;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuStandartItemSelected_Touch{height:30px;white-space:nowrap;background:#c2d5f2;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerMenuStandartItemDisabled_Touch{height:30px;white-space:nowrap;color:#d6d3d6;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerClearAllStyles{padding:0;margin:0;border:0}.stiDesignerMainPanel{overflow:visible;width:100%;height:100%;z-index:1;position:relative;background:#fff;cursor:default}.stiDesignerMainPanel>div,.stiDesignerMainPanel>table,.stiDesignerMainPanel>td,.stiDesignerMainPanel>tr{line-height:1;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;padding:0;margin:0}.stiDesignerMainPanel *,.stiDesignerMainPanel :after,.stiDesignerMainPanel :before{box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box}.stiDesignerToolBar{background:#19478a;height:40px;font-family:Arial;font-size:12px;color:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerToolbox{font-family:Arial;font-size:12px;position:absolute;overflow:hidden;background:#fff;border-right:1px solid #c6c6c6;color:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerWorkPanel{background:#fff;border-bottom:1px solid #c6c6c6;position:relative;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStatusPanel{position:absolute;height:35px;left:0;bottom:0;right:0;background:#19478a;z-index:2;color:#fff;cursor:default;font-family:Arial;font-size:12px;white-space:nowrap;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPagesPanel{position:absolute;border-top:1px solid #c6c6c6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerDisabledPanel{top:0;left:0;right:0;bottom:0;position:absolute;background:#fff;opacity:0;-moz-opacity:0;-khtml-opacity:0}.stiDesignerAboutPanel{width:520px;height:351px;z-index:500;position:absolute;border:1px solid #19478a;-moz-box-shadow:0 0 5px rgba(0,0,0,.6);-webkit-box-shadow:0 0 5px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3)}.stiDesignerAboutPanelHeader{width:100%;font-family:Arial;font-size:24px;text-align:center;color:#19478a;margin-top:35px}.stiDesignerAboutPanelCopyright{width:100%;text-align:center;font-family:Arial;font-size:12px;color:#444;margin-top:157px}.stiDesignerAboutPanelVersion{width:100%;text-align:center;font-family:Arial;font-size:12px;color:#444;margin-top:20px}.stiDesignerAboutPanelStiLink{cursor:pointer;width:100%;text-align:center;font-family:Arial;font-size:12px;color:#19478a;text-decoration:underline;margin-top:35px}.stiDesignerProcessImageStatusPanel{font-family:Arial;color:#fff}.stiDesignerProcessImage{z-index:45;position:absolute;border:1px solid #2b579a;background:#fff;font-family:Arial;font-size:12px;color:#2b579a;-moz-box-shadow:0 0 5px rgba(0,0,0,.6);-webkit-box-shadow:0 0 5px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.4)}.stiDesignerProcessImageCloud{z-index:45;position:absolute}.stiDesignerPaintPanel{position:absolute;overflow:auto;background:#f1f1f1;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiPageSvg{border:1px solid #c6c6c6;overflow:hidden;-moz-box-shadow:0 0 7px rgba(0,0,0,.6);-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3);-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPaintPanel table,.stiDesignerPaintPanel td{padding:0;margin:0}.stiDesignerNewReportPanel{position:absolute;bottom:0;top:0;left:150px;right:0}.stiDesignerItemsContainer{border:1px dotted #c6c6c6;overflow-y:auto;overflow-x:hidden}.stiDesignerVariableItemsFormContainer{border-right:1px dotted #c6c6c6;overflow-y:auto;overflow-x:hidden;padding:4px}.stiDesignerDataSourceFormColumnsAndParametersTree{border-right:1px dotted #c6c6c6;overflow:auto;padding:4px}.stiDesignerRelationFormColumnsLeftContainer{overflow-y:auto;overflow-x:hidden;border-right:1px dotted #c6c6c6;padding:4px}.stiDesignerRelationFormColumnsRightContainer{overflow-y:auto;overflow-x:hidden;border-left:1px dotted #c6c6c6;padding:4px}.stiDesignerHomePanel_Mouse{background:#fff;overflow-Y:hidden;overflow-X:auto;height:92px}.stiDesignerInsertPanel_Mouse{background:#fff;overflow-Y:hidden;overflow-X:auto;height:92px}.stiDesignerLayoutPanel_Mouse{background:#fff;overflow-Y:hidden;overflow-X:auto;height:92px}.stiDesignerPagePanel_Mouse{background:#fff;height:92px;position:relative}.stiDesignerPreviewPanel_Mouse{background:#fff;overflow-Y:hidden;overflow-X:auto;height:92px}.stiDesignerHomePanel_Touch{background:#fff;overflow-Y:hidden;overflow-X:auto;height:112px}.stiDesignerInsertPanel_Touch{background:#fff;overflow-Y:hidden;overflow-X:auto;height:112px}.stiDesignerLayoutPanel_Touch{background:#fff;overflow-Y:hidden;overflow-X:auto;height:112px}.stiDesignerPagePanel_Touch{background:#fff;height:112px;position:relative}.stiDesignerPreviewPanel_Touch{background:#fff;overflow-Y:hidden;overflow-X:auto;height:112px}.stiDesignerGroupHeaderFormPanel{height:350px;width:450px;overflow:auto;margin:0;padding:0;border:0;border-right:1px dotted #c6c6c6}.stiDesignerEditFormPanel{height:450px;width:450px;overflow:auto;border-right:1px dotted #c6c6c6}.stiDesignerSubReportFormPanel{height:450px;width:600px;overflow:auto;border-right:1px dotted #c6c6c6}.stiDesignerTextEditorFormPanel{height:450px;width:550px;overflow:auto;border-right:1px dotted #c6c6c6}.stiDesignerInteractionFormPanel{width:550px;overflow:auto;border-right:1px dotted #c6c6c6}.stiDesignerPageSetupFormPanel{margin:0;padding:0;border:0;border-right:1px dotted #c6c6c6}.stiDesignerImageFormMainPanel{font-family:Arial;font-size:12px;color:#444;padding:0;border:0;margin:0}.stiDesignerGroupHeaderFormMainPanel{font-family:Arial;font-size:12px;color:#444;padding:0;border:0;margin:0;border-bottom:1px dotted #c6c6c6}.stiDesignerDataColumnFormMainPanel{font-family:Arial;font-size:12px;color:#444;width:400px;height:450px;padding:4px;overflow:auto}.stiDesignerGlobalizatonStringsFormContainer{margin:0;padding:0;border:0;border-right:1px dotted #c6c6c6;border-left:1px dotted #c6c6c6}::selection{background:#d5e1f2}::-moz-selection{background:#d5e1f2}.stiDesignerNewReportButton_Mouse{height:245px;width:175px;cursor:default;overflow:hidden;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerNewReportButtonOver_Mouse{height:245px;width:175px;cursor:default;overflow:hidden;background:#d5e1f2;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerNewReportButtonSelected_Mouse{height:245px;width:175px;cursor:default;background:#c2d5f2;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerNewReportButtonDisabled_Mouse{height:245px;width:175px;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerNewReportButton_Touch{height:245px;width:175px;cursor:default;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerNewReportButtonOver_Touch{height:245px;width:175px;cursor:default;background:#d5e1f2;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerNewReportButtonSelected_Touch{height:245px;width:175px;cursor:default;background:#c2d5f2;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerNewReportButtonDisabled_Touch{height:245px;width:175px;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPagesButton_Mouse{border-bottom:2px solid #fff;border-top:2px solid #fff;height:26px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPagesButtonOver_Mouse{border-bottom:2px solid #d5e1f2;border-top:2px solid #d5e1f2;background:#d5e1f2;height:26px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPagesButtonSelected_Mouse{border-bottom:2px solid #19478a;border-top:2px solid #fff;height:26px;color:#19478a;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPagesButtonDisabled_Mouse{border-bottom:2px solid #fff;border-top:2px solid #fff;height:26px;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPagesButton_Touch{border-bottom:2px solid #fff;border-top:2px solid #fff;height:26px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPagesButtonOver_Touch{border-bottom:2px solid #d5e1f2;border-top:2px solid #d5e1f2;background:#d5e1f2;height:26px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPagesButtonSelected_Touch{border-bottom:2px solid #19478a;border-top:2px solid #fff;height:26px;color:#19478a;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPagesButtonDisabled_Touch{border-bottom:2px solid #fff;border-top:2px solid #fff;height:26px;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesBrushControlButton_Mouse{border:1px solid #ababab;background:#fff;height:20px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesBrushControlButtonOver_Mouse{border:1px solid #a3bde3;height:20px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesBrushControlButtonSelected_Mouse{border:1px solid #a3bde3;height:20px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesBrushControlButtonDisabled_Mouse{border:1px solid #e1e1e1;height:20px;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;background:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesBrushControlButton_Touch{border:1px solid #ababab;background:#fff;height:24px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesBrushControlButtonOver_Touch{border:1px solid #a3bde3;height:24px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesBrushControlButtonSelected_Touch{border:1px solid #a3bde3;height:24px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesBrushControlButtonDisabled_Touch{border:1px solid #e1e1e1;height:24px;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;background:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesPanelFooterTabButton_Mouse{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:2px solid #fff;height:28px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesPanelFooterTabButtonOver_Mouse{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:2px solid #d5e1f2;height:28px;color:#444;background:#d5e1f2;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesPanelFooterTabButtonSelected_Mouse{border-left:1px solid #c6c6c6;border-right:1px solid #c6c6c6;border-bottom:2px solid #19478a;height:28px;color:#19478a;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesPanelFooterTabButtonDisabled_Mouse{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:2px solid #fff;height:28px;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesPanelFooterTabButton_Touch{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:2px solid #fff;height:28px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesPanelFooterTabButtonOver_Touch{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:2px solid #d5e1f2;height:28px;color:#444;background:#d5e1f2;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesPanelFooterTabButtonSelected_Touch{border-left:1px solid #c6c6c6;border-right:1px solid #c6c6c6;border-bottom:2px solid #19478a;height:28px;color:#19478a;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesPanelFooterTabButtonDisabled_Touch{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:2px solid #fff;height:28px;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesGroup{background:#f8f8f8;border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6}.stiDesignerPropertiesGroupContainer{background:#f8f8f8;border-top:1px solid #c6c6c6;padding:3px 0 3px 0}.stiDesignerPropertiesGroupHeaderButton_Mouse{font-weight:700;height:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesGroupHeaderButtonOver_Mouse{font-weight:700;height:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesGroupHeaderButtonSelected_Mouse{font-weight:700;height:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#97b2db;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesGroupHeaderButtonDisabled_Mouse{font-weight:700;height:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;background:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesGroupHeaderButton_Touch{font-weight:700;height:28px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesGroupHeaderButtonOver_Touch{font-weight:700;height:28px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesGroupHeaderButtonSelected_Touch{font-weight:700;height:28px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#97b2db;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesGroupHeaderButtonDisabled_Touch{font-weight:700;height:28px;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;background:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesPanel{position:absolute;background:#fff;border-right:1px solid #c6c6c6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesPanelFixedMode{position:absolute;background:#fff;border:1px solid #19478a;-moz-box-shadow:0 0 7px rgba(0,0,0,.6);-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3)}.stiDesignerDisabledPanelOfPropertiesPanel{top:0;left:0;right:0;bottom:0;position:absolute;background:#fff;opacity:.8;-moz-opacity:.8;-khtml-opacity:.8;z-index:50}.stiDesignerPropertiesPanelHeader{position:absolute;right:0;top:0;left:0;background:#fff;border-bottom:1px dotted #c6c6c6;color:#19478a;cursor:default;font-family:Arial;font-size:13px;font-weight:700;overflow:hidden;height:34px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertiesPanelFooter{position:absolute;right:0;bottom:0;left:0;height:33px;background:#fff;color:#444;cursor:default;font-family:Arial;font-size:12px;overflow:hidden;border-top:1px solid #c6c6c6}.stiDesignerPropertiesPanelInnerContent{position:absolute;overflow:auto;right:0;left:0;bottom:32px;background:#fff}.stiDesignerPropertiesPanelShowButtonsPanel{position:absolute;width:1px}.stiDesignerPropertyCaption{color:#444;cursor:default;font-family:Arial;font-size:12px;overflow:hidden;white-space:nowrap;margin:0 5px 0 5px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertyButton_Mouse{height:20px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertyButtonOver_Mouse{height:20px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertyButtonSelected_Mouse{height:20px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertyButtonDisabled_Mouse{height:20px;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertyButton_Touch{height:25px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertyButtonOver_Touch{height:25px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertyButtonSelected_Touch{height:25px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPropertyButtonDisabled_Touch{height:25px;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiMobileDesignerRadioButton{border:0;padding:0;margin:0;font-size:12px;font-family:Arial;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiMobileDesignerRadioButtonDisabled{border:0;padding:0;margin:0;font-size:12px;font-family:Arial;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiMobileDesignerRadioButtonOutCircle{border:1px solid #ababab;background:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.stiMobileDesignerRadioButtonOutCircleOver{border:1px solid #a3bde3;background:#e6eefa;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.stiMobileDesignerRadioButtonOutCircleDisabled{border:1px solid #e1e1e1;background:#f7f2f7;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.stiMobileDesignerRadioButtonInnerCircle_Mouse{margin:3px;width:7px;height:7px;border:1px solid #ababab;background:#ababab;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.stiMobileDesignerRadioButtonInnerCircle_Touch{margin:4px;width:9px;height:9px;border:1px solid #ababab;background:#ababab;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.stiDesignerSortContainer{background:#fff;border-top:1px dotted #c6c6c6;overflow:auto;padding:2px}.stiDesignerSortPanel{border:1px solid #c6c6c6;background:#fff;color:#444;font-family:Arial;font-size:12px;margin:4px}.stiDesignerSortPanelSelected{border:1px solid #97b2db;background:#e6eefa;color:#444;font-family:Arial;font-size:12px;margin:4px}.stiDesignerStandartBigButton_Mouse{min-height:69px;min-width:50px;cursor:default;overflow:hidden;background:0 0;font-family:Arial;font-size:11.5px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartBigButtonOver_Mouse{min-height:69px;min-width:50px;cursor:default;overflow:hidden;background:#d5e1f2;font-family:Arial;font-size:11.5px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartBigButtonSelected_Mouse{min-height:69px;min-width:50px;cursor:default;overflow:hidden;background:#c2d5f2;font-family:Arial;font-size:11.5px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartBigButtonDisabled_Mouse{min-height:69px;min-width:50px;cursor:default;overflow:hidden;font-family:Arial;font-size:11.5px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartBigButton_Touch{min-height:90px;min-width:50px;cursor:default;overflow:hidden;background:0 0;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartBigButtonOver_Touch{min-height:90px;min-width:50px;cursor:default;overflow:hidden;background:#d5e1f2;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartBigButtonSelected_Touch{min-height:90px;min-width:50px;cursor:default;overflow:hidden;background:#c2d5f2;font-family:Arial;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartBigButtonDisabled_Touch{min-height:90px;min-width:50px;overflow:hidden;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartSmallButton_Mouse{height:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartSmallButtonOver_Mouse{height:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartSmallButtonSelected_Mouse{height:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartSmallButtonDisabled_Mouse{height:23px;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartSmallButton_Touch{height:28px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartSmallButtonOver_Touch{height:28px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartSmallButtonSelected_Touch{height:28px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStandartSmallButtonDisabled_Touch{height:28px;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStatusPanelButton_Mouse{height:35px;color:#fff;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStatusPanelButtonOver_Mouse{height:35px;background:#3b629b;color:#fff;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStatusPanelButtonSelected_Mouse{height:35px;background:#11315f;color:#fff;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStatusPanelButtonDisabled_Mouse{height:35px;color:#3773cf;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStatusPanelButton_Touch{height:35px;color:#fff;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStatusPanelButtonOver_Touch{height:35px;background:#3b629b;color:#fff;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStatusPanelButtonSelected_Touch{height:35px;background:#11315f;color:#fff;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerStatusPanelButtonDisabled_Touch{height:35px;color:#3773cf;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerTabbedPane{background:#fff}.stiDesignerTabsPanel{background:#fff}.stiDesignerTabbedPaneContainer{background:#fff;border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff}.stiDesignerTabsCell{border:0;border-bottom:1px solid #fff;padding:0;margin:0}.stiDesignerTabsSelectedCell{border:0;border-bottom:1px solid #fff;padding:0;margin:0}.stiDesignerTabbedPaneSeparator{height:15px;width:1px;background:#c6c6c6}.stiDesignerStandartTabHeader{background:#c2d5f2}.stiDesignerStandartTab_Mouse{white-space:nowrap;background:#fff;border:1px solid #fff;border-bottom:0;color:#444;cursor:default;font-family:Arial;font-size:13px;font-weight:700;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;cursor:pointer}.stiDesignerStandartTabOver_Mouse{white-space:nowrap;color:#19478a;background:#fff;border:1px solid #fff;border-bottom:0;cursor:default;font-family:Arial;font-size:13px;font-weight:700;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;cursor:pointer}.stiDesignerStandartTabSelected_Mouse{white-space:nowrap;color:#19478a;background:#fff;border:1px solid #fff;border-bottom:0;cursor:default;font-family:Arial;font-size:13px;font-weight:700;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;cursor:pointer}.stiDesignerStandartTabDisabled_Mouse{white-space:nowrap;background:#fff;border:1px solid #fff;border-bottom:0;color:#d6d3d6;cursor:default;font-family:Arial;font-size:13px;font-weight:700;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;cursor:pointer}.stiDesignerStandartTab_Touch{white-space:nowrap;background:#fff;border:1px solid #fff;border-bottom:0;color:#444;cursor:default;font-family:Arial;font-size:13px;font-weight:700;padding:5px 6px 5px 6px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;cursor:pointer}.stiDesignerStandartTabOver_Touch{white-space:nowrap;color:#19478a;background:#fff;border:1px solid #fff;border-bottom:0;cursor:default;font-family:Arial;font-size:13px;font-weight:700;padding:5px 6px 5px 6px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;cursor:pointer}.stiDesignerStandartTabSelected_Touch{white-space:nowrap;color:#19478a;background:#fff;border:1px solid #fff;border-bottom:0;cursor:default;font-family:Arial;font-size:13px;font-weight:700;padding:5px 6px 5px 6px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;cursor:pointer}.stiDesignerStandartTabDisabled_Touch{white-space:nowrap;background:#fff;border:1px solid #fff;border-bottom:0;color:#d6d3d6;cursor:default;font-family:Arial;font-size:13px;font-weight:700;padding:5px 6px 5px 6px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;cursor:pointer}.stiDesignerTextArea_Mouse{font-size:12px;border:1px solid #ababab;margin:0;padding:0 0 0 4px;font-family:Arial;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));color:#444;resize:none}.stiDesignerTextAreaOver_Mouse{font-size:12px;border:1px solid #a3bde3;margin:0;padding:0 0 0 4px;font-family:Arial;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));color:#444;resize:none}.stiDesignerTextAreaDisabled_Mouse{font-size:12px;border:1px solid #e1e1e1;margin:0;padding:0 0 0 4px;font-family:Arial;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));resize:none}.stiDesignerTextArea_Touch{font-size:12px;border:1px solid #ababab;margin:0;padding:0 0 0 4px;font-family:Arial;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));color:#444;resize:none}.stiDesignerTextAreaOver_Touch{font-size:12px;border:1px solid #a3bde3;margin:0;padding:0 0 0 4px;font-family:Arial;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));resize:none}.stiDesignerTextAreaDisabled_Touch{font-size:12px;border:1px solid #e1e1e1;margin:0;padding:0 0 0 4px;font-family:Arial;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));resize:none}.stiDesignerTextBoxEditButton{border:1px solid #ababab;background:#fff;border-Left:0;padding:0;margin:0;font-size:0}.stiDesignerTextBoxEditButtonDisabled{border:1px solid #e1e1e1;background:#fff;border-Left:0;padding:0;margin:0;font-size:0}.stiDesignerMarginsControl{font-size:12px;background:#fff;margin:0;padding:0;font-family:Arial;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));color:#444}.stiDesignerMarginsControlInnerCell{border-right:1px solid #ababab}.stiDesignerMarginsControlInnerCellOver{border-right:1px solid #a3bde3}.stiDesignerMarginsControlDefault{border:1px solid #ababab}.stiDesignerMarginsControlOver{border:1px solid #a3bde3}.stiDesignerMarginsControlDisabled{border:1px solid #e1e1e1}.stiDesignerTextBox_Mouse{font-size:12px;border:1px solid #ababab;margin:0;padding:0 0 0 4px;font-family:Arial;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));color:#444}.stiDesignerTextBoxOver_Mouse{font-size:12px;border:1px solid #a3bde3;margin:0;padding:0 0 0 4px;font-family:Arial;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));color:#444}.stiDesignerTextBoxDisabled_Mouse{font-size:12px;border:1px solid #e1e1e1;margin:0;padding:0 0 0 4px;font-family:Arial;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));color:#d6d3d6}.stiDesignerTextBox_Touch{font-size:12px;border:1px solid #ababab;margin:0;padding:0 0 0 4px;font-family:Arial;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));color:#444}.stiDesignerTextBoxOver_Touch{font-size:12px;border:1px solid #a3bde3;margin:0;padding:0 0 0 4px;font-family:Arial;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0))}.stiDesignerTextBoxDisabled_Touch{font-size:12px;border:1px solid #e1e1e1;margin:0;padding:0 0 0 4px;font-family:Arial;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));color:#d6d3d6}.stiDesignerToolButtonCell{border:0;padding:0;margin:0;vertical-align:bottom}.stiDesignerToolButtonSelectedCell{border:0;padding:0;margin:0;vertical-align:bottom}.stiDesignerToolButton_Mouse{height:24px;white-space:nowrap;background:#19478a;border:0;color:#fff;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerToolButtonOver_Mouse{height:24px;white-space:nowrap;background:#3b629b;color:#fff;border:0;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerToolButtonSelected_Mouse{height:24px;white-space:nowrap;background:#fff;color:#19478a;border:0;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerFileButton_Mouse{height:24px;white-space:nowrap;background:#19478a;color:#fff;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerFileButtonOver_Mouse{height:24px;white-space:nowrap;color:#fff;background:#3b629b;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerToolButton_Touch{height:26px;white-space:nowrap;background:#19478a;border-bottom:0;color:#fff;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerToolButtonOver_Touch{height:26px;white-space:nowrap;background:#3b629b;color:#fff;border-bottom:0;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerToolButtonSelected_Touch{height:26px;white-space:nowrap;background:#fff;color:#19478a;border-bottom:0;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerFileButton_Touch{height:26px;white-space:nowrap;background:#19478a;color:#fff;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerFileButtonOver_Touch{height:26px;white-space:nowrap;color:#fff;background:#3b629b;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerToolButtonDinamic_Mouse{height:24px;white-space:nowrap;background:#11315f;color:#fff;border:0;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerToolButtonOverDinamic_Mouse{height:24px;white-space:nowrap;background:#3b629b;color:#fff;border:0;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerToolButtonSelectedDinamic_Mouse{height:24px;white-space:nowrap;background:#fff;color:#19478a;border:0;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerToolButtonDinamic_Touch{height:26px;white-space:nowrap;background:#11315f;border:0;color:#fff;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerToolButtonOverDinamic_Touch{height:26px;white-space:nowrap;background:#3b629b;color:#fff;border:0;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerToolButtonSelectedDinamic_Touch{height:26px;white-space:nowrap;background:#fff;color:#19478a;border:0;cursor:default;font-family:Arial;font-size:12px;padding:0 12px 0 12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerToolTip{position:absolute;border:1px solid #c6c6c6;padding:0;background:#fff;cursor:default;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;z-index:44;max-width:250px;-moz-box-shadow:0 0 7px rgba(0,0,0,.6);-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3)}.stiDesignerToolTipTextCell{font-size:12px;font-family:Arial;color:#444;padding:10px;border:0;border-bottom:1px solid #c6c6c6;white-space:normal}.stiDesignerConnectionsTree{width:400px;height:400px;overflow:auto}.stiDesignerTreeItemIconOpening_Mouse{margin:0 3px 0 0}.stiDesignerTreeItemButton_Mouse{border:1px solid #fff;padding:0;color:#444;cursor:default;font-family:Arial;font-size:11px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerTreeItemButtonSelected_Mouse{border:1px solid #97b2db;padding:0;background:#d5e1f2;color:#444;cursor:default;font-family:Arial;font-size:11px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerTreeItemButtonImage_Mouse{border:0;padding:0;margin:1px 2px 1px 2px}.stiDesignerTreeItemButtonCaption_Mouse{margin:0;border:0;padding:0 2px 0 0}.stiDesignerTreeItemIconOpening_Touch{margin:3px}.stiDesignerTreeItemButton_Touch{border:1px solid #fff;padding:0;color:#444;cursor:default;font-family:Arial;font-size:11px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerTreeItemButtonSelected_Touch{border:1px solid #97b2db;padding:0;background:#d5e1f2;color:#444;cursor:default;font-family:Arial;font-size:11px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerTreeItemButtonImage_Touch{border:0;padding:0;margin:4px 2px 4px 4px}.stiDesignerTreeItemButtonCaption_Touch{margin:0;border:0;padding:3px 5px 3px 2px}.stiDesignerTreeItemForDragDrop_Mouse{border:1px solid #97b2db;padding:0;background:#d5e1f2;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;opacity:.6;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 7px rgba(0,0,0,.6);-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3)}.stiDesignerTreeItemForDragDrop_Touch{border:1px solid #97b2db;padding:0;background:#d5e1f2;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;opacity:.6;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 7px rgba(0,0,0,.6);-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3)}.stiDesignerVerticalButton_Mouse{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);width:80px;text-overflow:ellipsis;text-align:center;margin:35px 0 0 -30px;padding:1px 2px 2px 2px;border-bottom:7px solid #19478a;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerVerticalButtonOver_Mouse{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);width:80px;text-overflow:ellipsis;text-align:center;margin:35px 0 0 -30px;padding:1px 2px 2px 2px;border-bottom:7px solid #3b629b;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerVerticalButtonSelected_Mouse{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);width:80px;text-overflow:ellipsis;text-align:center;margin:35px 0 0 -30px;padding:1px 2px 2px 2px;border-bottom:7px solid #11315f;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerVerticalButtonDisabled_Mouse{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);width:80px;text-overflow:ellipsis;text-align:center;margin:35px 0 0 -30px;padding:1px 2px 2px 2px;border-bottom:7px solid #3773cf;color:#d6d3d6;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerVerticalButton_Touch{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);width:80px;text-overflow:ellipsis;text-align:center;margin:35px 0 0 -30px;padding:1px 2px 2px 2px;border-bottom:7px solid #19478a;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerVerticalButtonOver_Touch{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);width:80px;text-overflow:ellipsis;text-align:center;margin:35px 0 0 -30px;padding:1px 2px 2px 2px;border-bottom:7px solid #3b629b;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerVerticalButtonSelected_Touch{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);width:80px;text-overflow:ellipsis;text-align:center;margin:35px 0 0 -30px;padding:1px 2px 2px 2px;border-bottom:7px solid #11315f;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerVerticalButtonDisabled_Touch{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);width:80px;text-overflow:ellipsis;text-align:center;margin:35px 0 0 -30px;padding:1px 2px 2px 2px;border-bottom:7px solid #3773cf;color:#d6d3d6;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.wizardFormMainTable{border:0;padding:0}.wizardFormInfoCell{background:#fff;border:0;border-bottom:1px dotted #c6c6c6;padding:0;height:55px;color:#444;cursor:default;font-family:Arial;font-size:12px;padding-left:20px;line-height:1.7}.wizardFormStepsPanel{background:#fff;border:0;border-right:1px dotted #c6c6c6;padding:0;vertical-align:top}.wizardFormWorkPanel{overflow-y:auto;height:380px;width:550px}.wizardFormColumnsOrderItemsContent{overflow:auto;height:380px;width:520px;border-right:1px dotted #c6c6c6}.wizardFormColumnsOrderButtonsContent{height:380px;width:29px;text-align:center}.wizardFormColumnsItemsContent{overflow:auto;height:340px;border-bottom:1px dotted #c6c6c6}.wizardFormColumnsItemsContentWithoutButtons{overflow:auto;height:380px}.wizardFormDataSourcesContent{border-top:1px dotted #c6c6c6;overflow:auto;height:303px;border-bottom:1px dotted #c6c6c6;background:#f9f9f9}.wizardFormDataSourcesContentWithoutButtons{border-top:1px dotted #c6c6c6;overflow:auto;height:343px;background:#f9f9f9}.wizardFormColumnsButtonsContent{height:39px}.wizardFormColumnsButtonsTable{border:0;padding:0;width:100%;height:100%}.wizardFormTotalsTable{border:1px solid #c6c6c6;border-collapse:collapse;margin:5px}.wizardRelationsFormItemsContainer{overflow:auto;width:500px;height:350px;border:1px dotted #c6c6c6}.wizardFormTotalsHeaderColumn{color:#949494;cursor:default;font-family:Arial;font-size:12px;background:#eee;width:380px;text-align:center;padding:3px 0 3px 0;border:0;border-right:1px dotted #c6c6c6;white-space:nowrap}.wizardFormTotalsHeaderFunction{color:#949494;cursor:default;font-family:Arial;font-size:12px;background:#eee;text-align:center;border:0;padding:3px 0 3px 0;white-space:nowrap}.wizardFormTotalsCellColumn{color:#444;cursor:default;font-family:Arial;font-size:12px;border:0;margin:0;border-bottom:1px solid #c6c6c6;padding:0;white-space:nowrap}.wizardFormTotalsDivColumn{width:380px;overflow:hidden;padding:6px;white-space:nowrap}.wizardFormTotalsCellFunction{color:#444;cursor:default;font-family:Arial;font-size:12px;border:0;margin:0;border-left:1px solid #c6c6c6;padding:0 6px 0 6px;border-bottom:1px solid #c6c6c6}.wizardFormThemesTableSeparator{border-bottom:1px dotted #c6c6c6;height:1px}.wizardFormStepItem{color:#444;cursor:default;font-family:Arial;font-size:12px;padding:7px 40px 7px 10px;text-align:left;white-space:nowrap}.wizardFormStepItemSelected{background:#19478a;color:#fff;cursor:default;font-family:Arial;font-size:12px;padding:7px 40px 7px 10px;text-align:left;white-space:nowrap}.wizardFormSeparator{border-bottom:1px dotted #c6c6c6;margin:2px 3px 2px 3px;padding:6px;color:#19478a;cursor:default;font-family:Arial;font-size:13px;white-space:nowrap}.wizardFormHintText{white-space:nowrap;border:0;font-family:Arial;font-size:12px;color:#696969;opacity:.6;position:absolute}.stiDesignerZoomScale_Mouse{position:relative;width:100px;cursor:default;height:20px}.stiDesignerZoomScaleLine_Mouse{position:absolute;top:10px;cursor:default;height:1px;width:100%;background:#fff;z-index:1}.stiDesignerZoomScaleButton_Mouse{position:absolute;top:3px;cursor:default;height:15px;width:5px;background:#fff;z-index:100}.stiDesignerZoomScaleButtonOver_Mouse{position:absolute;top:3px;cursor:default;height:15px;width:5px;background:#c2d5f2;z-index:100}.stiDesignerZoomScaleButtonDisabled_Mouse{position:absolute;top:3px;cursor:default;height:15px;width:5px;background:#3773cf;z-index:1}.stiDesignerZoomScale_Touch{position:relative;width:150px;cursor:default;height:30px}.stiDesignerZoomScaleLine_Touch{position:absolute;top:15px;cursor:default;height:1px;width:100%;background:#fff;z-index:1}.stiDesignerZoomScaleButton_Touch{position:absolute;top:0;cursor:default;height:30px;width:30px;z-index:100}.stiDesignerZoomScaleButtonOver_Touch{position:absolute;top:0;cursor:default;height:30px;width:30px;z-index:100}.stiDesignerZoomScaleButtonDisabled_Touch{position:absolute;top:0;cursor:default;height:30px;width:30px;z-index:1}.stiDesignerZoomScaleMiddle{position:absolute;height:7px;background:#fff;width:1px;z-index:1}.stiDesignerPinButton_Mouse{height:17px;color:#444;border:1px solid transparent;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPinButtonOver_Mouse{height:17px;border:1px solid #19478a;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPinButtonSelected_Mouse{height:17px;border:1px solid #19478a;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPinButtonDisabled_Mouse{height:17px;border:1px solid transparent;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPinButton_Touch{height:22px;border:1px solid transparent;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPinButtonOver_Touch{height:22px;border:1px solid #19478a;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPinButtonSelected_Touch{height:22px;border:1px solid #19478a;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerPinButtonDisabled_Touch{height:22px;border:1px solid transparent;color:#444;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.mobile_designer_loader{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:6px solid rgba(25,71,138,.2);border-right:6px solid rgba(25,71,138,.2);border-bottom:6px solid rgba(25,71,138,.2);border-left:6px solid #19478a;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}.mobile_designer_loader,.mobile_designer_loader:after{border-radius:50%;width:64px;height:64px}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mobile_designer_loader_mini_white{font-size:10px;position:relative;text-indent:-9999em;border-top:3px solid rgba(255,255,255,.2);border-right:3px solid rgba(255,255,255,.2);border-bottom:3px solid rgba(255,255,255,.2);border-left:3px solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}.mobile_designer_loader_mini_white,.mobile_designer_loader_mini_white:after{border-radius:50%;width:12px;height:12px}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mobile_designer_loader_mini_color{font-size:10px;position:relative;text-indent:-9999em;border-top:3px solid rgba(25,71,138,.2);border-right:3px solid rgba(25,71,138,.2);border-bottom:3px solid rgba(25,71,138,.2);border-left:3px solid #19478a;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}.mobile_designer_loader_mini_color,.mobile_designer_loader_mini_color:after{border-radius:50%;width:12px;height:12px}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.stiDesignerTextBoxEnumerator_Mouse{border:1px solid #ababab;color:#444;background:#fff}.stiDesignerTextBoxEnumeratorOver_Mouse{border:1px solid #a3bde3;color:#444;background:#fff}.stiDesignerTextBoxEnumeratorDisabled_Mouse{border:1px solid #e1e1e1;color:#d6d3d6;background:#fff}.stiDesignerTextBoxEnumerator_Touch{border:1px solid #ababab;color:#444;background:#fff}.stiDesignerTextBoxEnumeratorOver_Touch{border:1px solid #a3bde3;color:#444;background:#fff}.stiDesignerTextBoxEnumeratorDisabled_Touch{border:1px solid #e1e1e1;color:#d6d3d6;background:#fff}.stiDesignerTextBoxEnumerator_TextBoxDefault{color:#444}.stiDesignerTextBoxEnumerator_TextBoxDisabled{color:#d6d3d6}.stiDesignerTextBoxEnumerator_TextBox_Mouse{font-size:12px;height:21px;border:0;margin:0;padding:0 0 0 4px;font-family:Arial;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0))}.stiDesignerTextBoxEnumerator_TextBox_Touch{font-size:12px;height:26px;border:0;margin:0;padding:0 0 0 4px;font-family:Arial;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0))}.stiDesignerTextBoxEnumeratorButton_Mouse{height:10px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerTextBoxEnumeratorButtonOver_Mouse{height:10px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerTextBoxEnumeratorButtonSelected_Mouse{height:10px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerTextBoxEnumeratorButtonDisabled_Mouse{height:10px;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerTextBoxEnumeratorButton_Touch{height:12px;color:#444;cursor:default;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerTextBoxEnumeratorButtonOver_Touch{height:12px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#d5e1f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerTextBoxEnumeratorButtonSelected_Touch{height:12px;color:#444;cursor:default;font-family:Arial;font-size:12px;background:#c2d5f2;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerTextBoxEnumeratorButtonDisabled_Touch{height:12px;cursor:default;font-family:Arial;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiDesignerCheckPanel{position:absolute;border:1px solid #19478a;background:#fff;color:#444;cursor:default;font-family:Arial;font-size:12px;z-index:100}.stiDesignerCheckPopupPanel{position:absolute;cursor:default;font-family:Arial;font-size:12px;background:#fff;border:1px solid #19478a;-moz-box-shadow:0 0 7px rgba(0,0,0,.6);-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;min-width:250px;max-width:450px;z-index:100;cursor:pointer}.stiDesignerCheckPopupPanelArrow{overflow:hidden;position:absolute;width:31px;height:21px;left:11px}.stiDesignerCheckPopupPanelArrow:after{overflow:hidden;position:absolute;background:#fff;border:1px solid #19478a;left:7px;top:-17px;width:21px;height:21px;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.stiDesignerCheckPreviewPanel{position:absolute;background:#fff;-moz-box-shadow:0 0 7px rgba(0,0,0,.6);-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3);cursor:default;z-index:100}.stiDesignerCheckContainer{width:600px;height:400px;overflow:auto;position:relative}.stiDesignerCheckContainerItem{border:1px solid #c6c6c6;background:#fff;color:#444;margin:5px 5px 0 5px;font-family:Arial;font-size:12px;padding:8px;line-height:1.2}.stiDesignerImageGalleryItem{cursor:default;font-family:Arial;font-size:11px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;color:#fff}.stiDesignerImageGalleryItemDefault{background:#e3e3e3;border:1px solid #ababab}.stiDesignerImageGalleryItemOver{background:#d5e1f2;border:1px solid #19478a}.stiDesignerImageGalleryItemSelected{background:#c2d5f2;border:1px solid #19478a}.stiDesignerImageGalleryItemDisabled{background:#fff;border:1px solid #e1e1e1}.stiItemGalleryCaptionContainer{text-overflow:ellipsis;overflow:hidden;max-width:150px;min-width:65px;padding:0 5px 0 5px;white-space:nowrap;text-align:center}.stiItemGalleryCaption{height:15px;padding:0;white-space:nowrap;margin-top:4px}.stiItemGalleryCaptionDefault{background:#a0a0a0}.stiItemGalleryCaptionOver{background:#19478a}.stiItemGalleryCaptionSelected{background:#11315f}.stiItemGalleryCaptionDisabled{background:#a0a0a0}.stiDesignerImageGalleryContainer{overflow-x:auto;overflow-y:hidden}/*
Stimulsoft.Reports.JS
Version: 2017.2.4
Build date: 2017.11.14
License: https://www.stimulsoft.com/en/licensing/reports
*/
.stiJsViewerBookmarksPanel{z-index:2;left:0;float:left;position:absolute;overflow:visible;white-space:nowrap;color:#202020}.stiJsViewerBookmarksPanelSeparated{border-right:1px solid #c6c6c6}.stiJsViewerBookmarksContainer{top:0;left:0;right:0;bottom:0;z-index:1;position:absolute;overflow:auto;font-family:Arial;font-size:12px;white-space:nowrap;background:#fff;padding:3px 0 0 3px}.stiJsViewerBookmarksContainerSimple{border:1px solid #c6c6c6;margin-top:2px}.stiJsViewerBookmarksContainer img{border:0;vertical-align:middle}.stiJsViewerBookmarksContainer a{color:#444;text-decoration:none;cursor:pointer}.stiJsViewerBookmarksContainer a.node,.stiJsViewerBookmarksContainer a.nodeSel{white-space:nowrap;padding:2px}.stiJsViewerBookmarksContainer a.node:hover,.stiJsViewerBookmarksContainer a.nodeSel:hover{color:#444;text-decoration:underline}.stiJsViewerBookmarksContainer a.nodeSel{background-color:#c2d5f2}.stiJsViewerBookmarksContainer a.clip{overflow:hidden}.stiJsViewerBookmarksLabel{position:absolute;z-index:150;border:2px solid #8a8a8a;opacity:.7;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.stiJsViewerCheckBox{padding:0;margin:0;border:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;font-size:12px;color:#444;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;color:#202020}.stiJsViewerCheckBoxDisabled{font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;border:0}.stiJsViewerCheckBoxImageBlock{border:1px solid #ababab;background:#fff}.stiJsViewerCheckBoxImageBlockOver{border:1px solid #a3bde3;background:#d5e1f2}.stiJsViewerCheckBoxImageBlockDisabled{border:1px solid #b7b4b7;background:#f7f2f7}.stiJsViewerDatePickerSeparator{border-top:1px solid #c6c6c6}.stiJsViewerDatePickerDayOfWeekCell{white-space:nowrap;cursor:default;font-size:12px;padding:3px 0 5px 0;text-align:center;font-weight:700;border:0 none;border-bottom:1px solid #c6c6c6}.stiJsViewerDatePickerDayButton{cursor:default;border:1px solid transparent;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.stiJsViewerDatePickerDayButtonDefault{background:0 0}.stiJsViewerDatePickerDayButtonOver{background:#d5e1f2;border:1px solid #d5e1f2}.stiJsViewerDatePickerDayButtonSelected{background:#c2d5f2;border:1px solid #c2d5f2}.stiJsViewerDatePickerDayButtonDisabled{color:#d6d3d6}.stiJsViewerDropDownList{border:1px solid #ababab;background:#fff}.stiJsViewerDropDownListOver{border:1px solid #a3bde3;background:#fff}.stiJsViewerDropDownListDisabled{border:1px solid #b7b4b7;background:#fff}.stiJsViewerDropDownList_TextBox{font-size:12px;border:0;margin:0;padding:0 0 0 4px;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));color:#202020}.stiJsViewerDropDownListImage{height:17px;width:32px;margin:0 3px 0 3px}.stiJsViewerDropDownListButton{cursor:default;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.stiJsViewerDropDownListButtonDefault{background:#fff}.stiJsViewerDropDownListButtonOver{background:#d5e1f2}.stiJsViewerDropDownListButtonSelected{background:#c2d5f2}.stiJsViewerDropDownListButtonDisabled{color:#d6d3d6}.stiJsViewerForm{position:absolute;border:1px solid #ababab;background:#fff;-moz-box-shadow:0 0 7px rgba(0,0,0,.6);-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3);cursor:default;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;text-align:left;color:#202020}.stiJsViewerFormHeader{background:#fff;font-family:Corbel;font-size:25px;color:#587cb1;text-align:center;cursor:default}.stiJsViewerFormContainer{padding:5px 15px 15px 15px;background:#fff}.stiJsViewerFormSeparator{height:0;border-top:1px dashed #c8c8c8;margin-left:1px;margin-right:1px}.stiJsViewerFormButtonsPanel{float:right}.stiJsViewerMessagesFormDescription{line-height:1.2;border:0;margin:0;padding:20px 30px 20px 0;overflow:hidden;min-width:350px;max-width:650px;font-family:Arial;font-size:12px;text-align:left;cursor:default}.stiJsViewerFormButton{height:23px;cursor:default;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.stiJsViewerFormButtonDefault{background:#fff;border:1px solid #ababab}.stiJsViewerFormButtonOver{background:#d5e1f2;border:1px solid #a3bde3}.stiJsViewerFormButtonSelected{background:#c2d5f2;border:1px solid #a3bde3}.stiJsViewerFormButtonDisabled{background:0 0;border:1px solid #b7b4b7}.stiJsViewerGroupPanelContainer{background:#fff;border-left:1px solid #ababab;border-right:1px solid #ababab;border-bottom:1px solid #ababab}.stiJsViewerHyperlinkButton{cursor:pointer;font-family:Arial;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.stiJsViewerHyperlinkButtonDefault{color:#5a83ad}.stiJsViewerHyperlinkButtonOver{text-decoration:underline;color:#5a83ad}.stiJsViewerHyperlinkButtonSelected{color:#5a83ad}.stiJsViewerHyperlinkButtonDisabled{color:#5a83ad}.stiJsViewerParentMenu{z-index:35;position:absolute}.stiJsViewerDropdownMenu,.stiJsViewerDropdownPanel,.stiJsViewerMenu{position:absolute;padding:1px;font-size:12px;border:1px solid #ababab;background:#fff;-moz-box-shadow:0 0 7px rgba(0,0,0,.6);-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3);cursor:default;color:#202020}.stiJsViewerVerticalMenuSeparator{height:1px;background:#d4d4d4;margin:1px 2px 1px 30px}.stiJsViewerMenuStandartItem{white-space:nowrap;cursor:default;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.stiJsViewerMenuStandartItemOver{background:#d5e1f2}.stiJsViewerMenuStandartItemSelected{background:#c2d5f2}.stiJsViewerMenuStandartItemDisabled{color:#d6d3d6}.stiJsViewerClearAllStyles{padding:0;margin:0;border:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0}.stiJsViewerMainPanel{overflow:visible;width:100%;height:100%;z-index:2;position:relative}.stiJsViewerReportPanel{z-index:1;bottom:0;right:0;left:0;min-height:100px}.stiJsViewerReportPanel table,.stiJsViewerReportPanel td{padding:0;margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0}.stiJsViewerDisabledPanel{top:0;left:0;right:0;bottom:0;position:absolute;background:#fff;opacity:0;-moz-opacity:0;-khtml-opacity:0}.stiJsViewerAboutPanel{width:520px;height:351px;z-index:500;position:absolute;border:1px solid #ababab;-moz-box-shadow:0 0 5px rgba(0,0,0,.6);-webkit-box-shadow:0 0 5px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3);line-height:normal}.stiJsViewerAboutPanelHeader{width:100%;font-family:Arial;font-size:24px;text-align:center;color:#587cb1;margin-top:35px}.stiJsViewerAboutPanelCopyright{width:100%;text-align:center;font-family:Arial;font-size:12px;color:#444;margin-top:149px}.stiJsViewerAboutPanelVersion{width:100%;text-align:center;font-family:Arial;font-size:12px;color:#444;margin-top:20px}.stiJsViewerAboutPanelStiLink{cursor:pointer;width:100%;text-align:center;font-family:Arial;font-size:12px;color:#19478a;text-decoration:underline;margin-top:33px}.stiJsViewerProcessImage{z-index:45;position:absolute;border:1px solid #0070b8;background:#fff;font-size:12px;color:#0070b8;-moz-box-shadow:0 0 5px rgba(0,0,0,.6);-webkit-box-shadow:0 0 5px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.4)}.stiJsViewerPageShadow{-moz-box-shadow:0 0 5px rgba(0,0,0,.6);-webkit-box-shadow:0 0 5px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3)}.stiJsViewerCaptionControls{white-space:nowrap;padding:0 25px 0 15px;border:0;margin:0;font-size:12px}.stiEditableField{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;position:relative}.stiEditableFieldSelected{background:#f5efd5;cursor:pointer;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.5);box-shadow:0 0 8px 0 rgba(0,0,0,.5)}.stiEditableTextArea{background:#f5efd5;border:0;top:0;left:0;position:absolute;outline:0}.stiJsViewerFindLabel{position:absolute;z-index:150;border:2px solid #8a8a8a;background:#ff0;opacity:.6;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.stiJsViewerParametersPanel{cursor:default;position:absolute;z-index:2;color:#202020}.stiJsViewerParametersPanelTop{width:100%}.stiJsViewerParametersPanelSeparatedTop{border-bottom:1px solid #c6c6c6}.stiJsViewerParametersPanel td{padding:0;margin:0;border:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0}.stiJsViewerParametersPanel table{padding:0;margin:0;border:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0}.stiJsViewerInnerParametersPanelLeft{position:absolute;top:0;bottom:0;background:#fff;overflow:auto}.stiJsViewerInnerParametersPanelSimple{border:1px solid #c6c6c6}.stiJsViewerInnerParametersPanelSeparatedLeft{border-right:1px solid #c6c6c6}.stiJsViewerInnerContainerParametersPanel{font-size:12px;padding:10px;background:#fff;border-collapse:separate;overflow:auto}.stiJsViewerParametersMenuInnerTable{border:0;padding:0;border-collapse:separate;color:#202020}.stiJsViewerParametersMenuInnerTable td{padding:0}.stiJsViewerParametersMenuSeparator{height:1px;width:100%;background:#d4d4d4}.stiJsViewerParametersMenuItem table,.stiJsViewerParametersMenuItem td,.stiJsViewerParametersMenuItemOver table,.stiJsViewerParametersMenuItemOver td,.stiJsViewerParametersMenuItemPressed table,.stiJsViewerParametersMenuItemPressed td{border:0;padding:0}.stiJsViewerParametersMenuItem,.stiJsViewerParametersMenuItemOver,.stiJsViewerParametersMenuItemPressed{padding:1px}.stiJsViewerParametersMenuItem .stiJsViewerParametersMenuItemInnerTable{height:100%;width:100%;font-size:12px;white-space:nowrap;overflow:hidden;border:1px solid transparent;border-collapse:separate}.stiJsViewerParametersMenuItemOver .stiJsViewerParametersMenuItemInnerTable{height:100%;width:100%;font-size:12px;background:#d5e1f2;border:1px solid #d5e1f2;white-space:nowrap;overflow:hidden;border-collapse:separate}.stiJsViewerParametersMenuItemPressed .stiJsViewerParametersMenuItemInnerTable{height:100%;width:100%;font-size:12px;background:#c2d5f2;border:1px solid #c2d5f2;white-space:nowrap;overflow:hidden;border-collapse:separate}.js_viewer_loader{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:6px solid rgba(25,71,138,.2);border-right:6px solid rgba(25,71,138,.2);border-bottom:6px solid rgba(25,71,138,.2);border-left:6px solid #19478a;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}.js_viewer_loader,.js_viewer_loader:after{border-radius:50%;width:64px;height:64px}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.stiJsViewerRadioButton{padding:0;margin:0;border:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.stiJsViewerRadioButtonDisabled{padding:0;margin:0;border:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;font-size:12px;color:#d6d3d6;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.stiJsViewerRadioButtonInnerCircle{border:1px solid #ababab;background:#ababab;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.stiJsViewerRadioButtonOutCircle{border:1px solid #ababab;background:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.stiJsViewerRadioButtonOutCircleOver{border:1px solid #a3bde3;background:#d5e1f2;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.stiJsViewerRadioButtonOutCircleDisabled{border:1px solid #b7b4b7;background:#f7f2f7;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.stiJsViewerStandartSmallButton{cursor:default;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.stiJsViewerStandartSmallButtonDefault{border:1px solid transparent}.stiJsViewerStandartSmallButtonOver{background:#d5e1f2;border:1px solid transparent}.stiJsViewerStandartSmallButtonSelected{background:#c2d5f2;border:1px solid transparent}.stiJsViewerStandartSmallButtonDisabled{color:#d6d3d6;border:1px solid transparent}.stiJsViewerTextBoxEditButton{border:1px solid #ababab;background:#fff;border-Left:0}.stiJsViewerTextBox{font-size:12px;margin:0;padding:0 0 0 4px;-webkit-border-radius:0;outline:0;background-image:-webkit-gradient(linear,0 0,0 100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));color:#202020}.stiJsViewerTextBoxDefault{border:1px solid #ababab}.stiJsViewerTextBoxOver{border:1px solid #a3bde3}.stiJsViewerTextBoxDisabled{border:1px solid #b7b4b7}.stiJsViewerToolBar{overflow-X:auto;overflow-Y:hidden;width:100%;position:relative;z-index:2;color:#202020}.stiJsViewerToolBarSeparated{border-bottom:1px solid #c6c6c6;background:#fff}.stiJsViewerToolBarTable{cursor:default;font-size:12px;border:1px solid #c6c6c6;background:#fff;width:100%;border-collapse:separate;color:#202020}.stiJsViewerToolBarSeparator{border:0;background:#d4d4d4}.stiJsViewerToolTip{position:absolute;border:1px solid #c6c6c6;background:#fff;cursor:default;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:50;max-width:250px;-moz-box-shadow:0 0 7px rgba(0,0,0,.6);-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);box-shadow:0 0 7px rgba(0,0,0,.3)}.stiJsViewerToolTipTextCell{font-size:12px;font-family:Arial;color:#444;padding:10px;border:0;border-bottom:1px solid #c6c6c6;white-space:normal}.stiJsViewerNavigatePanel{position:absolute;bottom:0;right:0;left:0;z-index:1;background:#19478a;font-family:Arial;font-size:12px;color:#fff}.stiJsViewerNavigatePanelSeparator{border-right:1px dashed #a3b5d0;width:1px;margin:0 2px 0 1px}.stiJsViewerNavigatePanelDisabledPanel{z-index:101;top:0;left:0;right:0;bottom:0;position:absolute;background:#fff;opacity:0;-moz-opacity:0;-khtml-opacity:0}.stiJsViewerNavigateButton{cursor:default;font-size:12px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.stiJsViewerNavigateButtonOver{background:#3b629b}.stiJsViewerNavigateButtonSelected{background:#11315f}.stiJsViewerNavigateButtonDisabled{color:#d6d3d6}.tab-content {
    margin-top: 2%;
}
.bg-white {
    background-color: #FFFFFF;
}

gumga-date.mbg > div {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    height: 44px;
}

gumga-date.mbg .gumga-date {
    display: block;
    width: 250px;
}
gumga-date.mbg input.form-control {
        border: 1px solid #ddd;
        background: #FFF;
        border-radius: 5px;
        padding: 8px 14px;
        flex: 1;
        outline: none;
        height: 100%;
        width: 100%;
        max-width: 100%;
    }.cashcheckout-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    margin-top: 26px;
    padding: 0 18px;
}

.cashcheckout-wrapper * {
    font-family: MontSerrat,sans-serif;
}

.cashcheckout-header {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.cashcheckout-header h1 {
    margin: 0;
    font-size: 18px;
    color: var(--contrast);
    font-weight: bold;
}

.cashcheckout-header svg {
    width: 44px;
    margin: 12px 0 18px 0px;
    fill: var(--contrast);
}

.cashcheckout-header label {
    margin-bottom: 12px;
    color: var(--neutral2);
}

.cashcheckout-header label span {
    color: var(--color1);
}

.cashcheckout-account-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 14px;
}

.cashcheckout-account-header {
    min-height: 54px;
    background: #F3F3F3;
    display: flex;
    align-items: center;
    padding: 0 18px;
    border-radius: 5px;
    transition: all 350ms ease;
    will-change: transform, box-shadow;
    cursor: pointer;
    border: 1px solid transparent;
}

.cashcheckout-account-header:focus, 
.cashcheckout-account-header:hover,
.cashcheckout-account-header:active,
.cashcheckout-account-header.active {
    transform: scale(1.002);
    border: 1px solid #e8e8e8;
}

.cashcheckout-account-header svg.toogle-details {
    width: 24px;
    position: absolute;
    height: 24px;
    right: 24px;
    transition: all 350ms ease;
    transform: rotate(90deg);
    will-change: transform;
    fill: var(--neutral2);
}

.cashcheckout-account-header.active svg.toogle-details {
    transform: rotate(270deg);
}

.cashcheckout-account-header label {
    color: var(--color1);
}

.cashcheckout-account-header .difference {
    color: var(--color1);
    margin-left: 20px;
}

.cashcheckout-account-header .difference span {
    color: var(--contrast);
}

.cashcheckout-account-header input {
    margin-left: 24px;
    margin-right: 14px;
    border: none;
    background: #FFF;
    height: 34px;
    border-radius: 5px;
    padding-left: 24px;
    padding-right: 24px;
    outline: none;
    text-align: right;
}

.cashcheckout-account-metadata {
    display: flex;
    flex-direction: column;
    margin-right: 24px;
}

.cashcheckout-account-metadata label span {
    color: var(--contrast);
}

.cashcheckout-account-metadata p {
    font-size: 12px;
    color: var(--neutral2);
    margin: 0;
}

.cashcheckout-account-metadata p span {
    font-weight: bold;
    color: var(--contrast);
}

.cashcheckout-account-body {
    transition: all 1s ease;
    transform-origin: top;
    height: 0;
    opacity: 0;
    justify-content: center;
    padding: 0 18px;
    display: flex;
    align-items: center;
    pointer-events: none;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    background: #f5f5f5;
}

.cashcheckout-account-body.open {
    opacity: 1;
    pointer-events: all;
    margin-bottom: 5px;
}

.cashcheckout-account-body table {
    width: 100%;
}

.cashcheckout-account-body table tr {
    height: 44px;
}

.cashcheckout-account-body table tr th {
    color: var(--color1);
}

.cashcheckout-footer {
    height: 164px;
    display: flex;
    align-items: center;
    padding: 0 0;
}


.cashcheckout-footer-left {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.cashcheckout-leftchange {
    display: flex;
    flex-direction: column;
}

.cashcheckout-footer .cashcheckout-leftchange label {
    font-size: 12px;
    margin-top: 12px;
    color: var(--neutral2);
}

.cashcheckout-leftchange input {
    width: 234px;
    background: #f3f3f3;
    border-radius: 4px;
    border: none;
    padding: 10px 12px;
    outline: none;
    margin-top: 5px;
}

.cashcheckout-footer label {
    font-size: 18px;
    color: var(--contrast);
}

.cashcheckout-footer button {
    width: 250px;
    height: 48px;
    border-radius: 50px;
    background: var(--contrast);
    border: none;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
}

.cashcheckout-footer button[disabled="disabled"] {
    opacity: .6;
}

.confirm-cashcheckout-wrapper {
    width: 364px;
    height: 274px;
    position: relative;
    overflow: hidden;
}

.ma-container .mbg-modal .mbg-body-modal .confirm-cashcheckout-wrapper p {
    padding: 0;
    font-size: 18px;
    width: 100%;
    max-width: 100%;
    margin: 44px 0;
    text-align: center;
    color: var(--neutral2);
    font-weight: bold;
    line-height: 20px;
}

.ma-container .confirm-cashcheckout-wrapper input {
    width: 80%;
    border-radius: 4px;
    padding: 12px 24px;
    border: 1px solid #CCC;
    margin-bottom: 5px;
    outline: none;
}

.ma-container .confirm-cashcheckout-wrapper input ~ label {
    margin: 10px 0;
    color: var(--error);
}

.confirm-cashcheckout-wrapper button {
    width: 80%;
    border: none;
    background: var(--contrast);
    color: #FFF;
    height: 48px;
    border-radius: 34px;
    font-weight: bold;
    text-transform: uppercase;
}

.confirm-cashcheckout-wrapper button.cancel {
    width: 144px;
    border-radius: 50px;
    margin-top: 24px;
    background: var(--neutral3);
}

.confirm-cashcheckout-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    transition-timing-function: linear;
    position: absolute;
    left: 0;
    top: 0;
    will-change: transform, transition;
    transform: translateX(0%);
    opacity: 0;
}

.confirm-cashcheckout-step.hidden-left {
    transform: translateX(-100%);
}

.confirm-cashcheckout-step.hidden-right {
    transform: translateX(100%);
}

.confirm-cashcheckout-wrapper.active .confirm-cashcheckout-step {
    opacity: 1;
    transition: all 350ms ease;
}

.table-column-148 {
    width: 148px;
}

.table-column-68 {
    width: 68px;
}

.cashcheckout-wrapper .check-icon {
    width: 24px;
    fill: #0fc34c;
}

.cashcheckout-wrapper .error-value-icon {
    width: 24px;
    fill: var(--error);
}

.cashcheckout-account-body input {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    background: rgb(255, 255, 255);
    min-height: 34px;
    outline: none;
    width: 124px;
    text-align: right;
    padding: 0 14px;
}

/* .cashcheckout-wrapper .check-wrapper {
    margin-left: 24px;
}

.cashcheckout-wrapper .check-wrapper svg {
    position: relative;
    transform: none;
    right: 0;
    width: 38px;
    height: auto;
}

.cashcheckout-wrapper .check-wrapper svg .st0 {
    fill: none;
    stroke: #000000;
    stroke-width: 5;
    stroke-miterlimit: 10;                          
} */
.check-wrapper {
    position: relative;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.check-wrapper svg {
    position: relative;
    transform: none;
    right: 0;
    width: 38px;
    height: auto;
    cursor: pointer;
}

.check-wrapper svg .st0 {
    fill: none;
    stroke: #000000;
    stroke-width: 5;
    stroke-miterlimit: 10;     
}

.check-wrapper svg.checked {
    fill: #0fc34c;
}

.check-wrapper svg:last-child {
    width: 25px;
}.custom-span {
  margin-top: 7px;
  margin-left: 15px;
  font-size: 15px;
}
.custom-label-days {
  margin-left: -20px;
  font-size: 13px;
  margin-top: 7px;
}
.operation-item {
  background: var(--primary);
  padding: 1px;
  color: #fff;
  margin-right: 5px;
  border-radius: 5px;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.businesrule-step {
  float: right;
  border: 1px solid var(--primary);
  color: var(--primary);
  background: transparent;
  padding: 2px;
  border-radius: 50%;
  padding-left: 7px;
  padding-right: 7px;
  margin-left: 5px;
}
.businesrule-step-active {
  background: var(--primary);
  border: 1px solid var(--primary);
  color: #fff;
}
.businesrule-step-finish {
  border: 1px solid var(--secondary);
  background: var(--secondary);
  color: #fff;
}
.operation-item i {
  vertical-align: middle;
  cursor: pointer;
}
.operation-item i:hover {
  color: #000;
}
.list-5-scroll {
  max-height: 115px;
  overflow-y: auto;
}
.list-tax-option {
  flex: 1;
  margin-left: 10px;
}
.list-tax-scroll {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.label-operation-types {
  font-weight: 400;
}
.list-tax-scroll div[ng-transclude="items"] {
  max-height: 500px;
  overflow: auto;
}
.list-tax-option-header {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  padding: 0;
}
.list-tax-option-header h4 {
  font-size: 12px;
  text-align: left;
  color: #555;
  margin: 0;
  padding: 0;
}
.list-tax-option-header a {
  color: #555;
  font-size: 13px;
  margin-left: 12px;
  text-decoration: underline;
}
gumga-chips div.content-bottom {
  z-index: 3;
}
@media screen and (max-width: 1439px) {
  .list-tax-scroll {
    display: block;
  }
  .list-tax-option {
    margin-top: 40px;
  }
}
.bg-sku {
  border-radius: 10px;
  padding-bottom: 7px;
  margin-top: -15px;
}
.font-sku {
  margin-bottom: -7px;
  font-size: 12px;
}
.font-sku-input {
  border-bottom: none !important;
  padding: 0;
  font-size: 16px;
}
.textarea-product {
  width: 100%;
  background-color: rgba(177,177,177,0.15);
  border: 1px dashed #d6d6d6;
  resize: none;
}
.show-gallery-container {
  text-align: center;
  margin: 0;
}
.m-r-l-t {
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 4px;
}
.invalid-code {
  color: #f00;
}
.danger-gmd-input {
  color: #f00 !important;
  border-bottom-color: #f00 !important;
}
@media screen and (max-width: 768px) {
  div.name-list-product {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
  div.name-list-product {
    width: 390px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (min-width: 1367px) {
  div.name-list-product {
    width: 700px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.p-3-4 {
  padding: 3px 4px;
}
.text-pill-treename {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 50%;
  overflow: auto;
}
.text-pill-treename p {
  font-weight: 400;
  font-size: 1em;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.4em;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  vertical-align: middle;
  display: -webkit-box;
  align-items: center;
}
.icon-down {
  TEXT-ALIGN: center;
  color: rgba(0,0,0,0.46);
}
.icon-down > i {
  cursor: pointer;
}
.icon-down > i:hover {
  color: #000;
}
load-selection ul[class^="list-group"] {
  border-bottom: 1px solid #ddd;
}
.grade-header {
  padding-bottom: 10px;
  padding-top: 10px;
}
.grade-header label {
  width: 20%;
}
.grade-gridvalues {
  padding-left: 24px;
  padding-right: 24px;
}
.grade-gridvalues button:hover {
  text-decoration: underline;
}
.grade-gridvalues button {
  background: #fff;
  border: none;
  color: #000;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  margin-top: 5px;
  margin-right: 2px;
  border-radius: 5px;
  outline: none;
}
.grade-header input {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border: 1px solid #ddd;
  border-radius: 0;
  width: 78%;
  outline: none;
}
.img-grade {
  border: none;
  float: right;
  width: 100px;
}
.blink-me {
  animation: blinker 1s linear infinite;
}
.barcode-container {
  background-color: #f5f5f5;
  height: 197px;
  margin-top: 10px;
  padding: 10px;
  box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 2px;
  border: none;
  overflow: hidden;
}
.btn.gmd.raised.btn-default.keep-checked,
.keep-checked {
  background: var(--primary);
  color: #fff;
}
img.barcode-image {
  border: none;
  float: right;
  max-width: 116px;
  max-height: 116px;
}
.current-code-bg {
  background-color: #818181;
}
.current-code-bg select option {
  color: #000;
}
.current-code-bg select,
.current-code-bg span {
  color: #fff;
}
.not-current-code-bg {
  background-color: #e5e5e5;
}
.scroll-y {
  overflow-y: scroll;
  overflow-x: hidden;
}
.barcodes-list {
  max-height: 145px;
  min-height: 145px;
  width: 103%;
}
@-moz-keyframes blinker {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes blinker {
  50% {
    opacity: 0;
  }
}
@-o-keyframes blinker {
  50% {
    opacity: 0;
  }
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
load-selection .list-group li.grade-item-selected {
  color: #fff;
}
load-selection .list-group li:hover {
  cursor: pointer;
}
.grade-tabs button {
  width: 100%;
  background: transparent;
  border: none;
  padding: 10px;
  outline: none;
}
.grade-tabs button.disabled {
  opacity: 0.4;
}
.grade-tabs button.selected,
.grade-tabs button:hover,
.grade-tabs button:active {
  border-bottom: 1px solid var(--primary);
  color: var(--primary);
  outline: none;
}
.shadow-material {
  box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
}
.grade-selection-value-container {
  padding-top: 2%;
  margin: 0;
  margin-top: 25px;
  background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 0, transparent 75%, #fff 0, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 0, transparent 75%, #fff 0, #fff);
  background-image: linear-gradient(45deg, #fff 25%, transparent 0, transparent 75%, #fff 0, #fff), linear-gradient(45deg, #fff 25%, transparent 0, transparent 75%, #fff 0, #fff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
  min-height: 450px;
  border: 1px dashed #bbb;
}
.form-product {
  margin-top: 80px;
}
.form-product .ibox-content {
  border: none;
}
grands-check label,
.grands-label-bold-400 {
  font-weight: 400;
}
.input-sku {
  background-color: var(--neutral3) !important;
  margin: 0;
  padding: 0px;
  margin-top: -5px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-30 {
  margin-top: 30px;
}
.img-product-type {
  border: none !important;
  background: transparent !important;
}
.btn-product-select {
  margin-top: 25px;
}
.product-panel-box {
  margin-top: 3%;
  padding-right: 3.5%;
  min-height: 256.93px;
}
.table-organization {
  border-collapse: separate;
  width: 100%;
  border: 2px solid #ddd;
  border-radius: 5px; }

.table-organization tbody {
  overflow-y: scroll;
  height: 200px;
  display: block; }

.table-organization tbody tr, .table-organization tbody tr td {
  width: 20%; }

.table-organization caption button {
  float: right;
  vertical-align: middle;
  border-radius: 5px; }

.table-organization thead tr th {
  padding: 5px !important; }

.table-organization thead tr th input {
  border: 0; }
.sat-config gmd-select .dropdown.gmd label.floating-dropdown {
  color: var(--defaultColor) !important;
  font-weight: 600 !important; }
#pdvOffVersion .pdv-off-version-wrapper {
  display: flex;
  flex-wrap: wrap;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 20px; }
  #pdvOffVersion .pdv-off-version-wrapper__input-container {
    margin-top: 20px; }
.align-dir {
  text-align: -webkit-right;
}
.input-amount {
  text-align: -webkit-right;
  font-size: 24px;
  font-weight: bold;
  color: #f00;
  text-align: -moz-right;
}
.img-style {
  height: 200px;
  border-color: #eee;
  border-width: 2px;
  border-style: solid;
}
.input-weight {
  text-align: -webkit-right;
  text-align: -moz-right;
  font-size: 24px;
}
gumga-many-to-one input {
  text-transform: capitalize;
}
.footer-wrapper {
  position: sticky;
  height: 64px;
  z-index: 1005;
  bottom: 0;
  width: 100%;
  padding: 0 30px;
}
.footer-wrapper .gl-footer {
  position: relative;
  left: 0;
  margin: 0 !important;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 5px;
}
.row-flex {
  display: flex;
}
.col-flex {
  display: flex;
  align-items: center;
}
grands-check-button.outline button.btn.ma-check-disabled,
grands-check-button.outline button.btn.ma-check-active {
  border: none;
  background: transparent;
  color: var(--primary);
}
grands-check-button.outline .cl-light-primary,
grands-check-button.outline .cl-text-icons {
  color: var(--primary);
}
.links-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}
.links-wrapper a {
  color: var(--neutral2);
  font-size: 1.2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.links-wrapper a svg {
  margin-left: 20px;
  width: 24px;
  margin-right: 5px;
  fill: var(--neutral2);
}
.scroll-movementstock {
  max-height: 620px;
  overflow: auto;
}
.discount-open {
  position: absolute;
  right: 0;
  top: 50px;
  padding: 10px;
  width: 450px;
  z-index: 1;
}
.on-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.col-xs-10p {
  width: 10%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
.title-invoice-detail {
  font-size: 30px;
  font-weight: bold;
  padding-right: 10px;
  padding-left: 10px;
}
.title-invoice-label {
  font-size: 15px;
}
.image-bomb {
  max-height: 50px;
}
.list-text-bomb {
  font-size: 1.4em;
}
.label-secundary {
  font-size: 0.9em;
  color: #808080;
  font-weight: 600;
  margin-right: 10px;
}
.label-client {
  font-size: 1.5em;
  font-weight: 700;
}
.table-h {
  color: #808080;
}
table.grd > tbody > tr.active > td {
  background-color: var(--neutral3) !important;
}
table.grd > tbody > tr.active > td > * {
  color: #fff;
}
.header-sale {
  height: 2.3em;
  font-size: 1.3em;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.list-sale {
  max-height: 248px;
}
.list-sale-item {
  max-height: 260px;
}
.grade-sale input {
  padding-bottom: 25px;
  font-size: 25px;
  padding-top: 25px;
}
.grade-sale label {
  float: right;
  top: -60px;
}
.pulse {
  animation-name: pulse;
}
.label-sale {
  text-transform: uppercase;
  color: #bbb;
  font-weight: bold;
}
.name-product {
  font-size: 1.5em;
  color: #555;
  font-weight: 500;
}
.multiplier-sale {
  font-weight: bold;
  color: #bbb;
  padding-right: 10px;
}
.text-right {
  text-align: right;
}
@-moz-keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.panel-content {
  border-top: solid 1px #fff;
}
.client-name {
  font-size: 1.2em;
  font-weight: 700;
}
.result-panel-label {
  font-size: 1.1em;
  font-weight: 100;
}
.result-panel-text {
  font-size: 1.5em;
  font-weight: 700;
}
.panel-row {
  margin-left: 0;
  margin-right: 0;
}
.vert-align-super {
  vertical-align: super;
}
.vert-align-sub {
  vertical-align: sub;
}
.lower-button {
  padding-top: 4px;
  padding-bottom: 0;
}
.title-b-u {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1em;
}
div .gas-list {
  max-height: 300px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.pdv-header {
  background: var(--primary);
  color: #fff;
  padding: 5px 0px 0px 15px;
  min-height: 57px;
}
.pdv-header h3,
.pdv-header label {
  float: left;
  margin-left: 20px;
}
.pdv-header label {
  font-size: 12px;
}
.pdv-header h3 b {
  color: #fff;
}
.pdv-header .descriptions {
  float: left;
  margin-top: 17px;
}
.pdv-breadcrumb {
  padding-left: 30px;
  padding-top: 10px;
}
.pdv-breadcrumb label {
  color: #acb4bc;
  font-size: 10px;
  padding-left: 5px;
}
.pvd-header-actions {
  float: right;
  margin-top: 10px;
  padding-right: 24px;
  margin-bottom: 14px;
}
.pvd-header-actions button {
  margin-left: 10px;
}
.breadcrumb-g {
  color: #acb4bc;
  font-size: 10px;
  padding-left: 5px;
}
.panel-padding {
  padding: 0 2%;
}
.stripped {
  background-color: #eee;
}
.drag-and-drop-box {
  border: 3px dashed #ddd;
  text-align: center;
}
.dragover {
  border: 3px dashed var(--primary);
}
.editing-row {
  background-color: #ccc;
}
button.btn.btn-default.btn-parcels {
  padding: 15px 25px 15px 25px;
  background-color: #fff;
  color: #777;
  font-size: 18px;
}
button.btn.btn-default.btn-parcels.active {
  font-weight: bold;
  color: #fff;
  background-color: var(--primary);
}
.btn-group.mr-2.btn-parcels {
  display: inline-flex;
}
.btn-toolbar.btn-parcels {
  overflow: auto;
}
.btn-payments {
  font-size: 26px;
}
.emissao-evento-fiscal-modal-wrapper .color-icon-note-autorized i {
  color: blue !important; }

.emissao-evento-fiscal-modal-wrapper .ma-no-pad-center .mbg-label {
  margin-bottom: 0px !important; }

.emissao-evento-fiscal-modal-wrapper .invoice-issue-button {
  display: flex;
  justify-content: center; }
.my-actions {
  margin: 0 2em !important;
  margin-top: 2em !important; }

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

.order-2 {
  order: 2 !important; }

.order-3 {
  order: 3 !important; }

.right-gap {
  margin-right: auto !important; }

.swal-print-danfe {
  display: flex; }
  .swal-print-danfe button {
    width: 30%;
    height: auto;
    background-color: var(--primary) !important;
    flex: 1 0 auto; }
.envioNfeModal .contents .mbg-input {
  width: 100%; }

.envioNfeModal .mbg-content-center {
  display: flex;
  justify-content: center; }

.envioNfeModal .err-emission p {
  max-width: 100% !important; }

.envioNfeModal .fab.fa-whatsapp {
  font-size: large;
  color: #008000; }
.bank-slip-generation-list-wrapper {
  width: 75vw; }
  .bank-slip-generation-list-wrapper cp-print-boleto-icon {
    margin-left: 8px; }
  .bank-slip-generation-list-wrapper .header-parcels {
    display: flex;
    height: 25px;
    background-color: var(--primary);
    border-radius: 4px;
    margin-bottom: 0px; }
    .bank-slip-generation-list-wrapper .header-parcels .parcel-col {
      display: flex;
      flex: 1;
      align-items: center;
      position: relative; }
      .bank-slip-generation-list-wrapper .header-parcels .parcel-col.parc-col {
        max-width: 60px; }
        .bank-slip-generation-list-wrapper .header-parcels .parcel-col.parc-col.charge-checkbox {
          flex: 1;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
      .bank-slip-generation-list-wrapper .header-parcels .parcel-col.individual-col {
        margin-right: 14px;
        display: flex;
        justify-content: center; }
      .bank-slip-generation-list-wrapper .header-parcels .parcel-col.actions {
        max-width: 124px;
        display: flex;
        align-items: center;
        justify-content: center; }
      .bank-slip-generation-list-wrapper .header-parcels .parcel-col.status-col {
        justify-content: center;
        max-width: 158px !important; }
    .bank-slip-generation-list-wrapper .header-parcels span {
      color: #fff;
      font-weight: 600; }
  .bank-slip-generation-list-wrapper .parcels-charge-wrapper {
    overflow-y: scroll;
    height: 45vh; }
    .bank-slip-generation-list-wrapper .parcels-charge-wrapper * {
      cursor: pointer; }
    .bank-slip-generation-list-wrapper .parcels-charge-wrapper .parcels-charge-item {
      border-radius: 0px;
      min-height: 30px !important;
      background: #fff;
      margin-bottom: 0px;
      color: var(--font2);
      padding: 0;
      display: flex;
      border-bottom: 1px solid #ddd; }
      .bank-slip-generation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col {
        padding: 3px 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        .bank-slip-generation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.charge-checkbox {
          max-width: 60px !important; }
        .bank-slip-generation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.parc-col {
          max-width: 60px;
          align-items: flex-start; }
        .bank-slip-generation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.individual-col {
          margin-right: 14px; }
        .bank-slip-generation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.status-col {
          max-width: 154px !important;
          margin-right: 4px; }
        .bank-slip-generation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.actions {
          flex-direction: row;
          max-width: 124px; }
          .bank-slip-generation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.actions > * {
            margin: 0 3px; }
        .bank-slip-generation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col span {
          font-size: 11px;
          color: #46908a; }
        .bank-slip-generation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col label {
          font-weight: 400; }
  .bank-slip-generation-list-wrapper .generate-bank-slip-btn {
    margin-top: 20px; }
.whatsapp-send-point-history {
  width: 750px; }
  .whatsapp-send-point-history .header {
    width: 100%; }
    .whatsapp-send-point-history .header .mbg-close-modal {
      position: absolute;
      right: 5px; }
    .whatsapp-send-point-history .header h4 {
      padding: 20px 120px 0 20px; }
  .whatsapp-send-point-history .body {
    width: 100%;
    display: grid;
    padding: 30px; }
    .whatsapp-send-point-history .body .points span {
      font-size: large; }
    .whatsapp-send-point-history .body .details {
      margin-top: 20px;
      margin-top: 20px; }
      .whatsapp-send-point-history .body .details .message-label {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
      .whatsapp-send-point-history .body .details .message-form {
        width: 500px; }
        .whatsapp-send-point-history .body .details .message-form .tag-row {
          width: 100%;
          display: flex;
          position: relative;
          justify-content: space-between;
          left: 14px; }
          .whatsapp-send-point-history .body .details .message-form .tag-row .tag-row-label {
            margin: 2mm; }
          .whatsapp-send-point-history .body .details .message-form .tag-row .tag-button {
            margin: 2mm 0;
            border-radius: 5px;
            border: 0;
            color: white;
            background: var(--primary); }
          .whatsapp-send-point-history .body .details .message-form .tag-row[disabled] .tag-button {
            background: dimgray; }
        .whatsapp-send-point-history .body .details .message-form .message {
          padding: 10px;
          height: 186px;
          width: 500px;
          resize: none; }
      .whatsapp-send-point-history .body .details .inner-link {
        color: blue !important; }
    .whatsapp-send-point-history .body .value {
      margin-top: 20px; }
      .whatsapp-send-point-history .body .value span {
        font-size: large; }
  .whatsapp-send-point-history .foot {
    display: flex;
    justify-content: center;
    margin: 10px 50px 50px 50px; }
.send-boletos-modal-wrapper .mbg-body-modal {
  margin-top: -60px !important; }

.send-boletos-modal-wrapper .center {
  display: flex;
  justify-content: center;
  margin-top: 10px; }
.table-organization {
  border-collapse: separate;
  width: 100%;
  border: 2px solid #ddd;
  border-radius: 5px; }

.table-organization tbody {
  overflow-y: scroll;
  height: 200px;
  display: block; }

.table-organization tbody tr, .table-organization tbody tr td {
  width: 20%; }

.table-organization caption button {
  float: right;
  vertical-align: middle;
  border-radius: 5px; }

.table-organization thead tr th {
  padding: 5px !important; }

.table-organization thead tr th input {
  border: 0; }
.list-roman {
  list-style-position: inside !important;
  counter-reset: item !important;
  list-style-type: none !important;
  margin-top: 14px !important; }

.list-roman > li:before {
  content: counter(item, upper-roman) " - " !important;
  counter-increment: item !important; }
.modal-request-permission-wrapper {
  padding: 44px;
  width: 500px; }
  .modal-request-permission-wrapper .mbg-close-modal {
    color: var(--font2);
    position: absolute;
    right: 16px;
    top: 32px;
    font-size: 14px; }
    .modal-request-permission-wrapper .mbg-close-modal i {
      margin-left: 7px; }
  .modal-request-permission-wrapper label {
    color: var(--font3);
    margin-bottom: 5px; }
  .modal-request-permission-wrapper .description-request-permission {
    display: flex;
    flex-direction: column; }
    .modal-request-permission-wrapper .description-request-permission p {
      margin-bottom: 14px; }
    .modal-request-permission-wrapper .description-request-permission label {
      color: var(--font2);
      font-weight: 600; }
      .modal-request-permission-wrapper .description-request-permission label span {
        font-weight: 400; }
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,
    100%,
    11.1% {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,
    100%,
    11.1% {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
.sweet-overlay {
    background: rgba(10, 10, 10, 0.6); }

.sweet-alert {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 24px;
    padding-top: 64px;
    padding-bottom: 13px;
    text-align: right;
    border-radius: 0;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.24), 0 14px 28px rgba(0, 0, 0, 0.48); }
.sweet-alert h2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    font-weight: 400;
    color: #212121;
    margin: 20px 0;
    font-size: 1.2em;
    line-height: 1.25;
    text-align: left;
    padding: 0 24px; }
.sweet-alert p {
    display: block;
    text-align: center;
    color: #212121;
    font-weight: 400;
    font-size: 14px;
    margin: 20px 0; }
.sweet-alert button {
    border-radius: 2px;
    box-shadow: none !important;
    background: none !important;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
    position: relative;
    margin-top: 0; }
.sweet-alert button:hover, .sweet-alert button:focus {
    background-color: #f6f6f6 !important; }
.sweet-alert button.confirm {
    color: #3c80f6; }
.sweet-alert button.cancel {
    color: #757575; }
.sweet-alert button.cancel:focus {
    box-shadow: none !important; }
.sweet-alert .sa-icon:not(.sa-custom) {
    transform: scale(0.8);
    margin-bottom: -10px;
    margin-top: -10px; }
.sweet-alert input {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #c9c9c9;
    color: #212121;
    margin-bottom: 8px;
    padding: 1px;
    padding-bottom: 8px;
    height: auto;
    box-shadow: none;
    font-size: 13px;
    margin: 10px 0; }
.sweet-alert input:focus {
    border: none;
    border-bottom: 1px solid #3c80f6;
    box-shadow: inset 0 -1px 0 #3c80f6; }
.sweet-alert fieldset {
    padding: 0; }
.sweet-alert fieldset .sa-input-error {
    display: none; }
.sweet-alert .sa-error-container {
    display: none;
    background: none;
    height: auto;
    padding: 0 24px;
    margin: 0 -20px;
    text-align: left; }
.sweet-alert .sa-error-container.show {
    padding: 0 24px;
    display: block; }
.sweet-alert .sa-error-container.show ~ fieldset input {
    background: red;
    border-bottom: 1px solid #d9453c;
    box-shadow: inset 0 -1px 0 #d9453c; }
.sweet-alert .sa-error-container .icon {
    display: none; }
.sweet-alert .sa-error-container p {
    color: #d9453c;
    margin-top: 0; }

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg), scale(0.5);
        -webkit-transform: rotateX(100deg), scale(0.5);
        opacity: 0; }

    100% {
        transform: rotateX(0deg), scale(0.5);
        -webkit-transform: rotateX(0deg), scale(0.5);
        opacity: 1; } }

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg), scale(0.5);
        -webkit-transform: rotateX(100deg), scale(0.5);
        opacity: 0; }

    100% {
        transform: rotateX(0deg), scale(0.5);
        -webkit-transform: rotateX(0deg), scale(0.5);
        opacity: 1; } }.hidden-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-t {
  padding-top: 10px;
}
.n-p {
  padding: 0 !important;
}
.n-p-r {
  padding-right: 0 !important;
}
.n-p-b {
  padding-bottom: 0 !important;
}
.n-p-t {
  padding-top: 0 !important;
}
.n-m-b {
  margin-bottom: 0 !important;
}
.n-m {
  margin: 0 !important;
}
.m-t-label {
  margin-top: 23px;
}
.ta-r {
  text-align: right;
}
.wrapper-content-n-p-r {
  padding: 20px 0px 40px !important;
}
.button-green {
  background-color: #67e659;
  color: #fff;
}
.button-blue {
  background-color: #6cd9c3;
}
.b {
  font-weight: bold;
}
.text-primary {
  color: #1ab394;
}
.cursor-pointer {
  cursor: pointer;
}
.ibox-title-label {
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.align-justify {
  text-align: justify;
}
.input-disabled {
  background-color: #fff;
}
.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.dropdown-menu > li > a {
  margin: 0 !important;
}
.resize-none {
  resize: none;
}
.clickable {
  cursor: pointer;
}
.pill-sale-prod {
  border: 1px solid #757575;
  border-radius: 1px;
  cursor: pointer;
  justify-content: center;
  padding: 5px;
  height: 150px;
  z-index: 2;
  background-color: #fff;
  position: relative;
}
.text-pill-name {
  color: #fff;
  text-align: center;
  height: 1.1em;
  display: block;
  font-size: 0.9em;
}
.text-pill-price {
  font-weight: 400;
  text-align: center;
  height: 1.6em;
  display: block;
  font-size: 1.5em;
}
.image-pill {
  background-color: #808080;
  height: 80px;
  max-width: 100%;
}
.pill-sale-prod-click {
  position: relative;
  height: 150px;
  margin-top: -150px;
  z-index: 1;
}
.pill-sale-prod-click.added {
  z-index: 3;
  animation: fade 0.28s linear;
}
.text-pill-add {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 1.5em;
  padding-top: 10px;
}
.added .text-pill-name {
  padding-top: 5px;
  display: block;
  width: 80%;
  margin-top: 10px;
  margin-right: 10%;
  margin-bottom: 0px;
  margin-left: 10%;
  height: 2em;
  border-top: 1px solid #fff;
  color: #fff;
}
.pill-icon {
  display: block !important;
  text-align: center;
  color: #fff !important;
  padding-top: 20px;
}
.text-bold {
  font-weight: 500;
}
.text-lg {
  font-size: 2em;
}
.align-middle {
  display: flex;
  align-items: center;
}
.has-footer {
  margin-bottom: 124px;
}
.pills-container {
  max-height: 270px;
  overflow-y: scroll;
}
.p-n {
  padding: 0;
}
.p-b {
  padding-bottom: 15px;
}
.align-layout-panel {
  padding-left: 2%;
  padding-right: 2%;
}
.text-l {
  text-align: left;
}
.text-r {
  text-align: right;
}
.text-c {
  text-align: center;
}
.text-j {
  text-align: justify;
}
.text-n {
  white-space: nowrap;
}
.p-t-xs {
  padding-top: 7px;
}
.align-baseline {
  display: flex;
  align-items: baseline;
}
.align-center {
  display: flex;
  align-items: center;
}
.bg-lightgray {
  background-color: #d3d3d3;
}
.nav>li>a:hover {
  color: var(--neutral3);
}
.bg-dark-primary {
  background-color: #2f4050;
}
.cl-gray {
  color: #808080;
}
.p-b-sm {
  padding-bottom: 10px;
}
.form-label {
  font-size: 0.9em;
  font-weight: 400;
}
.input-xs {
  height: 30px;
  padding: 5px 9px;
}
main {
  margin-top: 50px;
}
.grey-label {
  color: #808080;
  font-size: 0.9em;
}
.btn-round {
  border-radius: 50%;
  height: 40px;
  min-width: 40px;
  padding: 8px 8px;
}
.bd-green {
  border-color: #0adeb4 !important;
}
.b-t {
  border-top: 1px solid #d3d3d3;
}
.b-b {
  border-bottom: 1px solid #d3d3d3;
}
.label-lg {
  font-size: 1.3em;
  font-weight: 700;
}
.text-end {
  text-align: end;
}
.p-t-xsm {
  padding-top: 2px;
}
.p-b-xsm {
  padding-bottom: 2px;
}
.bd-t-b {
  border: 1px solid;
  border-left: 0px;
  border-right: 0px;
}
.bd-light {
  border-color: rgba(159,165,171,0.39) !important;
}
.btn-dark-primary.btn-dark-hover:hover {
  color: #2f4050;
  background-color: #fff;
}
.bg-dark-danger {
  background-color: #d9534f;
}
.m-t-pill-label {
  margin-top: 50px;
}
.btn-footer {
  height: 60px;
  border-radius: 0;
  font-size: 1.5em;
}
.badge-footer {
  height: 46px;
  margin: 7px 10px;
  padding: 5px 7px;
  border-radius: 2px;
}
.badge-footer i {
  vertical-align: -webkit-baseline-middle;
  font-size: 1.7em;
  margin: 0 5px;
}
.badge-footer span {
  vertical-align: -webkit-baseline-middle;
  font-size: 1.5em;
  margin: 0 3px;
  font-weight: 300;
}
.icon-btn-footer {
  font-size: 2.2em;
  font-weight: 400;
  margin: 5px;
}
.btn-round-footer {
  height: 46px;
  width: 46px;
  margin: 7px 10px;
  border-radius: 50% !important;
  padding: 0 !important;
}
.n-p-l {
  padding-left: 0 !important;
}
.bg-green[disabled] {
  background-color: #d3d3d3 !important;
  color: #808080 !important;
}
.bg-blue[disabled] {
  background-color: #d3d3d3 !important;
  color: #808080 !important;
}
@-webkit-keyframes blink-bg {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #eee8aa;
  }
}
.blink-bg {
  -webkit-animation: blink-bg 500ms linear 1;
  -moz-animation: blink-bg 500ms linear 1;
  animation: blink-bg 500ms linear 1;
}
@-webkit-keyframes blink-cl {
  0% {
    color: #fff;
  }
  100% {
    color: #daa520;
  }
}
.blink-cl {
  -webkit-animation: blink-cl 500ms linear 1;
  -moz-animation: blink-cl 500ms linear 1;
  animation: blink-cl 500ms linear 1;
}
@media (max-width: 991px) {
  .btn-round-footer {
    margin: 7px 5px;
  }
  .badge-footer {
    margin: 7px 5px;
  }
  .align-btns {
    margin-left: 0;
  }
}
.p-l-none {
  padding-left: 0;
}
.p-l-xxs {
  padding-left: 1px;
}
.p-l-xs {
  padding-left: 5px;
}
.p-l-sm {
  padding-left: 10px;
}
.p-l {
  padding-left: 15px;
}
.p-l-md {
  padding-left: 20px;
}
.p-l-lg {
  padding-left: 30px;
}
.p-l-xl {
  padding-left: 40px;
}
.p-l-n-xxs {
  padding-left: -1px;
}
.p-l-n-xs {
  padding-left: -5px;
}
.p-l-n-sm {
  padding-left: -10px;
}
.p-l-n {
  padding-left: -15px;
}
.p-l-n-md {
  padding-left: -20px;
}
.p-l-n-lg {
  padding-left: -30px;
}
.p-l-n-xl {
  padding-left: -40px;
}
.p-t-none {
  padding-top: 0;
}
.p-t-xxs {
  padding-top: 1px;
}
.p-t-xs {
  padding-top: 5px;
}
.p-t-sm {
  padding-top: 10px;
}
.p-t {
  padding-top: 15px;
}
.p-t-md {
  padding-top: 20px;
}
.p-t-lg {
  padding-top: 30px;
}
.p-t-xl {
  padding-top: 40px;
}
.p-t-n-xxs {
  padding-top: -1px;
}
.p-t-n-xs {
  padding-top: -5px;
}
.p-t-n-sm {
  padding-top: -10px;
}
.p-t-n {
  padding-top: -15px;
}
.p-t-n-md {
  padding-top: -20px;
}
.p-t-n-lg {
  padding-top: -30px;
}
.p-t-n-xl {
  padding-top: -40px;
}
.p-r-none {
  padding-right: 0;
}
.p-r-xxs {
  padding-right: 1px;
}
.p-r-xs {
  padding-right: 5px;
}
.p-r-sm {
  padding-right: 10px;
}
.p-r {
  padding-right: 15px;
}
.p-r-md {
  padding-right: 20px;
}
.p-r-25 {
  padding-right: 25px;
}
.p-r-lg {
  padding-right: 30px;
}
.p-r-xl {
  padding-right: 40px;
}
.p-r-45 {
  padding-right: 45px;
}
.p-r-n-xxs {
  padding-right: -1px;
}
.p-r-n-xs {
  padding-right: -5px;
}
.p-r-n-sm {
  padding-right: -10px;
}
.p-r-n {
  padding-right: -15px;
}
.p-r-n-md {
  padding-right: -20px;
}
.p-r-n-lg {
  padding-right: -30px;
}
.p-r-n-xl {
  padding-right: -40px;
}
.p-b-none {
  padding-bottom: 0;
}
.p-b-xxs {
  padding-bottom: 1px;
}
.p-b-xs {
  padding-bottom: 5px;
}
.p-b-sm {
  padding-bottom: 10px;
}
.p-b {
  padding-bottom: 15px;
}
.p-b-md {
  padding-bottom: 20px;
}
.p-b-lg {
  padding-bottom: 30px;
}
.p-b-xl {
  padding-bottom: 40px;
}
.p-b-n-xxs {
  padding-bottom: -1px;
}
.p-b-n-xs {
  padding-bottom: -5px;
}
.p-b-n-sm {
  padding-bottom: -10px;
}
.p-b-n {
  padding-bottom: -15px;
}
.p-b-n-md {
  padding-bottom: -20px;
}
.p-b-n-lg {
  padding-bottom: -30px;
}
.p-b-n-xl {
  padding-bottom: -40px;
}
.p-l-3p {
  padding-left: 3%;
}
.p-t-2p {
  padding-top: 2%;
}
.font-size-10 {
  font-size: 10px;
}
.font-size-12 {
  font-size: 12px;
}
.border-radius-0 {
  border-radius: 0;
}
.border-radius-6 {
  border-radius: 6px;
}
.border-radius-14 {
  border-radius: 14px;
}
.border-1-solid {
  border: 1px solid;
}
.border-none {
  border: none;
}
.height-35 {
  height: 35px;
}
.background-transparent {
  background: transparent;
}
.vert-align-bottom {
  vertical-align: bottom;
}
.cl-dark-danger {
  color: #d9534f;
}
.grey-label-lg {
  color: #808080;
  font-size: 1.2em;
}
.btn.gmd.btn-dark-default {
  color: #fff;
  background-color: #696969;
}
.btn.sm {
  padding: 0 3px;
}
.bg-light-green {
  background-color: rgba(194,247,230,0.89);
}
.text-strong-dark-green {
  font-weight: 700;
  color: #006400;
}
.inline-block {
  display: inline-block;
}
.badge-error-message {
  border-radius: 5px;
  padding: 10px;
  background-color: #ec4758;
  color: #fff;
  border-color: #ed5565;
}
.p-r-sm {
  padding-right: 5px;
}
.invisible {
  visibility: hidden;
}
.ta-l {
  text-align: left;
}
.panel.gmd {
  box-shadow: 0 0 0.2em #2f2e2e;
}
.dropdown-menu {
  min-width: 280px;
  box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 2px;
  border: none;
}
.dropdown-account {
  min-width: 300px;
}
.dropdown-account > div > img {
  height: 56px;
  margin: 16px;
  width: 56px;
  border-radius: 50%;
}
.dropdown-account .user-info {
  width: 165px;
  margin-left: 85px;
  position: relative;
}
.dropdown-account > div > b {
  margin-top: 15px;
  position: absolute;
  white-space: nowrap;
}
.dropdown-account > div > b,
.dropdown-account > div > span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-account > div > span {
  color: rgba(0,0,0,0.87);
  font-size: 14px;
  line-height: 16px;
  margin-top: 33px;
  position: absolute;
  left: 15px;
}
.dropdown-account > div > b,
.dropdown-account > div > span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-login div.logo-box {
  background-color: transparent;
}
.form-control.gmd + .list-errors {
  display: none;
}
html {
  background: #f5f5f5;
}
gmd-fab .btn-danger:hover {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.gmd-invisible {
  visibility: hidden;
  opacity: 0;
}
.gmd-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
div[class^="gmd"] ul[class="nav nav-tabs"] > li[class~="active"] > a {
  border: none;
  border-bottom: 2px solid var(--primary);
}
div[class^="gmd"] ul[class="nav nav-tabs"] > li > a:hover,
div[class^="gmd"] ul[class="nav nav-tabs"] > li > a:focus {
  background-color: #fff;
  border: none;
  border-bottom: 2px solid var(--primary);
}
gumga-list tr {
  cursor: pointer;
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-grands-primary {
  color: #1565c0;
}
.btn.gmd.raised.btn-primary-color {
  color: #fff;
  background-color: var(--secondary) !important;
  opacity: 0.9;
}
.background-neutral {
  background: var(--neutral3) !important;
}
.background-neutral2 {
  background: var(--neutral2) !important;
}
.btn-primary {
  background: var(--primary) !important;
  text-transform: capitalize !important;
}
.btn-secondary {
  background: var(--secondary) !important;
}
.btn.gmd.raised.btn-primary-color-light {
  color: #fff;
  background-color: var(--primary) !important;
  opacity: 0.9;
}
.btn {
  font-size: 12px;
}
.btn.gmd.raised.btn-primary {
  background-color: var(--primary);
}
.btn.gmd.raised.btn-default {
  color: #fff !important;
  text-transform: capitalize !important;
  background-color: var(--neutral3) !important;
  opacity: 0.9;
  font-family: MontSerrat !important;
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  border: 1px solid #d6d6d6;
}
.btn-contrast {
  background: var(--primary) !important;
  color: #fff !important;
  text-transform: capitalize !important;
}
.background-neutral1 {
  background: var(--neutral1) !important;
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  border: none;
  background: transparent;
  border-radius: 0;
  height: 2em;
  width: auto;
  max-width: 100%;
  box-shadow: none;
}
.btn.gmd.btn-primary {
  color: #fff !important;
  background-color: transparent;
  text-transform: capitalize;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  background: #337ab7;
  border: 1px solid #337ab7;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px;
  font-size: 12px;
}
button.btn.gmd.btn-contrast.button-print,
button.btn.gmd.raised.btn-contrast.lower-button.button-new.m-t-xs {
  text-transform: captalize !important;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  line-height: 0.95;
  color: #fff;
  opacity: 1;
}
.ui-select-multiple.ui-select-bootstrap {
  background-color: transparent;
}
.font-lg {
  font-weight: 700;
  font-size: 1.8em;
  padding-right: 10px;
}
.text-gray {
  color: #555;
}
.separator {
  border: 1px #b7c2d1 solid;
  margin-bottom: 20px;
}
.img-prod-sale {
  height: auto;
  width: 100%;
  border: 1px solid #adadad;
  border-radius: 7px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #d5d5d5;
}
.uppercase {
  text-transform: uppercase;
}
.bolder {
  font-weight: bolder;
}
.bold {
  font-weight: bold;
}
.cl-white {
  color: #fff;
}
.p-l-lg {
  padding-left: 30px;
}
.p-r-lg {
  padding-right: 30px;
}
.bg-grey999 {
  background-color: #999;
}
.btn-green {
  background-color: #00d6b2 !important;
  color: #fff;
}
.btn-green:hover:enabled {
  color: #00d6b2;
  background-color: transparent !important;
}
.btn-green:hover:disabled {
  background-color: #00d6b2 !important;
  color: #fff;
}
.btn-danger {
  background-color: #ec4758;
  color: #fff;
}
.btn-danger:hover {
  color: #ec4758 !important;
  background-color: transparent !important;
}
.btn.gmd.btn-green.button-print:hover {
  color: #f8ac59 !important;
}
.btn.gmd.raised.btn-dark-primary.btn-dark-hover:hover {
  color: #2f4050 !important;
  background-color: transparent !important;
}
.btn-dark-primary {
  background-color: #2f4050 !important;
  color: #fff;
}
button.btn.gmd.btn-primary.button-nfe {
  background-color: var(--primary) !important;
  color: #fff !important;
  text-transform: uppercase;
}
button.btn.gmd.btn-contrast.button-print,
button.btn.gmd.raised.btn-contrast.lower-button.button-new.m-t-xs {
  background: var(--primary) !important;
  text-transform: uppercase !important;
}
.btn-dark-primary:hover {
  color: #1ab394;
}
.cl-green {
  color: #0adeb4 !important;
}
.cl-white {
  color: #fff !important;
}
.bg-green {
  background-color: #0adeb4 !important;
}
.bg-blue {
  background-color: #337ab7 !important;
}
.list-10-scroll {
  max-height: 390px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.list-5-scroll {
  max-height: 115px;
  overflow-y: auto;
}
.hr-line-dashed {
  border-top: 1px dashed #e7eaec;
  color: #fff;
  background-color: #fff;
  height: 1px;
  margin: 20px 0;
}
.has-error .form-control:focus {
  box-shadow: none;
}
gumga-many-to-one input.form-control.gmd[class*=ng-valid-many-to-one][class*=ng-not-empty][class*=focused] {
  border-bottom: 2px solid var(--secondary);
}
.sk-fading-circle {
  margin: 0px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: var(--primary);
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.gl-header div.navbar-header .navbar-brand {
  height: 50px;
  margin: 0 auto;
}
.modal-larger {
  width: 90%;
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
gumga-many-to-one ul {
  max-height: 250px;
  overflow: auto;
}
gumga-list .table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 12px 24px 12px 24px;
}
.modal-title {
  text-align: center;
}
.gl-footer {
  margin-left: 55px;
  transition: all 0.3s ease-in-out;
}
.sweet-alert .sa-icon.sa-info::after {
  right: 45%;
}
.no-overflow .modal-content {
  overflow: inherit;
}
.ma-aviso {
  display: flex;
  padding-left: 15px;
  line-height: 30px;
  height: 30px;
  background-color: #f00;
  font-weight: bold;
  color: #fff;
}
.ma-aviso i {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.ma-aviso a {
  margin-left: 5px;
  color: #fff;
  text-decoration: underline;
}
.ma-aviso-m {
  height: 30px;
}
@-moz-keyframes fade {
  0%, 100% {
    opacity: 0;
  }
  20%, 80% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0%, 100% {
    opacity: 0;
  }
  20%, 80% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0%, 100% {
    opacity: 0;
  }
  20%, 80% {
    opacity: 1;
  }
}
@keyframes fade {
  0%, 100% {
    opacity: 0;
  }
  20%, 80% {
    opacity: 1;
  }
}
@-moz-keyframes blink-bg {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #eee8aa;
  }
}
@-webkit-keyframes blink-bg {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #eee8aa;
  }
}
@-o-keyframes blink-bg {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #eee8aa;
  }
}
@keyframes blink-bg {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #eee8aa;
  }
}
@-moz-keyframes blink-cl {
  0% {
    color: #fff;
  }
  100% {
    color: #daa520;
  }
}
@-webkit-keyframes blink-cl {
  0% {
    color: #fff;
  }
  100% {
    color: #daa520;
  }
}
@-o-keyframes blink-cl {
  0% {
    color: #fff;
  }
  100% {
    color: #daa520;
  }
}
@keyframes blink-cl {
  0% {
    color: #fff;
  }
  100% {
    color: #daa520;
  }
}
@-moz-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@-o-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body {
  overflow-x: hidden;
  font-family: 'Roboto', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 100;
}
h3,
h4,
h5 {
  margin-top: 5px;
  font-weight: 600;
}
.p-xxs {
  padding: 5px;
}
.p-xs {
  padding: 10px;
}
.p-sm {
  padding: 15px;
}
.p-m {
  padding: 20px;
}
.p-md {
  padding: 25px;
}
.p-lg {
  padding: 30px;
}
.p-xl {
  padding: 40px;
}
.m-xxs {
  margin: 2px 4px;
}
.m-xs {
  margin: 5px;
}
.m-sm {
  margin: 10px;
}
.m {
  margin: 15px;
}
.m-md {
  margin: 20px;
}
.m-lg {
  margin: 30px;
}
.m-xl {
  margin: 50px;
}
.m-n {
  margin: 0 !important;
}
.m-l-none {
  margin-left: 0;
}
.m-l-xs {
  margin-left: 5px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-l {
  margin-left: 15px;
}
.m-l-md {
  margin-left: 20px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-l-xl {
  margin-left: 40px;
}
.m-l-n-xxs {
  margin-left: -1px;
}
.m-l-n-xs {
  margin-left: -5px;
}
.m-l-n-sm {
  margin-left: -10px;
}
.m-l-n {
  margin-left: -15px;
}
.m-l-n-md {
  margin-left: -20px;
}
.m-l-n-lg {
  margin-left: -30px;
}
.m-l-n-xl {
  margin-left: -40px;
}
.m-t-none {
  margin-top: 0;
}
.m-t-xxs {
  margin-top: 1px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-sm {
  margin-top: 10px;
}
.m-t {
  margin-top: 15px;
}
.m-t-md {
  margin-top: 20px;
}
.m-t-lg {
  margin-top: 30px;
}
.m-t-xl {
  margin-top: 40px;
}
.m-t-n-xxs {
  margin-top: -1px;
}
.m-t-n-xs {
  margin-top: -5px;
}
.m-t-n-sm {
  margin-top: -10px;
}
.m-t-n {
  margin-top: -15px;
}
.m-t-n-md {
  margin-top: -20px;
}
.m-t-n-lg {
  margin-top: -30px;
}
.m-t-n-xl {
  margin-top: -40px;
}
.m-r-none {
  margin-right: 0;
}
.m-r-xxs {
  margin-right: 1px;
}
.m-r-xs {
  margin-right: 5px;
}
.m-r-sm {
  margin-right: 10px;
}
.m-r {
  margin-right: 15px;
}
.m-r-md {
  margin-right: 20px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-r-xl {
  margin-right: 40px;
}
.m-r-n-xxs {
  margin-right: -1px;
}
.m-r-n-xs {
  margin-right: -5px;
}
.m-r-n-sm {
  margin-right: -10px;
}
.m-r-n {
  margin-right: -15px;
}
.m-r-n-md {
  margin-right: -20px;
}
.m-r-n-lg {
  margin-right: -30px;
}
.m-r-n-xl {
  margin-right: -40px;
}
.m-b-none {
  margin-bottom: 0;
}
.m-b-xxs {
  margin-bottom: 1px;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-md {
  margin-bottom: 20px;
}
.m-b-lg {
  margin-bottom: 30px;
}
.m-b-xl {
  margin-bottom: 40px;
}
.m-b-n-xxs {
  margin-bottom: -1px;
}
.m-b-n-xs {
  margin-bottom: -5px;
}
.m-b-n-sm {
  margin-bottom: -10px;
}
.m-b-n {
  margin-bottom: -15px;
}
.m-b-n-md {
  margin-bottom: -20px;
}
.m-b-n-lg {
  margin-bottom: -30px;
}
.m-b-n-xl {
  margin-bottom: -40px;
}
.label {
  background-color: #d1dade;
  color: #5e5e5e;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  text-shadow: none;
}
.badge {
  background-color: #d1dade;
  color: #5e5e5e;
  font-size: 11px;
  font-weight: 600;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  text-shadow: none;
}
.label-primary,
.badge-primary {
  background-color: #1ab394;
  color: #fff;
}
.label-success,
.badge-success {
  background-color: #1c84c6;
  color: #fff;
}
.label-warning,
.badge-warning {
  background-color: #f8ac59;
  color: #fff;
}
.label-warning-light,
.badge-warning-light {
  background-color: #f8ac59;
  color: #fff;
}
.label-danger,
.badge-danger {
  background-color: #ed5565;
  color: #fff;
}
.label-info,
.badge-info {
  background-color: #23c6c8;
  color: #fff;
}
.label-inverse,
.badge-inverse {
  background-color: #262626;
  color: #fff;
}
.label-white,
.badge-white {
  background-color: #fff;
  color: #5e5e5e;
}
.label-white,
.badge-disable {
  background-color: #2a2e36;
  color: #8b91a0;
}
.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}
.ibox-content {
  clear: both;
}
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #fff;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 4px 0px 0;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 48px;
}
.ibox-title h5 {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 7px;
  padding: 0;
  text-overflow: ellipsis;
  float: left;
}
.ibox-content {
  background-color: #fff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0px;
}
.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #fff;
  padding: 10px 15px;
}
.form-control,
.single-line {
  background-color: #fff;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
  box-shadow: none;
}
a {
  cursor: pointer;
}
a:hover,
a:focus {
  text-decoration: none;
}
.btn-default {
  background-color: #c2c2c2;
  border-color: #c2c2c2;
  color: #fff;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-color: #bababa;
  border-color: #bababa;
  color: #fff;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default.active[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: #ccc;
  border-color: #ccc;
}
.font-bold {
  font-weight: 600;
}
.block {
  display: block;
}
.img-circle {
  border-radius: 50%;
}
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
.page-heading {
  border-top: 0;
  padding: 0px 10px 20px 10px;
}
.white-bg {
  background-color: #fff;
}
.wrapper {
  padding: 0 20px;
}
.wrapper-content {
  padding: 20px 10px 40px;
}
.modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0);
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  outline: 0 none;
  position: relative;
}
.modal-dialog {
  z-index: 2200;
}
.modal-body {
  padding: 20px 30px 30px 30px;
}
.inmodal .modal-body {
  background: #f8fafb;
}
.inmodal .modal-header {
  padding: 30px 15px;
  text-align: center;
}
.animated.modal.fade .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.inmodal .modal-title {
  font-size: 26px;
}
.inmodal .modal-icon {
  font-size: 84px;
  color: #e2e3e3;
}
.modal-footer {
  margin-top: 0;
}
.btn-link {
  color: inherit;
}
.text-navy {
  color: #1ab394;
}
.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all 0.5s;
}
.btn-primary.btn-outline {
  color: #1ab394;
}
.btn-success.btn-outline {
  color: #1c84c6;
}
.btn-info.btn-outline {
  color: #23c6c8;
}
.btn-warning.btn-outline {
  color: #f8ac59;
}
.btn-danger.btn-outline {
  color: #ed5565;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: #fff;
}
.btn-white {
  color: inherit;
  background: #fff;
  border: 1px solid #e7eaec;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  color: inherit;
  border: 1px solid #d2d2d2;
}
.btn-white:active,
.btn-white.active {
  box-shadow: 0 2px 5px rgba(0,0,0,0.15) inset;
}
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  background-image: none;
}
.btn-white.disabled,
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled:active,
.btn-white.disabled.active,
.btn-white[disabled],
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled]:active,
.btn-white.active[disabled],
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white:hover,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active {
  color: #cacaca;
}
.form-control,
.single-line {
  background-color: #fff;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
}
.onoffswitch {
  position: relative;
  width: 54px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #7e54c1 !important;
  border-radius: 3px;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 16px;
  padding: 0;
  line-height: 16px;
  font-size: 10px;
  color: #fff;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "SIM";
  padding-left: 7px;
  background-color: #1ab394;
  color: #fff;
}
.onoffswitch-inner:after {
  content: "N\C3O";
  padding-right: 7px;
  background-color: #fff;
  color: #919191;
  text-align: right;
}
.onoffswitch-label > .onoffswitch-switch.onoffskuR,
.onoffswitch-label > .onoffswitch-switch {
  display: block;
  width: 18px;
  margin: 0px;
  background: #fff;
  border: 2px solid #7e54c1 !important;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 36px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}
.product-box {
  padding: 0;
  border: 1px solid #e7eaec;
}
.product-box:hover,
.product-box.active {
  border: 1px solid transparent;
  -webkit-box-shadow: 0px 3px 7px 0px #a8a8a8;
  -moz-box-shadow: 0px 3px 7px 0px #a8a8a8;
  box-shadow: 0px 3px 7px 0px #a8a8a8;
}
.product-desc {
  padding: 20px;
  position: relative;
}
.breadcrumb {
  margin: 10px 0 20px 0;
  display: block;
  color: #acacac;
  font-size: 0.9em;
  height: 80%;
  float: left;
}
.breadcrumb > span a {
  color: #acacac;
}
.breadcrumb > span i {
  vertical-align: middle;
  margin: 0 5px;
  font-size: 1em;
}
.breadcrumb > i {
  vertical-align: bottom;
  margin-right: 10px;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: var(--primary);
  background: var(--neutral3);
  border: 0px none #fff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
  background: var(--neutral3);
}
::-webkit-scrollbar-track {
  background: rgba(158,158,158,0.22);
  border: 0px none #fff;
  border-radius: 50px;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
.select2-chosen {
  display: block;
}
.panel.gmd {
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
}
gumga-many-to-one button[type="button"] {
  background: #fff;
}
gumga-many-to-one .input-group-btn-icon {
  box-shadow: none;
}
.btn.gmd {
  background: transparent;
}
.btn.gmd.btn-default {
  color: #000;
}
.btn.gmd.btn-default:hover {
  color: #000;
}
button.btn-aligned {
  line-height: 24px;
  padding: 4px 8px;
}
button.btn-aligned > i {
  float: left;
}
span .form-control {
  cursor: text;
}
.grade-title-selected {
  background-color: var(--secondary);
}
.grade-icon-check {
  float: right;
  cursor: pointer;
}
.grade-icon-check.selected {
  color: var(--secondary);
}
.grade-item-selected {
  background-color: var(--primary);
}
.grade-title-selected {
  background-color: var(--secondary);
}
.grade-sale-value-row {
  position: absolute;
  right: 16px;
  top: 35px;
}
.grade-description {
  font-size: 12px;
  color: #fff;
  margin: -15px 0 0 40px;
}
.grade-thumbnail {
  width: 30px;
  float: left;
  height: 30px;
  margin-right: 5px;
  background-color: #fff6f6;
  border-radius: 50%;
  margin: 10px 10px 0px 0px;
}
.grade-title {
  max-width: 80%;
}
.grade-badge-item {
  background: transparent;
  color: #fff;
  font-size: 16px;
}
.grade-badge-item > p {
  font-size: 9px;
}
.backgroun-light-color {
  background-color: var(--secondary);
}
.gc-text-ellipsis {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: MontSerrat, sans-serif;
}
h4.gc-text-ellipsis p {
  margin-top: 14px;
  font-size: 14px;
}
h4.gc-text-ellipsis p span {
  cursor: pointer;
  color: #1630bf;
}
h4.gc-text-ellipsis p span:hover {
  text-decoration: underline;
}
.discount-sale-bt {
  color: #fff;
  background-color: var(--primary);
  border-radius: 0;
  padding: 5px 10px;
}
.discount-sale-bt-icon-one {
  font-size: 25px;
  color: #f5f5f5;
  vertical-align: middle;
}
.discount-sale-bt-icon-two {
  color: #fff;
  opacity: 1;
  font-weight: 800;
  vertical-align: middle;
}
.text-white,
.text-white:active,
.text-white:focus,
.text-white:hover {
  color: #fff;
}
.btn-outline-white {
  background: transparent;
  border: 1px solid #fff;
}
.blink-bg-primary {
  color: #fff;
  background-color: var(--primary);
}
.background-primary {
  background-color: var(--primary);
}
.discount-sale {
  color: #d32f2f;
  padding-right: 10px;
  font-weight: 700;
}
.addition-sale {
  color: var(--primary);
  padding-right: 10px;
  font-weight: 700;
}
.input-consigned-devolution {
  width: 15%;
}
.custom-scroll {
  overflow-x: hidden;
  overflow-y: scroll;
}
.background-white {
  background-color: #fff;
}
.icon-disabled {
  color: #c2c2c2;
}
.deleted-item {
  color: #d9534f;
  text-decoration: line-through;
}
.align-bottom {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
}
.label-pill {
  font-size: 1.2em;
  font-weight: 300;
}
.form-label-primary {
  font-size: 1.2em;
  font-weight: 700;
}
.no-sale-pill {
  padding: 15px 0;
}
.no-sale-pill-text {
  vertical-align: -webkit-baseline-middle;
}
.background-sale {
  background-color: #dedede !important;
  padding: 5px;
  margin-left: 0;
  margin-right: 15px;
  border-radius: 5px;
}
.link {
  cursor: pointer;
}
@media (min-width: 1323px) {
  .wid-20 {
    width: 20% !important;
  }
}
.align-btns {
  margin-left: 15px;
}
.div-footer {
  height: 60px;
}
.grands-footer {
  position: fixed;
  background-color: #303f9f;
  left: 215px;
  bottom: 15px;
  right: 15px;
  top: auto;
  border-radius: 10px;
  padding-bottom: 60px;
  padding: 0px;
  height: 60px;
  margin-left: 0px;
  z-index: 1005;
}
.center-modal {
  position: fixed;
  top: 30%;
  left: 18.5%;
  z-index: 1050;
  width: 80%;
  height: 80%;
  margin-left: -10%;
}
.inventory-card-item-label {
  color: #808080;
  text-transform: uppercase;
  font-size: 0.8em;
  vertical-align: sub;
}
.inventory-card-item-value {
  font-size: 1.2em;
  color: var(--primary);
}
.inventory-card-item-value.grand {
  font-size: 1.7em;
  font-weight: 600;
}
.inventory-card.ibox>.ibox-title {
  border: #d3d3d3 solid 2px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  min-height: 24px;
  height: 24px;
  text-align: right;
  color: #fff;
  padding-top: 2px;
  padding-bottom: 2px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9em;
}
.inventory-card.ibox>.ibox-content {
  border-right: #d3d3d3 solid 2px;
  border-left: #d3d3d3 solid 2px;
  border-bottom: #d3d3d3 solid 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 10px;
}
.dropdown-menu {
  min-width: 50px !important;
}
.ma-container .gmd-date-center gumga-date input {
  text-align: center;
}
.ma-container .ma-color-primary {
  color: var(--primary);
}
.alertEmissao {
  margin-top: 15px;
}
.switch {
  background: #fff;
  border: none;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  overflow: visible;
  width: 52px;
  height: 30px;
  padding: 0;
  margin: 0;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  transition: 0.3s ease-out all;
  -webkit-transition: 0.3s ease-out all;
  top: -1px;
}
.ma-container .ma-color-secondary {
  color: var(--secondary);
}
.ma-container .btn-danger {
  color: #fff;
  background-color: #d9534f;
  opacity: 0.9;
}
.ma-container .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  opacity: 0.9;
}
.ma-container .btn-success {
  color: #fff;
  background-color: #5cb85c;
  opacity: 0.9;
}
.ma-container .btn-info {
  color: #fff;
  background-color: #337ab7;
  opacity: 0.9;
}
.ma-container .btn-primary {
  color: #fff;
  background-color: var(--primary);
  opacity: 0.9;
}
.ma-container label {
  color: var(--defaultColor);
}
.ma-container input {
  color: var(--defaultColor);
}
div.ma-container .form-control.gmd.active ~ label,
div.ma-container .form-control.gmd:focus ~ label {
  color: var(--defaultColor) !important;
}
div.ma-mto {
  margin-top: 7px;
}
div.ma-mto .form-control.gmd {
  border-radius: 3px !important;
  padding: 24px 14px;
  border: 1.6px solid #ebebeb;
}
.ma-remove-gmd-list {
  color: #d9d9d9;
}
.ma-remove-gmd-list:hover {
  color: #7f7f7f;
}
div.ma-mto gumga-many-to-one .input-group-btn-icon {
  top: 9px;
}
.ma-label-etiqueta {
  color: #b0b0b0 !important;
  font-weight: 400;
  margin-top: 10px;
  margin-left: 12px;
}
.ma-size-circle {
  float: left;
  font-size: 12px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
  background-color: var(--primary);
  color: #fff;
}
h4.ma-title-glist {
  margin-bottom: 0px;
  margin-top: 20px;
  color: #3ec6cf;
  font-size: 20px;
}
.sweet-alert {
  padding-top: 35px;
}
.sweet-alert h2 {
  position: relative;
  text-align: center;
}
body.gumga-avatar div.modal div.modal-footer {
  z-index: 10;
}
body.gumga-avatar .modal-content {
  overflow-y: inherit !important;
}
.cr-slider {
  position: relative;
  z-index: 11;
}
.ma-container .ma-arvore .ma-margin-top {
  margin-top: 7px;
}
.ma-container .ma-arvore .ma-margin {
  margin-top: 7px;
  margin-bottom: 7px;
}
.ma-container .ma-arvore .ma-btn-new {
  border-radius: 6px !important;
  padding: 8px !important;
  margin-bottom: 3px !important;
}
.ma-container .ma-arvore .ma-inf {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 5px;
}
div.js_viewer_loader {
  margin-top: -175px;
}
div.layout,
.layout-column,
.layout-row {
  display: inherit !important;
}
.md-dialog-container {
  z-index: 1000 !important;
}
.ma-container .bg-danger {
  background-color: #d40202;
  color: #fff;
}
.ma-container .icon-faturar {
  display: -webkit-inline-box;
  height: 34px;
}
.ma-container .bg-danger:hover {
  background-color: #ab0000;
}
.ma-container .ma-default-radius {
  border-radius: 0px;
}
.ma-container grands-footer label {
  color: #fff;
}
.ma-container .panel.gmd {
  padding: 0px;
}
.gumga-layout header > .navbar {
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
}
.gumga-layout .gl-header {
  box-shadow: none;
}
.ma-container a:active,
a:hover,
a:focus,
button:active,
button:hover,
button:focus {
  outline: none;
  box-shadow: none;
}
.ma-container .ma-no-pad-left {
  padding-left: 0px;
}
.ma-container .ma-no-pad-right {
  padding-right: 0px;
}
.ma-container .ma-no-pad-all {
  padding: 0px;
}
.ma-container .ma-no-border {
  border: none;
}
.ma-container .container-fluid {
  padding: 0px;
}
.ma-container .row {
  margin-left: 0px;
  margin-right: 0px;
}
.ma-container .ma-page {
  position: relative;
  margin: 0 auto;
}
main {
  padding: 0px;
}
gumga-many-to-one a.result {
  height: auto !important;
}
.ma-container .panel.gmd .panel-heading {
  border-bottom: 1px solid #dfdfdf;
  font-size: 15px;
}
.ma-container .panel.gmd {
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  border-radius: 3px;
  margin-bottom: 15px;
}
.ma-container .ma-pad-left-panel {
  padding-left: 7.5px;
}
.ma-container .ma-pad-right-panel {
  padding-right: 7.5px;
}
.ma-container .ma-pad-panel {
  padding: 24px 9px;
}
.ma-container .ma-panel-individual {
  min-height: 378px;
}
.ma-container .ma-panel-juridica {
  min-height: 440px;
}
.ma-container .ma-min-panel {
  min-height: 201px;
}
.ma-container .ma-box-element {
  padding-bottom: 21px;
  border-bottom: 1px solid rgba(214,214,214,0.769);
  margin-bottom: 15px;
}
.ma-container .pad-social {
  padding-top: 9px;
}
gumga-errors > button.ng-binding {
  display: none;
}
.ma-container .btn-group .btn {
  font-size: 13px;
}
.ma-container .btn.gmd.ma-btn-default {
  font-weight: 600;
  border: 0;
  border-radius: 3px;
  transition: all 120ms ease-out;
  color: #333;
  background-color: #e6e6e6;
  opacity: 0.9;
}
.ma-container .panel-address {
  min-height: 417px;
}
.ma-container gmd-option.ng-scope.ng-isolate-scope {
  line-height: 40px;
}
.ma-container gumga-address > div.row > div.col-md-12.col-sm-12.col-xs-12 {
  padding-left: 0px;
  padding-right: 0px;
}
.ma-container gumga-address .col-md-4 {
  height: 64px;
}
.ma-container gumga-address button.btn.btn-primary.gmd {
  margin-bottom: 6px !important;
}
.form-control:focus {
  box-shadow: none;
}
div.ma-container gmd-select .dropdown.gmd label.floating-dropdown {
  color: var(--defaultColor);
}
label {
  margin-bottom: 0px;
}
.ma-container gmd-input > div,
.ma-container gmd-select > div,
div.ma-hm {
  height: 34px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.ma-container div.reset-height gmd-input > div,
.ma-container div.reset-height gmd-select > div,
div.reset-height div.ma-hm {
  height: 34px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ma-container div.reset-input-hm > gmd-input > div,
.ma-container div.reset-input-hm gmd-select > div,
div.reset-input-hm div.ma-hm {
  height: 34px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.ma-container .ma-panel .col-md-1,
.ma-container .ma-panel .col-md-2,
.ma-container .ma-panel .col-md-3,
.ma-container .ma-panel .col-md-4,
.ma-container .ma-panel .col-md-5,
.ma-container .ma-panel .col-md-6,
.ma-container .ma-panel .col-md-7,
.ma-container .ma-panel .col-md-8,
.ma-container .ma-panel .col-md-9,
.ma-container .ma-panel .col-md-10,
.ma-container .ma-panel .col-md-11,
.ma-container .ma-panel .col-md-12 {
  min-height: 64px;
}
.ma-container .ma-panel div.reset-height .col-md-1,
.ma-container .ma-panel div.reset-height .col-md-2,
.ma-container .ma-panel div.reset-height .col-md-3,
.ma-container .ma-panel div.reset-height .col-md-4,
.ma-container .ma-panel div.reset-height .col-md-5,
.ma-container .ma-panel div.reset-height .col-md-6,
.ma-container .ma-panel div.reset-height .col-md-7,
.ma-container .ma-panel div.reset-height .col-md-8,
.ma-container .ma-panel div.reset-height .col-md-9,
.ma-container .ma-panel div.reset-height .col-md-10,
.ma-container .ma-panel div.reset-height .col-md-11,
.ma-container .ma-panel div.reset-height .col-md-12 {
  min-height: 0px;
}
.ma-container gmd-select .dropdown.gmd label.floating-dropdown {
  font-size: 16px;
}
.ma-container label.input-label {
  font-size: 13px;
  font-weight: 400;
}
.ma-container .ma-select {
  margin-bottom: 4px;
}
.ma-container .ma-select label {
  margin-bottom: 0px;
}
.ma-container .margin-many {
  margin-bottom: 0px;
  height: 0px;
  width: 100%;
}
.ma-container .switch {
  border: 0px;
}
.ma-container .box-captcha {
  width: 152px;
  min-height: 43px;
  display: inline-block;
  float: left;
}
.ma-container .captcha i {
  position: absolute;
  z-index: 10;
  right: 18px;
}
.ma-container .captcha {
  margin-top: -23px;
}
.ma-container input.ui-select-search.input-xs.ng-pristine.ng-untouched.ng-valid.ng-empty {
  padding-left: 0px;
}
.ma-container .ma-marcadores {
  border-bottom: 1px solid #ddd;
}
.ma-container .ui-select-multiple.ui-select-bootstrap {
  padding: 7px 3px 0;
}
.btn.ma-check-disabled {
  border: 1px solid var(--primary);
  color: var(--primary);
}
.btn.ma-check-active {
  border: 1px solid var(--primary);
  color: #fff;
  background-color: var(--primary);
}
button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.ma-container .ma-btn-nf {
  position: relative;
  top: 8px;
  margin-top: 4px;
}
.ma-container .btn.gmd.btn-default {
  color: #444;
}
.ma-container .bt-group-mobiage > .btn.gmd {
  padding: 6px 8px;
}
.ma-container .ma-title {
  text-transform: capitalize;
  background-color: transparent;
  line-height: 2em;
  margin-top: 5px;
  margin-bottom: 2px;
  padding-left: 24px;
  color: var(--titleColor);
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font: 400 16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 24px;
}
.ma-container form[name="forms"] {
  margin-top: 0px;
}
gumga-avatar > div {
  margin: 0px auto;
}
.ma-container .group-simple-img {
  margin-right: 20px;
  width: 12.666667%;
}
.ma-container div.ma-edit-img .simple-image-container > img {
  border-radius: 50%;
  background-color: var(--primary);
  max-height: 130px;
}
.ma-container .ma-proc5-left {
  margin-left: 5%;
}
.ma-container div.ma-edit-img {
  width: 25%;
}
.ma-container .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ma-container .ma-aviso-nf {
  position: relative;
  top: 4px;
  left: 8px;
}
.ma-container .ma-generic-role {
  margin: 5px;
  color: #fff;
}
.ma-container .role {
  margin-bottom: 15px;
}
.ma-container .ma-pad-info {
  padding-right: 25px;
  line-height: 0px;
}
.ma-container .nav-tabs.gmd > li > a {
  font-weight: 400;
}
.ma-container .nav-tabs.gmd > li.active > a {
  font-weight: 600;
}
.ma-container .nav-tabs.gmd > li > a:after,
.nav-tabs.gmd > li > a:before {
  height: 4px;
}
.ma-container .nav-tabs.gmd > li > a:after,
.nav-tabs.gmd > li > a:before {
  background-color: var(--primary);
}
.ma-container gmd-select button > span.item-select {
  font-size: 14px;
}
.ma-container button.btn.btn-primary.gmd {
  margin-bottom: 4px;
}
.ma-container div.tab-content {
  margin-top: 0;
}
.ma-container div.form-group {
  margin: 0;
}
.ma-container .btn-group {
  margin-bottom: 10px;
}
.ma-container gmd-fab[fixed] {
  z-index: 10;
}
.ma-container #clientGroup {
  margin-bottom: 5px;
}
.ma-container .cnae gmd-input div {
  margin-top: -4px;
}
.ma-container .invisible-label {
  visibility: hidden;
}
.ma-container .ma-more-inf {
  font-size: 13px;
  text-decoration: underline;
}
.ma-container .avancado {
  padding-top: 7px;
}
.ma-container .form-group > a.text.text-primary {
  position: absolute;
  right: 0px;
  top: -8px;
}
.ma-container .ma-icons {
  text-align: left;
  position: relative;
  bottom: 5px;
}
.ma-container .ma-icon-phone {
  margin-top: 3px;
  font-size: 22px;
  padding: 5px;
  cursor: pointer;
}
.ma-container .ma-icons > div > span {
  margin: 0px 11px 0px 0px;
}
.ma-container i.icon-ativo {
  color: var(--primary);
}
.ma-container i.icon-default {
  color: #a5a5a5;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.ma-container i.icon-default:hover {
  color: var(--primary);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.ma-container .ma-danger-plus {
  position: relative;
  top: 10px;
}
.ma-container i.icon-danger,
.ma-container i.icon-danger:hover {
  color: #ec4757;
}
.ma-container i.ma-icon-plus {
  color: var(--primary);
}
.ma-container i.icon-default {
  font-size: 19px;
  cursor: pointer;
}
.ma-container .border-role {
  margin-top: -25px;
  position: relative;
  width: 101.4%;
  left: -8px;
}
.ma-container .role-tabs {
  position: relative;
}
.ma-container grands-atributo .row .col-md-12 .col-md-4 {
  height: 64px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.ma-container grands-atributo .row .col-md-12 label {
  font-size: 11px;
  font-weight: 400;
}
.ma-container grands-atributo > .row > .col-md-12,
grands-atributo > .row > .col-md-12 > .row > .row > .col-md-12 {
  padding-left: 0px;
  padding-right: 0px;
}
.ma-container .ma-absolute {
  position: absolute;
}
.form-control.gmd.inp-pesq {
  padding-right: 25px;
}
.input-pesq {
  color: #444;
  position: absolute;
  top: 10px;
  font-size: 17px;
  right: 23px;
}
.ma-checkbox {
  float: left;
  margin-right: 25px;
  padding-top: 25px;
  display: inline-block;
}
.ma-container ul.role-tabs > li a {
  padding: 8px 15px;
}
.ma-container ul.role-tabs > li.active a {
  padding: 12px 15px;
}
.ma-container ul.role-tabs > li.active {
  margin-top: -8px;
}
.ma-container .ma-reset-m-top-gmd gmd-input div {
  margin-top: 0px;
}
menu-shrink.fixed ~ main > grands-footer > footer.gl-footer.fixed {
  margin-left: 250px !important;
  transition: all 0.3s ease-in-out;
}
.ma-container .captcha.ma-group-client.ma-reset-m-top-gmd {
  margin-top: -36px;
}
@media (min-width: 0px) and (max-width: 1366px) {
  .ma-container .ma-page {
    width: 100%;
    position: relative;
    margin: 0 auto;
  }
  .ma-container .captcha {
    margin-top: -16px;
  }
  .ma-container .box-captcha {
    width: 129px;
  }
}
@media (min-width: 0px) and (max-width: 1280px) {
  .ma-container .box-captcha {
    width: 110px;
  }
  .ma-container .captcha {
    margin-top: -13px;
  }
}
@media (min-width: 0px) and (max-width: 1050px) {
  .ma-container .no-padding-ipad-pro {
    padding-left: 0px;
    padding-right: 0px;
  }
  .ma-container label.input-label {
    font-size: 11px;
    font-weight: 400;
  }
  .ma-container .btn {
    font-size: 12px;
  }
  .ma-container .box-captcha {
    width: 138px;
  }
  .ma-container .ma-icon-phone {
    font-size: 16px;
  }
  .ma-container .captcha {
    margin-top: -26px;
  }
  .ma-container i.icon-default {
    font-size: 16px;
  }
  .ma-container .bt-group-mobiage > .btn.gmd {
    padding: 6px 4px;
    font-size: 11px;
  }
  .ma-container .ma-icons > div > span {
    margin: 0px 5px 0px 0px;
  }
}
@media (min-width: 0px) and (max-width: 992px) {
  .ma-checkbox {
    padding-top: 0px;
  }
  .ma-container .ma-reset-m-top-gmd gmd-input div {
    margin-top: 11px;
  }
  .ma-container .no-padding-ipad {
    padding-left: 0px;
    padding-right: 0px;
  }
  .ma-container .captcha {
    margin-top: -29px;
  }
  .ma-container .ma-pad-left-panel {
    padding-left: 15px;
  }
  .ma-container .ma-pad-right-panel {
    padding-right: 15px;
  }
  .ma-container .group-simple-img {
    width: 50%;
    position: relative;
    margin: auto;
  }
  .ma-container .ma-proc5-left {
    margin-left: 0;
  }
  .ma-container .ma-panel-individual {
    min-height: 278px;
  }
  .ma-container .ma-panel-juridica {
    min-height: 363px;
  }
  .ma-container gumga-address .col-md-4,
  gumga-address .col-md-8 {
    height: 34px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .ma-container accordion-group .row:first-child .col-md-4 {
    height: 54px;
  }
}
@media (min-width: 0px) and (max-width: 1024px) {
  .ma-container .ma-panel-individual {
    min-height: 406px;
  }
  .ma-container .ipad-avatar {
    margin-top: 15px;
    width: 100%;
  }
}
div.inventory-card.ibox > div.ibox-title.ma-ibox-title {
  color: var(--icon);
}
div.inventory-card.ibox > div.ibox-title.ma-ibox-title-p {
  color: var(--primary);
}
.ma-container .breadcrumb {
  position: relative;
  z-index: 10;
  background-color: transparent;
}
.ma-container .ma-panel .breadcrumb {
  margin: 0px;
  padding: 0px;
}
.ma-container i.ma-barItemDefault {
  visibility: hidden;
}
.ma-container i.ma-barItemSelected {
  visibility: visible;
}
.ma-barListInt {
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: #deddff;
}
.ma-container .ma-barList .ma-pad-panel {
  padding: 0px;
}
.ma-mtBar {
  margin-top: 12px;
  margin-bottom: 3px;
}
.ma-barItemSelected {
  background-color: var(--primary);
}
.ma-scrollBarlist {
  padding-left: 2px;
  overflow-y: scroll;
  direction: rtl;
  max-height: 200px;
}
.ma-container .input-group .input-group-btn .btn-group {
  margin-bottom: 0px;
}
div.ma-container .ma-barList gmd-input input,
div.ma-container .ma-barList gmd-input .form-control.gmd.active ~ label,
div.ma-container .ma-barItemSelected gmd-select span,
div.ma-container .ma-barList gmd-select .dropdown.gmd label.floating-dropdown {
  text-align: left;
}
div.ma-container .ma-barItemSelected gmd-input input,
div.ma-container .ma-barItemSelected gmd-input .form-control.gmd.active ~ label,
div.ma-container .ma-barItemSelected gmd-select span,
div.ma-container .ma-barItemSelected gmd-select .dropdown.gmd label.floating-dropdown {
  color: #fff;
  text-align: left;
}
.ma-connection {
  position: absolute;
  right: -15.5px;
  margin-top: 6px;
  color: #deddff;
}
.ma-add-bar {
  display: inline-flex;
  vertical-align: middle;
}
menu-shrink[theme=dark] .main-menu .menu-header svg {
  fill: rgba(255,255,255,0.7);
  transform: rotate(4deg);
}
menu-shrink.fixed .main-menu .menu-header svg {
  fill: #fff;
  transform: rotate(-45deg);
}
.ma-container .ma-btn-roles {
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
.modal.in .modal-dialog #pdf-modal .mbg-body-modal iframe {
  max-width: 100%;
  max-height: 100%;
  width: 60vw;
  height: 70vh; }
cp-image-crop {
  font-family: Helvetica, Arial, sans-serif; }
  cp-image-crop .image-crop-card {
    background: #fff;
    position: relative;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
    overflow: hidden;
    padding: 5px; }
    cp-image-crop .image-crop-card.circle {
      padding: 0;
      border-radius: 50%; }
    cp-image-crop .image-crop-card .image-crop-card-content {
      height: 100%;
      width: 100%;
      position: relative; }
      cp-image-crop .image-crop-card .image-crop-card-content img {
        width: 100%;
        height: 100%;
        cursor: pointer; }
      cp-image-crop .image-crop-card .image-crop-card-content .backdrop-crop-button {
        height: 0px;
        width: 100%;
        background: rgba(15, 15, 15, 0.7);
        position: absolute;
        bottom: 0;
        left: 0;
        transition: all 150ms ease;
        display: flex;
        align-items: center;
        justify-content: left;
        overflow: hidden; }
        cp-image-crop .image-crop-card .image-crop-card-content .backdrop-crop-button .backdrop-crop-button-container {
          width: 100%;
          height: 100%;
          padding: 0 24px 0 24px;
          display: flex;
          transition: all 150ms ease;
          align-items: center;
          justify-content: center; }
          cp-image-crop .image-crop-card .image-crop-card-content .backdrop-crop-button .backdrop-crop-button-container svg {
            cursor: pointer;
            width: 16px;
            fill: #ccc; }
          cp-image-crop .image-crop-card .image-crop-card-content .backdrop-crop-button .backdrop-crop-button-container label {
            color: #fff;
            cursor: pointer;
            -webkit-font-smoothing: antialiased;
            font-weight: 700;
            direction: ltr;
            line-height: 1.34;
            font-size: 14px;
            margin: 0 10px; }
          cp-image-crop .image-crop-card .image-crop-card-content .backdrop-crop-button .backdrop-crop-button-container:hover {
            cursor: pointer;
            background: rgba(15, 15, 15, 0.75); }
      cp-image-crop .image-crop-card .image-crop-card-content:hover .backdrop-crop-button {
        height: 54px; }

.modal-cp-image-crop {
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/ opacity */
  display: flex;
  align-items: center;
  justify-content: center;
  /* The Close Button */ }
  .modal-cp-image-crop .croppie-container .cr-slider-wrap {
    margin: 0px 0px;
    width: 100%;
    transform: scale(0.7); }
  .modal-cp-image-crop .modal-instance {
    width: 100%;
    height: 100%; }
    .modal-cp-image-crop .modal-instance.circle img {
      border-radius: 50%; }
  .modal-cp-image-crop .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px; }
  .modal-cp-image-crop .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s; }
  .modal-cp-image-crop .close:hover,
  .modal-cp-image-crop .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer; }
.modal-cp-image-crop {
  font-family: Helvetica, Arial, sans-serif; }
  .modal-cp-image-crop .image-drop-area {
    transition: all 350ms ease;
    transform: scale(0.9);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .modal-cp-image-crop .image-drop-area svg {
      width: 100px;
      pointer-events: none;
      fill: #666; }
    .modal-cp-image-crop .image-drop-area h2 {
      color: #666;
      pointer-events: none;
      font-size: 14px; }
  .modal-cp-image-crop .modal-instance {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-cp-image-crop .modal-instance .content-image-crop-edit.small {
      width: 500px;
      height: 300px;
      padding: 0; }
      .modal-cp-image-crop .modal-instance .content-image-crop-edit.small .content-left {
        background: #CCCCCC; }
      .modal-cp-image-crop .modal-instance .content-image-crop-edit.small .content-right {
        padding: 24px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        .modal-cp-image-crop .modal-instance .content-image-crop-edit.small .content-right .upload-divider {
          text-align: center;
          margin: 8px 0; }
          .modal-cp-image-crop .modal-instance .content-image-crop-edit.small .content-right .upload-divider svg {
            fill: #d8d8d8;
            stroke: #d8d8d8;
            stroke-miterlimit: 10;
            stroke-width: 2px;
            display: inline-block;
            margin-right: 5px;
            width: 40px;
            vertical-align: middle; }
        .modal-cp-image-crop .modal-instance .content-image-crop-edit.small .content-right .modal-text-upload {
          padding: 0;
          margin: 4px;
          font-size: 18px;
          text-align: center;
          color: #555; }
        .modal-cp-image-crop .modal-instance .content-image-crop-edit.small .content-right .modal-crop-buttons {
          width: 100%;
          display: flex; }
          .modal-cp-image-crop .modal-instance .content-image-crop-edit.small .content-right .modal-crop-buttons div.item {
            width: 50%;
            display: flex;
            align-items: center;
            padding: 5px; }
            .modal-cp-image-crop .modal-instance .content-image-crop-edit.small .content-right .modal-crop-buttons div.item button {
              font-size: 11px;
              padding: 8px 8px; }
          .modal-cp-image-crop .modal-instance .content-image-crop-edit.small .content-right .modal-crop-buttons div.item:first-child {
            justify-content: flex-end; }
        .modal-cp-image-crop .modal-instance .content-image-crop-edit.small .content-right .modal-crop-buttons.no-drive {
          justify-content: space-around; }
          .modal-cp-image-crop .modal-instance .content-image-crop-edit.small .content-right .modal-crop-buttons.no-drive div.item:first-child {
            justify-content: center; }
    .modal-cp-image-crop .modal-instance .content-image-crop-edit.empty .content-left {
      border: 2px dashed #999; }
    .modal-cp-image-crop .modal-instance .content-image-crop-edit.empty .content-left.hover {
      border: 2px dashed #2c3e50; }
      .modal-cp-image-crop .modal-instance .content-image-crop-edit.empty .content-left.hover .image-drop-area {
        transform: scale(1.2); }
      .modal-cp-image-crop .modal-instance .content-image-crop-edit.empty .content-left.hover h2 {
        color: #666;
        font-size: 14px; }
    .modal-cp-image-crop .modal-instance .content-image-crop-edit {
      width: 700px;
      height: 390px;
      background: #ebeef0;
      border-radius: 3px;
      display: flex;
      padding: 24px; }
      .modal-cp-image-crop .modal-instance .content-image-crop-edit .content-left {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 50%; }
        .modal-cp-image-crop .modal-instance .content-image-crop-edit .content-left .image-view {
          max-width: 85%;
          max-height: 100%;
          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
      .modal-cp-image-crop .modal-instance .content-image-crop-edit .content-right {
        padding: 24px 0 0 34px;
        width: 50%;
        position: relative; }
      .modal-cp-image-crop .modal-instance .content-image-crop-edit h3 {
        font-size: 14px;
        margin: 0;
        color: #555; }
  .modal-cp-image-crop .modal-crop-footer-options {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .modal-cp-image-crop .modal-crop-footer-options a {
      cursor: pointer;
      margin-right: 34px;
      text-decoration: none;
      color: #2c3e4f; }
      .modal-cp-image-crop .modal-crop-footer-options a:hover {
        color: #000; }
  .modal-cp-image-crop .range-slider {
    margin: 5px 0px 5px 0%;
    display: flex;
    align-items: center; }
  .modal-cp-image-crop .range-slider {
    width: 100%; }
  .modal-cp-image-crop .range-slider__range {
    -webkit-appearance: none;
    flex: 1;
    width: calc(100% - (120px));
    height: 10px;
    border-radius: 5px;
    background: #d7dcdf;
    outline: none;
    padding: 0;
    margin: 0; }
    .modal-cp-image-crop .range-slider__range::-webkit-slider-thumb {
      appearance: none;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #2c3e50;
      cursor: pointer;
      transition: background .15s ease-in-out; }
      .modal-cp-image-crop .range-slider__range::-webkit-slider-thumb:hover {
        background: transparent; }
    .modal-cp-image-crop .range-slider__range:active::-webkit-slider-thumb {
      background: transparent; }
    .modal-cp-image-crop .range-slider__range::-moz-range-thumb {
      width: 20px;
      height: 20px;
      border: 0;
      border-radius: 50%;
      background: #2c3e50;
      cursor: pointer;
      transition: background .15s ease-in-out; }
      .modal-cp-image-crop .range-slider__range::-moz-range-thumb:hover {
        background: transparent; }
    .modal-cp-image-crop .range-slider__range:active::-moz-range-thumb {
      background: transparent; }
  .modal-cp-image-crop .range-slider__value {
    display: inline-block;
    position: relative;
    width: 60px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    background: #2c3e50;
    padding: 5px 10px;
    margin-left: 8px; }
    .modal-cp-image-crop .range-slider__value:after {
      position: absolute;
      top: 8px;
      left: -7px;
      width: 0;
      height: 0;
      border-top: 7px solid transparent;
      border-right: 7px solid #2c3e50;
      border-bottom: 7px solid transparent;
      content: ''; }
  .modal-cp-image-crop ::-moz-range-track {
    background: #d7dcdf;
    border: 0; }
  .modal-cp-image-crop input::-moz-focus-inner,
  .modal-cp-image-crop input::-moz-focus-outer {
    border: 0; }
  .modal-cp-image-crop button.btn-modal-save-crop {
    float: right;
    margin-right: 28px; }
  .modal-cp-image-crop button.btn-modal-crop {
    outline: none;
    cursor: pointer;
    transition: color 0.25s;
    background: none;
    border: 0;
    box-sizing: border-box;
    padding: 8px 14px;
    box-shadow: inset 0 0 0 2px #ccc;
    color: #666;
    font-size: inherit;
    font-weight: 700;
    position: relative;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-cp-image-crop button.btn-modal-crop svg {
      width: 18px;
      height: 18px;
      margin-right: 5px; }
    .modal-cp-image-crop button.btn-modal-crop::before, .modal-cp-image-crop button.btn-modal-crop::after {
      box-sizing: inherit;
      content: '';
      position: absolute;
      width: 100%;
      height: 100%; }
    .modal-cp-image-crop button.btn-modal-crop::before, .modal-cp-image-crop button.btn-modal-crop::after {
      border: 2px solid transparent;
      width: 0;
      height: 0; }
    .modal-cp-image-crop button.btn-modal-crop::before {
      top: 0;
      left: 0; }
    .modal-cp-image-crop button.btn-modal-crop::after {
      bottom: 0;
      right: 0; }
    .modal-cp-image-crop button.btn-modal-crop:hover {
      color: #304050; }
    .modal-cp-image-crop button.btn-modal-crop:hover::before, .modal-cp-image-crop button.btn-modal-crop:hover::after {
      width: 100%;
      height: 100%; }
    .modal-cp-image-crop button.btn-modal-crop:hover::before {
      border-top-color: #304050;
      border-right-color: #304050;
      transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; }
    .modal-cp-image-crop button.btn-modal-crop:hover::after {
      border-bottom-color: #304050;
      border-left-color: #304050;
      transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; }
.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
	/*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}
.cr-rotate-controls button {
	border: 0;
	background: none;
}
.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}
.cr-rotate-l i:before {
	content: '\21BA';
}
.cr-rotate-r i:before {
	content: '\21BB';
}@charset "UTF-8";
.routes-search-container .modal-content {
  overflow-y: visible;
  background-color: transparent;
  box-shadow: none; }

.routes-links-container {
  height: 500px;
  width: 100%;
  overflow-y: auto;
  background-color: white;
  padding: 15px;
  margin-top: 20px;
  border-radius: 5px; }

.routes-links-container a {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700; }

.routes-search {
  width: 100%;
  /* height: ; */ }

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "Montserrat", sans-serif !important; }
  html #designer,
  html #viewer,
  body #designer,
  body #viewer,
  h1 #designer,
  h1 #viewer,
  h2 #designer,
  h2 #viewer,
  h3 #designer,
  h3 #viewer,
  h4 #designer,
  h4 #viewer,
  h5 #designer,
  h5 #viewer,
  h6 #designer,
  h6 #viewer,
  p #designer,
  p #viewer {
    font-family: Arial !important; }

button,
select,
html,
textarea,
input {
  font-weight: 500;
  font-family: "Montserrat", "Helvetica Neue", sans-serif; }

select {
  appearance: none; }

.gumga-date > .month {
  background-color: var(--primary) !important; }

#gumga-date-15044103 > .days li .active {
  background-color: var(--primary) !important; }

.modal.in .modal-dialog {
  transform: translate(0, 12%); }

.mbg-link {
  font-size: 13px;
  margin-bottom: 0px; }

gumga-list[name="product"] .table > tbody > tr > td,
gumga-list[name="product"] .table > tbody > tr > th,
gumga-list[name="product"] .table > tfoot > tr > td,
gumga-list[name="product"] .table > tfoot > tr > th,
gumga-list[name="product"] .table > thead > tr > td,
gumga-list[name="product"] .table > thead > tr > th {
  padding: 10px 24px 10px 24px !important; }

.cssVariable .mb[sm-quick-menu] > .mb-smqm-menu,
.cssVariable .mb[sm-quick-menu] > .mb-smqm-menu-bottom {
  background: var(--primary);
  background-clip: padding-box;
  filter: brightness(90%); }
  .cssVariable .mb[sm-quick-menu] > .mb-smqm-menu * .mb-smb-text,
  .cssVariable .mb[sm-quick-menu] > .mb-smqm-menu-bottom * .mb-smb-text {
    filter: brightness(100%); }

.ma-container .mbg-title {
  font-size: 20px;
  font-weight: bold;
  color: var(--primary);
  margin-bottom: 8px;
  margin-top: 30px; }

.ma-container .mbg-detail {
  stroke-miterlimit: 10;
  stroke-width: 2px;
  display: inline-block;
  margin-right: 5px;
  width: 55px;
  vertical-align: middle;
  fill: var(--primary);
  margin-bottom: 30px; }

.ma-container .mbg-detail-path {
  fill: var(--primary);
  stroke: var(--primary);
  stroke-miterlimit: 10;
  stroke-width: 2px; }

/* --------- Label --------- */
.ma-container label.mbg-label.input-label.mbg-label,
.mbg-label {
  font-size: 14px;
  color: var(--font1);
  margin-top: 15px;
  font-weight: 500;
  margin-bottom: 12px; }
  .ma-container label.mbg-label.input-label.mbg-label.label-right,
  .mbg-label.label-right {
    float: right; }

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

/* --------- Gumga Date --------- */
.ma-container .mbg-style gumga-date input.gumga-date-input.form-control.gmd {
  background-color: #fff !important;
  border: 1px solid #ddd;
  height: 50px;
  padding-left: 30px;
  border-radius: 5px !important; }

/* ------ INPUT ------ */
.mbg-input {
  background-color: #fff;
  border: 1px solid #ddd;
  height: 50px;
  padding: 0px 20px;
  border-radius: 5px;
  width: 100%; }

.mbg-text-area {
  padding: 17px 20px;
  min-height: 200px;
  max-height: 200px;
  margin-top: 20px; }

/* --------- Many to One --------- */
.ma-container .mbg-m-t-o .form-control.gmd {
  background-color: #fff !important;
  border: 1px solid #ddd;
  height: 50px;
  padding-left: 30px;
  border-radius: 5px !important;
  padding-right: 58px; }

.ma-container .mbg-m-t-o .caret {
  height: 7px;
  border-top: 7px dashed;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  color: #9a9a9a; }

.ma-container .mbg-m-t-o .input-group-btn-icon {
  right: -11px !important; }

.ma-container .mbg-m-t-o .left-button.btn.btn-default.gmd {
  right: 41px;
  position: absolute;
  top: -2px; }

.ma-container .mbg-m-t-o .btn.btn-default.gmd {
  margin-left: 0px;
  margin: 10px auto;
  position: absolute;
  right: 14px; }

.ma-container .mbg-title-pay-receive {
  font-weight: bold;
  padding: 15px 20px;
  color: #fff;
  border-radius: 5px;
  margin: 40px auto;
  position: relative; }

.ma-container .mbg-bg-receive {
  background-color: var(--primary); }

.ma-container .mbg-bg-pay {
  background-color: var(--primary); }

.ma-container .mbg-left-box .mbg-icon-title {
  font-size: 28px;
  margin-right: 24px;
  margin-left: 12px;
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%); }

.ma-container .mbg-left-box h3 {
  font-size: 22px; }

.ma-container .mbg-left-box h5 {
  font-size: 9px; }

.ma-container .mbg-left-box h3,
.ma-container .mbg-left-box h5 {
  margin: 0px 0px 0px 42px;
  color: #fff; }

.ma-container .mbg-list .table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  /* background-color: var(--bgColor);
	border-bottom: 2px solid #e5e5e5; */ }

.ma-container .mbg-list .panel.gmd {
  box-shadow: none; }

.ma-container .mbg-list gumga-list tr td,
gumga-list tr th {
  border-top: 0px !important; }

.ma-container .mbg-list gumga-list tr {
  border-top: 0px; }

.ma-container .mbg-list gumga-list tr td,
gumga-list tr th {
  background-color: transparent; }

/* .ma-container .mbg-list .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: var(--bgColor);
}

.ma-container .mbg-list .table-striped > tbody > tr:nth-of-type(even) {
	background-color: #fff;
} */
.ma-container .mbg-list.table-striped-reverse .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff; }

.ma-container .mbg-list.table-striped-reverse .table-striped > tbody > tr:nth-of-type(even) {
  background-color: var(--bgColor); }

.ma-container .mbg-list gumga-list table th .column-container,
gumga-list table th a.th-sort {
  font-size: 12px; }

.ma-container .mbg-list gumga-list .table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  font-weight: 700;
  color: var(--font2); }

.ma-container .mbg-list .table-striped > tbody > tr:hover > td {
  color: var(--primary); }

.ma-container .mbg-list .table-striped > tbody > tr.active.active-list td {
  color: var(--primary); }

.ma-container .mbg-list .panel.gmd .panel-footer {
  background-color: var(--bgColor); }

.ma-container .mbg-list gumga-list .smart-footer-item button {
  background: var(--bgColor); }

.ma-container .mbg-list .btn-group {
  margin-bottom: 3px; }

.ma-container .mbg-title-pay-receive .right-button {
  margin-right: 20px;
  float: left;
  padding: 10px 0px;
  font-size: 14px; }

.ma-container .mbg-title-pay-receive .right-button:hover,
.ma-container .mbg-title-pay-receive .right-button:active,
.ma-container .mbg-title-pay-receive .right-button:focus {
  color: #fff; }

.ma-container .mbg-clear-btn {
  font-weight: bold; }

.ma-container .mbg-title-pay-receive .right-button span {
  border-bottom: 1px solid #fff; }

.ma-container .mbg-title-pay-receive > .mbg-right-box > .right-button > .fas {
  margin-right: 7px;
  font-size: 18px;
  position: relative;
  bottom: -2px; }

.ma-container .mbg-right-box {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%); }

.suporte,
.suporte a {
  color: var(--font2); }

.suporte a[href] {
  text-decoration: underline; }

.suporte {
  padding-top: 15px;
  font-size: 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .suporte .suporte-text {
    align-items: center;
    display: flex;
    width: 110px;
    justify-content: space-between; }
  .suporte .suporte-phone {
    align-items: center;
    padding-bottom: 20px; }

.suporte a {
  font-size: 12px; }

.suporte strong {
  font-size: 12px; }

.switch {
  background-color: #f5f5f5; }

.switch.checked {
  background-color: var(--success); }

.panel.gmd {
  position: relative; }

.settings-panel {
  position: absolute;
  cursor: pointer;
  right: 15px;
  top: 15px;
  font-size: 16px; }

.ma-container .label-parameter {
  position: relative;
  top: -10px;
  margin-left: 20px; }

.modal-content {
  border-radius: 20px;
  box-shadow: 0 0px 50px rgba(0, 0, 0, 0.1);
  overflow: visible;
  min-height: fit-content; }

.modal-dialog.modal-larger .modal-content {
  overflow-y: auto; }

.ma-container .mbg-modal .mbg-body-modal {
  overflow-y: auto;
  padding: 22px 15px;
  margin: -20px 15px 0px 15px;
  max-height: calc(100vh - 200px);
  height: 100%; }

.close-commission .ma-container .mbg-modal .mbg-body-modal {
  max-height: none !important; }

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

.ma-container .mbg-modal .mbg-body-modal.height-more-than {
  max-height: 100vh; }

.ma-container .mbg-modal .mbg-body-modal.not-scroll {
  overflow-y: inherit; }

.ma-container .mbg-modal .mbg-header-modal {
  padding: 0px 30px; }

.ma-container .mbg-modal {
  padding: 40px 10px; }

.ma-container .mbg-modal .mbg-close-modal {
  position: absolute;
  right: 6px;
  top: 10px;
  font-size: 13px;
  color: var(--font2);
  z-index: 999; }

.ma-container .mbg-modal .mbg-close-modal i {
  font-size: 16px;
  margin-left: 5px;
  position: relative;
  top: 50%;
  transform: translateY(5%); }

.ma-container .mbg-modal .mbg-header-modal .mbg-title {
  margin-top: 0px;
  font-size: 21px;
  position: relative; }

.ma-container .mbg-modal .mbg-switch-right {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #f5f5f5;
  color: #fff;
  font-size: 19px;
  z-index: 1000;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  transition: box-shadow 200ms ease; }

.ma-container .mbg-modal .green.checked {
  background-color: #6ab662; }

.ma-container .mbg-modal .mbg-switch-right:hover,
.ma-container .mbg-modal .mbg-switch-right:active {
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); }

.ma-container .mbg-modal .all-col-relative {
  position: relative;
  display: inline-block; }

.ma-container .mbg-modal .mbg-body-modal h3 {
  font-size: 16px;
  color: var(--font2); }

.ma-container .mbg-modal .mbg-body-modal h3 i {
  margin-right: 10px; }

.ma-container .mbg-modal .mbg-body-modal p {
  max-width: 70%;
  font-size: 12px;
  line-height: 15px;
  color: #b6b6b6; }

.ma-container .mbg-mask-money {
  text-align: right; }

.ma-container .mbg-align-right {
  text-align: right; }

.ma-container .mbg-modal .btn-modal {
  transition: background-color 200ms ease;
  border-radius: 32px;
  background-color: var(--primary);
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  padding: 9px 16px; }

.ma-container .mbg-modal .btn-modal-print {
  transition: background-color 200ms ease;
  border-radius: 32px;
  background-color: var(--primary);
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  padding: 9px 12px;
  margin-left: 6px; }

.ma-container .mbg-modal .btn-modal:hover,
.ma-container .mbg-modal .btn-modal-print:hover {
  background-color: var(--primary); }

.ma-container .mbg-modal .btn-modal.disabled,
.ma-container .mbg-modal .btn-modal-print.disabled {
  background-color: #bdbdbd; }

.ma-container .mbg-modal .btn-modal.disabled:hover,
.ma-container .mbg-modal .btn-modal-print.disabled:hover {
  background-color: #bdbdbd; }

.ma-container .mbg-modal .btn-modal:hover {
  background-color: var(--primary); }

.ma-container .mbg-modal .btn-modal.disabled {
  background-color: #bdbdbd; }

.ma-container .mbg-modal .btn-modal.disabled:hover {
  background-color: #bdbdbd; }

.ma-container .mbg-modal .btn-modal i {
  font-size: 13px;
  margin-right: 5px; }

.ma-container .mbg-m-b {
  margin-bottom: 15px; }

.ma-container .delete-msg {
  position: absolute;
  z-index: 1000;
  right: 22px;
  top: 13px;
  color: var(--font2);
  cursor: pointer; }

.ma-container .mbg-modal .mbg-footer-modal {
  padding: 14px 30px 25px 30px; }

.ma-container .mbg-modal .btn-conclude {
  width: 100%;
  border-radius: 32px;
  text-transform: uppercase;
  background-color: var(--primary);
  color: #fff;
  font-size: 15px;
  margin-top: 35px;
  font-weight: 600;
  display: flex;
  padding: 14px;
  align-items: center;
  justify-content: center; }
  .ma-container .mbg-modal .btn-conclude span {
    margin-right: 15px; }

.ma-container .mbg-modal .mbg-body-modal p.err,
.ma-container .mbg-modal .mbg-body-modal .err * {
  font-size: 11px;
  color: #ff8a3f; }

.ma-container .mbg-modal .mbg-body-modal p.err-emission,
.ma-container .mbg-modal .mbg-body-modal .err-emission * {
  font-size: 11px;
  color: var(--error); }

.ma-container .mbg-modal .mbg-body-modal p.red-text,
.ma-container .mbg-modal .mbg-body-modal .red-text * {
  font-size: 11px;
  color: #ff0000; }

.ma-container .mbg-modal .mbg-body-modal p.warn-emission,
.ma-container .mbg-modal .mbg-body-modal .warn-emission * {
  font-size: 11px;
  color: var(--warn); }

.ma-container .mbg-modal .mbg-body-modal .err a {
  border-bottom: 1px solid #ff8a3f; }

.ma-container .icon-tag {
  margin-left: 10px;
  cursor: pointer;
  transition: color 200ms ease; }

.ma-container .mbg-btn-clear.icon-tag {
  padding: 0px; }

.ma-container .icon-tag:hover {
  transition: color 200ms ease;
  color: var(--primary); }

.ma-container .mbg-modal .mbg-footer-modal {
  position: relative; }

.ma-container .mbg-modal .toggle-option {
  position: relative;
  right: 0px;
  font-size: 12px;
  cursor: pointer;
  color: var(--font2); }

.ma-container .mbg-m-l {
  margin-left: 10px; }

.ma-container .mbg-modal .toggle-option.back {
  margin-top: 20px;
  padding: 10px 0px; }

.ma-container .mbg-modal .all-box {
  margin-left: 15px;
  padding-bottom: 15px;
  overflow: hidden;
  width: 558px; }

.ma-container .mbg-modal .box-content.active {
  transition: transform 500ms ease;
  transform: translateX(-50%); }

.ma-container .mbg-modal .box-content {
  transition: transform 500ms ease;
  width: 1116px;
  position: relative;
  display: inline-flex; }

.ma-container .mbg-modal .right-box {
  transition: height 500ms ease;
  overflow: hidden;
  height: 0px; }

.ma-container .mbg-modal .animate {
  transition: height 500ms ease;
  height: 396px; }

.ma-container .mbg-modal .pos-animate {
  height: 100%; }

.ma-container .mbg-modal .pos-animate-two {
  transition: height 200ms ease;
  height: 398px; }

.ma-container .mbg-modal .pos-animate-one {
  transition: height 200ms ease;
  height: 0px; }

.ma-container .mbg-modal h4 {
  padding: 5px 15px;
  color: var(--primary); }

.ma-container .mbg-modal .panel-group {
  margin-bottom: 0px; }

.ma-container .mbg-modal .panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 0px; }

.ma-container .mbg-modal .panel-default > .panel-heading {
  background-color: #fbfbfb;
  border-color: #fbfbfb; }

.ma-container .mbg-modal .mbg-body-modal .panel-body {
  padding: 0px 0px 15px 0px;
  background-color: #fbfbfb; }

.ma-container .mbg-modal .mbg-body-modal .panel {
  border: transparent; }

.ma-container .mbg-modal .separate {
  border-top: 1px solid #eeeeee;
  margin: 0px 30px;
  padding-bottom: 15px; }

.ma-container .mbg-modal label.opt-avanced-label {
  color: #757575;
  font-size: 17px; }

.ma-container .mbg-modal .row-relative {
  position: relative;
  padding: 0px 18px; }

.ma-container .mbg-input {
  min-height: 50px;
  border-radius: 4px;
  padding: 10px 16px; }

.ma-container .mbg-m-t {
  margin-top: 10px; }

.ma-container .mbg-m-t-alt {
  margin-top: 16px; }

.ma-container .mbg-modal .left-box,
.ma-container .mbg-modal .right-box {
  float: left;
  width: 50%; }

.ma-container .mbg-content-right {
  text-align: right; }

.ma-container .mbg-modal .mbg-btn-primary {
  border-radius: 20px;
  background-color: var(--primary); }

.cl-primary {
  color: var(--primary); }

.cl-contrast {
  color: var(--primary); }

.ma-container gumga-many-to-one [uib-typeahead-popup].dropdown-menu {
  z-index: 9999; }

.ellipsis-100 {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ellipsis-200 {
  max-width: 200px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ellipsis-300 {
  max-width: 300px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ellipsis-150 {
  max-width: 150px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ellipsis {
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ellipsis-450 {
  max-width: 450px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

@media only screen and (max-width: 800px) {
  .ellipsis {
    max-width: 300px; } }

.ellipsis-title {
  max-width: 700px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.invalid-input {
  border-color: #d9534f; }

.invalid-input ~ .bar:after,
.invalid-input ~ .bar:before {
  background-color: #d9534f !important; }

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

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

.primary-svg-path {
  fill: var(--color1);
  stroke: var(--color1); }

div.pill-sale-prod {
  background-color: var(--primary); }

.body-modal {
  overflow: auto;
  max-height: 523px;
  padding-right: 16px;
  margin-bottom: 0px; }

.switch.default-switch {
  background: var(--font3); }

.text-switch {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 15px;
  font-weight: bold; }

.modal-center .modal.in .modal-dialog {
  margin: 0px;
  width: 100%; }

.movement .tab-content {
  margin-top: 0px; }

body.modal-open .modal.centralized {
  display: flex !important;
  height: 100%; }

body.modal-open .modal.centralized .modal-dialog {
  margin: auto !important; }

div.b.grade-thumbnail.primary-grid {
  border-radius: 15px;
  width: auto;
  padding: 0 10px; }

@media (min-width: 768px) {
  .modal-lg {
    width: 950px; }
  .modal-dialog {
    min-width: 660px; } }

@media (max-width: 768px) {
  .modal-content {
    height: calc(70vh); }
  .modal-lg {
    width: 600px; }
  div#viewer > div {
    top: 100px !important;
    margin: 10px; } }

@media (max-width: 1400px) {
  .body-modal {
    max-height: 400px;
    margin-bottom: 15px; } }

@media (min-width: 1366px) and (max-width: 1730px) {
  body[padding] mb-content .os-content .mb-cc-content {
    padding-right: 0; }
  body[padding] .mb[base-container],
  body[padding] .mb[topbar] > .mb-t-content > .mb-t-container {
    padding-left: 0; } }

@media (max-width: 1368px) {
  .dropdown-menu.gmd,
  .mb-n-container.mb-n-fixed {
    zoom: 0.75; } }

.modal-print-flex {
  display: flex !important; }
  .modal-print-flex .modal-dialog {
    height: 100%; }
    .modal-print-flex .modal-dialog .modal-content {
      height: 100%; }
    .modal-print-flex .modal-dialog .ma-container .mbg-modal .mbg-body-modal {
      max-height: 100%; }

.modal-dialog .modal-content .ma-container {
  height: 100%; }
  .modal-dialog .modal-content .ma-container .mbg-modal {
    height: 100%;
    display: flex;
    padding: 0px;
    flex-direction: column; }
    .modal-dialog .modal-content .ma-container .mbg-modal .mbg-header-modal {
      min-height: 105px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .modal-dialog .modal-content .ma-container .mbg-modal .mbg-header-modal .mbg-detail {
        margin-bottom: 0px; }
    .modal-dialog .modal-content .ma-container .mbg-modal .mbg-body-modal {
      position: relative;
      flex: 1; }
      .modal-dialog .modal-content .ma-container .mbg-modal .mbg-body-modal.min-content {
        min-height: fit-content; }

.modal-quick-register label.client-type {
  margin-top: 10px;
  margin-bottom: 0px; }

.modal-quick-register label.label-error-quick-register {
  z-index: 999;
  top: 46px; }

.modal-quick-register label.label-error-social {
  top: 55px; }

.table-striped.old-list > tbody > tr:nth-of-type(odd) {
  background: #fff; }

gumga-list.table-striped.old-list tr:nth-child(even) {
  background: var(--mbListLineEven); }

gumga-list.old-list tr td,
gumga-list.old-list tr th {
  background-color: transparent !important; }

.input-in-list {
  border-radius: 2px;
  padding-left: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 5px 5px 32px -5px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: inset 5px 5px 32px -5px rgba(0, 0, 0, 0.9);
  box-shadow: inset 4px 4px 8px -7px rgba(0, 0, 0, 0.9); }

.label-receiptpay {
  margin-bottom: 10px;
  font-size: 15px; }

div.panel.gmd.panel-receiptpay {
  padding: 0px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.payments-wrapper-receiptpay {
  margin-top: 15px; }
  .payments-wrapper-receiptpay .m-t-md {
    margin-top: 18px; }

.subtitle-receiptpay {
  font-size: 18px;
  color: var(--primary);
  margin-bottom: 15px; }

.resumo-pagamento-list {
  padding-right: 15px; }
  .resumo-pagamento-list label,
  .resumo-pagamento-list span {
    font-size: 13px; }
  .resumo-pagamento-list button.icon {
    border: 0px;
    position: relative; }
  .resumo-pagamento-list svg {
    width: 24px;
    fill: var(--font3);
    will-change: transform;
    transition: all 250ms ease; }
    .resumo-pagamento-list svg:hover {
      fill: var(--error);
      transform: scale(1.1); }

.btn.btn-receiptpay {
  border-radius: 22px;
  color: #fff;
  background-color: var(--primary);
  height: 44px;
  padding: 10px 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px !important;
  margin-right: 15px; }

.panel-receiptpay label.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px; }

.inf-wrapper h4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  font-size: 14px; }

.inf-wrapper .total {
  font-size: 24px;
  margin-top: 30px; }

.inf-wrapper .success {
  color: var(--success); }

.inf-wrapper .error {
  color: var(--error); }

.inf-wrapper .warn {
  color: var(--warn); }

.btn.btn-back {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 0px;
  box-shadow: none;
  color: var(--font2);
  font-size: 16px !important; }
  .btn.btn-back svg {
    width: 24px;
    fill: var(--font3);
    will-change: transform;
    transition: all 250ms ease; }
  .btn.btn-back:hover {
    color: var(--primary); }
    .btn.btn-back:hover svg {
      fill: var(--primary);
      transform: scale(1.1); }

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

#app {
  height: 100%; }

.page-wrapper.force-full {
  height: 100%; }

.page-wrapper .ma-container .row-flex-column {
  display: flex;
  flex-direction: column; }

.page-wrapper .ma-container .tabs-my-accounts {
  margin-top: 30px; }
  .page-wrapper .ma-container .tabs-my-accounts .btn-create {
    margin-top: 48px; }
  .page-wrapper .ma-container .tabs-my-accounts .filters-wrapper {
    margin: 25px 0px 40px 0px; }
  .page-wrapper .ma-container .tabs-my-accounts ul.nav.nav-tabs {
    margin: 0 15px; }
  .page-wrapper .ma-container .tabs-my-accounts .nav-tabs {
    border-bottom: 1px solid var(--neutral3); }
  .page-wrapper .ma-container .tabs-my-accounts .nav-tabs > li.active > a,
  .page-wrapper .ma-container .tabs-my-accounts div[class^="gmd"] ul[class="nav nav-tabs"] > li[class~="active"] > a,
  .page-wrapper .ma-container .tabs-my-accounts div[class^="gmd"] ul[class="nav nav-tabs"] > li > a:hover {
    color: var(--font2);
    background-color: var(--mbListLineEven);
    border: 1px solid var(--neutral3); }
  .page-wrapper .ma-container .tabs-my-accounts .nav-tabs > li > a {
    border-radius: 7px 7px 0 0;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 23px;
    font-weight: bold;
    border-top: 3px solid transparent;
    border-bottom: none;
    border-left: none;
    border-right: none; }
    .page-wrapper .ma-container .tabs-my-accounts .nav-tabs > li > a:hover {
      border-color: none !important; }

.page-wrapper .filter-report-wrapper {
  padding: 15px 0px;
  border-radius: 5px; }

.page-wrapper .options-filter {
  overflow: hidden;
  transition: all 600ms ease;
  height: 302px;
  opacity: 1; }

.page-wrapper .options-filter.close {
  height: 0px;
  opacity: 0; }

.page-wrapper .breadcrumbs {
  transition: opacity 600ms ease;
  opacity: 0;
  margin-bottom: 15px; }
  .page-wrapper .breadcrumbs span {
    cursor: pointer;
    color: var(--info);
    border-bottom: 1px solid var(--info); }

.page-wrapper .breadcrumbs.show {
  opacity: 1; }

div.badge span {
  color: #fff; }

/* ---- CSS FLEX ---- */
.flex {
  display: flex; }

.flex-end {
  align-self: center;
  justify-content: flex-end; }

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

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

.align-end {
  align-items: end; }

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

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

.flex-align-flex-end {
  display: flex;
  align-items: flex-end; }

.flex-baseline {
  display: flex;
  align-items: baseline; }

/* ------ NOVO MANY-TO-ONE ------*/
.mbg-mto .form-control.gmd {
  background-color: #fff !important;
  border: 1px solid #ddd;
  height: 44px;
  padding-left: 14px;
  border-radius: 5px !important;
  padding-right: 58px;
  z-index: 0; }

.mbg-mto .caret {
  height: 7px;
  border-top: 7px dashed;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  color: #9a9a9a; }

.mbg-mto .input-group-btn-icon {
  right: -11px !important; }

.mbg-mto .left-button.btn.btn-default.gmd {
  right: 41px;
  position: absolute;
  top: -2px; }

.mbg-mto .btn.btn-default.gmd {
  margin-left: 0px;
  margin: 8px auto;
  position: absolute;
  right: 14px; }

gumga-many-to-one.mbg-mto
input.form-control.gmd[class*="ng-valid-many-to-one"][class*="ng-not-empty"][class*="focused"] {
  border: 1px solid #ddd; }

/* ---- LINK NEUTRAL ---- */
.link-neutral {
  font-size: 12px;
  margin-top: 10px;
  color: var(--font2);
  border-bottom: 1px solid var(--neutral2); }

/* ----- NEUTRAL BTN CLEAR ALL ----- */
.link-clear-btn {
  color: var(--font2);
  font-size: 12px;
  margin-top: 15px; }

/* ------- BTN PADRAO ------- */
.mbg-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 50px;
  background-color: var(--primary);
  width: 100%;
  max-width: 300px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  outline: none;
  text-transform: uppercase; }
  .mbg-btn:hover {
    color: #fff;
    cursor: pointer; }
  .mbg-btn:focus {
    box-shadow: 0; }

/* ------- SMALL MODAL ------- */
.personalize-modal .modal-dialog {
  transition: width 500ms ease, transform 0.3s ease-out !important; }
  .personalize-modal .modal-dialog.small-modal {
    min-width: 450px;
    width: 450px; }

:focus {
  outline: none; }

.onboarding-popover {
  border: none;
  padding: 14px 14px;
  position: fixed;
  padding-top: 48px; }
  .onboarding-popover p {
    overflow: hidden;
    animation: typing 1.5s steps(40, end);
    white-space: nowrap;
    animation-timing-function: linear; }
  .onboarding-popover .onboarding-step-info {
    display: none; }
  .onboarding-popover .onboarding-button-container {
    background: #fff; }
  .onboarding-popover .onboarding-button {
    background: var(--primary);
    color: #fff;
    border: none; }
    .onboarding-popover .onboarding-button[ng-click="previous()"] {
      background: transparent;
      border: none;
      color: var(--font2); }
      .onboarding-popover .onboarding-button[ng-click="previous()"]:hover {
        border: none;
        background: transparent;
        color: var(--primary); }
  .onboarding-popover .onboarding-close-button {
    font-size: 12px;
    top: 20px;
    right: 10px;
    color: var(--font3); }
  .onboarding-popover .onboarding-popover-content {
    padding: 12px 14px 0px 14px; }

.onboarding-overlay {
  position: fixed; }

.onboarding-focus {
  z-index: 100000 !important;
  position: relative; }
  .onboarding-focus a.link-neutral,
  .onboarding-focus .mbg-label.input-label {
    color: #fff; }

.ninja-container {
  position: absolute;
  left: 24px;
  top: -20px;
  background: #fff;
  padding: 5px;
  border-radius: 50%;
  width: 88px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .ninja-container img {
    width: 64px;
    margin-top: 5px; }

/* The typing effect */
@keyframes typing {
  from {
    width: 0; }
  to {
    width: 100%; } }

/* The typewriter cursor effect */
@keyframes blink-caret {
  from,
  to {
    border-color: transparent; }
  50% {
    border-color: orange; } }

[disabled="disabled"] {
  pointer-events: none;
  cursor: default; }

body.on-boarding-active .mb[topbar] {
  z-index: auto; }

body.on-boarding-active .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-t-user-container {
  z-index: 0; }

body.on-boarding-active .mb[search-input],
body.on-boarding-active .mb[search] {
  z-index: 0; }

.onboarding-popover-title {
  padding: 15px 14px; }

gumga-many-to-one .input-group > div input:first-child {
  display: none !important; }

span.switch {
  background: #e6e6e6; }

.onboarding-popover.onboarding-centered {
  display: inline-table; }

.upload-image .mbg-image-upload .mbg-image-upload-wrapper.bottom .mbg-image-upload-main-wrapper {
  height: 200px !important;
  width: 200px !important; }

@media (min-width: 1000px) and (max-width: 1920px) {
  .no-pad {
    padding: 0; } }

section.page-section {
  margin-bottom: 40px; }

.mbg-label-error {
  color: var(--error); }

.group-err.mbg-input-error input {
  border: 2px solid var(--error) !important; }

.group-err.mbg-input-error .mbg-multi-select-scroll {
  border: 2px solid var(--error) !important; }

.group-err.mbg-multi-select .mbg-multi-select-scroll {
  border: 2px solid var(--error) !important; }

.group-err.mbg-simple-input-error {
  border: 2px solid var(--error) !important; }

.group-err textarea {
  border: 2px solid var(--error) !important; }

.group-err.mbg-step-error .mb-input-step-wrapper {
  border: 2px solid var(--error) !important; }

.group-err.mbg-div-error div {
  border-radius: 5px;
  border: 2px solid var(--error) !important; }

.group-err.mbg-input-wrapper input.ng-touched.ng-invalid,
input.ng-touched.ng-invalid,
.group-err.mbg-box-error,
gumga-chips.group-err > div {
  border: 2px solid var(--error) !important; }

.mbg-select {
  width: 100%; }
  .mbg-select select {
    padding-left: 10px; }

gumga-chips.group-err {
  border-radius: 5px; }

.overflow-auto {
  overflow: auto; }

.overflow-hidden {
  overflow: hidden; }

.flex-none {
  flex: none; }

.flex-justify-end {
  display: flex;
  justify-content: flex-end; }

.flex {
  display: flex; }
  .flex .flex-1 {
    flex: 1; }
  .flex .fit-content {
    min-height: fit-content; }
  .flex.flex-row {
    flex-direction: row; }
  .flex.flex-column {
    flex-direction: column; }
  .flex.align-center {
    align-items: center; }
  .flex.align-end {
    align-items: flex-end; }
  .flex.align-start {
    align-items: flex-start; }
  .flex.align-between {
    align-items: space-between; }
  .flex.justify-center {
    justify-content: center; }
  .flex.justify-end {
    justify-content: flex-end; }
  .flex.justify-start {
    justify-content: flex-start; }
  .flex.justify-between {
    justify-content: space-between; }
  .flex.justify-around {
    justify-content: space-around; }
  .flex.justify-evenly {
    justify-content: space-evenly; }
  .flex.wrap {
    flex-wrap: wrap; }

.mbg-money {
  text-align: right; }
  .mbg-money input {
    text-align: right; }

.mbg-number {
  text-align: right; }
  .mbg-number input {
    text-align: right; }

.cl-loading {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 5px solid #fff;
  border-radius: 100%;
  border-top: 5px solid transparent;
  -webkit-animation: load-animate infinite linear 1s;
  animation: load-animate infinite linear 1s; }

@-webkit-keyframes load-animate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0.35; }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load-animate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0.35; }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

gumga-chips.mbg-chips > div {
  box-shadow: none;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  min-height: 44px;
  padding: 0; }

gumga-chips.mbg-chips[full-mode] > div .item-container {
  margin: 0;
  padding: 0px 18px 0 10px;
  border-radius: 0;
  max-width: 100%; }

gumga-chips.mbg-chips div.input-chips-content input.chips {
  height: 44px;
  line-height: 44px;
  margin: 0px 0 0px 0px;
  padding: 0 44px 0px 12px; }

gumga-chips.mbg-chips div.input-chips-content.full-mode {
  margin-left: 0; }

gumga-chips.mbg-chips .input-chips-content i.material-icons {
  position: absolute;
  top: 12.3px;
  right: 12px;
  color: #9e9d9e;
  font-size: 22px; }

.pop-error {
  background-color: var(--error);
  border-bottom-color: transparent;
  color: #fff;
  border: none;
  font-size: 11px;
  border-radius: 2px; }
  .pop-error.top .arrow {
    border-top-color: transparent; }
    .pop-error.top .arrow:after {
      top: -15px;
      border-top-color: var(--error); }
  .pop-error.bottom .arrow {
    border-bottom-color: transparent; }
    .pop-error.bottom .arrow:after {
      top: 5px;
      border-bottom-color: var(--error); }
  .pop-error.left .arrow {
    border-left-color: transparent; }
    .pop-error.left .arrow:after {
      bottom: -10px;
      border-left-color: var(--error); }

.etiquetas gumga-many-to-one [uib-typeahead-popup].dropdown-menu {
  max-height: 350px; }

gmd-select .btn.gmd.btn-default {
  color: var(--font2); }

.modal-person.modal .modal-content .page-wrapper {
  background: #f5f5f5;
  padding: 34px 150px;
  max-width: 90vw; }

.modal-person.modal.in .modal-dialog {
  transform: none !important; }

.m-t-b-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important; }

.m-t-b-24 {
  margin-top: 24px;
  margin-bottom: 24px; }

.m-t-b-34 {
  margin-top: 34px;
  margin-bottom: 34px; }

.m-t-b-44 {
  margin-top: 44px;
  margin-bottom: 44px; }

.m-b-5 {
  margin-bottom: 5px; }

.m-b-6 {
  margin-bottom: 6px; }

.m-b-8 {
  margin-bottom: 8px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-b-12 {
  margin-bottom: 12px; }

.m-b-14 {
  margin-bottom: 14px; }

.m-b-24 {
  margin-bottom: 24px; }

.m-b-34 {
  margin-bottom: 44px; }

.m-b-44 {
  margin-bottom: 44px; }

.m-t-10 {
  margin-top: 10px; }

.m-t-14 {
  margin-top: 14px; }

.m-t-16 {
  margin-top: 16px; }

.m-t-24 {
  margin-top: 24px; }

.m-t-34 {
  margin-top: 34px; }

.m-t-30 {
  margin-top: 30px; }

.m-t-44 {
  margin-top: 44px; }

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

.m-l-5 {
  margin-left: 5px; }

.m-l-14 {
  margin-left: 14px; }

.m-l-15 {
  margin-left: 14px; }

.m-l-24 {
  margin-left: 24px; }

.m-t-b-34 {
  margin: 34px 0; }

.m-r-4 {
  margin-right: 4px; }

.m-r-10 {
  margin-right: 10px; }

.label-warn {
  font-size: 12px;
  margin-top: 12px; }
  .label-warn .link-label {
    color: var(--warn); }

.link-cancel {
  margin-top: 18px;
  color: var(--font2); }

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

.mbg-skeleton {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #bababa 18%, #eee 33%);
  background-size: 1000px 104px;
  width: 100%;
  overflow: hidden; }

.uppercase {
  text-transform: uppercase; }

.cancel-link {
  margin: 18px 24px 0px 24px;
  color: var(--font2); }
  .cancel-link i {
    margin-right: 6px; }
  .cancel-link:hover {
    color: var(--font2); }

.panel.gmd.mbg {
  box-shadow: none;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 24px 34px;
  transition: height 200ms ease; }
  .panel.gmd.mbg label {
    color: var(--font2); }
    .panel.gmd.mbg label.label-regular {
      font-weight: 400; }
  .panel.gmd.mbg .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--primary); }
    .panel.gmd.mbg .title h3 {
      margin: 0;
      font-size: 18px; }
    .panel.gmd.mbg .title svg {
      width: 24px;
      height: 24px; }
  .panel.gmd.mbg .mbg-panel-body {
    margin-top: 14px; }

.modal-simple-register .modal-content {
  padding: 34px 34px 34px 34px;
  overflow: auto;
  display: flex; }

.mbg-navigation-wrapper .mbg-navigation-item .mbg-navigation-content {
  max-height: 150px; }

.mbg-navigation-wrapper .mbg-navigation-item {
  min-height: 196px; }

.label-checkbox {
  color: var(--font2);
  font-weight: normal;
  margin-left: 5px; }

.full-height {
  height: 100%; }

.modal-sale {
  padding: 24px; }
  .modal-sale img {
    max-width: 164px; }
  .modal-sale .btn-next {
    background-color: var(--primary);
    border: none;
    color: #fff;
    display: flex;
    padding: 10px 44px;
    font-weight: bold;
    font-size: 15px; }
  .modal-sale .footer-modal {
    margin-top: 24px; }
  .modal-sale label {
    color: var(--font2);
    font-size: 13px;
    font-weight: 400; }
  .modal-sale h4 {
    color: var(--font2);
    font-size: 17px;
    font-weight: 400; }

.mbg-input-wrapper input {
  max-width: 100%; }

.commercial-components label {
  font-weight: 400;
  font-size: 13px;
  color: var(--font2); }

.commercial-components h4 {
  font-weight: 400;
  font-size: 17px;
  color: var(--font2); }

.commercial-components .btn-next {
  background-color: var(--primary);
  width: 100%;
  color: #fff;
  font-weight: bold;
  border: none;
  border-radius: 3px;
  height: 34px; }

.commercial-components .info {
  margin-bottom: 24px; }

.commercial-components label.err {
  color: var(--error) !important;
  font-size: 11px !important;
  margin-top: 4px !important; }

.commercial-components label.warn {
  color: var(--warn) !important;
  font-size: 11px !important;
  margin-top: 4px !important; }

.commercial-components label.sep {
  margin-bottom: 4px; }

.text-icon {
  font-weight: bold;
  font-size: 16px;
  font-family: "Montserrat";
  font-style: normal;
  max-height: 18px; }

.min-height-0 {
  min-height: 0; }

.full-modal {
  display: flex !important;
  align-items: center;
  justify-content: center; }
  .full-modal .modal-dialog {
    height: 95%;
    transform: translate(0) !important;
    display: flex;
    margin: 0; }
    .full-modal .modal-dialog .modal-content {
      max-height: none; }
      .full-modal .modal-dialog .modal-content .ma-container .mbg-modal .mbg-body-modal {
        max-height: none; }

.full-modal-v2 {
  display: flex !important;
  align-items: center;
  justify-content: center; }
  .full-modal-v2 .modal-dialog {
    transform: translate(0) !important;
    margin: 0; }

.view-product-equal-ean-modal .modal-content {
  min-width: 474px;
  max-width: 570px; }

.inform-current-account-modal .modal-content {
  max-width: 784px; }

.medium-modal .modal-dialog .modal-content {
  height: 600px !important; }

.bigger-modal .modal-dialog .modal-content {
  width: 120vh !important; }
  .bigger-modal .modal-dialog .modal-content img {
    width: 114vh !important; }

.full-w-h-modal {
  display: flex !important;
  align-items: center;
  justify-content: center; }
  .full-w-h-modal .modal-dialog {
    height: 100%;
    width: 100%;
    transform: translate(0) !important;
    display: flex;
    margin: 0; }
    .full-w-h-modal .modal-dialog .modal-content {
      height: 100%;
      max-height: none;
      border-radius: 0;
      margin: 0;
      padding: 0;
      width: 100%;
      box-shadow: none;
      background: transparent;
      border: none; }
      .full-w-h-modal .modal-dialog .modal-content .ma-container .mbg-modal .mbg-body-modal {
        max-height: none; }

.full-modal-flex {
  display: flex !important;
  align-items: center;
  justify-content: center; }
  .full-modal-flex .modal-dialog {
    height: 100%;
    width: 100%;
    transform: translate(0) !important;
    display: flex;
    margin: 0; }
    .full-modal-flex .modal-dialog .modal-content {
      display: flex;
      height: 100%;
      max-height: none;
      border-radius: 0;
      margin: 0;
      padding: 0;
      width: 100%;
      box-shadow: none;
      background: transparent;
      border: none; }
      .full-modal-flex .modal-dialog .modal-content .ma-container .mbg-modal .mbg-body-modal {
        max-height: none; }

.product-item-edit {
  overflow: hidden !important; }
  .product-item-edit .modal-dialog {
    min-width: 800px; }

.terminal-modal .modal-dialog {
  max-width: 1400px;
  padding: 0px 24px;
  width: 100%; }

.upload-images-modal .modal-dialog {
  width: 448px;
  min-width: auto; }
  .upload-images-modal .modal-dialog .ma-container .mbg-modal .mbg-body-modal {
    max-height: calc(100vh - 300px); }

.video .modal-content {
  height: fit-content;
  width: fit-content;
  background-color: #000; }

.btn-clear {
  background-color: transparent;
  border: 0px; }

.btn-clear[disabled="disabled"] {
  opacity: 0.5; }

/* Novo estilo do novo list */
.mbg-list-v2 .table thead tr th {
  background: var(--primary); }
  .mbg-list-v2 .table thead tr th label.column-title {
    color: #fff; }

.mbg-list-v2 .table tbody tr td img.image {
  width: 44px;
  height: 44px;
  margin-right: 10px;
  border-radius: 4px; }
  .mbg-list-v2 .table tbody tr td img.image.user-image {
    border-radius: 50%; }

[md-color-picker].no-input .md-color-picker-input-container .md-color-picker-preview {
  top: 0; }

[md-color-picker].no-input md-input-container,
[md-color-picker].no-input .md-color-picker-clear {
  display: none; }

.catalog-title {
  height: 34px;
  color: var(--font2);
  font-weight: 600;
  border: 0px;
  font-size: 22px;
  font-style: italic;
  width: 100%;
  min-width: 311px;
  border-bottom: 1px solid transparent; }
  .catalog-title:focus {
    border-bottom: 1px dotted var(--neutral3); }
  .catalog-title::placeholder {
    color: var(--font3);
    opacity: 1; }
  .catalog-title:-ms-input-placeholder {
    color: var(--font3); }
  .catalog-title::-ms-input-placeholder {
    color: var(--font3); }

.mbg-link {
  border-bottom: 1px solid var(--font2);
  color: var(--font2); }
  .mbg-link[disabled] {
    opacity: 0.5; }

.mbg-switch {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center; }
  .mbg-switch .switch {
    background: #fff; }
    .mbg-switch .switch.checked {
      background-color: var(--success); }

gumga-date input[disabled="disabled"] {
  background-color: #f5f5f5 !important; }

span.bg-white {
  background-color: #fff; }

.consignment-modal .modal-content {
  max-width: 1024px;
  width: 100%; }

.justification-modal .modal-content {
  max-width: 500px; }

.divergence-modal .modal-content {
  width: 100%;
  max-width: 800px; }

.pdf-report .mbg-modal .mbg-body-modal {
  max-height: none; }

.pdf-report .mbg-modal .mbg-body-modal {
  max-height: none; }

table.generic-table {
  width: 100%; }
  table.generic-table tr {
    height: 42px;
    transition: opacity 300ms, height 300ms; }
    table.generic-table tr th {
      font-size: 17px;
      font-weight: 400;
      color: var(--font2);
      padding: 0px 12px; }
      table.generic-table tr th.right {
        text-align: right; }
    table.generic-table tr td {
      padding: 10px; }
      table.generic-table tr td svg {
        width: 22px; }
    table.generic-table tr.ng-enter {
      opacity: 0;
      height: 0px; }
    table.generic-table tr.ng-enter-active {
      opacity: 1;
      height: 42px; }
    table.generic-table tr.ng-leave {
      opacity: 1;
      padding-top: 0;
      padding-bottom: 0;
      height: 42px; }
    table.generic-table tr.ng-leave-active {
      opacity: 0;
      height: 0px; }

table.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #eaeaea; }

table.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff; }

.commercial-back,
.commercial-back:hover {
  font-weight: bold;
  color: var(--font2); }

.generate-title .modal-content {
  width: 100%;
  max-width: 550px; }

.view-details-consignment-invoice .modal-dialog {
  max-width: 1024px;
  width: 100%;
  min-width: auto; }

.btn-radio-option {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 94px;
  border-radius: 4px;
  border: 1px solid var(--neutral3);
  color: var(--font3);
  font-weight: 600;
  background: transparent;
  transition: all 300ms ease; }
  .btn-radio-option span {
    min-width: 84px; }
  .btn-radio-option svg {
    transition: fill 300ms ease;
    fill: var(--font3);
    width: 44px; }
  .btn-radio-option[disabled="disabled"] {
    opacity: 0.3;
    cursor: not-allowed; }
  .btn-radio-option.active {
    transition: all 300ms ease;
    background: #fff;
    border: 1px solid var(--secondary);
    color: var(--secondary); }
    .btn-radio-option.active svg {
      transition: fill 300ms ease;
      fill: var(--secondary); }

.line-through {
  text-decoration: line-through; }

.mbg-select-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px; }

.mbg-select-span {
  margin-left: 14px; }

.mbg-type-button {
  height: 54px;
  padding: 0 24px;
  border: 2px solid #ccc;
  border-radius: 8px;
  color: var(--font3);
  font-weight: 600;
  min-width: 154px;
  margin-right: 14px;
  transition: all ease 200ms; }
  .mbg-type-button.large {
    height: 64px;
    min-width: 254px;
    font-size: 16px; }
  .mbg-type-button.active {
    background: var(--primary);
    border: 2px solid var(--primary);
    color: #fff; }

.nav-tabs > li > a:hover {
  border-bottom: transparent; }

.group-options a {
  margin-left: 24px;
  color: var(--font2); }
  .group-options a i {
    margin-right: 10px; }

.btn-repasse {
  height: 44px;
  border-radius: 34px;
  padding: 0px 30px;
  border: 1px solid #ccc;
  color: var(--font2);
  transition: all 200ms ease; }
  .btn-repasse:hover {
    background-color: #ccc;
    color: #fff; }

.report-loading {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: #fafbfe;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.report-loading.report-in-modal {
  padding: 54px 0;
  position: relative;
  background: #fff; }
  .report-loading.report-in-modal .report-loading-image {
    background: #fff; }
  .report-loading.report-in-modal h3 {
    margin-top: 24px; }

.report-loading-image {
  height: 226px;
  width: 226px;
  border-radius: 50%;
  background: #e8ebee;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative; }
  .report-loading-image img {
    width: 320px;
    position: absolute;
    bottom: 0; }

.mbg-circle {
  margin-bottom: 0px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ddd;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  margin-top: 33px; }
  .mbg-circle svg {
    fill: var(--font2);
    width: 20px; }
  .mbg-circle.m-t {
    margin-top: 7px; }
  .mbg-circle:focus, .mbg-circle:active {
    outline: none;
    box-shadow: 0; }

.switch[disabled="disabled"] {
  opacity: 0.5; }

.mb-keyboard-sale {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }
  .mb-keyboard-sale mbg-keyboard {
    width: 100%; }

cp-check-icon.active svg {
  fill: var(--success); }

cp-check-icon.active:hover svg {
  fill: var(--error); }

cp-check-icon.inactive svg {
  fill: var(--error); }

cp-check-icon.inactive:hover svg {
  fill: var(--success); }

.ma-container .mbg-modal .mbg-body-modal.not-scroll {
  max-height: none !important; }

.bt-actions {
  display: flex; }
  .bt-actions > div {
    height: 34px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 6px;
    cursor: pointer; }
    .bt-actions > div.add {
      color: var(--font2);
      border: 1px solid var(--neutral2); }
    .bt-actions > div.remove {
      color: var(--error);
      border: 1px solid var(--error); }

.billet-modal .modal-content {
  max-width: 744px; }

.datepicker-container {
  z-index: 999999 !important; }

.toggle-view-mode {
  margin-bottom: 14px; }
  .toggle-view-mode i {
    color: var(--font2);
    font-size: 19px;
    margin-left: 14px;
    cursor: pointer;
    transition: all ease 200ms; }
    .toggle-view-mode i:hover {
      transform: scale(1.07); }
    .toggle-view-mode i.active {
      color: var(--primary); }

.personalize-modal .modal-content {
  max-height: none; }

.page-form-modal .modal-dialog {
  width: 95%;
  min-height: 95%;
  height: 95%;
  transform: none !important; }

.page-form-modal .modal-content {
  width: 100% !important;
  height: 100%; }
  .page-form-modal .modal-content .page-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    overflow: auto; }

.page-form-modal-v2 .modal-content {
  height: auto; }
  .page-form-modal-v2 .modal-content .page-wrapper {
    height: auto; }

.date-separator {
  position: absolute;
  bottom: 12px;
  right: -3px;
  color: #ccc; }

.remove-link {
  color: #ff9191; }

.add-link {
  color: var(--font2);
  margin-left: 14px; }

.clear-link {
  font-size: 11px;
  margin-top: 6px;
  color: var(--font2); }

.pagination-content {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .pagination-content .totalizer {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0px;
    text-align: right; }
    .pagination-content .totalizer label {
      font-weight: 400;
      color: var(--font2);
      font-size: 15px; }
      .pagination-content .totalizer label span {
        font-weight: 500; }

.summary-client-titles .modal-dialog {
  min-width: 1164px; }

.initial-deposit-modal .modal-dialog {
  max-width: 440px;
  min-width: auto; }

.template-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0 44px;
  margin-top: 14px; }
  .template-list .template-item {
    background: #f5f5f5;
    border-radius: 5px;
    padding: 14px 14px;
    margin-bottom: 10px;
    cursor: pointer; }

.options-all {
  display: flex;
  height: 100px;
  justify-content: space-evenly;
  margin-top: 24px; }
  .options-all .options-item {
    background: #f5f5f5;
    width: 20%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 24px;
    line-height: 24px;
    color: var(--font2);
    font-weight: bold;
    cursor: pointer;
    border: 1px solid transparent; }
    .options-all .options-item.active {
      border: 1px solid var(--primary);
      color: var(--primary); }

.mbg-panel {
  border-radius: 5px;
  padding: 10px;
  display: flex;
  align-items: center;
  border: 1px solid var(--font3); }
  .mbg-panel svg {
    width: 24px;
    fill: var(--font2); }
  .mbg-panel p {
    margin: 0px;
    margin-left: 14px;
    color: var(--font2);
    font-weight: 500; }
  .mbg-panel.info {
    border: 1px solid var(--info);
    background-color: #69a8e32e; }
    .mbg-panel.info svg {
      fill: var(--info); }
    .mbg-panel.info p {
      color: #4089ce !important;
      max-width: 100% !important; }
  .mbg-panel.warn {
    border: 1px solid var(--warn);
    background-color: #f9d5be; }
    .mbg-panel.warn svg {
      fill: var(--warn); }
    .mbg-panel.warn p {
      color: #f16e18; }

.try-connect-sat {
  height: 44px;
  border-radius: 10px;
  color: var(--font2); }
  .try-connect-sat.fail-connect {
    border: 1px solid var(--error);
    color: var(--error); }
  .try-connect-sat.success-connect {
    border: 1px solid var(--success);
    color: var(--success); }

.mbg-warn {
  font-size: 12px;
  font-weight: 500;
  color: var(--warn); }
  .mbg-warn span {
    font-weight: 600; }

.passing-product .modal-dialog {
  min-width: 1124px; }

.mbg-getting-started {
  padding: 0px 24px;
  background-color: var(--contrast);
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  height: 44px;
  margin-top: 16px; }

.mbg-more-options {
  position: absolute;
  right: 5px; }
  .mbg-more-options button {
    color: var(--font2); }
  .mbg-more-options .btn-primary.active.focus,
  .mbg-more-options .btn-primary.active:focus,
  .mbg-more-options .btn-primary.active:hover,
  .mbg-more-options .btn-primary:active.focus,
  .mbg-more-options .btn-primary:active:focus,
  .mbg-more-options .btn-primary:active:hover,
  .mbg-more-options .open > .dropdown-toggle.btn-primary.focus,
  .mbg-more-options .open > .dropdown-toggle.btn-primary:focus,
  .mbg-more-options .open > .dropdown-toggle.btn-primary:hover {
    color: var(--font2); }
  .mbg-more-options .btn-primary.active,
  .mbg-more-options .btn-primary:active,
  .mbg-more-options .open > .dropdown-toggle.btn-primary {
    color: var(--font2);
    box-shadow: none; }
  .mbg-more-options .btn-success.active.focus,
  .mbg-more-options .btn-success.active:focus,
  .mbg-more-options .btn-success.active:hover,
  .mbg-more-options .btn-success:active.focus,
  .mbg-more-options .btn-success:active:focus,
  .mbg-more-options .btn-success:active:hover,
  .mbg-more-options .open > .dropdown-toggle.btn-success.focus,
  .mbg-more-options .open > .dropdown-toggle.btn-success:focus,
  .mbg-more-options .open > .dropdown-toggle.btn-success:hover {
    color: var(--font2); }
  .mbg-more-options .btn-success.active,
  .mbg-more-options .btn-success:active,
  .mbg-more-options .open > .dropdown-toggle.btn-success {
    color: var(--font2);
    box-shadow: none; }
  .mbg-more-options .dropdown-toggle {
    background: transparent !important;
    border: none;
    font-size: 13px;
    color: var(--font2); }
  .mbg-more-options ul {
    border-radius: 4px;
    width: 184px;
    margin-left: -154px;
    padding: 0;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }
    .mbg-more-options ul li {
      display: flex;
      align-items: center;
      padding: 10px 14px; }
      .mbg-more-options ul li label {
        margin: 0;
        margin-left: 5px; }

.group-commercial-search {
  display: flex; }
  .group-commercial-search .btn-open-terminal {
    margin-left: 14px;
    height: 44px;
    border-radius: 5px;
    background-color: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0px 10px; }
    .group-commercial-search .btn-open-terminal span {
      margin-left: 6px; }
  .group-commercial-search .product-search-input {
    flex: 1; }

.report-dates .mbg-date-between {
  width: 100%; }

.select-barcode-modal-template span {
  margin-right: 14px; }
  .select-barcode-modal-template span b {
    margin-left: 4px; }

.transfer-product-promotion-modal .modal-dialog,
.repasse-validation-product-modal .modal-dialog {
  min-width: 0px;
  width: 754px; }

.repasse-button {
  border: 1px solid var(--contrast);
  background-color: #fff;
  color: var(--contrast);
  border-radius: 5px;
  font-size: 14px;
  transition: all 200ms ease;
  margin-top: 44px;
  height: 42px;
  width: 100%; }

.mbg-select-report-modal {
  width: 204px;
  margin-left: 14px; }
  .mbg-select-report-modal .mbg-select-wrapper .mbg-select-input-fake {
    border: none;
    border-bottom: 1px dotted #000;
    border-radius: 0;
    padding: 0 0 0 8px;
    height: 34px; }

.title-print-modal {
  margin-bottom: 5px; }

.validation-movement-group-modal .modal-dialog {
  width: 884px; }
  .validation-movement-group-modal .modal-dialog .modal-content {
    display: flex; }

.mbg-btn-group {
  display: flex; }
  .mbg-btn-group .mbg-btn-filter {
    min-width: 74px;
    height: 44px;
    border: none;
    color: var(--contrast);
    border-top: 1px solid var(--contrast);
    border-bottom: 1px solid var(--contrast);
    cursor: pointer;
    transition: all 300ms ease;
    padding: 0 10px; }
    .mbg-btn-group .mbg-btn-filter * {
      cursor: pointer; }
    .mbg-btn-group .mbg-btn-filter:hover {
      background-color: #f5f5f5; }
    .mbg-btn-group .mbg-btn-filter.active {
      background-color: var(--contrast);
      color: #fff; }
      .mbg-btn-group .mbg-btn-filter.active:hover {
        background-color: var(--contrast);
        opacity: 0.8; }
    .mbg-btn-group .mbg-btn-filter:first-child {
      border-left: 1px solid var(--contrast);
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      border-right: none; }
    .mbg-btn-group .mbg-btn-filter:last-child {
      border-right: 1px solid var(--contrast);
      border-bottom-right-radius: 8px;
      border-top-right-radius: 8px;
      border-left: none; }

label.fixed-price-sheet-type {
  font-weight: 500;
  color: var(--warn);
  font-size: 11px;
  position: absolute;
  bottom: -17px; }

.add-filter-modal-wrapper .modal-content {
  min-width: 474px; }

.execute-report-modal-wrapper .modal-content {
  min-width: 474px; }

@media screen and (max-width: 1368px) {
  .tag-product-print .modal-content {
    max-height: none; }
  .tag-product-print .ma-container .mbg-modal .mbg-body-modal {
    max-height: 100vh; } }

.mbg-input {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  padding: 8px 14px;
  flex: 1;
  outline: none;
  width: inherit;
  height: 44px;
  max-width: 100%;
  cursor: text;
  display: flex;
  align-items: center; }
  .mbg-input .place {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--font3);
    font-style: italic;
    opacity: 1;
    /* Firefox */ }

.mbg-tabs .nav-tabs {
  border-bottom: 2px solid #e2e2e2; }

.mbg-tabs .tab-decoration {
  position: relative;
  z-index: 1; }

.mbg-tabs .tab-decoration:before {
  position: absolute;
  content: "";
  /* left: 50px; */
  top: -5px;
  right: 4px;
  /* transform: translateX(10px); */
  width: 50px;
  height: 65px;
  background: blue;
  border-radius: 50px 50px 0 0;
  transform: rotate(-45deg);
  transform-origin: 0 100%; }

.mbg-tabs .tab-decoration:before {
  border-radius: 0 17px 0 0;
  transform: rotate(-30deg) translateX(129%) translateY(21%);
  opacity: 1;
  border-right: 1px solid #e2e2e2; }

.mbg-tabs li {
  margin-right: 18px;
  margin-bottom: 0; }
  .mbg-tabs li a {
    padding-left: 15px;
    padding-right: 18px;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-top-left-radius: 10px;
    background: #fbfbfb;
    cursor: pointer; }
    .mbg-tabs li a * {
      cursor: pointer; }
    .mbg-tabs li a:hover .tab-decoration:before {
      background: #eee; }
    .mbg-tabs li a .tab-decoration:before {
      background: #fbfbfb; }
    .mbg-tabs li a .header-content {
      position: relative;
      z-index: 2;
      font-weight: 400;
      padding-top: 5px; }
      .mbg-tabs li a .header-content i {
        margin-right: 5px;
        color: var(--font2);
        font-size: 13px; }
      .mbg-tabs li a .header-content .name {
        font-weight: 500;
        margin-right: 5px;
        color: var(--font2);
        font-size: 13px; }
      .mbg-tabs li a .header-content .count {
        font-weight: 500;
        background: #e2e0e0;
        width: 20px;
        border-radius: 50%;
        height: 20px;
        position: absolute;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--font2);
        font-size: 11px;
        font-weight: 500; }
  .mbg-tabs li.uib-tab.nav-item.active {
    z-index: 3; }
    .mbg-tabs li.uib-tab.nav-item.active a {
      background: #fff;
      border-top: 1px solid #e2e2e2;
      border-left: 1px solid #e2e2e2; }
      .mbg-tabs li.uib-tab.nav-item.active a .tab-decoration:before {
        background: #fff; }
      .mbg-tabs li.uib-tab.nav-item.active a .count {
        background: var(--primary);
        color: #fff; }
      .mbg-tabs li.uib-tab.nav-item.active a i {
        color: var(--primary); }
      .mbg-tabs li.uib-tab.nav-item.active a .name {
        color: var(--primary); }
    .mbg-tabs li.uib-tab.nav-item.active .header-content {
      color: var(--primary); }
    .mbg-tabs li.uib-tab.nav-item.active::after {
      content: "";
      width: 100%;
      height: 2px;
      background: #fff;
      position: absolute;
      bottom: -2px; }

.mbg-tabs .tab-content {
  margin: -1px 0 0 0;
  position: relative;
  z-index: 3; }
  .mbg-tabs .tab-content .tab-body {
    background-color: #fff;
    padding: 24px;
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 2px; }

.mbg-btn-group {
  display: flex; }
  .mbg-btn-group .mbg-btn-filter {
    min-width: 74px;
    height: 44px;
    padding: 0 18px;
    border: none;
    color: var(--contrast);
    border-top: 1px solid var(--contrast);
    border-bottom: 1px solid var(--contrast);
    cursor: pointer;
    transition: all 300ms ease; }
    .mbg-btn-group .mbg-btn-filter * {
      cursor: pointer; }
    .mbg-btn-group .mbg-btn-filter:hover {
      background-color: #f5f5f5; }
    .mbg-btn-group .mbg-btn-filter.active {
      background-color: var(--contrast);
      color: #fff; }
      .mbg-btn-group .mbg-btn-filter.active:hover {
        background-color: var(--contrast);
        opacity: 0.8; }
    .mbg-btn-group .mbg-btn-filter:first-child {
      border-left: 1px solid var(--contrast);
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      border-right: none; }
    .mbg-btn-group .mbg-btn-filter:last-child {
      border-right: 1px solid var(--contrast);
      border-bottom-right-radius: 8px;
      border-top-right-radius: 8px;
      border-left: none; }

.total-wrapper {
  color: var(--font2);
  margin-bottom: 16px; }
  .total-wrapper label {
    font-size: 14px; }
  .total-wrapper h3 {
    font-size: 14px;
    margin: 4px 0 0 0; }

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

.remove-btn {
  font-size: 12px !important;
  color: var(--error) !important;
  font-weight: bold;
  text-align: center;
  padding-top: 2px; }
  .remove-btn:hover {
    text-decoration: underline; }

.rectangular-button {
  height: 44px;
  width: 180px;
  border-radius: 5px;
  background-color: var(--primary);
  color: #fff;
  border: none; }

.pad-l-0 {
  padding-left: 0; }

@media screen and (max-width: 1280px) {
  .modal-content .page-wrapper {
    max-width: 90vw !important;
    max-height: 90vh !important; } }

.col-md-1-5 {
  width: calc(150% / 12);
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
  text-align: left;
  line-height: normal; }

.col-md-0-5 {
  width: calc(50% / 12);
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
  text-align: left;
  line-height: normal; }

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

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

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

.align-items-start {
  align-items: start; }

.align-items-end {
  align-items: end; }

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

.align-items-baseline {
  align-items: baseline; }

.align-items-stretch {
  align-items: stretch; }

.justify-content-start {
  justify-content: start; }

.justify-content-end {
  justify-content: end; }

.justify-content-center {
  justify-content: center; }

.justify-content-between {
  justify-content: space-between; }

.justify-content-around {
  justify-content: space-around; }

.justify-content-evenly {
  justify-content: space-evenly; }

.w-100 {
  width: 100%; }

.h-100 {
  height: 100%; }

.ellipsis-animation::after {
  display: inline-block;
  animation: ellipsis-animation steps(1, end) 1s infinite;
  content: ''; }

@keyframes ellipsis-animation {
  0% {
    content: ''; }
  25% {
    content: '.'; }
  50% {
    content: '..'; }
  75% {
    content: '...'; }
  100% {
    content: ''; } }

.btn-print-dashboard {
  height: 25px !important;
  width: 100px !important;
  padding: 0 14px;
  color: var(--primary);
  background-color: #fff;
  font-weight: 600;
  border: 1px solid var(--primary);
  border-radius: 12px;
  z-index: 9; }

.thin-input button.quick-search,
.thin-input button.quick-import,
.thin-input button.btn-search-secondary,
.thin-input button.btn-search-success,
.thin-input button.btn-search-primary,
.thin-input .mbg-select-company-input-wrapper,
.thin-input .mbg-select-wrapper .mbg-select-input-fake,
.thin-input .terminal-advanced-filters .btn-filter,
.thin-input input.input-number,
.thin-input .input-wrapper,
.thin-input .mbg-btn-group .mbg-btn-filter,
.thin-input .mb-input-step-wrapper,
.thin-input .mbg-input-search-wrapper .input-group-search,
.thin-input .mbg-address-row .mbg-address-wrapper input.mbg-input,
.thin-input .mbg-input,
.thin-input .input-v2 .input,
.thin-input .table > tbody > tr > td,
.thin-input .mbg-type-button,
.thin-input gmd-select.mbg-style button.gmd {
  height: 25px !important;
  padding: 2px 10px !important; }
  @media (max-width: 768px) {
    .thin-input button.quick-search,
    .thin-input button.quick-import,
    .thin-input button.btn-search-secondary,
    .thin-input button.btn-search-success,
    .thin-input button.btn-search-primary,
    .thin-input .mbg-select-company-input-wrapper,
    .thin-input .mbg-select-wrapper .mbg-select-input-fake,
    .thin-input .terminal-advanced-filters .btn-filter,
    .thin-input input.input-number,
    .thin-input .input-wrapper,
    .thin-input .mbg-btn-group .mbg-btn-filter,
    .thin-input .mb-input-step-wrapper,
    .thin-input .mbg-input-search-wrapper .input-group-search,
    .thin-input .mbg-address-row .mbg-address-wrapper input.mbg-input,
    .thin-input .mbg-input,
    .thin-input .input-v2 .input,
    .thin-input .table > tbody > tr > td,
    .thin-input .mbg-type-button,
    .thin-input gmd-select.mbg-style button.gmd {
      padding: 2px 5px !important; } }

.thin-input .search-input-terminal-wrapper .input-terminal .type-filter select {
  height: 20px; }

.thin-input .btn-open-terminal {
  height: 30px; }

.thin-input .product-item-search-wrapper .input-terminal {
  height: 30px;
  padding: 0 8px; }

.thin-input .product-item-search-wrapper .btn-camera {
  font-size: 25px; }

.thin-input .search-input-terminal-wrapper .search-button {
  height: 25px  !important;
  width: 25px  !important; }
  .thin-input .search-input-terminal-wrapper .search-button i.fas {
    scale: 0.75  !important; }

.thin-input .search-input-terminal-wrapper .input-terminal {
  height: 25px; }
  .thin-input .search-input-terminal-wrapper .input-terminal .select-filter label {
    display: none; }
  .thin-input .search-input-terminal-wrapper .input-terminal .btn-camera {
    scale: 0.5; }

.thin-input .mbg-input-search-wrapper .input-group-search .search-icon {
  padding-top: 2px !important; }

.thin-input div.input-fake {
  justify-content: flex-end  !important;
  height: 25px  !important;
  padding: 2px 14px  !important;
  z-index: 2  !important; }

.thin-input .mbg-input-wrapper input,
.thin-input .input-percentage-v2-wrapper input,
.thin-input .input-fake,
.thin-input .mbg-select-input-fake {
  height: 25px;
  padding: 2px 14px;
  flex: auto;
  min-height: unset; }

.thin-input .mbg-input-wrapper,
.thin-input .fake-input-v2,
.thin-input gumga-date.mbg > div {
  height: 25px !important; }

.thin-input input-v2[type='money'] input, .thin-input input-v2[type='number'] input, .thin-input input-v2[type='percentage'] input {
  text-align: end; }

.thin-input input-v2[type="date-time"] .input-date-time {
  height: 25px; }

.thin-input input-v2 .input-v2 input, .thin-input input-v2 .input-v2 .input-button {
  height: 25px; }

.thin-input input-v2 .input-square-button .square-button {
  width: 20px;
  height: 20px;
  display: flex; }

.thin-input input-v2 i {
  zoom: 75%; }

.thin-input select-v2 .mbg-select-input-fake {
  height: 25px;
  padding: 2px 14px; }
  .thin-input select-v2 .mbg-select-input-fake span {
    display: flex;
    overflow: hidden;
    max-height: 100%; }

.thin-input short-company .mbg-select-company-wrapper .mbg-select-company-input-wrapper {
  height: 25px;
  padding: 2px 8px; }

.thin-input .step-tabs ul.nav-tabs li {
  align-self: stretch; }
  .thin-input .step-tabs ul.nav-tabs li a {
    min-height: min-content;
    height: 100%; }
  .thin-input .step-tabs ul.nav-tabs li uib-tab-heading {
    padding: 10px; }

.thin-input mbg-multi-select .mbg-multi-select-content {
  scrollbar-width: none; }

.thin-input .mbg-multi-select-v2-scroll,
.thin-input .mbg-multi-select-scroll {
  height: 26px !important; }
  .thin-input .mbg-multi-select-v2-scroll .items-selected li,
  .thin-input .mbg-multi-select-scroll .items-selected li {
    height: 20px !important;
    padding: 0px 5px !important;
    margin-right: 5px !important;
    font-size: 12px !important; }

.thin-input .input-square-button .square-button {
  width: 25px;
  height: 25px; }

.thin-input sg-help .help-button-wrapper .question-icon-class {
  transform: scale(2.1) !important; }

.thin-input mbg-btn-form .mbg-btn-form-wrapper button {
  height: 30px !important;
  min-width: 100px !important;
  font-size: 12px !important;
  border-radius: 5px !important; }

.thin-input .date-separator {
  bottom: 0px !important; }

.thin-input .mbg-input-file-wrapper .input-fake {
  height: 90px !important;
  width: 13vw; }

.thin-input gmd-select button > span.item-select {
  font-size: 14px !important; }

.thin-input gmd-select.mbg-style .caret {
  top: 10px !important; }

.thin-input .mbg-pagination-wrapper button {
  width: 34px;
  height: 34px; }

.thin-input .cancel-link {
  margin-top: 10px;
  font-size: 13px; }

.thin-input .mbg-label {
  margin-bottom: 5px; }

.thin-input .filters-button {
  height: 25px  !important;
  width: 25px  !important; }
  .thin-input .filters-button i.fas {
    scale: 0.75  !important; }

.thin-uib-tab .step-tabs ul.nav-tabs li uib-tab-heading {
  padding: 10px !important; }

.thin-switch {
  height: 25px !important; }
  .thin-switch small {
    height: 25px !important;
    width: 25px !important; }

.thin-switch.switch.checked small {
  left: 27px !important; }

@media screen and (max-width: 1368px) {
  .reverse-zoom-1368 {
    zoom: 0.75; } }

i.fab.fa-youtube {
  color: red; }

.informative-tooltip i {
  color: #009dea; }

.row-sepparator:not(:first-child) {
  border-top: 2px solid #ddd;
  padding-top: 12px; }

.alert-message {
  background-color: var(--warn);
  display: flex;
  height: 40px;
  justify-content: center; }
  .alert-message span {
    height: 100%;
    color: #fff;
    font-weight: 400;
    display: flex;
    font-size: 14px;
    align-items: center;
    width: auto; }
  .alert-message .alert-message-icon {
    display: flex;
    align-items: center; }
    .alert-message .alert-message-icon i.fas {
      color: #fff;
      margin-right: 10px;
      font-size: 20px; }

.modal-dialog .alert-message {
  border-radius: 18px 18px 0 0; }

.swal-print-actions {
  display: flex; }
  .swal-print-actions button {
    background-color: var(--primary) !important;
    text-wrap: nowrap;
    flex: 1 0 auto; }

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

.limit-2-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis; }

.cp-not-found-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 24px;
  max-width: 100vw; }
  .cp-not-found-box svg {
    width: 60px;
    fill: var(--font2); }
  .cp-not-found-box label {
    color: var(--font2);
    margin-top: 14px; }

@keyframes loading-line {
  0% {
    left: 3%; }
  50% {
    left: 93%;
    transform: scaleX(1.2); }
  100% {
    left: 3%; } }

.table > thead.table-loading-line::before {
  content: "";
  position: absolute;
  top: calc(100% - 2px);
  width: 60px;
  height: 2px;
  background-color: white;
  border-radius: 5px;
  animation: loading-line 2s ease-in-out infinite; }

form .form-return-btn {
  border-style: none;
  font-weight: bold;
  color: var(--font2); }

form .form-save-btn {
  height: 30px;
  border-radius: 5px;
  font-weight: 700;
  background-color: var(--secondary);
  color: #FFF;
  border: none;
  padding: 0 20px; }

form .form-return-btn, form .form-save-btn {
  transition: all 200ms ease-in-out; }
  form .form-return-btn:hover, form .form-return-btn:focus, form .form-save-btn:hover, form .form-save-btn:focus {
    transform: scale(1.05); }

button.btn-bind {
  min-width: 150px !important;
  padding: 0 14px;
  color: var(--primary);
  background-color: #fff;
  font-weight: 600;
  border: 1px solid var(--primary);
  transition: all 300ms ease-in-out; }
  button.btn-bind:hover {
    transform: scale(1.05); }

.flex-grow-1 {
  flex-grow: 1; }

div.circle-border {
  width: 23px;
  height: 23px;
  border: 2px solid currentColor;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 200ms ease-in-out;
  color: var(--font3); }
  div.circle-border:hover {
    transform: scale(1.05);
    border-color: var(--primary); }
    div.circle-border:hover i {
      color: var(--primary) !important; }

.zindex100000 {
  z-index: 100000; }

.toggle-button-list {
  width: 100%; }

/**
    Ativar: mb-list
    Desativar icone de ordenação - no-sort
    Desativar Páginação - no-paginate
**/
:root {
  --mbListStatusActive:   #00ad00;
  --mbListStatusInactive: #797979;
  --mbListTextLight: #FFFFFF;
  --mbListLine: var(--bgColor);
  --mbListLineEven: #F2F2F2;
  --mbListLineActive: var(--mbListLineActive);
  --mbListStatusNeutral: var(--neutral2);
  --mbListStatusPending: #00bbbd;
  --mbListStatusDeleted: var(--error); }

/* gumga-list.mb-list tbody tr.active * {
    color: #fff;
    fill: #fff;
} */
gumga-list.mb-list tr.active.active-list,
gumga-list.mb-list tr.active.active-list:hover {
  border-left: 10px solid var(--primary); }

gumga-list.mb-list tbody tr, gumga-list.mb-list tbody tr:hover {
  border-left: 10px solid transparent; }

gumga-list.mb-list tr.active.active-list td div,
gumga-list.mb-list tr.active.active-list td div:hover,
gumga-list.mb-list tr.active.active-list td span,
gumga-list.mb-list tr.active.active-list td {
  font-weight: 700;
  color: var(--primary); }

gumga-list div.mb-status {
  color: var(--mbListTextLight); }

gumga-list.mb-list tr.active.active-list td div.mb-status.active,
gumga-list.mb-list tr.active.active-list td div.mb-status.inactive {
  color: var(--mbListTextLight); }

gumga-list.mb-list tr.active.active-list td cp-delete-icon svg {
  fill: var(--error); }

gumga-list.mb-list tr.active.active-list td cp-edit-icon svg,
gumga-list.mb-list tr.active.active-list td cp-details-icon svg,
gumga-list.mb-list tr.active.active-list td cp-print-icon svg {
  fill: var(--primary); }

gumga-list.mb-list table th .column-container,
gumga-list.mb-list[name] table th .column-container,
gumga-list.mb-list table th a.th-sort,
gumga-list.mb-list[name] table th a.th-sort {
  font-family: MontSerrat,sans-serif; }

gumga-list.mb-list tbody *:not([class~="fa"]):not([class~="mce-ico"]):not([class~="fab"]):not([class^="fa"]):not([class^="fab"]):not([class^="material-icons"]):not([class^="glyphicon"]):not([class^="zmdi"]):not([class^="icofont"]):not([class*="ace_"]):not([ui-ace]):not([class*="mb-status"]),
gumga-list.mb-list tbody td[class*="ng-binding"] {
  font-family: MontSerrat,sans-serif;
  line-height: 1;
  font-weight: 500;
  font-size: 14px; }

gumga-list.mb-list .panel.gmd {
  box-shadow: none;
  background: transparent;
  border: none; }

gumga-list.mb-list tr th {
  background: var(--primary);
  background-clip: initial; }

gumga-list.mb-list .smart-footer-item ul li.selected {
  color: var(--primary); }

gumga-list.mb-list tr:first-child {
  height: 38px; }

gumga-list.mb-list .column-search-container {
  display: none; }

gumga-list.mb-list .table > tbody > tr > td,
gumga-list.mb-list[name] .table > tbody > tr > td,
gumga-list.mb-list .table > thead > tr > th {
  padding: 10px 18px 10px 18px; }

gumga-list.mb-list table th .column-container,
gumga-list.mb-list table th a.th-sort {
  color: var(--mbListTextLight);
  /* font-size: 14px; */ }

gumga-list.mb-list.no-sort .sort-caret-span {
  display: none; }

gumga-list.mb-list tr,
gumga-list.mb-list tr:hover {
  background: var(--mbListLine);
  border: none;
  font-weight: 600; }

gumga-list.mb-list tr:nth-child(even) {
  background: var(--mbListLineEven); }

gumga-list.mb-list tr:hover td {
  background-color: transparent; }

gumga-list.mb-list tr td,
gumga-list.mb-list[name] tr td,
gumga-list.mb-list[name] tr:last-child td {
  background-color: transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }

gumga-list.mb-list .table > tbody > tr.active > td,
gumga-list.mb-list[name] .table > tbody > tr.active > td {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background-color: var(--mbListLineActive); }

gumga-list.mb-list tr, gumga-list.mb-list tr td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

gumga-list.mb-list tr, gumga-list.mb-list tr td:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

gumga-list.mb-list tr:first-child,
gumga-list.mb-list tr th:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 6px; }

gumga-list.mb-list tr:first-child,
gumga-list.mb-list tr th:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 6px; }

gumga-list.mb-list .panel .panel-heading,
gumga-list.mb-list .panel .panel-footer,
gumga-list.mb-list[name] .panel .panel-footer {
  border: none;
  padding-right: 0;
  background: var(--mbListLine); }

gumga-list.mb-list .panel .panel-heading .smart-footer-item button,
gumga-list.mb-list[name] .panel .panel-heading .smart-footer-item button,
gumga-list.mb-list .panel .panel-footer .smart-footer-item button,
gumga-list.mb-list[name] .panel .panel-footer .smart-footer-item button {
  background: var(--mbListLine);
  color: var(--font2); }

gumga-list.mb-list.no-paginate .panel .panel-footer,
gumga-list.mb-list.no-paginate[name] .panel .panel-footer {
  display: none; }

gumga-list.mb-list .handle {
  display: none; }

gumga-list.mb-list tr td img.user-image {
  width: 44px;
  height: 44px;
  margin-right: 10px; }

gumga-list.mb-list tr td img.circle {
  border-radius: 50%; }

gumga-list.mb-list div.mb-status, div.mb-status {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mbListTextLight); }

gumga-list.mb-list .mb-status.active, .mb-status.active {
  background: var(--mbListStatusActive); }

gumga-list.mb-list .mb-status.inactive, .mb-status.inactive {
  background: var(--mbListStatusInactive); }

gumga-list.mb-list .mb-status.neutral, .mb-status.neutral {
  background: var(--mbListStatusNeutral); }

gumga-list.mb-list .mb-status.amortized, .mb-status.amortized {
  background: linear-gradient(108deg, var(--mbListStatusActive) 50%, var(--mbListStatusDeleted) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--mbListStatusActive)', endColorstr='var(--mbListStatusDeleted)',GradientType=1 ); }

gumga-list.mb-list .mb-status.error, .mb-status.error {
  background: var(--error); }

gumga-list.mb-list .mb-status.pending, .mb-status.pending {
  background: var(--mbListStatusPending); }

gumga-list.mb-list .mb-status.deleted, .mb-status.deleted {
  background: var(--mbListStatusDeleted); }

gumga-list.mb-list .panel.gmd,
.ma-container gumga-list.mb-list .panel.gmd,
.ma-container gumga-list.mb-list .panel.gmd .panel.gmd,
.ma-container gumga-list.mb-list[data] .panel.gmd .panel.gmd {
  border: none; }

gumga-list.mb-list .ellipsis {
  display: inline-block; }

gumga-list.mb-list .mb-status.mb-bg-success, .mb-status.mb-bg-success {
  background: var(--success); }

gumga-list.mb-list .mb-status.mb-bg-info, .mb-status.mb-bg-info {
  background: var(--info); }

gumga-list.mb-list .mb-status.mb-bg-warn, .mb-status.mb-bg-warn {
  background: var(--warn); }

gumga-list.mb-list .progress {
  height: 3px; }

gumga-list.mb-list .progress .indeterminate::before,
gumga-list.mb-list .progress .indeterminate::after {
  background-color: var(--primary) !important; }

gumga-list.mb-list td div span {
  color: #fff;
  font-size: 12px; }

td div.tooltip div.tooltip-inner {
  color: var(--mbListTextLight) !important; }

[disabled] input, [disabled] .mbg-select-input-fake {
  background-color: #f5f5f5; }

.page-wrapper {
  display: flex;
  flex-direction: column;
  padding: 24px; }

.page-wrapper .input-wrapper {
  display: flex;
  border: 1px solid #ccc;
  padding: 0px 14px 0 0px;
  border-radius: 4px;
  height: 44px; }

.page-wrapper .input-wrapper .input-icon {
  min-width: 44px;
  display: flex;
  align-items: center;
  justify-content: center; }

.page-wrapper .input-wrapper .input-label {
  min-width: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 14px;
  margin-right: 5px;
  color: var(--font2); }

.page-wrapper .input-wrapper .input-icon span {
  color: var(--font3); }

.page-wrapper .input-wrapper input, .page-wrapper .input-wrapper select {
  flex: 1;
  border: none;
  outline: none;
  font-weight: 500; }
  .page-wrapper .input-wrapper input::placeholder, .page-wrapper .input-wrapper select::placeholder {
    color: var(--font2); }

.page-wrapper .mb-list-wrapper {
  margin-top: 24px; }

.page-wrapper .btn-create-wrapper {
  display: flex;
  align-items: center;
  justify-content: center; }

.page-wrapper .btn-create {
  flex: 1;
  border-radius: 34px;
  width: 100%;
  height: 44px;
  /* border: 2px solid var(--primary);
    color: var(--primary); */
  border: none;
  background: var(--secondary);
  color: #FFF;
  font-weight: bold; }

.btn-create[disabled] {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65; }

.grands-footer {
  background-color: var(--primary); }

.cl-light-primary {
  color: var(--primary); }

.btn.gmd.raised.btn-warning {
  background-color: var(--neutral3); }

.btn.gmd.raised.btn-success {
  background-color: var(--success); }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
gumga-many-to-one.gmd .dropdown-menu > .active > a,
gumga-many-to-one.gmd .dropdown-menu > .active > a:focus,
gumga-many-to-one.gmd .dropdown-menu > .active > a:hover {
  background-color: var(--neutral3) !important;
  color: #fff !important;
  font-weight: 700 !important; }

.form-control:focus {
  border-color: var(--color1); }

gumga-many-to-one .indeterminate:before,
.indeterminate:after {
  background-color: var(--color1) !important; }

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

.input-sku {
  background-color: var(--color1); }

.onoffswitch-label {
  background-color: var(--success); }

.onoffswitch-switch {
  border-color: var(--success); }

.onoffswitch-inner:before {
  background-color: var(--success); }

.m-t-n-md {
  margin-top: 0px; }

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

.bg-accent {
  background-color: var(--success); }

.btn-danger {
  background-color: var(--error); }

.cl-light-primary {
  color: var(--neutral1); }

.font-lg {
  font-weight: 400;
  color: var(--font2); }

.ma-container .ma-title,
.panel-actions h4,
.panel-heading.cl-light-primary.title-b-u label {
  color: var(--font2);
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  font-size: 24px; }

.ma-container .ma-color-primary {
  color: var(--font2);
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  font-size: 16px; }

.form-control.gmd.font-lg,
.form-control.gmd {
  font-weight: 400;
  color: var(--font2); }

.form-control.gmd.active ~ label,
.form-control.gmd:focus ~ label,
.ma-container .ma-select label,
.ma-container label.input-label,
div.ma-container gmd-select .dropdown.gmd label.floating-dropdown {
  color: var(--font2);
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  font-size: 13px; }

.badge-success {
  background-color: var(--success); }

.gmd-disabled,
button[disabled].gmd-disabled {
  opacity: 1;
  background-color: var(--neutral3);
  cursor: not-allowed; }

/* .ma-container .btn-danger, .ma-container .btn-danger:hover {
	background-color: var(--warn) !important;
	color: white!important;
} */
gumga-many-to-one .uib-typeahead-match.active i.favorite.full,
gumga-many-to-one .uib-typeahead-match.active i.favorite {
  color: white; }

.ui-select-bootstrap .ui-select-choices-row.active > span {
  background-color: var(--neutral3); }

.bar:after,
.bar:before {
  background-color: var(--color1) !important; }

gumga-many-to-one .indeterminate:before,
.indeterminate:after {
  background-color: var(--color1) !important; }

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color4);
  border-color: var(--color4);
  border-radius: 5px; }

.onoffswitch-label .ma-container label {
  border-color: var(--success) !important; }

.ng-empty + .onoffswitch-label .ma-container label,
.ng-empty + .onoffswitch-label {
  border-color: var(--neutral3) !important; }

.onoffswitch-label .onoffswitch-switch {
  border-color: var(--primary) !important; }

.ng-empty + .onoffswitch-label .onoffswitch-switch {
  border-color: var(--neutral3) !important; }

.onoffswitch-inner:before {
  background-color: var(--success); }

.onoffswitch-inner:after {
  background-color: var(--neutral3);
  color: white; }

gumga-query .input-group-btn:last-child > .btn:first-child {
  background-color: #fff;
  border-color: #e5e6e7;
  color: var(--font3);
  height: 34px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px; }

gumga-query .input-group-btn:last-child > .btn {
  background-color: var(--neutral2);
  border-color: var(--neutral2); }

gumga-query .input-group-btn:last-child > .btn:last-child {
  background-color: var(--color1);
  border-color: var(--color1); }

.badge.badge-danger {
  background-color: var(--neutral3); }

.nav-tabs > li.active > a,
div[class^="gmd"] ul[class="nav nav-tabs"] > li[class~="active"] > a,
div[class^="gmd"] ul[class="nav nav-tabs"] > li > a:hover {
  color: var(--font3); }

.nav-link {
  color: var(--font3); }

.pdv-header {
  border-radius: 10px; }

.grands-footer {
  left: 230px;
  right: 33px; }

gumga-many-to-one input.form-control.gmd[class*="ng-valid-many-to-one"][class*="ng-not-empty"][class*="focused"] {
  border-color: var(--color1); }

@media screen and (max-width: 1368px) {
  mbg-base > div.mb {
    height: 134vh !important;
    zoom: 0.75;
    --global-zoom: 0.75; }
  [uib-modal-window] {
    zoom: 0.75; } }

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

::-webkit-scrollbar-button {
  width: 0px;
  height: 0px; }

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25); }

::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25); }

::-webkit-scrollbar-track {
  background: rgba(158, 158, 158, 0.22);
  border: 1px solid #ffff;
  border-radius: 50px; }

::-webkit-scrollbar-corner {
  background: transparent; }

:root {
  --environment-demo: #6814d4;
  --environment-prod: #00d5d2; }

.label-error {
  color: var(--error); }

div.mb-t-user-container div.mb-tu-menu *, div.mb-t-user-container div.mb-tu-menu.mb-tu-menu-hide * {
  height: 0 !important; }

div.mb-t-user-container div.mb-tu-menu.mb-tu-menu-active * {
  height: auto !important; }

.tooltip-inner {
  min-width: 100px;
  max-width: 400px;
  line-break: auto;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.85); }

.mbg-close-modal:focus {
  color: var(--primary);
  font-weight: bold; }

.span-alert {
  color: var(--error);
  font-weight: bold; }

.sm-switch {
  background: #D5D5DB;
  border: none;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  overflow: visible;
  width: 35px;
  height: 20px;
  padding: 0;
  margin: 0;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  transition: .8s ease-out all;
  -webkit-transition: .8s ease-out all;
  top: -1px; }
  .sm-switch > small {
    border-radius: 80%;
    box-shadow: 0 1px 3px black;
    width: 20px;
    height: 20px;
    position: absolute; }
  .sm-switch.checked {
    background: #64bd63;
    border-color: #64bd63; }

.blue-hover {
  will-change: transform;
  transition: all 250ms ease; }
  .blue-hover:hover, .blue-hover:active {
    color: blue;
    transform: scale(1.1); }

.red-hover {
  will-change: transform;
  transition: all 250ms ease; }
  .red-hover:hover, .red-hover:active {
    color: red;
    transform: scale(1.1); }

.green-hover {
  will-change: transform;
  transition: all 250ms ease; }
  .green-hover:hover, .green-hover:active {
    color: green;
    transform: scale(1.1); }

.primary-hover {
  will-change: transform;
  transition: all 250ms ease; }
  .primary-hover:hover, .primary-hover:active {
    color: var(--primary);
    transform: scale(1.1); }

.sweet-alert.show-input input {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  padding: 8px 14px;
  flex: 1;
  outline: none;
  width: inherit;
  max-width: 100%;
  height: 44px;
  width: 100%;
  box-shadow: none; }

strong.text-danger {
  margin: 0 0 0 2px; }

#jvlabelWrap {
  display: none; }

.environment-wrapper .environment-content {
  top: 4px;
  right: -48px; }

.sweet-alert h2 {
  font-weight: bold; }

mbg-login-input input.ng-touched.ng-invalid {
  border: none !important; }

gumga-date.mbg > div {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 44px; }

gumga-date.mbg .gumga-date {
  display: block;
  width: 250px; }

gumga-date.mbg input.form-control {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  padding: 8px 14px;
  flex: 1;
  outline: none;
  height: 100%;
  width: 100%;
  max-width: 100%;
  font-weight: 500; }

.os-content .mb-cc-content {
  height: 100%; }

mbg-input-date .mbg-input-wrapper input {
  width: 100%; }

.cpf-note-emission label.label-document {
  font-weight: 500;
  margin-left: 8px; }

.cpf-note-emission .mbg-input-wrapper {
  height: 38px; }
  .cpf-note-emission .mbg-input-wrapper input {
    margin-left: 14px;
    border: none;
    border-bottom: 1px dotted var(--neutral2);
    height: 34px;
    border-radius: 0;
    padding-left: 2px; }
    .cpf-note-emission .mbg-input-wrapper input.ng-invalid {
      border-top: none !important;
      border-left: none !important;
      border-right: none !important; }

.hr-modal-emission {
  margin-top: 6px; }

.input-fake {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 8px 14px;
  flex: 1;
  outline: none;
  width: 100%;
  height: 44px;
  max-width: 100%;
  display: flex;
  align-items: center;
  background: #f5f5f5;
  font-weight: 500; }
  .input-fake.justify-end {
    justify-content: flex-end; }
  .input-fake.textarea-fake {
    padding: 0px 14px;
    min-height: 25px;
    height: auto; }

.label-hotkey {
  font-size: 16px; }

.label-page-hotkey {
  font-size: 17px;
  margin-left: 15px; }

.span-description-hotkey {
  color: var(--font2);
  font-size: 14px; }

.terminal-modal.modal.in .modal-dialog {
  height: calc(100% - 24px);
  margin: 12px auto;
  transform: translate(0, 0); }
  .terminal-modal.modal.in .modal-dialog .modal-content {
    height: 100%;
    max-height: 100%; }

.terminal-modal.modal.in .ma-container .mbg-modal .mbg-body-modal {
  max-height: 100%; }

.terminal-modal.modal.in .productv2-terminal-wrapper {
  height: 100%; }

.mbg-icon-input {
  position: relative; }
  .mbg-icon-input .icon {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    height: 100%;
    top: 0;
    right: 10px;
    padding: 0 10px;
    cursor: pointer;
    color: #9e9e9e; }

.swal2-popup {
  font-size: 13px !important; }

.sweetalert2-align-right {
  margin-left: auto !important; }
.gridster{position:relative;margin:auto;height:0}.gridster>ul{margin:0;list-style:none;padding:0}.gridster-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;list-style:none;z-index:2;position:absolute;display:none}.gridster-loaded{-webkit-transition:height .3s;-moz-transition:height .3s;-o-transition:height .3s;transition:height .3s}.gridster-loaded .gridster-item{display:block;position:absolute;-webkit-transition:opacity .3s,left .3s,top .3s,width .3s,height .3s;-moz-transition:opacity .3s,left .3s,top .3s,width .3s,height .3s;-o-transition:opacity .3s,left .3s,top .3s,width .3s,height .3s;transition:opacity .3s,left .3s,top .3s,width .3s,height .3s;-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}.gridster-loaded .gridster-preview-holder{display:none;z-index:1;position:absolute;background-color:#ddd;border-color:#fff;opacity:.2}.gridster-loaded .gridster-item.gridster-item-moving,.gridster-loaded .gridster-preview-holder{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.gridster-mobile{height:auto !important}.gridster-mobile .gridster-item{height:auto;position:static;float:none}.gridster-item.ng-leave.ng-leave-active{opacity:0}.gridster-item.ng-enter{opacity:1}.gridster-item-moving{z-index:3}.gridster-item-resizable-handler{position:absolute;font-size:1px;display:block;z-index:5}.handle-se{cursor:se-resize;width:0;height:0;right:1px;bottom:1px;border-style:solid;border-width:0 0 12px 12px;border-color:transparent}.handle-ne{cursor:ne-resize;width:12px;height:12px;right:1px;top:1px}.handle-nw{cursor:nw-resize;width:12px;height:12px;left:1px;top:1px}.handle-sw{cursor:sw-resize;width:12px;height:12px;left:1px;bottom:1px}.handle-e{cursor:e-resize;width:12px;bottom:0;right:1px;top:0}.handle-s{cursor:s-resize;height:12px;right:0;bottom:1px;left:0}.handle-n{cursor:n-resize;height:12px;right:0;top:1px;left:0}.handle-w{cursor:w-resize;width:12px;left:1px;top:0;bottom:0}.gridster .gridster-item:hover .gridster-box{border:1.5px solid #B3B2B3}.gridster .gridster-item:hover .handle-se{border-color:transparent transparent #ccc}.notification-bank-setup-wrapper .ma-container {
  padding: 44px; }
  .notification-bank-setup-wrapper .ma-container img {
    width: 164px; }
  .notification-bank-setup-wrapper .ma-container h1 {
    font-size: 1.6em;
    text-align: center; }
  .notification-bank-setup-wrapper .ma-container p {
    text-align: center;
    margin-top: 14px; }
.mbg-footer-modal .row-buttons {
  justify-content: center; }
  .mbg-footer-modal .row-buttons button {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 50px;
    background-color: var(--contrast);
    min-width: 144px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    border: 0px;
    text-transform: uppercase;
    margin: 7px 7px;
    padding: 7px 24px; }
    .mbg-footer-modal .row-buttons button.btn-modal-accept {
      background-color: green; }
    .mbg-footer-modal .row-buttons button.btn-modal-deny {
      background-color: red; }
.whatsapp-sender-modal-wrapper {
  width: 550px; }
  .whatsapp-sender-modal-wrapper .mt-1 {
    margin-top: 1rem; }
  .whatsapp-sender-modal-wrapper .sm-textarea {
    min-height: 60px !important; }
  .whatsapp-sender-modal-wrapper .md-textarea {
    min-height: 150px !important; }
  .whatsapp-sender-modal-wrapper .center {
    display: flex;
    justify-content: center; }
.centralize-organization-validation-modal .modal-dialog {
  width: 80%;
  margin-top: 6rem !important;
  transform: translate(0, 0%) !important; }

.centralize-organization-validation-modal-wrapper {
  padding: 24px 24px 24px 24px;
  min-width: 30vw; }
  .centralize-organization-validation-modal-wrapper .fix-padding {
    padding-left: 3%;
    padding-right: 2%;
    margin-bottom: 2%; }
  .centralize-organization-validation-modal-wrapper .list-wrapper {
    max-height: calc(100vh - 40vh); }
  .centralize-organization-validation-modal-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0; }
.choose-role-modal-wrapper {
  padding: 24px;
  min-width: 30vw;
  height: 60vh;
  overflow-y: hidden;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  gap: 6px; }
  .choose-role-modal-wrapper .role-box {
    overflow-y: auto;
    height: 50%; }
  .choose-role-modal-wrapper .btn-save {
    height: 25px !important;
    min-width: 200px !important;
    margin-bottom: 6px; }
  .choose-role-modal-wrapper .footer-div {
    padding: 12px; }
  .choose-role-modal-wrapper .search-box {
    padding: 0px 12px; }
  .choose-role-modal-wrapper .select-cards {
    margin-bottom: 8px;
    display: flex;
    gap: 24px;
    padding-left: 8px; }
    .choose-role-modal-wrapper .select-cards .btn-permissions {
      height: 30px !important;
      border-radius: 6px;
      background-color: var(--backgroundTopBar);
      max-width: 30px;
      color: var(--primary);
      border: 1px solid var(--primary); }
    .choose-role-modal-wrapper .select-cards .btn-permissions-active {
      background-color: var(--primary);
      scale: 1.08;
      color: #fff; }
.about-modal-wrapper {
  width: 100%;
  min-height: 100px;
  padding: 38px 44px; }
  .about-modal-wrapper h3 {
    width: 100%;
    text-align: center; }
  .about-modal-wrapper .mbg-close-modal {
    position: absolute;
    right: 0;
    top: 0px;
    color: var(--font2); }
    .about-modal-wrapper .mbg-close-modal i {
      margin-left: 5px; }
  .about-modal-wrapper ul {
    list-style: none;
    margin-top: 24px;
    padding: 0; }
    .about-modal-wrapper ul li {
      font-weight: 100; }
      .about-modal-wrapper ul li b {
        font-weight: bold; }
.import-data-wrapper {
  box-sizing: border-box;
  padding: 24px 34px;
  min-height: 400px;
  width: 700px !important;
  height: 600px; }
  .import-data-wrapper .btn-import-close {
    position: absolute;
    right: 18px;
    top: 5px;
    font-size: 24px;
    color: var(--font2);
    cursor: pointer; }
.import-data-xlsx-read-wrapper input[type="file"] {
  display: none; }

.import-data-xlsx-read-wrapper .btn-select-file {
  height: 44px;
  width: 200px;
  border-radius: 4px;
  color: #333;
  border-color: #333;
  display: flex;
  align-items: center;
  justify-content: space-evenly; }

.import-data-xlsx-read-wrapper .feedback-error {
  color: var(--error);
  margin-top: 24px; }

.import-data-xlsx-read-wrapper p {
  line-height: 24px; }

.import-data-xlsx-read-wrapper .feedback-loading {
  margin-top: 8px;
  color: var(--font2);
  font-size: 15px; }

.import-data-xlsx-read-wrapper .estimated-time {
  margin: 0;
  line-height: 18px;
  margin-top: 22px; }
.import-data-xlsx-headers-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .import-data-xlsx-headers-wrapper input, .import-data-xlsx-headers-wrapper select, .import-data-xlsx-headers-wrapper .input-fake {
    width: 100%;
    height: 30px;
    border: 1px solid #bbb;
    border-radius: 5px;
    padding: 0 14px;
    box-sizing: border-box; }
  .import-data-xlsx-headers-wrapper .input-fake {
    display: flex;
    align-items: center; }
    .import-data-xlsx-headers-wrapper .input-fake label {
      font-weight: normal;
      margin-right: 5px; }
  .import-data-xlsx-headers-wrapper .feedback-error {
    color: var(--error); }
  .import-data-xlsx-headers-wrapper .m-t-5 {
    margin-top: 5px; }
  .import-data-xlsx-headers-wrapper .headers-scroll {
    flex: 1;
    width: 650px;
    overflow: hidden;
    overflow-y: auto; }
.import-data-xlsx-errors-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .import-data-xlsx-errors-wrapper .errors-scroll {
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 14px; }
    .import-data-xlsx-errors-wrapper .errors-scroll .box-error {
      border: solid 1px;
      border-radius: 8px;
      padding: 5px;
      margin: 4px 0px; }
      .import-data-xlsx-errors-wrapper .errors-scroll .box-error .error span {
        display: inline-flex; }
  .import-data-xlsx-errors-wrapper .mbg-pagination-wrapper button {
    width: 20px;
    height: 20px; }
  .import-data-xlsx-errors-wrapper .row-table {
    padding: 6px 0;
    border: 1px solid gray; }
  .import-data-xlsx-errors-wrapper td {
    padding: 8px 24px !important; }
.import-data-xlsx-chunk-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .import-data-xlsx-chunk-wrapper .view-scroll {
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 14px; }
  .import-data-xlsx-chunk-wrapper .svg-success {
    width: 44px;
    color: var(--success); }
  .import-data-xlsx-chunk-wrapper .icon-error {
    font-size: 44px;
    margin-bottom: 8px;
    color: var(--error); }

.averagedAlert {
  text-align: center;
  padding-top: 4.3%;
  align-items: center; }
.import-data-product-type-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .import-data-product-type-wrapper .loading-wrapper {
    display: flex;
    height: 100%; }
    .import-data-product-type-wrapper .loading-wrapper .loading {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
  .import-data-product-type-wrapper .errors-scroll {
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 14px; }
    .import-data-product-type-wrapper .errors-scroll .input-fake {
      height: fit-content;
      margin-top: 5px; }
    .import-data-product-type-wrapper .errors-scroll .mbg-select-input-fake {
      height: 34px;
      margin-top: 5px; }
    .import-data-product-type-wrapper .errors-scroll .product-type-item {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      align-items: stretch;
      flex-direction: row;
      width: 100%; }
      .import-data-product-type-wrapper .errors-scroll .product-type-item .product-type-select {
        align-self: center; }
.mult-select-list-modal {
  display: flex;
  flex-direction: column;
  padding: 10px;
  width: 60vw; }
  .mult-select-list-modal .title {
    margin-bottom: 10px;
    text-align: center; }
  .mult-select-list-modal .btn-close-modal {
    right: 10px !important;
    top: 10px !important; }
  .mult-select-list-modal .filter {
    margin-bottom: 10px; }
  .mult-select-list-modal .content-modal {
    margin-bottom: 10px; }
    .mult-select-list-modal .content-modal .box {
      margin-top: 10px; }
    .mult-select-list-modal .content-modal .actions {
      display: flex;
      justify-content: space-between; }
      .mult-select-list-modal .content-modal .actions .add-all {
        color: var(--success);
        font-weight: 700;
        cursor: pointer; }
      .mult-select-list-modal .content-modal .actions .clean-all {
        color: var(--error);
        font-weight: 700;
        cursor: pointer; }
    .mult-select-list-modal .content-modal .itens {
      display: flex;
      align-items: center;
      justify-content: right; }
    .mult-select-list-modal .content-modal .count {
      font-size: 26px;
      font-weight: 600;
      margin-left: 5px; }
    .mult-select-list-modal .content-modal .selection-area {
      background-color: white;
      flex: 1;
      border-radius: 5px;
      padding: 10px;
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
      height: 15vh;
      overflow: auto;
      border: 1px solid var(--neutral3); }
      .mult-select-list-modal .content-modal .selection-area .selection-item {
        position: relative;
        border-radius: 5px;
        background-color: var(--neutral3);
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 5px 5px 0; }
        .mult-select-list-modal .content-modal .selection-area .selection-item label {
          color: black;
          font-style: italic;
          font-weight: 500;
          margin-right: 4px; }
        .mult-select-list-modal .content-modal .selection-area .selection-item .close-icon {
          margin: 0 6px;
          color: black; }
    .mult-select-list-modal .content-modal div.input-fake {
      padding: 0px !important; }
.step-tabs ul.nav-tabs {
  position: relative;
  display: flex;
  align-items: center; }
  .step-tabs ul.nav-tabs li a {
    padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color: var(--font2);
    border-top: 3px solid transparent;
    border-bottom: none;
    font-weight: 700;
    min-height: 79px; }
    .step-tabs ul.nav-tabs li a strong {
      font-weight: 700; }
    .step-tabs ul.nav-tabs li a span {
      font-size: 12px;
      display: block;
      color: var(--font2);
      font-weight: 600; }
    .step-tabs ul.nav-tabs li a uib-tab-heading {
      padding: 20px 26px;
      height: 100%; }
  .step-tabs ul.nav-tabs .more-options {
    position: absolute;
    right: 5px; }
    .step-tabs ul.nav-tabs .more-options .dropdown-toggle {
      background: transparent !important;
      border: none;
      font-size: 16px; }
      .step-tabs ul.nav-tabs .more-options .dropdown-toggle[aria-expanded="true"] {
        background: #fff !important;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
        z-index: 1; }
      .step-tabs ul.nav-tabs .more-options .dropdown-toggle i {
        color: var(--font2); }
    .step-tabs ul.nav-tabs .more-options ul {
      border-radius: 4px;
      width: 184px;
      margin-left: -154px;
      padding: 0;
      box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }
      .step-tabs ul.nav-tabs .more-options ul li {
        display: flex;
        align-items: center;
        padding: 10px 14px; }
        .step-tabs ul.nav-tabs .more-options ul li label {
          margin: 0;
          margin-left: 5px; }
  .step-tabs ul.nav-tabs li.active a {
    color: var(--primary);
    border-top: 3px solid var(--primary); }

.step-tabs .tab-content {
  background-color: #fff;
  margin: 0;
  padding: 0px; }
  .step-tabs .tab-content .tab-body {
    display: flex;
    flex-direction: column;
    padding: 30px; }

.step-tabs .arrow-steps {
  background-color: #fff;
  padding: 15px 30px; }
  .step-tabs .arrow-steps .next-step {
    display: flex;
    height: 100%; }
    .step-tabs .arrow-steps .next-step a {
      color: var(--font2); }
      .step-tabs .arrow-steps .next-step a i {
        font-size: 30px;
        margin-left: 10px; }
  .step-tabs .arrow-steps .prev-step {
    display: flex;
    height: 100%; }
    .step-tabs .arrow-steps .prev-step a {
      color: var(--font2); }
      .step-tabs .arrow-steps .prev-step a i {
        font-size: 30px;
        margin-right: 10px; }

.step-tabs .nav-tabs {
  border: 0px; }

gmd-select.mbg-style button.gmd {
  border: 1px solid #ddd !important;
  border-radius: 5px !important;
  height: 44px;
  margin: 0;
  padding: 8px 14px;
  flex: 1;
  background: #fff !important;
  outline: none;
  width: 100%;
  padding-right: 54px; }

gmd-select.mbg-style .caret {
  top: 19px !important;
  right: 15px !important;
  height: 10px;
  border-top: 7px dashed;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  color: #9a9a9a; }

gmd-select.mbg-style label.floating-dropdown {
  display: none; }
.create-detail-wrapper .delete-link {
  margin-top: 18px;
  color: var(--error); }
product-tree-details [gridster] {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 24px; }
  product-tree-details [gridster] .handle-se {
    border-color: transparent transparent #ccc; }
  product-tree-details [gridster] li[gridster-item] {
    padding-left: 15px;
    padding-right: 15px; }
.product-form-wrapper *:focus {
  border-bottom: 2px solid var(--primary); }

.product-form-wrapper h4 {
  margin-bottom: 0px; }

.product-form-wrapper mbg-btn-form.preload .mbg-btn-form-wrapper button {
  position: relative;
  overflow: hidden; }

.product-form-wrapper mbg-btn-form.preload .mbg-btn-form-wrapper span {
  z-index: 1; }

.product-form-wrapper mbg-btn-form.preload .mbg-btn-form-wrapper button:before {
  content: '';
  width: 0;
  transition: all 1000ms ease;
  transition-timing-function: linear;
  height: 100%;
  background-color: var(--color4);
  position: absolute;
  left: 0;
  top: 0;
  will-change: transition;
  z-index: 0; }

.product-form-wrapper mbg-btn-form.preload.completed .mbg-btn-form-wrapper button:before {
  width: 100%; }

.product-form-wrapper .print-tags {
  background: transparent;
  border: none; }
  .product-form-wrapper .print-tags i {
    margin-right: 5px; }

.product-form-wrapper .mbg-clear {
  background-color: #fff;
  border: 1px solid var(--neutral2);
  height: 38px;
  color: var(--font2);
  border-radius: 30px;
  padding: 0 30px;
  font-size: 13px; }

.product-form-wrapper .btn-finish {
  margin: 34px 0; }

.product-form-wrapper .m-t-b-44 {
  margin-top: 44px;
  margin-bottom: 44px; }

.product-form-wrapper .cancel {
  margin-top: 18px;
  color: var(--font2); }

.product-form-wrapper ::-webkit-scrollbar {
  width: 5px;
  height: 10px; }

.product-form-wrapper .company-wrapper {
  margin-bottom: 30px; }

.product-form-wrapper [disabled="disabled"] .mbg-select-input-fake {
  background: #f5f5f5;
  font-weight: 500; }

.product-form-wrapper [disabled="disabled"] .mbg-input-wrapper input {
  background: #f5f5f5;
  font-weight: 500; }
.product-data-wrapper {
  margin-bottom: 40px; }
  .product-data-wrapper .not-link {
    cursor: auto; }
  .product-data-wrapper .more-details {
    color: var(--font2);
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block;
    margin-right: 8px;
    cursor: pointer; }
  .product-data-wrapper .toggle-option {
    fill: var(--font2);
    transition: transform 200ms ease; }
    .product-data-wrapper .toggle-option:hover {
      transform: rotate(-46deg); }
    .product-data-wrapper .toggle-option.active {
      fill: var(--contrast);
      transform: rotate(-46deg); }
  .product-data-wrapper .model-input .col-md-4 {
    margin-bottom: 0px; }
  .product-data-wrapper .gen-style {
    min-height: 89px;
    margin-bottom: 20px; }
    .product-data-wrapper .gen-style mbg-popup-select .popup-select-wrapper .style-item {
      margin-right: 4px;
      margin-bottom: 15px; }
  .product-data-wrapper .visible {
    overflow: hidden;
    height: 360px;
    opacity: 1;
    transition: all 300ms ease; }
  .product-data-wrapper .visible.off {
    height: 0px;
    opacity: 0; }
  .product-data-wrapper .active-m {
    margin-top: 6px; }
  .product-data-wrapper .group-name label.hint, .product-data-wrapper .group-reference label.hint, .product-data-wrapper .group-integration label.hint {
    font-size: 12px;
    color: var(--font2); }
  .product-data-wrapper .group-name input, .product-data-wrapper .group-reference input, .product-data-wrapper .group-integration input {
    border: 1px solid transparent;
    height: 44px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0;
    padding: 0;
    margin-right: 14px; }
    .product-data-wrapper .group-name input.editing, .product-data-wrapper .group-reference input.editing, .product-data-wrapper .group-integration input.editing {
      border-bottom: 1px dashed #ddd; }
  .product-data-wrapper .group-name i, .product-data-wrapper .group-reference i, .product-data-wrapper .group-integration i {
    color: var(--font2); }
  .product-data-wrapper .group-name i:focus, .product-data-wrapper .group-name i:hover, .product-data-wrapper .group-reference i:focus, .product-data-wrapper .group-reference i:hover, .product-data-wrapper .group-integration i:focus, .product-data-wrapper .group-integration i:hover {
    transition: ease-in 0.1s;
    color: var(--primary);
    transform: scale(1.2); }
  .product-data-wrapper .group-name {
    max-width: calc(100% - 124px); }
  .product-data-wrapper .group-reference, .product-data-wrapper .group-integration {
    margin-right: 28px; }
  .product-data-wrapper .obs {
    color: var(--warn);
    font-size: 12px;
    font-weight: 400;
    margin-top: 14px; }
  .product-data-wrapper .generate-name {
    margin-left: 14px;
    color: var(--font2);
    border-bottom: 1px solid var(--neutral2);
    min-width: fit-content; }
  .product-data-wrapper .font-12 {
    font-size: 12px; }
  .product-data-wrapper .description .mbg-text-area {
    padding: 15px;
    font-size: 14px;
    margin-top: 0px !important; }
    .product-data-wrapper .description .mbg-text-area::-webkit-input-placeholder {
      color: var(--font2);
      font-weight: 500;
      font-style: italic; }
  .product-data-wrapper .description.visible .mbg-text-area {
    border: 1px solid #ddd; }
  .product-data-wrapper .description.off .mbg-text-area {
    border: 0; }
  .product-data-wrapper .short-description {
    padding: 10px; }
.product-generic-fields-wrapper {
  margin-bottom: 40px; }
.product-colors-wrapper {
  margin-bottom: 40px; }
  .product-colors-wrapper .add-button {
    display: initial;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    color: var(--font2);
    transition: transform 200ms ease;
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline; }
    .product-colors-wrapper .add-button.static {
      position: relative;
      justify-content: flex-start; }
    .product-colors-wrapper .add-button i.add {
      margin-right: 10px;
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--color4);
      border-radius: 50%;
      color: #fff; }
  .product-colors-wrapper .box-mock {
    position: relative;
    width: 100%;
    min-height: 62px;
    border: 1px solid #f7f7f7;
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 14px;
    background-repeat: repeat;
    background-color: #f6f6f6; }
    .product-colors-wrapper .box-mock.has-data {
      opacity: 1;
      background-image: none;
      border: 1px solid transparent;
      margin-top: 0;
      background: transparent; }
.select-colors-wrapper {
  padding: 25px 30px; }
  .select-colors-wrapper .modal-all {
    display: flex;
    overflow: hidden; }
    .select-colors-wrapper .modal-all .all-wrapper {
      transition: transform 500ms ease;
      display: flex;
      width: 100%; }
      .select-colors-wrapper .modal-all .all-wrapper .select-wrapper {
        min-width: 100%;
        max-height: 612px;
        display: flex;
        flex-direction: column; }
        .select-colors-wrapper .modal-all .all-wrapper .select-wrapper .colors-w {
          height: auto;
          flex: 1;
          overflow: hidden; }
        .select-colors-wrapper .modal-all .all-wrapper .select-wrapper .btn-margin {
          margin-top: 20px; }
        .select-colors-wrapper .modal-all .all-wrapper .select-wrapper .btn-margin-clear {
          margin-top: 25px; }
        .select-colors-wrapper .modal-all .all-wrapper .select-wrapper .color-add-link {
          display: flex;
          padding: 10px 20px 10px 12px;
          border: 1px solid;
          border: 1px solid var(--neutral2);
          border-radius: 25px;
          margin: 24px 0 0 0;
          max-width: 250px; }
          .select-colors-wrapper .modal-all .all-wrapper .select-wrapper .color-add-link span.sphere {
            width: 16px;
            height: 16px;
            border-radius: 50%; }
          .select-colors-wrapper .modal-all .all-wrapper .select-wrapper .color-add-link span.name {
            transition: color 200ms ease;
            color: var(--font2);
            margin: 0px 5px; }
          .select-colors-wrapper .modal-all .all-wrapper .select-wrapper .color-add-link span.remove {
            cursor: pointer;
            margin-right: -5px;
            margin-left: 10px; }
          .select-colors-wrapper .modal-all .all-wrapper .select-wrapper .color-add-link.add-color {
            border: 0px; }
            .select-colors-wrapper .modal-all .all-wrapper .select-wrapper .color-add-link.add-color span.sphere-transparent {
              background-image: url("/resources/images/pattern.png"); }
            .select-colors-wrapper .modal-all .all-wrapper .select-wrapper .color-add-link.add-color span.name {
              margin-left: 0px 15px;
              border-bottom: 1px solid var(--neutral2); }
            .select-colors-wrapper .modal-all .all-wrapper .select-wrapper .color-add-link.add-color:hover {
              border: 0px; }
      .select-colors-wrapper .modal-all .all-wrapper .add-wrapper {
        min-width: 100%; }
      .select-colors-wrapper .modal-all .all-wrapper.add {
        transform: translateX(-100%);
        width: 100%; }
  .select-colors-wrapper .group-search {
    position: relative; }
    .select-colors-wrapper .group-search .icon-search {
      color: var(--font3);
      position: absolute;
      display: flex;
      align-items: center;
      margin-left: 15px;
      height: 100%; }
    .select-colors-wrapper .group-search .search-input {
      width: 100%;
      height: 44px;
      border-radius: 50px;
      padding: 0 35px;
      border: 1px solid var(--neutral3); }
.product-sizes-wrapper {
  margin-bottom: 40px; }
  .product-sizes-wrapper .add-button {
    display: initial;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    color: var(--font2);
    transition: transform 200ms ease;
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline; }
    .product-sizes-wrapper .add-button.static {
      position: relative;
      justify-content: flex-start; }
    .product-sizes-wrapper .add-button i.add {
      margin-right: 10px;
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--color4);
      border-radius: 50%;
      color: #fff; }
  .product-sizes-wrapper .box-mock {
    position: relative;
    width: 100%;
    min-height: 62px;
    border: 1px solid #f7f7f7;
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 14px;
    background-color: #f6f6f6; }
    .product-sizes-wrapper .box-mock.has-data {
      opacity: 1;
      margin-top: 0;
      background-image: none;
      border: 1px solid transparent;
      background: transparent; }
.select-sizes-wrapper {
  margin: 25px 30px;
  display: flex;
  overflow: hidden; }
  .select-sizes-wrapper .all-wrapper {
    transition: transform 500ms ease;
    display: flex;
    width: 100%; }
    .select-sizes-wrapper .all-wrapper .select-wrapper {
      min-width: 100%; }
    .select-sizes-wrapper .all-wrapper .add-wrapper {
      min-width: 100%; }
    .select-sizes-wrapper .all-wrapper.add {
      transform: translateX(-100%); }
  .select-sizes-wrapper .btn-margin {
    margin-top: 40px; }
  .select-sizes-wrapper .group-search {
    position: relative; }
    .select-sizes-wrapper .group-search .icon-search {
      color: var(--font3);
      position: absolute;
      display: flex;
      align-items: center;
      margin-left: 15px;
      height: 100%; }
    .select-sizes-wrapper .group-search .search-input {
      width: 100%;
      height: 44px;
      border-radius: 50px;
      padding: 0 35px;
      border: 1px solid var(--neutral3); }
  .select-sizes-wrapper .add-size-button {
    margin-left: 15px;
    border-bottom: 1px solid var(--neutral2);
    transition: color 200ms ease;
    color: var(--font2);
    margin: 0px 15px; }
.product-standards-wrapper {
  margin-bottom: 24px; }
  .product-standards-wrapper .pricesheet-variable-inputs {
    margin-bottom: 5px; }
  .product-standards-wrapper .pricesheet-sale-value input {
    font-weight: bold; }
  .product-standards-wrapper .input-suggest-values input {
    background: #f5f5f5; }
  .product-standards-wrapper .pricesheet-modal-button {
    height: 160px;
    border-radius: 6px;
    width: 48px; }
  .product-standards-wrapper label.underlined {
    text-decoration-line: underline; }

.aggregate-tooltip-wrapper {
  width: 100%;
  height: 44px;
  position: absolute;
  left: 0; }

[class^=col-md-] > .aggregate-tooltip-wrapper {
  padding: 0 15px; }

.external-link-icon {
  font-size: 2rem;
  margin-top: 10px; }
.product-costs .input-label {
  margin-bottom: 5px !important; }

.product-costs .input {
  width: 100%; }
  .product-costs .input input {
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    padding: 8px 14px;
    flex: 1;
    outline: none;
    width: inherit;
    height: 44px; }
  .product-costs .input *:disabled {
    background-color: #f5f5f5; }
  .product-costs .input input:focus {
    border-bottom: 2px solid #063c8e; }

.product-costs .informative-tooltip {
  align-items: center;
  display: flex;
  margin-left: 5px; }
.discount-limit-wrapper {
  padding: 18px; }
  .discount-limit-wrapper .cancel-link {
    font-size: 12px; }
  .discount-limit-wrapper .modal-title {
    text-align: center;
    width: 100%; }
  .discount-limit-wrapper .btn-close-modal {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }
  .discount-limit-wrapper .relative {
    position: relative; }
.product-standards-old-wrapper {
  margin-bottom: 24px; }
.product-side-session-wrapper .mock-galeria {
  width: 100%;
  height: 360px;
  background-color: var(--neutral3);
  opacity: 0.4;
  border-radius: 5px;
  margin-top: 0px;
  margin-bottom: 30px; }

.product-side-session-wrapper .mbg-input-wrapper input {
  min-height: 44px; }

.product-side-session-wrapper mbg-input-tags .mbg-input-wrapper {
  height: auto; }

.product-side-session-wrapper .custom-label-toogle {
  margin-top: 14px;
  margin-bottom: 5px; }
  .product-side-session-wrapper .custom-label-toogle span {
    margin-right: 8px;
    padding-bottom: 2px; }
  .product-side-session-wrapper .custom-label-toogle i {
    vertical-align: middle;
    font-size: 15px;
    color: var(--font2);
    cursor: pointer; }

.product-side-session-wrapper cp-information-icon {
  margin-left: 10px; }
.display-colors-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  padding-right: 10%;
  height: -webkit-fill-available; }
  .display-colors-wrapper.overflow-auto {
    overflow: auto; }
  .display-colors-wrapper .color {
    transition: background-color 200ms ease, border 200ms ease;
    font-weight: bold;
    width: fit-content;
    height: fit-content;
    padding: 6px;
    border: 1px solid var(--neutral2);
    border-radius: 15px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 3px;
    margin-right: 3px;
    display: flex; }
    .display-colors-wrapper .color .check {
      opacity: 0;
      color: var(--font2);
      transition: opacity 200ms ease; }
      .display-colors-wrapper .color .check.selected {
        opacity: 1; }
    .display-colors-wrapper .color .sphere {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      margin-top: auto;
      margin-bottom: auto;
      margin-right: 5px; }
    .display-colors-wrapper .color .name {
      text-transform: uppercase;
      transition: color 200ms ease;
      color: var(--font2); }
    .display-colors-wrapper .color .remove {
      cursor: pointer;
      margin-left: 10px; }
    .display-colors-wrapper .color .selectable {
      cursor: pointer; }
    .display-colors-wrapper .color .select-all {
      padding: 10px 12px; }
  .display-colors-wrapper .add-color {
    width: 44px;
    height: 44px;
    border: 1px solid var(--neutral3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 6px;
    margin-right: 15px; }
  .display-colors-wrapper .select-all {
    color: var(--font2);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px 10px 12px;
    margin-right: 15px;
    margin-bottom: 15px; }
    .display-colors-wrapper .select-all span {
      border-bottom: 1px solid var(--neutral2); }
.display-sizes-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  padding-right: 10%; }
  .display-sizes-wrapper .size-item {
    transition: all 350ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color1);
    background: var(--color1);
    border-radius: 25px;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 44px;
    height: 44px;
    position: relative; }
    .display-sizes-wrapper .size-item.width-auto {
      width: auto; }
    .display-sizes-wrapper .size-item span.name {
      transition: color 200ms ease;
      margin: 0px 5px;
      font-weight: 600;
      color: #fff; }
    .display-sizes-wrapper .size-item.selectable {
      cursor: pointer;
      border: 1px solid var(--neutral2);
      background: transparent; }
      .display-sizes-wrapper .size-item.selectable span.name {
        color: var(--font2); }
    .display-sizes-wrapper .size-item.selected {
      border: 1px solid var(--color1);
      background: var(--color1); }
      .display-sizes-wrapper .size-item.selected span.name {
        color: #fff; }
    .display-sizes-wrapper .size-item.add-size {
      border: 0px;
      width: auto; }
      .display-sizes-wrapper .size-item.add-size span.sphere-transparent {
        background-image: url("/resources/images/pattern.png"); }
      .display-sizes-wrapper .size-item.add-size span.name {
        margin-left: 15px;
        border-bottom: 1px solid var(--neutral2); }
      .display-sizes-wrapper .size-item.add-size:hover {
        border: 0px; }
  .display-sizes-wrapper .add-size {
    width: 44px;
    height: 44px;
    border: 1px solid var(--neutral3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    margin-bottom: 15px; }
  .display-sizes-wrapper .select-all {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    margin-right: 15px;
    margin-bottom: 15px; }
    .display-sizes-wrapper .select-all span.name {
      color: var(--font2);
      border-bottom: 1px solid var(--neutral2); }
  .display-sizes-wrapper .box-remove {
    transition: opacity 200ms ease;
    opacity: 0;
    position: absolute;
    width: 100%;
    top: -1px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .display-sizes-wrapper .box-remove .remove-item {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background-color: var(--neutral3);
      color: #fff;
      transform: scale(1.05); }
      .display-sizes-wrapper .box-remove .remove-item.remove-width {
        width: 100%;
        border-radius: 24px; }
    .display-sizes-wrapper .box-remove span {
      font-size: 12px;
      color: var(--font3); }
    .display-sizes-wrapper .box-remove:hover {
      opacity: 1; }
  .display-sizes-wrapper .size-item.jingle-effect {
    border: 1px solid var(--primary);
    border-radius: 5px;
    animation: jiggle 0.2s infinite;
    -webkit-animation: jiggle 0.2s infinite;
    -moz-animation-duration: 0.2s;
    -moz-animation-name: jiggle;
    -moz-animation-iteration-count: infinite;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg); }
    .display-sizes-wrapper .size-item.jingle-effect span.name {
      color: var(--primary); }
  .display-sizes-wrapper .jingle-effect-disable {
    opacity: 0.5;
    pointer-events: none; }

@keyframes jiggle {
  0% {
    transform: rotate(-2deg); }
  50% {
    transform: rotate(2deg); } }

@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: rotate(-2deg); }
  50% {
    -webkit-transform: rotate(2deg); } }

@-moz-keyframes jiggle {
  0% {
    -moz-transform: rotate(-2deg); }
  50% {
    -moz-transform: rotate(2deg); } }
.register-colors-wrapper {
  margin: 18px !important; }
  .register-colors-wrapper .div-btn {
    margin-top: 24px; }
    .register-colors-wrapper .div-btn .mbg-btn {
      height: 25px !important;
      width: 40% !important; }
  .register-colors-wrapper .color-select .mbg-mto .form-control.gmd {
    height: 25px !important; }
  .register-colors-wrapper .color-select .mbg-mto .input-group-btn-icon {
    bottom: 36px !important; }
  .register-colors-wrapper .sphere-color {
    width: 44px;
    height: 44px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #ddd;
    background-image: url("/resources/images/pattern.png"); }
    .register-colors-wrapper .sphere-color.background-color {
      background-image: none; }
  .register-colors-wrapper .sphere {
    display: flex;
    margin-right: 15px;
    width: 24px;
    height: 24px;
    border-radius: 50%; }
.register-sizes-wrapper {
  margin: 18px !important; }
  .register-sizes-wrapper .div-btn {
    margin-top: 24px; }
    .register-sizes-wrapper .div-btn .mbg-btn {
      height: 25px !important;
      width: 40% !important; }
  .register-sizes-wrapper .footer-register {
    margin-top: 12px; }
.fiscal-wrapper, .tax-benefit-wrapper {
  margin-bottom: 40px; }
  .fiscal-wrapper .custom-tooltip.hide, .tax-benefit-wrapper .custom-tooltip.hide {
    display: none; }
  .fiscal-wrapper .custom-tooltip.shown, .tax-benefit-wrapper .custom-tooltip.shown {
    display: block;
    position: relative; }
  .fiscal-wrapper .title, .tax-benefit-wrapper .title {
    margin-left: 30px;
    margin-bottom: -40px;
    z-index: 1; }
    .fiscal-wrapper .title h4, .tax-benefit-wrapper .title h4 {
      background: #FFF;
      width: max-content;
      padding: 0 10px; }
  .fiscal-wrapper .configuration-block, .tax-benefit-wrapper .configuration-block {
    width: 100%;
    border: 2px solid #e0e0e0;
    border-radius: 2px;
    flex-direction: column;
    margin-top: 30px;
    padding: 0px 20px 30px 20px; }
  .fiscal-wrapper .options-spacing, .tax-benefit-wrapper .options-spacing {
    padding-top: 10px; }
  .fiscal-wrapper .row-width, .tax-benefit-wrapper .row-width {
    max-width: 80vw; }
  .fiscal-wrapper .mbg-label, .tax-benefit-wrapper .mbg-label {
    margin-bottom: 0px; }

.app-modal-window ~ .modal-backdrop {
  background-color: transparent; }

.app-modal-window .modal-content {
  border-left: 5px solid var(--primary);
  border-radius: .25rem;
  padding: 2rem;
  border-right: 1px solid #cecece;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece; }

.app-modal-window .modal-dialog {
  width: 35vw;
  margin-top: 15%;
  min-width: 400px; }
  .app-modal-window .modal-dialog.modal-lg {
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important; }

.tab-fiscal {
  border-radius: 6px;
  background-color: #f2f2f2; }
  .tab-fiscal .section-actions {
    display: flex;
    flex-direction: row;
    justify-content: end; }
  .tab-fiscal .float-right {
    float: right; }
  .tab-fiscal .new-benefit {
    color: var(--secondary) !important;
    position: relative;
    z-index: 9; }
  .tab-fiscal .btn-information {
    background: blue;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cecece !important; }
    .tab-fiscal .btn-information:hover {
      color: #fff !important; }
  .tab-fiscal .table.table-tax-benefit thead th, .tab-fiscal .table.table-tax-benefit thead td, .tab-fiscal .table.table-tax-benefit tbody th, .tab-fiscal .table.table-tax-benefit tbody td {
    padding: 10px 14px !important; }
    .tab-fiscal .table.table-tax-benefit thead th.center, .tab-fiscal .table.table-tax-benefit thead td.center, .tab-fiscal .table.table-tax-benefit tbody th.center, .tab-fiscal .table.table-tax-benefit tbody td.center {
      text-align: center; }
    .tab-fiscal .table.table-tax-benefit thead th.left, .tab-fiscal .table.table-tax-benefit thead td.left, .tab-fiscal .table.table-tax-benefit tbody th.left, .tab-fiscal .table.table-tax-benefit tbody td.left {
      text-align: left; }
    .tab-fiscal .table.table-tax-benefit thead th.right, .tab-fiscal .table.table-tax-benefit thead td.right, .tab-fiscal .table.table-tax-benefit tbody th.right, .tab-fiscal .table.table-tax-benefit tbody td.right {
      text-align: right; }
    .tab-fiscal .table.table-tax-benefit thead th label, .tab-fiscal .table.table-tax-benefit thead td label, .tab-fiscal .table.table-tax-benefit tbody th label, .tab-fiscal .table.table-tax-benefit tbody td label {
      color: #fff;
      font-weight: 700; }
  .tab-fiscal .table.table-tax-benefit thead tr th {
    background: var(--primary); }
    .tab-fiscal .table.table-tax-benefit thead tr th:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .tab-fiscal .table.table-tax-benefit thead tr th:last-child {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
.tax-benefit-modal-wrapper .flex-grow-1 {
  flex-grow: 1; }

.tax-benefit-modal-wrapper .search-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem; }
  .tax-benefit-modal-wrapper .search-wrapper span {
    cursor: pointer; }
.detailed-tax-benefit-modal-wrapper .ma-container {
  width: 80vw; }
.matriz-wrapper .toggle-view-mode {
  margin-top: 10px; }
.manage-barcode-wrapper mbg-select[disabled] input {
  background-color: #f5f5f5; }

.manage-barcode-wrapper .title {
  margin-bottom: 34px; }

.manage-barcode-wrapper .barcode {
  margin-bottom: 14px; }
.product-repasse-wrapper h5 {
  margin-bottom: 20px;
  color: var(--font2); }

.product-repasse-wrapper h4 {
  margin-bottom: 10px; }

.product-repasse-wrapper .mbg-border-btn {
  border: 1px solid #ddd;
  color: var(--font3);
  border-radius: 50px;
  height: 44px;
  width: 100%; }

.product-repasse-wrapper .mbg-circle-remove {
  margin-top: 7px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #ddd;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .product-repasse-wrapper .mbg-circle-remove svg {
    fill: var(--font3);
    width: 20px; }
  .product-repasse-wrapper .mbg-circle-remove:focus {
    outline: none;
    box-shadow: 0; }
  .product-repasse-wrapper .mbg-circle-remove:active {
    outline: none;
    box-shadow: 0; }

.product-repasse-wrapper .btn-apply-wrapper {
  margin-top: 38px;
  margin-bottom: 5px; }

.product-repasse-wrapper .apply-btn {
  height: 30px;
  border-radius: 5px;
  font-weight: 700;
  background-color: var(--secondary);
  color: #FFF;
  border: none;
  padding: 0 20px; }
.product-manage-barcode-wrapper .placeholder {
  height: 48px; }

.product-manage-barcode-wrapper .options {
  bottom: 15px;
  position: absolute;
  right: 0; }

.product-manage-barcode-wrapper .fas {
  padding-left: 10px;
  color: #337ab7; }

.product-manage-barcode-wrapper .barcode-input {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-items: stretch;
  justify-content: center; }
  .product-manage-barcode-wrapper .barcode-input mbg-input-text {
    flex: 1; }

.product-manage-barcode-wrapper .barcode {
  margin: 0 15px;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 16px; }
  .product-manage-barcode-wrapper .barcode:not(:first-child) {
    margin-top: 16px;
    border-top: gray 1px solid; }
  .product-manage-barcode-wrapper .barcode mbg-label label {
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap; }

.tooltip-first {
  min-width: 80px !important;
  max-width: 90px !important; }
  .tooltip-first .tooltip-arrow {
    left: 54% !important; }
  .tooltip-first .tooltip-inner {
    min-width: 80px !important;
    max-width: 90px !important; }

.tooltip-second {
  min-width: 80px !important;
  max-width: 80px !important; }
  .tooltip-second .tooltip-arrow {
    left: 55% !important; }
  .tooltip-second .tooltip-inner {
    min-width: 80px !important;
    max-width: 80px !important; }
.segment-data-wrapper .col-md-4 {
  margin-bottom: 20px; }
.vehicle-wrapper .uppercase input {
  text-transform: uppercase; }
.product-stock-wrapper {
  margin-bottom: 40px; }
  .product-stock-wrapper .stock-title h4 {
    margin: 0;
    margin-right: 6px; }
  .product-stock-wrapper .stock-title i {
    font-size: 18px;
    color: #5f5b5b;
    cursor: pointer; }
  .product-stock-wrapper .batch-button {
    margin-top: 45px; }
    .product-stock-wrapper .batch-button button {
      height: 44px;
      padding: 0 24px;
      color: var(--primary);
      border: none;
      background-color: #fff;
      border-radius: 6px;
      font-weight: 600;
      border: 1px solid var(--primary); }
mbg-select-details .select-details-wrapper {
  display: flex; }
  mbg-select-details .select-details-wrapper * {
    outline: none;
    user-select: none; }
  mbg-select-details .select-details-wrapper .ng-details-wrapper {
    position: relative; }
  mbg-select-details .select-details-wrapper .chat-input-tool {
    background-color: transparent;
    padding: 5px;
    border: none;
    border-radius: 5px;
    outline: none; }
  mbg-select-details .select-details-wrapper .intercom-composer-popover-input {
    font-size-adjust: none;
    font-size: 100%;
    font-style: normal;
    letter-spacing: normal;
    font-stretch: normal;
    font-variant: normal;
    font-weight: 400;
    font: normal normal 100% "intercom-font", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    text-align-last: auto;
    text-decoration: none;
    -webkit-text-emphasis: none;
    text-emphasis: none;
    text-indent: 0;
    text-justify: auto;
    text-outline: none;
    text-shadow: none;
    text-transform: none;
    text-wrap: normal;
    alignment-adjust: auto;
    alignment-baseline: baseline;
    -webkit-animation: none 0 ease 0 1 normal;
    animation: none 0 ease 0 1 normal;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-appearance: normal;
    -moz-appearance: normal;
    appearance: normal;
    azimuth: center;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    background: none 0 0 auto repeat scroll padding-box transparent;
    background-color: transparent;
    background-image: none;
    baseline-shift: baseline;
    binding: none;
    bleed: 6pt;
    bookmark-label: content();
    bookmark-level: none;
    bookmark-state: open;
    bookmark-target: none;
    border: 0 none transparent;
    border-radius: 0;
    bottom: auto;
    box-align: stretch;
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice;
    box-direction: normal;
    box-flex: 0;
    box-flex-group: 1;
    box-lines: single;
    box-ordinal-group: 1;
    box-orient: inline-axis;
    box-pack: start;
    box-shadow: none;
    box-sizing: content-box;
    -webkit-column-break-after: auto;
    break-after: auto;
    -webkit-column-break-before: auto;
    break-before: auto;
    -webkit-column-break-inside: auto;
    break-inside: auto;
    caption-side: top;
    clear: none;
    clip: auto;
    color: inherit;
    color-profile: auto;
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
    -webkit-column-gap: normal;
    -moz-column-gap: normal;
    column-gap: normal;
    -webkit-column-rule: medium medium #1f1f1f;
    -moz-column-rule: medium medium #1f1f1f;
    column-rule: medium medium #1f1f1f;
    -webkit-column-span: 1;
    -moz-column-span: 1;
    column-span: 1;
    -webkit-column-width: auto;
    -moz-column-width: auto;
    column-width: auto;
    -webkit-columns: auto auto;
    -moz-columns: auto auto;
    columns: auto auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    crop: auto;
    cursor: auto;
    direction: ltr;
    display: inline;
    dominant-baseline: auto;
    drop-initial-after-adjust: text-after-edge;
    drop-initial-after-align: baseline;
    drop-initial-before-adjust: text-before-edge;
    drop-initial-before-align: caps-height;
    drop-initial-size: auto;
    drop-initial-value: initial;
    elevation: level;
    empty-cells: show;
    fit: fill;
    fit-position: 0 0;
    float: none;
    float-offset: 0 0;
    grid-columns: none;
    grid-rows: none;
    hanging-punctuation: none;
    height: auto;
    hyphenate-after: auto;
    hyphenate-before: auto;
    hyphenate-character: auto;
    hyphenate-lines: no-limit;
    hyphenate-resource: none;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    icon: auto;
    image-orientation: auto;
    image-rendering: auto;
    image-resolution: normal;
    inline-box-align: last;
    left: auto;
    line-height: inherit;
    line-stacking: inline-line-height exclude-ruby consider-shifts;
    list-style: disc outside none;
    margin: 0;
    marks: none;
    marquee-direction: forward;
    marquee-loop: 1;
    marquee-play-count: 1;
    marquee-speed: normal;
    marquee-style: scroll;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    move-to: normal;
    nav-down: auto;
    nav-index: auto;
    nav-left: auto;
    nav-right: auto;
    nav-up: auto;
    opacity: 1;
    orphans: 2;
    outline: medium none invert;
    outline-offset: 0;
    overflow: visible;
    overflow-style: auto;
    padding: 0;
    page: auto;
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: auto;
    page-policy: start;
    -webkit-perspective: none;
    perspective: none;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    pointer-events: auto;
    position: static;
    presentation-level: 0;
    punctuation-trim: none;
    quotes: none;
    rendering-intent: auto;
    resize: none;
    right: auto;
    rotation: 0;
    rotation-point: 50% 50%;
    ruby-align: auto;
    ruby-overhang: none;
    ruby-position: before;
    ruby-span: none;
    size: auto;
    string-set: none;
    table-layout: auto;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform-style: flat;
    transform-style: flat;
    transition: all 0 ease 0;
    unicode-bidi: normal;
    vertical-align: baseline;
    white-space: normal;
    white-space-collapse: collapse;
    widows: 2;
    width: auto;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    z-index: auto;
    text-align: start;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  mbg-select-details .select-details-wrapper .intercom-composer-popover {
    z-index: 2147483003;
    position: absolute;
    bottom: 50px;
    left: 0;
    box-shadow: 0 0px 25px 4px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    border-radius: 6px;
    transition-duration: 200ms;
    transition-delay: 0ms;
    transform-style: flat;
    transform-origin: 50% 50% 0;
    opacity: 0;
    transition: all 0.2s linear;
    visibility: hidden; }
  mbg-select-details .select-details-wrapper .intercom-composer-popover.active {
    visibility: visible;
    opacity: 1;
    bottom: 50px; }
  mbg-select-details .select-details-wrapper .intercom-details-picker {
    width: 330px;
    height: 260px; }
  mbg-select-details .select-details-wrapper .intercom-composer-popover-header {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    border-bottom: 1px solid #edeff1;
    background-color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  mbg-select-details .select-details-wrapper .intercom-composer-popover-input {
    background-image: url(https://js.intercomcdn.com/images/search.7ae40c25.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 19px 12px;
    font-weight: 400;
    font-size: 14px;
    color: var(--font3);
    padding-left: 45px;
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    background-image: url(https://js.intercomcdn.com/images/search@2x.9f02b9f3.png);
    border: none;
    outline: none; }
  mbg-select-details .select-details-wrapper .intercom-composer-popover-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 5px;
    padding: 0px 20px 0px 20px;
    overflow-y: scroll;
    margin-top: 42px; }
  mbg-select-details .select-details-wrapper .intercom-details-picker-group {
    margin: 10px -5px; }
  mbg-select-details .select-details-wrapper .intercom-details-picker-group {
    margin: 10px -5px; }
  mbg-select-details .select-details-wrapper .intercom-details-picker-group-title {
    color: var(--font3);
    font-weight: 400;
    font-size: 13px;
    margin: 5px; }
  mbg-select-details .select-details-wrapper .content-details {
    display: flex;
    flex-wrap: wrap; }
  mbg-select-details .select-details-wrapper .intercom-details-picker-value {
    min-width: 44px;
    min-height: 44px;
    margin: 0 14px 14px 0;
    background-color: #fff;
    padding: 5px;
    display: inline-table;
    text-align: center;
    cursor: pointer;
    transition: transform 60ms ease-out;
    transition-delay: 60ms;
    font-size: 15px;
    font-family: "Montserrat";
    color: var(--font2);
    border: 1px solid var(--neutral3);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center; }
    mbg-select-details .select-details-wrapper .intercom-details-picker-value span.sphere {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      margin-right: 4px; }
  mbg-select-details .select-details-wrapper .colors .intercom-details-picker-value {
    padding: 0 12px; }
  mbg-select-details .select-details-wrapper .intercom-details-picker-value:hover {
    transition-delay: 0ms;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  mbg-select-details .select-details-wrapper .intercom-composer-popover-caret {
    position: absolute;
    bottom: -8px;
    left: 8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    right: auto; }
.product-groups-wrapper {
  margin-bottom: 40px; }
.product-suppliers-wrapper .link {
  margin-top: 2px;
  margin-bottom: 4px; }
.product-imeis-wrapper .link {
  margin-top: 2px;
  margin-bottom: 4px; }

.product-imeis-wrapper .imei-row {
  margin-bottom: 8px; }

product-v3-imeis .filters {
  display: flex;
  margin: 8px 0 16px 0;
  z-index: 5;
  position: relative; }
  product-v3-imeis .filters .status-filter {
    width: 240px; }
.product-measurements-wrapper .min-height-content {
  min-height: 384px; }

.product-measurements-wrapper .inputs-measurements {
  max-width: 344px; }
.product-complements-wrapper .btn {
  border: none !important; }

.product-complements-wrapper .complements-row mbg-list > .table-responsive {
  max-height: 55vh;
  overflow-y: scroll; }
  .product-complements-wrapper .complements-row mbg-list > .table-responsive table.table {
    margin-bottom: 0 !important; }
.product-grid-wrapper {
  overflow-x: auto;
  overflow-y: auto;
  height: 500px; }
  .product-grid-wrapper table {
    border-radius: 5px; }
    .product-grid-wrapper table tbody {
      border: 1px solid #ccc;
      border-radius: 5px; }
      .product-grid-wrapper table tbody .grid-center-content {
        text-align: center; }
      .product-grid-wrapper table tbody th {
        padding: 0; }
      .product-grid-wrapper table tbody td {
        vertical-align: middle; }
        .product-grid-wrapper table tbody td label {
          color: var(--font2); }
      .product-grid-wrapper table tbody th, .product-grid-wrapper table tbody td {
        position: relative;
        border: none;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        height: 54px; }
        .product-grid-wrapper table tbody th .grid-transclude-edit-wrapper, .product-grid-wrapper table tbody td .grid-transclude-edit-wrapper {
          min-width: 300px; }
        .product-grid-wrapper table tbody th .grid-adicional-link, .product-grid-wrapper table tbody td .grid-adicional-link {
          position: absolute;
          right: 18px;
          top: 16px;
          color: var(--font2);
          text-decoration: underline;
          cursor: pointer; }
        .product-grid-wrapper table tbody th label, .product-grid-wrapper table tbody td label {
          height: 100%;
          margin: 0;
          display: flex;
          align-items: center;
          justify-content: center; }
        .product-grid-wrapper table tbody th:first-child, .product-grid-wrapper table tbody td:first-child {
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
        .product-grid-wrapper table tbody th:last-child, .product-grid-wrapper table tbody td:last-child {
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px; }
        .product-grid-wrapper table tbody th .grid-product-edit-wrapper, .product-grid-wrapper table tbody td .grid-product-edit-wrapper {
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          color: var(--font2);
          font-weight: 500; }
          .product-grid-wrapper table tbody th .grid-product-edit-wrapper:hover i.fas.fa-calendar, .product-grid-wrapper table tbody td .grid-product-edit-wrapper:hover i.fas.fa-calendar {
            opacity: 1; }
          .product-grid-wrapper table tbody th .grid-product-edit-wrapper:hover a.link, .product-grid-wrapper table tbody td .grid-product-edit-wrapper:hover a.link {
            opacity: 1; }
          .product-grid-wrapper table tbody th .grid-product-edit-wrapper:hover svg, .product-grid-wrapper table tbody td .grid-product-edit-wrapper:hover svg {
            opacity: 1; }
          .product-grid-wrapper table tbody th .grid-product-edit-wrapper a.link, .product-grid-wrapper table tbody td .grid-product-edit-wrapper a.link {
            position: absolute;
            left: 10px;
            bottom: 8px;
            cursor: pointer;
            opacity: 0; }
          .product-grid-wrapper table tbody th .grid-product-edit-wrapper i.fas.fa-calendar, .product-grid-wrapper table tbody td .grid-product-edit-wrapper i.fas.fa-calendar {
            cursor: pointer;
            opacity: 0;
            fill: var(--font3);
            will-change: transform;
            transition: all 250ms ease; }
            .product-grid-wrapper table tbody th .grid-product-edit-wrapper i.fas.fa-calendar:hover, .product-grid-wrapper table tbody th .grid-product-edit-wrapper i.fas.fa-calendar:active, .product-grid-wrapper table tbody td .grid-product-edit-wrapper i.fas.fa-calendar:hover, .product-grid-wrapper table tbody td .grid-product-edit-wrapper i.fas.fa-calendar:active {
              fill: var(--primary);
              transform: scale(1.1); }
          .product-grid-wrapper table tbody th .grid-product-edit-wrapper svg, .product-grid-wrapper table tbody td .grid-product-edit-wrapper svg {
            cursor: pointer;
            opacity: 0;
            fill: var(--font2); }
          .product-grid-wrapper table tbody th .grid-product-edit-wrapper .grid-product-money, .product-grid-wrapper table tbody td .grid-product-edit-wrapper .grid-product-money {
            font-size: 16px;
            font-weight: 600;
            background: transparent !important; }
          .product-grid-wrapper table tbody th .grid-product-edit-wrapper .label, .product-grid-wrapper table tbody td .grid-product-edit-wrapper .label {
            width: 100%;
            background-color: transparent; }
            .product-grid-wrapper table tbody th .grid-product-edit-wrapper .label span, .product-grid-wrapper table tbody td .grid-product-edit-wrapper .label span {
              text-align: right;
              font-size: 1.1em; }
          .product-grid-wrapper table tbody th .grid-product-edit-wrapper input, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input {
            text-align: right;
            width: 100% !important;
            background: transparent; }
            .product-grid-wrapper table tbody th .grid-product-edit-wrapper input.grid-product-barcode, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input.grid-product-barcode {
              background: transparent !important; }
            .product-grid-wrapper table tbody th .grid-product-edit-wrapper input.grid-product-stock, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input.grid-product-stock {
              background: transparent !important; }
            .product-grid-wrapper table tbody th .grid-product-edit-wrapper input.stock-input, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input.stock-input {
              margin-bottom: 2px;
              background: #f5f5f5; }
            .product-grid-wrapper table tbody th .grid-product-edit-wrapper input.stock-input:hover, .product-grid-wrapper table tbody th .grid-product-edit-wrapper input .stock-input:focus, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input.stock-input:hover, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input .stock-input:focus {
              border-bottom: 2px solid #ccc !important;
              margin-bottom: 0px; }
            .product-grid-wrapper table tbody th .grid-product-edit-wrapper input.input-cost, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input.input-cost {
              font-weight: 300;
              font-size: 1em; }
            .product-grid-wrapper table tbody th .grid-product-edit-wrapper input.product-item-invalid, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input.product-item-invalid {
              text-decoration: line-through;
              text-decoration-color: #ff002e; }
          .product-grid-wrapper table tbody th .grid-product-edit-wrapper input[type='number'], .product-grid-wrapper table tbody td .grid-product-edit-wrapper input[type='number'] {
            -moz-appearance: textfield; }
          .product-grid-wrapper table tbody th .grid-product-edit-wrapper input::-webkit-outer-spin-button,
          .product-grid-wrapper table tbody th .grid-product-edit-wrapper input::-webkit-inner-spin-button, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input::-webkit-outer-spin-button,
          .product-grid-wrapper table tbody td .grid-product-edit-wrapper input::-webkit-inner-spin-button {
            -webkit-appearance: none; }
          .product-grid-wrapper table tbody th .grid-product-edit-wrapper input, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input {
            padding: 0;
            border: none;
            text-align: right;
            outline: none; }
            .product-grid-wrapper table tbody th .grid-product-edit-wrapper input.ng-touched.ng-invalid, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input.ng-touched.ng-invalid {
              border: 1px solid #b00020; }
            .product-grid-wrapper table tbody th .grid-product-edit-wrapper input[disabled="disabled"], .product-grid-wrapper table tbody td .grid-product-edit-wrapper input[disabled="disabled"] {
              background: #f5f5f5; }
            .product-grid-wrapper table tbody th .grid-product-edit-wrapper input::-webkit-input-placeholder, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input::-webkit-input-placeholder {
              color: var(--font3);
              font-style: italic; }
            .product-grid-wrapper table tbody th .grid-product-edit-wrapper input:-moz-placeholder, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input:-moz-placeholder {
              /* Firefox 18- */
              color: var(--font3);
              font-style: italic; }
            .product-grid-wrapper table tbody th .grid-product-edit-wrapper input::-moz-placeholder, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input::-moz-placeholder {
              /* Firefox 19+ */
              color: var(--font3);
              font-style: italic; }
            .product-grid-wrapper table tbody th .grid-product-edit-wrapper input:-ms-input-placeholder, .product-grid-wrapper table tbody td .grid-product-edit-wrapper input:-ms-input-placeholder {
              color: var(--font3);
              font-style: italic; }
          .product-grid-wrapper table tbody th .grid-product-edit-wrapper div.product-item-invalid, .product-grid-wrapper table tbody td .grid-product-edit-wrapper div.product-item-invalid {
            text-decoration: line-through;
            text-decoration-color: #ff002e; }
      .product-grid-wrapper table tbody .grid-product-item-name-wrapper {
        display: flex;
        align-items: center;
        padding-left: 14px;
        height: 100%; }
        .product-grid-wrapper table tbody .grid-product-item-name-wrapper .grid-product-item-circle {
          width: 18px;
          min-width: 18px;
          height: 18px;
          border-radius: 50%;
          margin: 0 12px 0 0; }
  .product-grid-wrapper .input-cost .mbg-input-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    height: 20px;
    flex-direction: column-reverse;
    font-size: 15px; }
    .product-grid-wrapper .input-cost .mbg-input-wrapper input {
      font-weight: 300; }
  .product-grid-wrapper .actions {
    position: absolute;
    left: 0;
    width: 10%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; }

.testtr {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }
  .testtr label {
    margin: 0 10px !important; }
.product-last-entry {
  width: 500px; }
  .product-last-entry .last-entry-content {
    margin-top: 15px; }
  .product-last-entry cp-page-title {
    margin-left: 13px; }
.product-inline-wrapper .default-header-inline * {
  border: 0; }

.product-inline-wrapper .y-value-col {
  display: flex;
  align-items: center;
  justify-content: left;
  max-width: 174px; }

.product-inline-wrapper .grid-product-item-circle {
  max-width: 18px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin: 0 12px 0 0; }

.product-inline-wrapper .x-value-col {
  display: flex;
  align-items: center;
  justify-content: left !important;
  max-width: 154px; }

.product-inline-wrapper .integration-col {
  display: flex;
  align-items: center;
  justify-content: left !important; }
  .product-inline-wrapper .integration-col input {
    text-align: left !important; }

.product-inline-wrapper .barcode-col {
  display: flex;
  align-items: center;
  justify-content: left !important; }
  .product-inline-wrapper .barcode-col input {
    text-align: left !important; }

.product-inline-wrapper .stock-col {
  display: flex;
  align-items: center;
  justify-content: right !important; }

.product-inline-wrapper .price-col {
  display: flex;
  align-items: center;
  justify-content: right; }

.product-inline-wrapper .icon-col {
  display: flex;
  align-items: center;
  justify-content: center; }

.product-inline-wrapper .inline-content {
  overflow: auto; }
  .product-inline-wrapper .inline-content .inline-y:first-child .inline-row {
    border-top: 1px solid #ccc; }

.product-inline-wrapper .inline-row {
  display: flex;
  height: 44px;
  padding-left: 20px;
  border: 1px solid #ccc; }
  .product-inline-wrapper .inline-row div {
    flex: 1; }
    .product-inline-wrapper .inline-row div.product-item-invalid {
      text-decoration: line-through;
      text-decoration-color: #ff002e; }
  .product-inline-wrapper .inline-row input {
    background: transparent;
    height: 100%;
    width: 100%;
    padding-right: 14px; }
    .product-inline-wrapper .inline-row input.input-error {
      color: #ff002e; }
  .product-inline-wrapper .inline-row input[type="number"] {
    -moz-appearance: textfield; }
  .product-inline-wrapper .inline-row input::-webkit-outer-spin-button,
  .product-inline-wrapper .inline-row input::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  .product-inline-wrapper .inline-row input {
    padding: 0 6px;
    border: none;
    text-align: right;
    outline: none; }
    .product-inline-wrapper .inline-row input.ng-touched.ng-invalid {
      border: 1px solid #b00020; }
    .product-inline-wrapper .inline-row input[disabled="disabled"] {
      height: calc(100% - 2px);
      align-self: center;
      background: #f5f5f5; }
    .product-inline-wrapper .inline-row input::-webkit-input-placeholder {
      color: var(--font3);
      font-style: italic; }
    .product-inline-wrapper .inline-row input:-moz-placeholder {
      /* Firefox 18- */
      color: var(--font3);
      font-style: italic; }
    .product-inline-wrapper .inline-row input::-moz-placeholder {
      /* Firefox 19+ */
      color: var(--font3);
      font-style: italic; }
    .product-inline-wrapper .inline-row input:-ms-input-placeholder {
      color: var(--font3);
      font-style: italic; }
  .product-inline-wrapper .inline-row .inline-product-money {
    color: var(--font2);
    font-size: 16px;
    font-weight: 600; }
.product-aggregates-wrapper .info .info-icon {
  margin-left: 24px;
  margin-right: 24px;
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  line-height: 45px; }

.product-aggregates-wrapper .info .info-text {
  display: inline-block;
  vertical-align: middle;
  max-width: 1000px; }

.product-aggregates-wrapper .link {
  margin-top: 2px;
  margin-bottom: 4px; }

.product-aggregates-wrapper .btn-update-list {
  cursor: pointer;
  margin-top: 28px;
  width: 130px;
  background: var(--contrast);
  border-radius: 15px;
  border: none;
  padding: 8px 0;
  color: #fff;
  float: right; }

.product-aggregates-wrapper .label-config-continous-mode {
  margin-left: 8px;
  font-size: 12px;
  color: var(--font2); }

.product-aggregates-wrapper mbg-list .internal-comission {
  width: 80%;
  background: transparent;
  margin: auto; }
  .product-aggregates-wrapper mbg-list .internal-comission thead tr th {
    background: #d6d6d6; }

.product-aggregates-wrapper mbg-list .mbg-input-wrapper {
  float: right;
  width: auto;
  display: inline;
  max-width: 100px; }

.product-aggregates-wrapper mbg-list .select-filter {
  display: flex;
  flex-direction: column;
  margin-top: 5%; }
  .product-aggregates-wrapper mbg-list .select-filter label {
    font-size: 9px;
    font-weight: 400;
    color: var(--font2); }
  .product-aggregates-wrapper mbg-list .select-filter select {
    border: none;
    color: var(--font2);
    transform: translateY(-2px) translateX(-4px); }
#parentEditor {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding-bottom: 2px;
  background-color: #fff; }

.editor {
  width: 1000px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding-bottom: 2px;
  background-color: #fff; }

#painelEditor {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  background-color: #f6fafe;
  border: 1px solid #ccc; }
  #painelEditor .image-input {
    display: flex;
    gap: 5px;
    align-items: center; }
    #painelEditor .image-input input {
      width: 70px;
      height: 20px;
      border: 1px solid gray;
      background: white;
      border-radius: 5px; }
      #painelEditor .image-input input::-webkit-outer-spin-button, #painelEditor .image-input input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      #painelEditor .image-input input[type=number] {
        -moz-appearance: textfield; }
    #painelEditor .image-input mbg-image-upload-main .camera {
      position: initial; }

.textArea {
  width: 100%;
  min-height: 200px;
  max-height: 500px;
  padding: 10px;
  overflow-y: auto;
  overflow-x: hidden; }

.btnColor {
  font-size: 15px;
  font-weight: bold;
  outline: none;
  border: none;
  cursor: pointer;
  width: 25px;
  height: 25px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center; }

.demo-icon {
  cursor: pointer;
  color: #3d3d3d; }

.demo-icon:hover {
  color: gray; }

#inputFontSize {
  border: 1px solid #ccc;
  outline: none;
  border-radius: 3px;
  padding: 2px;
  color: #3d3d3d; }

.color {
  border: none;
  width: 50px; }

.separator {
  border: 1px solid rgba(0, 0, 0, 0.5);
  height: 25px;
  margin: 0 !important; }

.center
select, option {
  font-size: 12px;
  border: none; }

.description-image {
  display: flex;
  align-items: flex-end; }
  .description-image mbg-image-upload-main .camera {
    width: 48px !important;
    height: 48px !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0px !important; }

@font-face {
  font-family: 'fontello';
  src: url(/dist/public/fontello.ttf) format("truetype"), url(/dist/public/fontello.svg#fontello) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-indent-right:before {
  content: '\E800'; }

.icon-indent-left:before {
  content: '\E801'; }

.icon-align-left:before {
  content: '\E802'; }

.icon-align-center:before {
  content: '\E803'; }

.icon-align-right:before {
  content: '\E804'; }

.icon-align-justify:before {
  content: '\E805'; }

.icon-bold:before {
  content: '\E806'; }

.icon-floppy:before {
  content: '\E807'; }

.icon-attach:before {
  content: '\E808'; }

.icon-ccw:before {
  content: '\E809'; }

.icon-cw:before {
  content: '\E80A'; }

.icon-picture:before {
  content: '\E80B'; }

.icon-italic:before {
  content: '\E80C'; }

.icon-help-circled:before {
  content: '\E80D'; }

.icon-link:before {
  content: '\E80E'; }

.icon-resize-full-alt:before {
  content: '\F0B2'; }

.icon-strike:before {
  content: '\F0CC'; }

.icon-underline:before {
  content: '\F0CD'; }

.icon-table:before {
  content: '\F0CE'; }

.icon-code:before {
  content: '\F121'; }

.icon-code:before {
  content: '\F121'; }
.modal-config {
  justify-content: center;
  height: 690px;
  min-width: 800px;
  margin: 20px 20px 20px 20px; }

textarea {
  border-color: #bbbbbb;
  background-color: white; }

.search-block {
  height: 6%;
  align-items: flex-end;
  margin-bottom: 1%; }
  .search-block .search-type {
    width: 20%; }
  .search-block .word-filter {
    margin-left: 2%;
    width: 75%; }
  .search-block .loading-icon {
    height: 45px; }

.result-list {
  width: 100%;
  height: 35.3%;
  overflow: auto;
  border: 1.5px solid lightgray;
  border-radius: 7px; }

.selected-item-information {
  justify-content: space-between;
  max-height: 12%; }
  .selected-item-information .code {
    width: 15%;
    margin-top: 20px; }
  .selected-item-information .ncm {
    width: 80%;
    margin-top: 20px; }

.selected-item-description {
  width: 100%;
  min-height: 17%;
  margin-top: 18px; }
  .selected-item-description .textarea-block {
    height: 90%; }
    .selected-item-description .textarea-block textarea {
      border: 1px solid #e0e0e0;
      background-color: #f4f4f4;
      border-radius: 5px;
      height: 100%;
      width: 100%;
      resize: none; }

.action-buttons-block {
  margin-top: 30px; }
.product-fiscal-piscofins .title {
  margin-left: 30px;
  margin-bottom: -40px;
  z-index: 1; }
  .product-fiscal-piscofins .title h4 {
    background: #FFF;
    width: max-content;
    padding: 0 10px; }

.product-fiscal-piscofins .configuration-block {
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 2px;
  flex-direction: column;
  margin-top: 30px;
  padding: 0px 20px 30px 20px; }

.product-fiscal-piscofins .search-nature-revenue-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  cursor: pointer; }

.product-fiscal-piscofins .options-spacing {
  padding-top: 10px; }

.product-fiscal-piscofins .mbg-label {
  margin-bottom: 0px; }
.product-fiscal-ipi .title {
  margin-left: 30px;
  margin-bottom: -40px;
  z-index: 1; }
  .product-fiscal-ipi .title h4 {
    background: #FFF;
    width: max-content;
    padding: 0 10px; }

.product-fiscal-ipi .configuration-block {
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 2px;
  flex-direction: column;
  margin-top: 30px;
  padding: 0px 20px 30px 20px; }

.product-fiscal-ipi .options-spacing {
  padding-top: 10px; }

.product-fiscal-ipi .mbg-label {
  margin-bottom: 0px; }
.product-fiscal-icms .title {
  margin-left: 30px;
  margin-bottom: -40px;
  z-index: 1; }
  .product-fiscal-icms .title h4 {
    background: #FFF;
    width: max-content;
    padding: 0 10px; }

.product-fiscal-icms .configuration-block {
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 2px;
  flex-direction: column;
  margin-top: 30px;
  padding: 0px 20px 30px 20px; }

.product-fiscal-icms .options-spacing {
  padding-top: 10px; }

.product-fiscal-icms .mbg-label {
  margin-bottom: 0px; }
.product-parameters-wrapper .mbg-label label {
  cursor: default !important; }

.product-parameters-wrapper .link {
  margin-top: 2px;
  margin-bottom: 4px; }

.product-parameters-wrapper .parameter-check-list {
  display: flex;
  flex-wrap: wrap; }

.product-parameters-wrapper .observe {
  position: relative; }
  .product-parameters-wrapper .observe small.details {
    display: none;
    position: absolute;
    bottom: -5px; }
  .product-parameters-wrapper .observe small.details.multi-line {
    top: 90% !important; }
  .product-parameters-wrapper .observe:hover small.details {
    display: block; }

.product-parameters-wrapper .align-content-end {
  align-content: flex-end; }
.product-nutritional-wrapper .mbg-label label {
  cursor: default !important; }

.product-nutritional-wrapper .label-is-high {
  padding-top: 60%; }

.product-nutritional-wrapper .values-list {
  margin-top: 10px;
  display: block;
  height: 500px;
  overflow-y: scroll;
  scroll-behavior: smooth; }
  .product-nutritional-wrapper .values-list input {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    min-height: 44px; }

.product-nutritional-wrapper input[type=number]::-webkit-inner-spin-button,
.product-nutritional-wrapper input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none; }
.product-fuels .input-label {
  margin-bottom: 2px; }
.product-fiscal-others-wrapper .title {
  margin-left: 30px;
  margin-bottom: -40px;
  z-index: 1; }
  .product-fiscal-others-wrapper .title h4 {
    background: #FFF;
    width: max-content;
    padding: 0 10px; }

.product-fiscal-others-wrapper .configuration-block {
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 2px;
  flex-direction: column;
  margin-top: 30px;
  padding: 0px 20px 30px 20px; }
.ncm-configuration-form-wrapper {
  padding: 20px; }
.product-restrictions-wrapper .product-restrictions-content {
  display: flex;
  gap: 24px; }

.product-restrictions-wrapper .branches-button button {
  padding: 0 24px;
  border: none;
  background-color: #fff;
  border-radius: 6px;
  font-weight: 600; }

.product-restrictions-wrapper .branches-button .v3 {
  height: 25px;
  color: var(--primary);
  border: 1px solid var(--primary); }
  .product-restrictions-wrapper .branches-button .v3 svg {
    scale: 0.9;
    fill: var(--primary) !important;
    height: 25px; }

.product-restrictions-wrapper .branches-button .v2 {
  height: 44px;
  color: var(--warn);
  border: 1px solid var(--warn); }
  .product-restrictions-wrapper .branches-button .v2 svg {
    scale: 0.7;
    fill: var(--warn) !important; }
.set-product-restrictions-on-branches {
  padding: 24px;
  width: 50vw;
  max-height: 80vh;
  display: flex;
  flex-direction: column; }
  .set-product-restrictions-on-branches .header-box {
    display: flex;
    flex-direction: column-reverse; }
  .set-product-restrictions-on-branches .footer-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 0px;
    flex-direction: column;
    gap: 12px; }
    .set-product-restrictions-on-branches .footer-box mbg-btn-form .mbg-btn-form-wrapper button {
      height: 25px !important; }
    .set-product-restrictions-on-branches .footer-box .cancel-bottom {
      color: var(--font1); }
  .set-product-restrictions-on-branches .company-name {
    padding-left: 16px; }
  .set-product-restrictions-on-branches .checkbox-padding {
    padding-left: 5%; }
  .set-product-restrictions-on-branches .font-color {
    color: var(--neutral1); }
  .set-product-restrictions-on-branches .repass-div {
    display: flex;
    justify-content: end;
    padding-right: 24px; }
    .set-product-restrictions-on-branches .repass-div .repass-btn {
      height: 25px !important;
      min-width: 150px !important;
      background-color: var(--primary);
      color: white;
      font-weight: 700;
      border: 1px solid white;
      border-radius: 12px; }
.additional-information-v3-wrapper .text-line {
  display: flex;
  gap: 0 4px;
  align-items: center; }
  .additional-information-v3-wrapper .text-line .text-line-number {
    width: 8ch; }
  .additional-information-v3-wrapper .text-line .text-line-content {
    flex: 1; }
  .additional-information-v3-wrapper .text-line .text-line-actions {
    display: flex;
    width: 80px;
    gap: 0 4px; }
    .additional-information-v3-wrapper .text-line .text-line-actions > button {
      width: 40px; }

.additional-information-v3-wrapper div.fake-input-v2 {
  min-width: unset;
  width: 100%;
  height: 25px;
  padding-left: 14px;
  padding-right: 14px;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  background-color: #f5f5f5; }

.additional-information-v3-wrapper input-v2[type='money'] input, .additional-information-v3-wrapper input-v2[type='number'] input, .additional-information-v3-wrapper input-v2[type='percentage'] input {
  text-align: end; }

.additional-information-v3-wrapper input-v2 .input-v2 input, .additional-information-v3-wrapper input-v2 .input-v2 .input-button {
  height: 40px; }

.additional-information-v3-wrapper input-v2 .input-square-button .square-button {
  width: 40px;
  height: 40px;
  display: flex; }

.additional-information-v3-wrapper input-v2 i {
  zoom: 75%; }
.product-list-wrapper .table-responsive {
  overflow: visible !important; }

.product-list-wrapper .search-input-terminal-wrapper .search-button {
  z-index: unset; }

.product-list-wrapper product-image img:hover {
  cursor: pointer;
  filter: brightness(70%); }

.product-list-wrapper .quick-search {
  height: 44px;
  margin: auto;
  font-weight: 700;
  background-color: #ff991fb8;
  color: #FFF; }

.product-list-wrapper .quick-search:hover {
  background-color: #ff991f; }

@media (min-width: 1200px) {
  .personalize-modal .modal-lg {
    width: 1200px; } }
.view-product-item .mbg-body-modal {
  max-height: calc(100vh - 100px) !important; }

.view-product-item .fs-12 {
  font-size: 12px; }

.view-product-item .saleValue {
  padding: 5px;
  margin-left: 14px;
  border-radius: 15px; }

.view-product-item .stock-info {
  width: 100%;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-evenly; }

.view-product-item .row-barcode, .view-product-item .row-mu {
  margin: 4px 0; }

.view-product-item .no-stock-affiliates {
  color: var(--font2) !important;
  font-size: 14px;
  width: 100%;
  text-align: center; }

.view-product-item .stock-history-link {
  font-size: 12px;
  margin-bottom: 5px; }
.ncm-configuration-list-wrapper {
  flex-grow: 1;
  flex-basis: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  padding: 5% 6% 6% 5%;
  width: 110rem; }
.create-product-tree-wrapper .ma-container .mbg-modal .mbg-body-modal {
  padding-top: 0;
  padding-bottom: 0; }

.create-product-tree-wrapper .m-t-44-b-24 {
  margin-top: 44px;
  margin-bottom: 24px; }

.create-product-tree-wrapper gumga-tree-ng gumga-tree-ng-child .gumga-tree-ng-item-child.tree-selected {
  background: var(--primary);
  color: #fff; }

.create-product-tree-wrapper gumga-tree-ng > div {
  max-height: 238px;
  overflow: auto; }

.create-product-tree-wrapper .link-create-new-product-tree {
  margin-top: 10px;
  font-weight: 100; }
.view-equal-product-wrapper {
  min-width: 500px;
  padding: 24px; }
  .view-equal-product-wrapper .product-content {
    max-height: 184px;
    overflow-y: auto; }
    .view-equal-product-wrapper .product-content .product-view {
      display: flex;
      background-color: #fff; }
      .view-equal-product-wrapper .product-content .product-view.striped-on {
        background-color: #f9f9f9; }
      .view-equal-product-wrapper .product-content .product-view .image {
        width: 84px;
        height: 84px;
        padding: 12px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .view-equal-product-wrapper .product-content .product-view .image img {
          border-radius: 50%;
          width: 100%; }
      .view-equal-product-wrapper .product-content .product-view .description {
        display: flex;
        align-items: center;
        margin-left: 14px;
        color: var(--font2);
        flex: 1; }
        .view-equal-product-wrapper .product-content .product-view .description label {
          font-weight: 500; }
      .view-equal-product-wrapper .product-content .product-view .actions {
        display: flex;
        align-items: center; }
        .view-equal-product-wrapper .product-content .product-view .actions a {
          color: var(--font2);
          margin-right: 14px;
          cursor: pointer; }
          .view-equal-product-wrapper .product-content .product-view .actions a i {
            margin-right: 4px; }
  .view-equal-product-wrapper .close-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px; }
    .view-equal-product-wrapper .close-content .btn-close {
      height: 40px;
      background-color: var(--contrast);
      border: none;
      border-radius: 50px;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 44px; }
.productv2-preferences-wrapper h4 {
  color: var(--font2) !important;
  padding: 0px !important;
  margin-left: 0px; }

.productv2-preferences-wrapper .mbg-footer-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.productv2-preferences-wrapper label {
  margin-top: 0px !important; }
.productv2-terminal-wrapper label.filter-terminal {
  font-weight: 400;
  margin-right: 8px;
  border-bottom: 1px solid transparent;
  height: 21px; }

.productv2-terminal-wrapper .info-terminal-row {
  min-height: 40px;
  margin-bottom: 8px; }

.productv2-terminal-wrapper .ma-container .mbg-modal .mbg-body-modal {
  padding-bottom: 0; }
  .productv2-terminal-wrapper .ma-container .mbg-modal .mbg-body-modal label.warn {
    color: var(--warn);
    font-weight: 400;
    margin-bottom: 14px; }
  .productv2-terminal-wrapper .ma-container .mbg-modal .mbg-body-modal h2 {
    margin: 5px 0;
    color: var(--warn);
    font-weight: 600;
    font-size: 20px; }
  .productv2-terminal-wrapper .ma-container .mbg-modal .mbg-body-modal label.desc-product-name {
    font-weight: 100; }
  .productv2-terminal-wrapper .ma-container .mbg-modal .mbg-body-modal mbg-input-search {
    margin-bottom: 15px;
    display: flex; }
  .productv2-terminal-wrapper .ma-container .mbg-modal .mbg-body-modal .control-page {
    display: flex;
    align-items: center;
    justify-content: center; }
    .productv2-terminal-wrapper .ma-container .mbg-modal .mbg-body-modal .control-page .prev {
      color: var(--font2);
      margin-right: 15px; }
    .productv2-terminal-wrapper .ma-container .mbg-modal .mbg-body-modal .control-page .next {
      color: var(--font2);
      margin-left: 15px; }
  .productv2-terminal-wrapper .ma-container .mbg-modal .mbg-body-modal mbg-list thead {
    position: sticky;
    top: 0;
    z-index: 10; }
  .productv2-terminal-wrapper .ma-container .mbg-modal .mbg-body-modal .table-responsive {
    max-height: 580px; }

.productv2-terminal-wrapper .mbg-footer-modal .bt-next {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center; }

.productv2-terminal-wrapper .no-stock-affiliates {
  color: var(--font2);
  font-size: 14px;
  width: 100%;
  text-align: center; }

.productv2-terminal-wrapper .internal-table {
  padding-right: 21px;
  padding-left: 49px; }

.productv2-terminal-wrapper .link {
  border-bottom: 1px solid var(--neutral3);
  color: var(--font2);
  font-size: 13px; }

.productv2-terminal-wrapper cp-branch-company {
  margin-left: 10px; }
  .productv2-terminal-wrapper cp-branch-company svg {
    width: 19px; }

.productv2-terminal-wrapper .not-found {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 40px 0 24px 0; }
  .productv2-terminal-wrapper .not-found svg {
    width: 74px;
    fill: var(--font2); }
  .productv2-terminal-wrapper .not-found label {
    color: var(--font2);
    margin-top: 14px; }

.productv2-terminal-wrapper .ellipsis {
  white-space: unset !important; }

.productv2-terminal-wrapper .search-row {
  display: flex;
  align-items: center; }
  .productv2-terminal-wrapper .search-row .new-product {
    color: var(--secondary) !important;
    padding: 0 16px;
    font-size: 2.5em; }
  .productv2-terminal-wrapper .search-row search-input-terminal {
    width: -moz-available;
    width: -webkit-fill-available; }

.productv2-terminal-wrapper .alert-padding {
  padding: 0px 45px 0px 45px; }

@media (max-width: 1024px) {
  mbg-list table {
    font-size: 11px; } }
.productv2-upload-images-wrapper .content-color {
  margin-bottom: 44px; }
  .productv2-upload-images-wrapper .content-color .item {
    margin-bottom: 12px; }

.productv2-upload-images-wrapper .content-images {
  background-color: #fff;
  padding: 0;
  border-radius: 20px; }

.productv2-upload-images-wrapper .sphere {
  border: 2px solid transparent;
  padding: 1px;
  border-radius: 50%; }
  .productv2-upload-images-wrapper .sphere div {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: relative; }
    .productv2-upload-images-wrapper .sphere div::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      padding: 0.9em;
      border: 0.25em solid;
      border-radius: 50%;
      transition: padding 250ms;
      border-color: currentColor; }
    .productv2-upload-images-wrapper .sphere div.active::after {
      padding: 18px; }

.productv2-upload-images-wrapper .body-image {
  background-color: #fff;
  border-radius: 0px;
  padding-top: 0px;
  padding: 0 0px 0px 34px; }
  .productv2-upload-images-wrapper .body-image h6 {
    font-size: 1.5em;
    color: var(--font2);
    margin-top: 0px;
    margin-bottom: 18px; }
  .productv2-upload-images-wrapper .body-image mbg-image-upload {
    min-height: 365px; }

.productv2-upload-images-wrapper .tab-colors {
  padding: 24px 0;
  border-right: 3px solid #f5f5f5;
  background-color: #fff;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px; }
  .productv2-upload-images-wrapper .tab-colors label {
    width: 100%;
    text-align: left;
    padding: 10px 0px 10px 12px; }
  .productv2-upload-images-wrapper .tab-colors ul {
    list-style: none;
    padding: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    direction: rtl; }
    .productv2-upload-images-wrapper .tab-colors ul li {
      padding: 8px 14px 8px 14px;
      border-bottom-left-radius: 10px;
      border-top-left-radius: 10px;
      border: 1px solid transparent;
      position: relative;
      display: flex;
      align-items: center; }
      .productv2-upload-images-wrapper .tab-colors ul li span {
        flex: 1;
        text-align: left; }

.productv2-upload-images-wrapper .content-tabs {
  padding: 24px 0; }

.productv2-upload-images-wrapper .bt-next {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 24px; }
.modal-import-product {
  max-height: 640px;
  background: #fff;
  overflow: hidden;
  border-radius: 12px;
  display: flex;
  flex-direction: column; }
  .modal-import-product .modal-import-product-header {
    min-height: fit-content;
    position: relative;
    padding: 34px 34px 0 34px; }
    .modal-import-product .modal-import-product-header .mbg-close-modal {
      color: var(--font2);
      position: absolute;
      right: 16px;
      top: 32px;
      font-size: 14px; }
      .modal-import-product .modal-import-product-header .mbg-close-modal i {
        margin-left: 7px; }
  .modal-import-product .modal-import-product-body {
    flex: 1;
    overflow: auto;
    overflow-x: hidden;
    padding: 0 34px 24px 34px;
    background: #fff; }
    .modal-import-product .modal-import-product-body ul {
      margin-top: 24px;
      color: var(--warn); }
    .modal-import-product .modal-import-product-body .loading-xlsx {
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .modal-import-product .modal-import-product-body .loading-xlsx .cl-loading {
        margin-right: 12px;
        border: 5px solid #5f5f5f;
        border-radius: 100%;
        border-top: 5px solid transparent; }
  .modal-import-product .modal-import-product-footer {
    min-height: fit-content;
    padding: 24px 34px 24px 34px;
    background: #fff;
    border-top: 1px solid #ddd; }
    .modal-import-product .modal-import-product-footer .cancel-link {
      margin-bottom: 14px; }
/* (ignored) *//* (ignored) *//* (ignored) */.productv2-view-details-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 44px; }
  .productv2-view-details-wrapper .through {
    text-decoration: line-through; }
  .productv2-view-details-wrapper .price-wrapper {
    margin-left: 24px;
    display: flex;
    flex-direction: column;
    margin-top: -24px; }
    .productv2-view-details-wrapper .price-wrapper span {
      font-size: 12px;
      font-weight: 500; }
    .productv2-view-details-wrapper .price-wrapper label {
      margin: 0 !important; }
  .productv2-view-details-wrapper .promotion-wrapper {
    margin-left: 40px;
    display: flex;
    flex-direction: column;
    color: var(--error);
    margin-top: -24px; }
    .productv2-view-details-wrapper .promotion-wrapper span {
      font-size: 12px;
      font-weight: 500; }
    .productv2-view-details-wrapper .promotion-wrapper label {
      font-size: 20px; }
      .productv2-view-details-wrapper .promotion-wrapper label span {
        font-size: 12px;
        font-weight: 500; }
  .productv2-view-details-wrapper .bold-letter {
    font-weight: bold;
    margin-right: 50px; }
  .productv2-view-details-wrapper .content-modal-wrapper {
    width: 1024px;
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 24px 27px;
    display: flex;
    flex-direction: column; }
    .productv2-view-details-wrapper .content-modal-wrapper h5.spotlight {
      font-size: 20px; }
    .productv2-view-details-wrapper .content-modal-wrapper .input-search-product {
      margin-bottom: 20px; }
    .productv2-view-details-wrapper .content-modal-wrapper .illustration-search {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .productv2-view-details-wrapper .content-modal-wrapper .illustration-search span {
        position: absolute;
        top: 6px;
        color: var(--font2);
        font-weight: 500; }
    .productv2-view-details-wrapper .content-modal-wrapper .header-modal-wrapper {
      height: fit-content; }
    .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative; }
      .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper h4.title-name {
        font-size: 23px; }
      .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper .handle-options {
        color: var(--font2); }
      .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper .more-information * {
        color: var(--font2); }
      .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper .product-information {
        padding-right: 8px; }
        .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper .product-information .select-input {
          border: none;
          font-size: 20px;
          font-weight: 600;
          height: 20px;
          margin-left: -4px;
          margin-right: 24px;
          padding-right: 8px; }
        .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper .product-information .select-input option {
          font-size: 18px; }
        .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper .product-information label {
          margin-bottom: 4px; }
        .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper .product-information .price-value {
          font-size: 20px; }
        .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper .product-information .table-stock {
          margin-top: 8px; }
          .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper .product-information .table-stock .row-table {
            display: flex;
            border-radius: 4px;
            padding: 5px 12px;
            margin-bottom: 10px; }
            .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper .product-information .table-stock .row-table.body-row {
              background-color: #f7f7f7;
              box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); }
            .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper .product-information .table-stock .row-table.head-row {
              font-weight: 600; }
            .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper .product-information .table-stock .row-table .col-table {
              flex: 1; }
              .productv2-view-details-wrapper .content-modal-wrapper .body-modal-wrapper .product-information .table-stock .row-table .col-table.center {
                text-align: center; }
    .productv2-view-details-wrapper .content-modal-wrapper .footer-modal-wrapper {
      padding-top: 24px;
      height: fit-content; }
.product-repasse-wrapper {
  width: 100%;
  min-width: 1042px; }
  .product-repasse-wrapper h4 {
    font-size: 16px !important;
    color: var(--font1) !important;
    padding: 0px !important; }
  .product-repasse-wrapper .ma-container .row {
    margin-right: -15px;
    margin-left: -15px; }
  .product-repasse-wrapper .ma-container .mbg-body-modal .row, .product-repasse-wrapper .ma-container .mbg-header-modal .row {
    margin-right: -15px;
    margin-left: -15px; }
.modal-content {
  background-color: var(--bgColor); }

.change-grid-wrapper .ma-container .mbg-modal .mbg-header-modal {
  padding: 0px 20px; }

.change-grid-wrapper .ma-container .mbg-modal .mbg-body-modal {
  padding: 0px 4px; }

.change-grid-wrapper .tab-content {
  height: 411px;
  max-height: 411px; }

.change-grid-wrapper .step-tabs ul.nav-tabs {
  display: block; }

.change-grid-wrapper .nav-tabs.nav-justified > li :hover {
  cursor: default; }

.change-grid-wrapper .nav-tabs.nav-justified > .active > a, .change-grid-wrapper .nav-tabs.nav-justified > .active > a:focus, .change-grid-wrapper .nav-tabs.nav-justified > .active > a:hover {
  border: none;
  border-top: 3px solid var(--primary); }

.change-grid-wrapper .step-tabs .tab-content .tab-body {
  padding: 4px 16px; }

.change-grid-wrapper .ma-container label .mbg-label .input-label .mbg-label, .change-grid-wrapper .mbg-label {
  margin-bottom: 32px; }

.change-grid-wrapper .ma-container .mbg-modal h4 {
  padding: 5px 0px;
  color: var(--font2); }

.change-grid-wrapper .col-md-12 {
  padding: 0px; }

.change-grid-wrapper .product-sizes, .change-grid-wrapper .product-colors {
  margin-top: 16px; }

.change-grid-wrapper .cancel-link {
  margin: 18px 24px 18px 24px; }

.change-grid-wrapper .variations {
  margin-top: 24px;
  margin-left: 16px; }

.change-grid-wrapper .distribute h5 {
  color: var(--font2);
  font-weight: 400;
  text-align: center; }
  .change-grid-wrapper .distribute h5 span.items {
    display: flex;
    align-items: center;
    justify-content: center; }
  .change-grid-wrapper .distribute h5 span.count {
    font-size: 26px;
    font-weight: 600;
    margin-left: 10px; }

.change-grid-wrapper .inline-grid {
  margin-top: 24px; }
  .change-grid-wrapper .inline-grid .inline-content {
    overflow: auto;
    max-height: 264px; }
  .change-grid-wrapper .inline-grid .inline-row {
    display: flex;
    height: 44px; }
    .change-grid-wrapper .inline-grid .inline-row.selected {
      background-color: #eee; }
    .change-grid-wrapper .inline-grid .inline-row .inline-col {
      justify-content: center;
      align-items: center;
      display: flex;
      flex-grow: 1; }
      .change-grid-wrapper .inline-grid .inline-row .inline-col .field {
        border: 0; }
      .change-grid-wrapper .inline-grid .inline-row .inline-col .field, .change-grid-wrapper .inline-grid .inline-row .inline-col .inline-header {
        justify-content: center;
        align-items: center;
        display: flex; }
    .change-grid-wrapper .inline-grid .inline-row.cell {
      border-bottom: 1px solid #ccc;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc; }
      .change-grid-wrapper .inline-grid .inline-row.cell.first-child {
        border-top: 1px solid #ccc; }
      .change-grid-wrapper .inline-grid .inline-row.cell label {
        display: flex;
        text-align: center;
        font-weight: 500; }
      .change-grid-wrapper .inline-grid .inline-row.cell .inline-product-barcode {
        padding: 0 6px;
        border: none;
        text-align: center;
        outline: none;
        background: transparent;
        height: 100%;
        width: 100%;
        font-weight: 500; }
    .change-grid-wrapper .inline-grid .inline-row .select {
      margin: auto 16px; }
      .change-grid-wrapper .inline-grid .inline-row .select.fake {
        visibility: hidden;
        cursor: default; }

label {
  cursor: pointer !important; }
.productv2-gerencial-wrapper {
  width: 100%;
  height: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .productv2-gerencial-wrapper.modalPadding {
    background-color: rgba(0, 0, 0, 0.25);
    padding: 30px; }
    .productv2-gerencial-wrapper.modalPadding.content-modal-wrapper {
      background-color: #fff !important; }
  .productv2-gerencial-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 8px;
    display: flex;
    flex-direction: column; }
    .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper {
      height: 100%;
      flex: 1;
      display: flex;
      flex-direction: column;
      position: relative; }
      .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .fit-content {
        width: fit-content; }
      .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .button-container {
        width: fit-content;
        display: flex;
        justify-content: left;
        align-items: end;
        margin-block: 3.5px;
        height: 47px;
        gap: 8px; }
        .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .button-container .button-content .button {
          height: 25px;
          padding: 0 14px;
          color: var(--primary);
          border: none;
          background-color: #fff;
          border-radius: 6px;
          font-weight: 600;
          border: 1px solid var(--primary); }
          .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .button-container .button-content .button.active {
            height: 25px;
            border-top: 2px solid var(--primary) !important;
            border-left: unset;
            border-right: unset;
            border-bottom: 2px solid var(--secondary) !important; }
          .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .button-container .button-content .button:focus {
            scale: 1.05; }
          .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .button-container .button-content .button.secondary {
            color: var(--secondary);
            border: 1px solid var(--secondary); }
      .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .tab-container {
        width: 99%;
        border-radius: 10px;
        transition: 150ms ease-in;
        opacity: 0;
        z-index: 4;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        transform: translate(-2px, -2px);
        background-color: #FFF;
        border-top: 3px solid var(--primary);
        border-bottom: 3px solid var(--primary); }
        .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .tab-container.opened {
          flex-shrink: 0;
          opacity: 1;
          margin-bottom: 10px !important; }
        .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .tab-container .tab-content {
          padding: 10px;
          border-radius: 7px;
          width: 100%;
          margin-top: 0 !important; }
          .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .tab-container .tab-content actions-table .action-parameters-wrapper .content-center button {
            height: 25px;
            align-items: baseline; }
            .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .tab-container .tab-content actions-table .action-parameters-wrapper .content-center button .fa-2x {
              font-size: 18px; }
            .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .tab-container .tab-content actions-table .action-parameters-wrapper .content-center button div.action-label {
              font-size: 12px; }
      .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .product-management-header {
        display: flex;
        flex-wrap: wrap; }
        .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .product-management-header .product-management-filters {
          flex: 1; }
          .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .product-management-header .product-management-filters product-management-search .main-row .col-input i {
            transform: translate(-30px, 5px) !important; }
          .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .product-management-header .product-management-filters product-management-search .main-row .col-filter-icon div {
            height: 25px; }
            .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .product-management-header .product-management-filters product-management-search .main-row .col-filter-icon div i {
              font-size: 14px; }
            .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .product-management-header .product-management-filters product-management-search .main-row .col-filter-icon div i[class="fas fa-filter"] {
              transform: translate(13px, 2px) !important; }
            .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .product-management-header .product-management-filters product-management-search .main-row .col-filter-icon div i[class="fas fa-minus"] {
              transform: translate(15px, 5px) !important; }
          .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .product-management-header .product-management-filters product-management-search .col-button-print button {
            height: 25px !important; }
      .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .product-list {
        position: relative;
        height: 100%;
        overflow: auto; }
      .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .product-totalizer {
        font-size: 18px !important;
        font-weight: bold; }
      .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .split-height {
        height: 40% !important; }
      .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .linux-charge {
        min-height: 25%;
        max-height: 400px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 12px 0px;
        height: 400px; }
        .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .linux-charge .box-linux-charge-products {
          overflow-y: auto;
          width: 100%; }
        .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .linux-charge .linux-charge-title {
          font-weight: bold;
          font-size: 22px;
          margin: 12px 0px; }
        .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .linux-charge .linux-charge-products-repeat {
          width: 100%; }
        .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .linux-charge .linux-charge-header {
          width: 100%;
          display: flex;
          flex-direction: row;
          gap: 24px; }
          .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .linux-charge .linux-charge-header search-input-terminal {
            width: 79%;
            align-self: start;
            margin-bottom: 12px; }
            .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .linux-charge .linux-charge-header search-input-terminal .search-input-terminal-wrapper .input-terminal .select-filter,
            .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .linux-charge .linux-charge-header search-input-terminal .search-input-terminal-wrapper .input-terminal span,
            .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .linux-charge .linux-charge-header search-input-terminal .search-input-terminal-wrapper .input-terminal .type-filter {
              display: none !important; }
          .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .linux-charge .linux-charge-header .button {
            height: 25px;
            padding: 0 14px;
            color: var(--primary);
            border: none;
            background-color: #fff;
            border-radius: 6px;
            font-weight: 600;
            border: 1px solid var(--primary); }
            .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .linux-charge .linux-charge-header .button.active {
              height: 25px;
              border-top: 2px solid var(--primary) !important;
              border-left: unset;
              border-right: unset;
              border-bottom: 2px solid var(--secondary) !important; }
            .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .linux-charge .linux-charge-header .button:focus {
              scale: 1.05; }
            .productv2-gerencial-wrapper .content-modal-wrapper .body-modal-wrapper .linux-charge .linux-charge-header .button.secondary {
              color: var(--secondary);
              border: 1px solid var(--secondary); }
  .productv2-gerencial-wrapper .row {
    margin-right: -15px;
    margin-left: -15px; }
  .productv2-gerencial-wrapper .help-button {
    margin-bottom: 5px;
    margin-right: 10px; }
.camera-wrapper .barcode-box {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 15px;
  top: 0px;
  display: flex; }
  .camera-wrapper .barcode-box .line {
    width: 100%;
    height: 2%;
    background-color: rgba(255, 0, 0, 0.8);
    margin-top: auto;
    margin-bottom: auto !important;
    margin-left: auto;
    margin-right: auto; }

.camera-wrapper .buttons {
  position: absolute;
  bottom: 20px;
  left: 3%;
  width: 100%;
  display: flex; }
  .camera-wrapper .buttons .close {
    color: white;
    font-size: 45px; }
  .camera-wrapper .buttons div {
    margin-left: auto;
    margin-right: auto; }
  .camera-wrapper .buttons .no-i i {
    display: none; }

.camera-wrapper canvas {
  display: none; }
.duplicated-barcode-list-modal-wrapper {
  max-height: 70vh;
  overflow: auto; }
  .duplicated-barcode-list-modal-wrapper .btn {
    font-weight: 700; }
  .duplicated-barcode-list-modal-wrapper .text-center {
    text-align: center; }
  .duplicated-barcode-list-modal-wrapper .not-show-again label {
    cursor: pointer;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: var(--font2);
    margin-right: 6px; }
  .duplicated-barcode-list-modal-wrapper .not-show-again mbg-checkbox {
    line-height: 1.2; }
.audit-log .audit-log-home .page-wrapper {
  padding: 0; }

.audit-log .audit-log-home .options-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20px; }
  .audit-log .audit-log-home .options-container .option-button {
    display: flex;
    flex-direction: column;
    margin: 0px 10px; }

.audit-log .audit-log-home .card-container {
  display: flex;
  flex-wrap: wrap; }

.audit-log .audit-log-home .card-wrapper {
  background-color: #fff;
  color: #444;
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 20px;
  width: 208px;
  border: 1px solid #dfe1e5;
  border-radius: 3px;
  box-shadow: none;
  cursor: pointer;
  opacity: 1;
  overflow: hidden; }
  .audit-log .audit-log-home .card-wrapper:hover {
    border: 1px solid var(--secondary); }
  .audit-log .audit-log-home .card-wrapper .card-thumbnail {
    height: 207px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 208px;
    background-repeat: no-repeat;
    background-size: 208px auto;
    border: none;
    display: block;
    position: relative; }
  .audit-log .audit-log-home .card-wrapper .card-metadata {
    border-top: 1px solid #e2e2e2;
    padding: 16px 6px 14px 6px;
    position: relative; }
    .audit-log .audit-log-home .card-wrapper .card-metadata .card-title {
      color: var(--font2);
      font-size: 12px;
      letter-spacing: 0.15px;
      line-height: 18px;
      margin-left: 2px;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: top;
      white-space: nowrap;
      font-weight: bold;
      text-align: center; }
    .audit-log .audit-log-home .card-wrapper .card-metadata .card-metadata-row {
      padding-top: 5px;
      display: flex;
      align-items: center; }

.audit-log .audit-log-home .btn-icon {
  border: none;
  background: transparent;
  color: var(--font2);
  min-width: fit-content;
  padding: 10px 14px;
  border-radius: 7px;
  margin-right: 5px;
  border-radius: 50px; }
  .audit-log .audit-log-home .btn-icon.active {
    background: var(--primary);
    color: #fff;
    font-weight: bold; }
  .audit-log .audit-log-home .btn-icon i {
    margin: 0px 8px; }

.audit-log .right {
  text-align: right !important; }

.audit-log .left {
  text-align: left !important; }

.audit-log .center {
  text-align: center !important; }

.audit-log .m-auto {
  margin: auto; }

.audit-log thead, .audit-log thead > tr {
  top: 0;
  z-index: 1;
  position: sticky; }

.audit-log td {
  padding: 5px !important;
  vertical-align: middle !important; }

.audit-log thead {
  background-color: var(--primary) !important; }

.audit-log table {
  margin-top: 10px; }

.audit-log table > thead > tr > th > span {
  color: white !important;
  font-weight: bolder !important; }

.audit-log table > thead > tr > th {
  padding: 5px !important; }

.audit-log table > thead > tr {
  padding: 5px !important;
  height: 10px !important; }

.audit-log tbody:nth-child(odd) .tr-main {
  background-color: #efefef; }

.audit-log .table > thead > tr > th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.audit-log .table > thead > tr > th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.audit-log [class*="btn-search"] {
  height: 44px;
  font-weight: 700;
  color: #FFF;
  width: 100%;
  border-radius: 5px;
  border: none;
  font-size: 12px; }

.audit-log .btn-search {
  background-color: var(--secondary); }
  .audit-log .btn-search.loading-btn {
    opacity: 1 !important; }

.audit-log .btn-search-primary {
  background-color: var(--primary); }

.audit-log .btn-search-success {
  background-color: #0f4b14;
  width: 100px; }

.audit-log .btn-search-color4 {
  background-color: var(--color4); }

.audit-log .audit-log-list-wrapper {
  max-height: calc(100vh - 370px); }
  @media screen and (max-width: 1368px) {
    .audit-log .audit-log-list-wrapper {
      max-height: calc(100vh - 277px); } }

.audit-log .audit-log-list-wrapper-with-filters-medium {
  max-height: calc(100vh - 440px); }

.audit-log .audit-log-list-wrapper-with-filters-max {
  max-height: calc(100vh - 570px); }

.audit-log .filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-right: 20px; }

.audit-log .help-button {
  margin-top: 10px;
  display: flex;
  justify-content: end; }
.inform-modal-wrapper {
  padding: 12px 24px 12px 24px; }
  .inform-modal-wrapper .close-div {
    display: flex;
    justify-content: flex-end; }
  .inform-modal-wrapper .layout-div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 12px; }
    .inform-modal-wrapper .layout-div p {
      font-weight: bold;
      margin: auto 0; }
    .inform-modal-wrapper .layout-div input-v2 input {
      height: 25px; }
  .inform-modal-wrapper .save-div {
    padding: 24px 0px 60px 0px;
    position: relative; }
    .inform-modal-wrapper .save-div a {
      position: absolute;
      top: 18px;
      font-size: 12px; }
    .inform-modal-wrapper .save-div mbg-btn-form .mbg-btn-form-wrapper button {
      height: 30px !important;
      width: 200px !important;
      min-width: 200px !important;
      font-size: 12px !important; }
.expiration-tabset-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center; }
  .expiration-tabset-wrapper .expiration-content-modal-wrapper {
    width: 60%;
    min-height: 50%;
    max-width: 75%;
    height: 90%;
    background-color: white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 8px; }
    .expiration-tabset-wrapper .expiration-content-modal-wrapper .header-modal-wrapper {
      padding: 15px;
      display: flex;
      justify-content: end;
      align-items: center; }
    .expiration-tabset-wrapper .expiration-content-modal-wrapper .body-modal-wrapper {
      display: flex;
      flex-direction: column;
      height: 90%; }
    .expiration-tabset-wrapper .expiration-content-modal-wrapper .step-tabs ul.nav-tabs li {
      align-self: stretch; }
      .expiration-tabset-wrapper .expiration-content-modal-wrapper .step-tabs ul.nav-tabs li a {
        min-height: min-content;
        height: 100%; }
      .expiration-tabset-wrapper .expiration-content-modal-wrapper .step-tabs ul.nav-tabs li uib-tab-heading {
        padding: 10px; }
    .expiration-tabset-wrapper .expiration-content-modal-wrapper .step-tabs .tab-content .tab-body {
      padding: 0 0 0 5px; }
.show-info-details-modal-wrapper {
  padding: 24px;
  min-width: 30vw;
  height: 100%;
  overflow-y: hidden;
  max-height: 80vh; }
  .show-info-details-modal-wrapper .supplier-box {
    overflow-y: auto;
    height: 60%; }
  .show-info-details-modal-wrapper .header-box {
    display: flex;
    flex-direction: column-reverse; }
  .show-info-details-modal-wrapper .back-button mbg-btn-form .mbg-btn-form-wrapper button {
    height: 25px !important; }
.price-sheet-modal-wrapper {
  padding: 30px 5px 20px 20px;
  width: 90vw;
  position: relative; }
  .price-sheet-modal-wrapper label:not(.label-cbx) {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .price-sheet-modal-wrapper .price-repass-grid {
    display: grid;
    gap: 15px;
    padding: 0 30px;
    grid-template-columns: repeat(4, minmax(0, 1fr)) 100px; }
    .price-sheet-modal-wrapper .price-repass-grid .first-grid-row {
      grid-row: 1; }
  .price-sheet-modal-wrapper label.underlined {
    text-decoration-line: underline; }
  .price-sheet-modal-wrapper .link-label {
    margin-left: 8px; }
  .price-sheet-modal-wrapper .barcode-data {
    margin-bottom: 24px; }
    .price-sheet-modal-wrapper .barcode-data .barcode-title {
      display: flex;
      justify-content: center; }
  .price-sheet-modal-wrapper .close-modal-button {
    right: 20px;
    top: 10px;
    position: absolute; }
  .price-sheet-modal-wrapper .price-sheet-modal-body {
    max-height: 80vh;
    padding-right: 15px;
    overflow: hidden auto; }
    .price-sheet-modal-wrapper .price-sheet-modal-body .price-sheet-list, .price-sheet-modal-wrapper .price-sheet-modal-body .price-sheet-list-label {
      margin-top: 5px;
      overflow: auto;
      padding-right: 10px;
      display: flex;
      display: grid;
      grid-gap: 5px 15px; }
      .price-sheet-modal-wrapper .price-sheet-modal-body .price-sheet-list .price-sheet-list-header, .price-sheet-modal-wrapper .price-sheet-modal-body .price-sheet-list-label .price-sheet-list-header {
        grid-row: 1; }
    .price-sheet-modal-wrapper .price-sheet-modal-body .price-sheet-list > div {
      height: fit-content; }
    .price-sheet-modal-wrapper .price-sheet-modal-body div.fake-input-v2 {
      width: 100%;
      height: 25px;
      padding-left: 14px;
      padding-right: 14px;
      border: 1px solid #ddd;
      border-radius: 5px;
      background: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      min-width: 225px; }
    .price-sheet-modal-wrapper .price-sheet-modal-body .price-sheet-title {
      height: 30px;
      justify-content: center;
      display: flex; }
    .price-sheet-modal-wrapper .price-sheet-modal-body .price-sheet-sub-title {
      height: 30px;
      display: flex;
      position: relative;
      justify-content: space-between;
      margin: 20px 15px 10px; }
    .price-sheet-modal-wrapper .price-sheet-modal-body #price-sheet-title-note-entry {
      margin-top: 20px;
      margin-bottom: 0; }
    .price-sheet-modal-wrapper .price-sheet-modal-body .center-div {
      position: relative;
      margin: 0 auto; }
    .price-sheet-modal-wrapper .price-sheet-modal-body .flex-1 {
      flex: 1; }
    .price-sheet-modal-wrapper .price-sheet-modal-body .align-right {
      flex: 1;
      text-align: right; }
    .price-sheet-modal-wrapper .price-sheet-modal-body .btn-icons {
      position: absolute;
      right: -45px;
      top: 4px; }
    .price-sheet-modal-wrapper .price-sheet-modal-body .pricesheet-sale-value input {
      font-weight: bold; }
    .price-sheet-modal-wrapper .price-sheet-modal-body .input-suggest-values input {
      background: #f5f5f5; }
    .price-sheet-modal-wrapper .price-sheet-modal-body [disabled="disabled"] .mbg-input-wrapper input {
      background: #f5f5f5;
      font-weight: 500; }
  .price-sheet-modal-wrapper .price-sheet-modal-buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .price-sheet-modal-wrapper mbg-input-money input,
  .price-sheet-modal-wrapper mbg-input-percentage input,
  .price-sheet-modal-wrapper input-percentage-v2 input,
  .price-sheet-modal-wrapper mbg-input-number input,
  .price-sheet-modal-wrapper mbg-input-text input,
  .price-sheet-modal-wrapper input-v2 input,
  .price-sheet-modal-wrapper select-v2 .mbg-select-input-fake,
  .price-sheet-modal-wrapper mbg-input-money .mbg-input-wrapper,
  .price-sheet-modal-wrapper mbg-input-percentage .mbg-input-wrapper,
  .price-sheet-modal-wrapper mbg-input-number .mbg-input-wrapper,
  .price-sheet-modal-wrapper mbg-input-text .mbg-input-wrapper,
  .price-sheet-modal-wrapper .btn-save-square {
    height: 25px !important; }
  .price-sheet-modal-wrapper select-v2 .mbg-select-input-fake {
    cursor: pointer; }
  .price-sheet-modal-wrapper .padding-left {
    padding-left: 0px; }
  .price-sheet-modal-wrapper .padding-right {
    padding-right: 0px; }
  .price-sheet-modal-wrapper .scroll-price-sheets {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 12px; }
  .price-sheet-modal-wrapper .price-sheets-fixed-item {
    margin-right: 12px;
    width: 200px;
    position: relative; }
  .price-sheet-modal-wrapper .label-overflow {
    text-overflow: ellipsis;
    overflow: hidden; }
  .price-sheet-modal-wrapper .max-width {
    max-width: 250px; }
  .price-sheet-modal-wrapper input-v2 input {
    text-align: end; }
  .price-sheet-modal-wrapper .pricesheet-list-wrapper > div {
    width: 100%;
    display: flex; }
    .price-sheet-modal-wrapper .pricesheet-list-wrapper > div .col-md-2 {
      max-width: calc( 100% / 6); }
    .price-sheet-modal-wrapper .pricesheet-list-wrapper > div .col-md-3 {
      max-width: 25%; }
    .price-sheet-modal-wrapper .pricesheet-list-wrapper > div .col-md-4 {
      max-width: calc( 100% / 3); }
    .price-sheet-modal-wrapper .pricesheet-list-wrapper > div .col-md-6 {
      max-width: 50%; }
  .price-sheet-modal-wrapper .pricesheet-list-wrapper .pricesheet-variation-type:not(:has(*)) {
    flex-grow: 0; }
  .price-sheet-modal-wrapper .default-price-sheets {
    display: flex; }
    .price-sheet-modal-wrapper .default-price-sheets label {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  @media (max-width: 1280px) {
    .price-sheet-modal-wrapper .pricesheet-list-wrapper {
      overflow-x: auto;
      padding-bottom: 12px; }
      .price-sheet-modal-wrapper .pricesheet-list-wrapper > div {
        width: fit-content; }
      .price-sheet-modal-wrapper .pricesheet-list-wrapper div.fake-input-v2 {
        min-width: unset; }
    .price-sheet-modal-wrapper .default-price-sheets-wrapper {
      width: fit-content; }
    .price-sheet-modal-wrapper .scroll-price-sheets {
      overflow-x: unset;
      white-space: nowrap;
      padding-bottom: 0;
      margin-top: 0; } }
  .price-sheet-modal-wrapper .highlight-on-focus:focus-within {
    border-bottom: 2px solid var(--primary); }
.pricesheet-type-form-wrapper #tablePrice {
  height: 44px;
  text-align: right; }

.pricesheet-type-form-wrapper .btn-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center; }
  .pricesheet-type-form-wrapper .btn-container .btn-radio-option {
    height: 75px;
    width: 48%;
    min-width: 125px;
    cursor: pointer; }
    .pricesheet-type-form-wrapper .btn-container .btn-radio-option span {
      min-width: auto;
      padding: 0 10px; }

.pricesheet-type-form-wrapper .hotkey-label {
  color: #337ab7;
  cursor: pointer; }

.pricesheet-type-form-wrapper .input-container {
  transition: all .3s ease-in-out;
  max-height: 0;
  overflow: hidden; }
  .pricesheet-type-form-wrapper .input-container.active {
    max-height: 65px; }

.pricesheet-type-form-wrapper .close-link {
  float: right; }
.pricesheet-type-list-wrapper .header-box {
  display: flex;
  align-items: center; }

.pricesheet-type-list-wrapper .options {
  margin-left: auto; }

.pricesheet-type-list-wrapper .help {
  margin-right: 15px;
  margin-top: 10px; }

.pricesheet-type-list-wrapper .margin-tp {
  margin-top: 8px; }
product-search-select {
  background: transparent; }
  product-search-select mbg-select {
    width: 100%; }
.product-item-edit-wrapper h4 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 9px;
  margin-top: 6px; }
  .product-item-edit-wrapper h4 span {
    margin-left: 4px; }

.product-item-edit-wrapper .pagination-modal {
  position: absolute;
  right: 0px;
  margin-right: 20px; }

.product-item-edit-wrapper .cancel {
  color: var(--font2); }

.product-item-edit-wrapper p {
  font-size: 12px; }

.product-item-edit-wrapper .mbg-close-modal {
  position: absolute;
  right: 0px;
  top: 0px;
  margin-top: 21px;
  margin-right: 10px;
  font-size: 13px;
  color: var(--font2); }

.product-item-edit-wrapper .barcodes {
  overflow-y: scroll;
  overflow-x: clip;
  height: 280px;
  margin-left: -15px; }

.product-item-edit-wrapper .animate-next {
  opacity: 1;
  transition: opacity 200ms ease; }
  .product-item-edit-wrapper .animate-next.animate {
    opacity: 0; }

.product-item-edit-wrapper .mbg-circle {
  margin-top: 10px; }
.view-product-item-history mbg-list table {
  max-height: calc(80vh - 345px);
  position: relative;
  overflow: auto;
  display: block; }

.view-product-item-history mbg-list thead {
  position: sticky;
  top: 0;
  z-index: 1; }

.view-product-item-history mbg-list tbody > tr {
  background-color: #f5f5f5 !important; }
  .view-product-item-history mbg-list tbody > tr:nth-child(even) {
    background-color: #eaeaea !important; }

.view-product-item-history .mbg-header-modal,
.view-product-item-history .mbg-body-modal {
  padding: 0 !important;
  margin: 0 !important; }

.view-product-item-history .saleValue {
  padding: 5px;
  margin-left: 14px;
  border-radius: 15px; }

.view-product-item-history .stock-info {
  width: 100%;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center; }

.view-product-item-history .row-barcode {
  margin: 4px 0; }

.view-product-item-history .stock-history-link {
  font-size: 12px;
  margin-bottom: 5px; }

.view-product-item-history .product-data div.col-md-12 {
  display: flex;
  justify-content: space-between; }

.view-product-item-history .product-data label {
  font-size: 16px;
  color: var(--font2); }

.view-product-item-history .col-filter-icon div {
  margin-left: -25px;
  margin-top: 18px;
  width: 44px;
  height: 44px;
  background-color: white;
  border-radius: 7px;
  border: 1px solid var(--neutral3); }
  .view-product-item-history .col-filter-icon div i {
    color: var(--font2);
    font-size: 16px; }
  .view-product-item-history .col-filter-icon div i[class="fas fa-filter"] {
    transform: translate(13px, 13px) !important; }
  .view-product-item-history .col-filter-icon div i[class="fas fa-minus"] {
    transform: translate(15px, 12px) !important; }

.view-product-item-history .mbg-body-modal .pagination {
  padding: 10px 0;
  display: flex; }

.view-product-item-history .switch-wrapper {
  flex-direction: column;
  display: flex; }
  .view-product-item-history .switch-wrapper .switch {
    margin-top: 7px; }
.distribute-product-item-wrapper label.info {
  font-size: 16px;
  font-weight: 600;
  color: var(--font2); }
  .distribute-product-item-wrapper label.info span {
    margin: 0 10px; }

.distribute-product-item-wrapper table {
  margin-top: 24px; }
.passing-product-wrapper {
  padding: 44px; }
  .passing-product-wrapper .mbg-close-modal {
    color: var(--font2);
    position: absolute;
    right: 16px;
    top: 0px;
    font-size: 14px; }
    .passing-product-wrapper .mbg-close-modal i {
      margin-left: 7px; }
.search-input-terminal-wrapper {
  position: relative;
  display: flex;
  flex-direction: column; }
  .search-input-terminal-wrapper .gear-button {
    padding-right: 10px; }
  .search-input-terminal-wrapper .row {
    margin-right: -15px;
    margin-left: -15px; }
  .search-input-terminal-wrapper .filter-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px; }
  .search-input-terminal-wrapper .input-terminal {
    flex: 1;
    display: flex;
    align-items: center;
    height: 44px;
    background-color: #fff;
    border-radius: 5px;
    padding: 0 10px;
    border: 1px solid #ddd;
    position: relative; }

@keyframes line-loading {
  0% {
    left: 3px; }
  50% {
    left: calc(100% - 100px); }
  100% {
    left: 3px; } }
    .search-input-terminal-wrapper .input-terminal.loading::before {
      content: "";
      position: absolute;
      width: 100px;
      height: 1px;
      background: var(--primary);
      bottom: 0.5px;
      left: 3px;
      animation: line-loading 1s linear infinite; }
    .search-input-terminal-wrapper .input-terminal input {
      border: none;
      width: 100%;
      flex: 1;
      color: var(--font2); }
      .search-input-terminal-wrapper .input-terminal input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: var(--font3);
        font-style: italic;
        opacity: 1;
        /* Firefox */ }
      .search-input-terminal-wrapper .input-terminal input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: var(--font3);
        font-style: italic; }
      .search-input-terminal-wrapper .input-terminal input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: var(--font3);
        font-style: italic; }
    .search-input-terminal-wrapper .input-terminal span {
      margin: 0 15px 0px 6px;
      color: var(--font3); }
    .search-input-terminal-wrapper .input-terminal .select-filter {
      display: flex;
      flex-direction: column; }
      .search-input-terminal-wrapper .input-terminal .select-filter label {
        font-size: 9px;
        font-weight: 400;
        color: var(--font2); }
      .search-input-terminal-wrapper .input-terminal .select-filter select {
        border: none;
        color: var(--font2);
        transform: translateY(-2px) translateX(-4px); }
    .search-input-terminal-wrapper .input-terminal .type-filter {
      margin-right: 7px; }
      .search-input-terminal-wrapper .input-terminal .type-filter select {
        border-radius: 2px;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: "";
        padding: 0 10px;
        border: none;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--primary);
        color: #fff;
        text-align-last: center;
        cursor: pointer; }
        .search-input-terminal-wrapper .input-terminal .type-filter select option {
          background-color: #fff;
          color: var(--font2); }
    .search-input-terminal-wrapper .input-terminal .icon-search {
      height: 100%;
      width: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      color: var(--font2); }
    .search-input-terminal-wrapper .input-terminal .btn-camera {
      margin-left: 10px;
      font-size: 40px;
      color: #0747a6;
      margin-right: 10px; }
  .search-input-terminal-wrapper .search-button {
    position: relative;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-left: 8px;
    color: var(--font2);
    cursor: pointer;
    height: 44px;
    transition: all 300ms ease; }
    .search-input-terminal-wrapper .search-button .count-filters {
      width: 17px;
      height: 17px;
      background-color: var(--primary);
      color: #fff;
      font-size: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      position: absolute;
      font-weight: 600;
      top: -9px;
      right: -9px; }
  .search-input-terminal-wrapper .result-filters {
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    flex: 1;
    border-radius: 4px;
    padding: 5px;
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap; }
    .search-input-terminal-wrapper .result-filters .item-filter {
      position: relative;
      border-radius: 4px;
      background-color: #fff;
      height: 26px;
      padding: 0 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 8px; }
      .search-input-terminal-wrapper .result-filters .item-filter label {
        color: var(--font2);
        font-style: italic;
        font-weight: 500;
        margin-right: 4px; }
      .search-input-terminal-wrapper .result-filters .item-filter .close-icon {
        margin: 0 6px;
        color: var(--font2); }
  .search-input-terminal-wrapper .terminal-advanced-filters {
    overflow: hidden;
    position: relative;
    right: 0px;
    bottom: 2px;
    width: 100%;
    height: 0px;
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 9;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    opacity: 0;
    transition: all 300ms ease;
    padding: 0;
    display: flex;
    flex-direction: column; }
    .search-input-terminal-wrapper .terminal-advanced-filters label.title-filter {
      color: var(--font2);
      font-family: 400;
      margin-bottom: 2px; }
    .search-input-terminal-wrapper .terminal-advanced-filters .btn-filter {
      height: 44px;
      border-radius: 50px;
      width: 100%;
      background-color: var(--primary);
      font-weight: 600;
      color: #fff;
      border: none; }
    .search-input-terminal-wrapper .terminal-advanced-filters.opened {
      height: 190px;
      margin-top: 10px;
      opacity: 1;
      padding: 10px; }
.search-configuration-modal-wrapper {
  width: 550px; }
  .search-configuration-modal-wrapper .modal-body-label {
    width: 60%;
    padding-top: 12px;
    padding-left: 30px; }

.select-search-config-modal {
  width: 35%; }
product-item-search .product-item-search-wrapper {
  position: relative; }
  product-item-search .product-item-search-wrapper .gear-button {
    padding-right: 10px; }
  product-item-search .product-item-search-wrapper .input-terminal {
    flex: 1;
    display: flex;
    align-items: center;
    height: 44px;
    background-color: #fff;
    border-radius: 5px;
    padding: 0 10px;
    border: 1px solid #ddd;
    position: relative; }
    product-item-search .product-item-search-wrapper .input-terminal:focus-within {
      border-color: var(--primary); }

@keyframes line-loading {
  0% {
    left: 3px; }
  50% {
    left: calc(100% - 100px); }
  100% {
    left: 3px; } }
    product-item-search .product-item-search-wrapper .input-terminal.loading::before {
      content: "";
      position: absolute;
      width: 100px;
      height: 1px;
      background: var(--primary);
      bottom: 0.5px;
      left: 3px;
      animation: line-loading 1s linear infinite; }
    product-item-search .product-item-search-wrapper .input-terminal input {
      border: none;
      width: 100%;
      flex: 1;
      color: var(--font2); }
      product-item-search .product-item-search-wrapper .input-terminal input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: var(--font3);
        font-style: italic;
        opacity: 1;
        /* Firefox */ }
      product-item-search .product-item-search-wrapper .input-terminal input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: var(--font3);
        font-style: italic; }
      product-item-search .product-item-search-wrapper .input-terminal input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: var(--font3);
        font-style: italic; }
    product-item-search .product-item-search-wrapper .input-terminal span {
      margin: 0 15px 0px 6px;
      color: var(--font3); }
    product-item-search .product-item-search-wrapper .input-terminal .select-filter {
      display: flex;
      flex-direction: column; }
      product-item-search .product-item-search-wrapper .input-terminal .select-filter label {
        font-size: 9px;
        font-weight: 400;
        color: var(--font2); }
      product-item-search .product-item-search-wrapper .input-terminal .select-filter select {
        border: none;
        color: var(--font2);
        transform: translateY(-2px) translateX(-4px); }
    product-item-search .product-item-search-wrapper .input-terminal .type-filter {
      margin-right: 7px; }
      product-item-search .product-item-search-wrapper .input-terminal .type-filter select {
        border-radius: 2px;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: "";
        padding: 0 10px;
        border: none;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--primary);
        color: #fff;
        text-align-last: center;
        cursor: pointer; }
        product-item-search .product-item-search-wrapper .input-terminal .type-filter select option {
          background-color: #fff;
          color: var(--font2); }
    product-item-search .product-item-search-wrapper .input-terminal .icon-search {
      height: 100%;
      width: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      color: var(--font2); }
  product-item-search .product-item-search-wrapper .btn-camera {
    margin-left: 10px;
    font-size: 40px;
    color: #0747a6; }
    product-item-search .product-item-search-wrapper .btn-camera:focus {
      color: var(--font3); }
  product-item-search .product-item-search-wrapper .search-result-wrapper {
    position: absolute;
    top: 44px;
    background: #fff;
    width: 100%;
    z-index: 999999;
    border-radius: 5px;
    box-shadow: 0 4px 7px 1px rgba(0, 0, 0, 0.1); }
    product-item-search .product-item-search-wrapper .search-result-wrapper .search-empty {
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--font2);
      padding: 24px; }
      product-item-search .product-item-search-wrapper .search-result-wrapper .search-empty label {
        font-weight: 400;
        color: var(--font2);
        font-style: italic; }
        product-item-search .product-item-search-wrapper .search-result-wrapper .search-empty label b {
          color: var(--primary); }
    product-item-search .product-item-search-wrapper .search-result-wrapper ul {
      padding: 0;
      list-style: none;
      max-height: 332px;
      overflow: auto; }
    product-item-search .product-item-search-wrapper .search-result-wrapper li {
      padding: 12px 12px;
      color: var(--font2);
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      display: flex;
      align-items: center; }
      product-item-search .product-item-search-wrapper .search-result-wrapper li div {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%; }
      product-item-search .product-item-search-wrapper .search-result-wrapper li i {
        font-size: 20px; }
        product-item-search .product-item-search-wrapper .search-result-wrapper li i[class="fa fa-star"] {
          color: #ffc300; }
      product-item-search .product-item-search-wrapper .search-result-wrapper li:hover, product-item-search .product-item-search-wrapper .search-result-wrapper li.focused, product-item-search .product-item-search-wrapper .search-result-wrapper li:focus {
        background: #f5f5f5; }
      product-item-search .product-item-search-wrapper .search-result-wrapper li.recent-item {
        display: flex;
        flex-direction: column; }
        product-item-search .product-item-search-wrapper .search-result-wrapper li.recent-item label {
          font-weight: bold;
          margin-bottom: 5px; }
    product-item-search .product-item-search-wrapper .search-result-wrapper .item-wrapper {
      display: flex;
      align-items: center; }
      product-item-search .product-item-search-wrapper .search-result-wrapper .item-wrapper .image {
        width: 54px;
        height: 54px;
        border-radius: 5px;
        flex: none; }
      product-item-search .product-item-search-wrapper .search-result-wrapper .item-wrapper .content {
        padding: 0 18px;
        overflow: hidden; }
        product-item-search .product-item-search-wrapper .search-result-wrapper .item-wrapper .content h3 {
          font-size: 18px;
          margin: 0;
          max-width: 100%;
          overflow: hidden;
          text-overflow: ellipsis; }
        product-item-search .product-item-search-wrapper .search-result-wrapper .item-wrapper .content h2 {
          margin: 0;
          margin-top: 5px;
          font-size: 14px; }
      product-item-search .product-item-search-wrapper .search-result-wrapper .item-wrapper .values-wrapper {
        flex: none;
        min-width: fit-content; }
        product-item-search .product-item-search-wrapper .search-result-wrapper .item-wrapper .values-wrapper .price {
          display: flex;
          flex-direction: column;
          font-size: 16px; }
          product-item-search .product-item-search-wrapper .search-result-wrapper .item-wrapper .values-wrapper .price span {
            font-size: 12px;
            font-weight: bold; }
        product-item-search .product-item-search-wrapper .search-result-wrapper .item-wrapper .values-wrapper .stock {
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 100%;
          transform: none;
          position: relative;
          top: 0;
          left: 0;
          width: auto; }

product-item-search .btn-add-single-stock {
  height: 32px;
  background-color: var(--contrast);
  padding: 0 14px;
  color: #fff;
  border: none;
  border-radius: 5px;
  margin-top: 5px;
  margin-left: 8px;
  min-width: 42px; }

product-item-search .select-any-items-wrapper {
  padding: 0 7px; }
  product-item-search .select-any-items-wrapper .input-quant {
    height: 100%;
    color: var(--font1);
    min-width: 144px;
    border: none; }
    product-item-search .select-any-items-wrapper .input-quant::-webkit-input-placeholder {
      /* Edge */
      color: var(--font3); }
    product-item-search .select-any-items-wrapper .input-quant:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: var(--font3); }
    product-item-search .select-any-items-wrapper .input-quant::placeholder {
      color: var(--font3); }
  product-item-search .select-any-items-wrapper .mbg-select-wrapper .mbg-select-input-fake {
    border: 1px solid transparent;
    padding: 1px 0;
    background: transparent;
    width: 184px; }

product-item-search .select-any-stock-wrapper {
  overflow: hidden;
  height: 0;
  transition: all 300ms ease;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  opacity: 0;
  margin-top: 8px; }
  product-item-search .select-any-stock-wrapper.open-dismember {
    opacity: 1; }
  product-item-search .select-any-stock-wrapper .mbg-product-inline-wrapper .default-header-inline .price-col {
    padding-right: 20px; }
  product-item-search .select-any-stock-wrapper .mbg-product-inline-wrapper .inline-content .inline-row .price-col {
    padding-right: 20px; }
  product-item-search .select-any-stock-wrapper .mbg-product-inline-wrapper .inline-row {
    border-left: none;
    border-right: none; }
  product-item-search .select-any-stock-wrapper .title-dismember-value-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px; }
    product-item-search .select-any-stock-wrapper .title-dismember-value-wrapper h4 {
      margin-left: 12px;
      margin-top: 0;
      margin-bottom: 0;
      color: var(--font2); }
    product-item-search .select-any-stock-wrapper .title-dismember-value-wrapper i {
      margin-right: 12px;
      font-size: 18px;
      color: var(--font2); }
  product-item-search .select-any-stock-wrapper .dismember-btn-wrapper {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center; }
    product-item-search .select-any-stock-wrapper .dismember-btn-wrapper .add-button-dismember {
      width: 124px;
      height: 44px;
      border-radius: 22px;
      background-color: var(--contrast);
      border: none;
      color: #fff;
      font-weight: 800; }

product-item-search .focus:focus {
  color: var(--primary) !important; }

product-item-search .focus-bg:focus {
  background: var(--font3) !important; }

product-item-search .flex-row {
  display: flex;
  flex-direction: row;
  align-items: center; }
.action-parameters-wrapper .positive {
  color: rgba(3, 171, 3, 0.75); }

.action-parameters-wrapper .negative {
  color: rgba(255, 0, 0, 0.75); }

.action-parameters-wrapper .content-center {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  width: 80vw; }
  .action-parameters-wrapper .content-center button {
    display: grid;
    grid-template-columns: 28px 1fr;
    border-radius: 8px; }
    .action-parameters-wrapper .content-center button:focus-within {
      scale: 1.05; }
    .action-parameters-wrapper .content-center button.btn-positive {
      border-color: rgba(3, 171, 3, 0.75); }
    .action-parameters-wrapper .content-center button.btn-negative {
      border-color: rgba(255, 0, 0, 0.75); }
    .action-parameters-wrapper .content-center button div.action-label {
      flex: 1;
      white-space: nowrap;
      font-weight: bold;
      padding: 0px; }
    .action-parameters-wrapper .content-center button i {
      display: flex;
      height: -webkit-fill-available;
      height: -moz-available;
      align-content: center;
      flex-wrap: wrap; }

.action-parameters-wrapper label {
  cursor: unset !important; }

.action-parameters-wrapper div[class="mbg-select-input-fake"] {
  padding: 5px !important;
  height: 30px !important;
  cursor: pointer !important; }

.action-parameters-wrapper .col-md-6 {
  padding-left: 0; }

.m-b-2 {
  margin-bottom: 2px; }
.batch-changes-wrapper .mbg-label {
  margin-bottom: 0px; }

.batch-changes-wrapper .icon {
  display: flex;
  text-align: center;
  justify-content: center; }
  .batch-changes-wrapper .icon .circle {
    padding: 10px;
    border-radius: 50%;
    background-color: var(--primary); }
  .batch-changes-wrapper .icon i {
    font-size: 20px;
    color: #FFF; }

.batch-changes-wrapper .button-container {
  justify-content: center !important;
  margin: 40px 0 10px 0;
  flex-direction: column;
  align-items: center !important;
  width: auto !important; }
  .batch-changes-wrapper .button-container .btn-create {
    border-radius: 34px;
    width: 10%;
    height: 25px;
    border: none;
    background: var(--secondary);
    color: #FFF;
    font-weight: bold;
    padding: 15px;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .batch-changes-wrapper .button-container .clear a {
    color: var(--font2);
    font-size: 12px; }
  .batch-changes-wrapper .button-container .clear :hover {
    color: var(--primary); }
  .batch-changes-wrapper .button-container .div-tooltip {
    position: absolute;
    width: 10%;
    height: 50px;
    margin-bottom: 32px; }

.batch-changes-wrapper .weight {
  font-weight: 700;
  margin: 0; }

.batch-changes-wrapper .one-line {
  margin-top: 20px !important; }

.batch-changes-wrapper .two-lines {
  margin-top: 85px !important; }

.batch-changes-wrapper .three-lines {
  margin-top: 125px !important; }

.batch-changes-wrapper .search-nature {
  display: flex;
  justify-content: right; }

.batch-changes-wrapper .btn-search-nature {
  padding: 12px;
  background-color: var(--primary);
  font-size: 15px;
  font-weight: 700;
  border-radius: 7px;
  color: #fff;
  border: 1px solid #fff;
  text-transform: uppercase;
  margin-top: 32px; }

.batch-changes-wrapper .change-area {
  border-radius: 3px;
  margin: 20px;
  padding: 10px;
  border: 1px solid var(--primary);
  box-shadow: 7px 10px var(--primary); }
  .batch-changes-wrapper .change-area h3, .batch-changes-wrapper .change-area h4, .batch-changes-wrapper .change-area h5 {
    margin-top: 10px; }
  .batch-changes-wrapper .change-area .alert-message {
    margin: 0px 20px 0px 30px; }

.batch-changes-wrapper .change-cost-scroll {
  flex: 1;
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll; }

.batch-changes-wrapper .search-button {
  display: flex;
  align-items: center;
  padding-top: 15px; }
.product-management-search-component .main-row {
  align-items: stretch;
  margin: 3.5px 0px;
  display: flex;
  gap: 8px;
  min-width: 800px; }
  @media (max-width: 920px) {
    .product-management-search-component .main-row {
      min-width: 600px; } }
  .product-management-search-component .main-row .col-specific-fields {
    min-width: 192px; }
    @media (max-width: 1280px) {
      .product-management-search-component .main-row .col-specific-fields {
        min-width: 128px; } }
  .product-management-search-component .main-row .col-specific-operators {
    min-width: 155px; }
    @media (max-width: 1280px) {
      .product-management-search-component .main-row .col-specific-operators {
        min-width: 112px; } }
  .product-management-search-component .main-row .col-input {
    display: flex;
    flex-direction: row;
    flex: 1;
    width: auto;
    position: relative; }
    .product-management-search-component .main-row .col-input i.fa-search {
      position: absolute;
      right: -14px; }
    .product-management-search-component .main-row .col-input mbg-input-text {
      flex: 1; }
    .product-management-search-component .main-row .col-input i {
      transform: translate(-30px, 14px);
      color: var(--font2); }
  .product-management-search-component .main-row .col-button-print {
    min-width: fit-content;
    display: flex;
    align-items: center;
    margin-right: 10px;
    justify-content: space-between;
    gap: 8px; }
    .product-management-search-component .main-row .col-button-print button {
      height: 44px;
      font-weight: 700;
      background-color: var(--primary);
      color: #FFF;
      width: 100% !important;
      border-radius: 5px;
      border: none; }
      .product-management-search-component .main-row .col-button-print button:focus {
        scale: 1.05; }
  .product-management-search-component .main-row .col-filter-icon div {
    width: 44px;
    height: 44px;
    background-color: white;
    border-radius: 7px;
    border: 1px solid var(--neutral3); }
    .product-management-search-component .main-row .col-filter-icon div i {
      color: var(--font2);
      font-size: 16px; }
    .product-management-search-component .main-row .col-filter-icon div i[class="fas fa-filter"] {
      transform: translate(13px, 13px) !important; }
    .product-management-search-component .main-row .col-filter-icon div i[class="fas fa-minus"] {
      transform: translate(15px, 12px) !important; }

.product-management-search-component .no-padding {
  padding: 0; }

.product-management-search-component .col-input div.icon-div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 25px;
  background-color: white;
  border-radius: 7px;
  border: 1px solid var(--neutral3); }
  .product-management-search-component .col-input div.icon-div span {
    padding: 20px; }
  .product-management-search-component .col-input div.icon-div i {
    color: var(--font2);
    font-size: 16px; }

.product-management-search-component .filter-row {
  height: 0px !important;
  width: 91%;
  transition: 150ms ease-in;
  opacity: 0;
  z-index: 1;
  background-color: #f8f8f8;
  border-radius: 7px;
  border-bottom: 2px solid var(--primary);
  border-right: 2px solid var(--primary);
  border-left: 2px solid var(--primary);
  padding: 5px; }
  .product-management-search-component .filter-row .col-context {
    width: 290px;
    margin-right: 15px; }
  .product-management-search-component .filter-row .col-sqlkey {
    width: 360px;
    margin-right: 15px;
    margin-top: 18px; }
  .product-management-search-component .filter-row .col-input {
    width: 100%;
    margin-top: 18px; }
    .product-management-search-component .filter-row .col-input .input-date {
      display: flex;
      flex-direction: row; }
      .product-management-search-component .filter-row .col-input .input-date i[class="fa fa-calendar"] {
        transform: translate(-30px, 11px);
        font-size: 21px; }
  .product-management-search-component .filter-row .col-button {
    width: 240px;
    display: flex;
    justify-content: right;
    align-items: center;
    margin-right: 10px; }
    .product-management-search-component .filter-row .col-button button {
      min-width: 126px;
      height: 25px;
      padding: 0 6px;
      color: var(--primary);
      border: none;
      background-color: #fff;
      border-radius: 6px;
      font-weight: 600;
      border: 1px solid var(--primary);
      align-self: end; }
  .product-management-search-component .filter-row.opened {
    height: fit-content !important;
    opacity: 1; }

.product-management-search-component .col-filters-showcase {
  margin-left: 15px; }
  .product-management-search-component .col-filters-showcase .showcase {
    height: 50px;
    width: 1300px;
    overflow-y: hidden;
    display: flex;
    flex-wrap: wrap; }
  .product-management-search-component .col-filters-showcase .filter-card {
    background-color: white;
    padding: 7px;
    width: fit-content;
    height: 35px;
    border-radius: 7px;
    border-top: 2px solid var(--secondary);
    border-bottom: 1px solid var(--primary);
    margin: 5px 10px 0 0;
    font-style: italic; }
    .product-management-search-component .col-filters-showcase .filter-card span {
      margin-right: 5px; }

.thin-input .product-management-search-component .filter-row .col-input .input-date i[class="fa fa-calendar"] {
  transform: translate(-30px, 5px);
  font-size: 14px; }
.nfe-entry-search-wrapper {
  width: 95vw;
  height: 85vh;
  margin: 20px; }
  .nfe-entry-search-wrapper .nfe-entry-search-head {
    height: 100px;
    margin-bottom: 20px; }
    .nfe-entry-search-wrapper .nfe-entry-search-head .nfe-entry-search-title {
      margin: 20px; }
  .nfe-entry-search-wrapper .nfe-entry-search-body {
    height: calc( 100% - 295px);
    overflow: auto; }
  .nfe-entry-search-wrapper .nfe-entry-search-foot {
    height: 166; }
person-search .person-search-wrapper {
  position: relative;
  display: flex; }
  person-search .person-search-wrapper .input-terminal {
    flex: 1;
    display: flex;
    align-items: center;
    height: 44px;
    background-color: #fff;
    border-radius: 5px;
    padding: 0 10px;
    border: 1px solid #ddd;
    position: relative; }

@keyframes line-loading {
  0% {
    left: 3px; }
  50% {
    left: calc(100% - 100px); }
  100% {
    left: 3px; } }
    person-search .person-search-wrapper .input-terminal.loading::before {
      content: "";
      position: absolute;
      width: 100px;
      height: 1px;
      background: var(--primary);
      bottom: 0.5px;
      left: 3px;
      animation: line-loading 1s linear infinite; }
    person-search .person-search-wrapper .input-terminal input {
      border: none;
      width: 100%;
      flex: 1;
      color: var(--font2); }
      person-search .person-search-wrapper .input-terminal input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: var(--font3);
        font-style: italic;
        opacity: 1;
        /* Firefox */ }
      person-search .person-search-wrapper .input-terminal input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: var(--font3);
        font-style: italic; }
      person-search .person-search-wrapper .input-terminal input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: var(--font3);
        font-style: italic; }
    person-search .person-search-wrapper .input-terminal span {
      margin: 0 15px 0px 6px;
      color: var(--font3); }
    person-search .person-search-wrapper .input-terminal .select-filter {
      display: flex;
      flex-direction: column; }
      person-search .person-search-wrapper .input-terminal .select-filter label {
        font-size: 9px;
        font-weight: 400;
        color: var(--font2); }
      person-search .person-search-wrapper .input-terminal .select-filter select {
        border: none;
        color: var(--font2);
        transform: translateY(-2px) translateX(-4px); }
    person-search .person-search-wrapper .input-terminal .type-filter {
      margin-right: 7px; }
      person-search .person-search-wrapper .input-terminal .type-filter select {
        border-radius: 2px;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: "";
        padding: 0 10px;
        border: none;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--primary);
        color: #fff;
        text-align-last: center;
        cursor: pointer; }
        person-search .person-search-wrapper .input-terminal .type-filter select option {
          background-color: #fff;
          color: var(--font2); }
  person-search .person-search-wrapper .search-result-wrapper {
    position: absolute;
    top: 44px;
    background: #fff;
    width: 100%;
    z-index: 999999;
    border-radius: 5px;
    box-shadow: 0 4px 7px 1px rgba(0, 0, 0, 0.1); }
    person-search .person-search-wrapper .search-result-wrapper .search-empty {
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--font2);
      padding: 24px; }
      person-search .person-search-wrapper .search-result-wrapper .search-empty label {
        font-weight: 400;
        color: var(--font2);
        font-style: italic; }
        person-search .person-search-wrapper .search-result-wrapper .search-empty label b {
          color: var(--primary); }
    person-search .person-search-wrapper .search-result-wrapper img {
      width: 60px;
      border-radius: 50%; }
    person-search .person-search-wrapper .search-result-wrapper ul {
      padding: 0;
      list-style: none;
      max-height: 332px;
      overflow: auto; }
    person-search .person-search-wrapper .search-result-wrapper li {
      padding: 12px 12px;
      color: var(--font2);
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      display: flex;
      align-items: center; }
      person-search .person-search-wrapper .search-result-wrapper li div {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        padding-left: 20px; }
      person-search .person-search-wrapper .search-result-wrapper li i {
        font-size: 20px; }
        person-search .person-search-wrapper .search-result-wrapper li i[class="fa fa-star"] {
          color: #ffc300; }
      person-search .person-search-wrapper .search-result-wrapper li:hover, person-search .person-search-wrapper .search-result-wrapper li.focused, person-search .person-search-wrapper .search-result-wrapper li:focus {
        background: #f5f5f5; }
      person-search .person-search-wrapper .search-result-wrapper li.recent-item {
        display: flex;
        flex-direction: column; }
        person-search .person-search-wrapper .search-result-wrapper li.recent-item label {
          font-weight: bold;
          margin-bottom: 5px; }
    person-search .person-search-wrapper .search-result-wrapper .status {
      max-width: 40px;
      height: 40px;
      padding: 1px;
      font-size: 22px;
      font-weight: 900; }
    person-search .person-search-wrapper .search-result-wrapper .code {
      max-width: 170px; }
    person-search .person-search-wrapper .search-result-wrapper .type-client {
      max-width: 180px; }
    person-search .person-search-wrapper .search-result-wrapper .image {
      width: 50px;
      height: 50px; }
    person-search .person-search-wrapper .search-result-wrapper .image-icon {
      background-color: #cccccc;
      color: white;
      max-width: 50px;
      height: 50px;
      border-radius: 30px; }

person-search .person-info-wrapper {
  background-color: #ffc300;
  height: 100%;
  width: 100%; }
.productv2-errorslist-wrapper .btn {
  display: inline-block;
  align-items: center;
  justify-content: left;
  padding: 0%; }
  .productv2-errorslist-wrapper .btn button {
    height: 40px;
    color: var(--primary);
    border: none;
    background-color: #fff;
    border-radius: 6px;
    font-weight: 600;
    border: 1px solid var(--primary); }

.productv2-errorslist-wrapper .btn:hover button {
  color: #fff;
  background-color: var(--primary);
  border: 1px #fff; }

.productv2-errorslist-wrapper .not-found-records {
  height: 550px;
  width: 100%;
  border-radius: 20px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center; }
  .productv2-errorslist-wrapper .not-found-records label {
    font-weight: 500;
    font-size: 20px;
    color: var(--font2);
    font-style: italic; }

.productv2-errorslist-wrapper .icon {
  display: flex;
  justify-content: center; }

.productv2-errorslist-wrapper .ellipsis-error {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.add-edit-product-category-wrapper {
  padding: 3%; }
  .add-edit-product-category-wrapper .flex-div {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
.stock-item-batch-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center; }
  .stock-item-batch-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    padding: 8px; }
    .stock-item-batch-wrapper .content-modal-wrapper .header-modal-wrapper {
      padding: 15px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .stock-item-batch-wrapper .content-modal-wrapper .body-modal-wrapper {
      display: flex;
      flex-direction: column;
      height: 90%; }
      .stock-item-batch-wrapper .content-modal-wrapper .body-modal-wrapper button {
        height: 44px;
        margin-top: 18px;
        font-size: 13px;
        font-weight: 700;
        background-color: var(--secondary);
        color: #FFF;
        margin-top: 20px;
        border: unset;
        border-radius: 6px;
        width: 100%; }
      .stock-item-batch-wrapper .content-modal-wrapper .body-modal-wrapper .input-session {
        display: flex;
        justify-content: space-between; }
        .stock-item-batch-wrapper .content-modal-wrapper .body-modal-wrapper .input-session .input-data {
          display: flex;
          justify-content: space-between;
          width: 100%; }
      .stock-item-batch-wrapper .content-modal-wrapper .body-modal-wrapper .table-container {
        width: 100%;
        height: 85%;
        overflow: auto;
        margin-top: 10px; }
        .stock-item-batch-wrapper .content-modal-wrapper .body-modal-wrapper .table-container td {
          padding: 5px !important;
          vertical-align: middle !important; }
        .stock-item-batch-wrapper .content-modal-wrapper .body-modal-wrapper .table-container thead {
          background-color: var(--primary) !important; }
        .stock-item-batch-wrapper .content-modal-wrapper .body-modal-wrapper .table-container table {
          border-collapse: collapse;
          width: 100%; }
        .stock-item-batch-wrapper .content-modal-wrapper .body-modal-wrapper .table-container table > thead > tr > th > span {
          color: white !important;
          font-weight: bolder !important; }
        .stock-item-batch-wrapper .content-modal-wrapper .body-modal-wrapper .table-container thead > tr, .stock-item-batch-wrapper .content-modal-wrapper .body-modal-wrapper .table-container th {
          padding: 5px !important;
          height: 10px !important; }
        .stock-item-batch-wrapper .content-modal-wrapper .body-modal-wrapper .table-container thead, .stock-item-batch-wrapper .content-modal-wrapper .body-modal-wrapper .table-container th {
          position: sticky;
          top: 0;
          z-index: 1; }
        .stock-item-batch-wrapper .content-modal-wrapper .body-modal-wrapper .table-container tbody:nth-child(odd) .tr-main {
          background-color: #efefef; }
  .stock-item-batch-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .stock-item-batch-wrapper .right {
    text-align: right !important; }
  .stock-item-batch-wrapper .left {
    text-align: left !important; }
  .stock-item-batch-wrapper .center {
    text-align: center !important; }
  .stock-item-batch-wrapper .fa-2x {
    transition: 0.3s ease; }
  .stock-item-batch-wrapper .rotate {
    transform: rotate(90deg); }
.batch-movement-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center; }
  .batch-movement-wrapper .content-modal-wrapper {
    width: 300px;
    height: 270px;
    background-color: white;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    flex-direction: column; }
    .batch-movement-wrapper .content-modal-wrapper .top-bar {
      width: 100%;
      display: flex;
      justify-content: flex-end; }
  .batch-movement-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .batch-movement-wrapper .quick-search {
    height: 44px;
    margin: 15px 0px;
    font-weight: 700;
    background-color: #fff;
    border: 2px solid var(--primary);
    color: var(--primary); }
    .batch-movement-wrapper .quick-search.active {
      background-color: var(--primary);
      color: #fff; }
  .batch-movement-wrapper .options-container {
    display: flex;
    justify-content: space-between; }
    .batch-movement-wrapper .options-container .option-button {
      display: flex;
      flex-direction: column;
      margin: 0px 10px; }
  .batch-movement-wrapper button {
    border: none;
    background: transparent;
    color: var(--font2);
    min-width: 100px;
    padding: 10px 14px;
    border-radius: 7px;
    margin-right: 5px; }
    .batch-movement-wrapper button.active {
      background: var(--primary);
      color: #fff;
      font-weight: bold; }
    .batch-movement-wrapper button i {
      margin: 0px 8px; }
  .batch-movement-wrapper .input-number {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    padding: 8px 14px;
    flex: 1;
    outline: none;
    height: 44px;
    width: 100%;
    cursor: text;
    text-align: right; }
  .batch-movement-wrapper input[type="number"]::-webkit-outer-spin-button,
  .batch-movement-wrapper input[type="number"]::-webkit-inner-spin-button {
    width: 100px;
    height: 50px;
    transform: translateX(15px);
    cursor: pointer; }
  .batch-movement-wrapper .save-btn-container {
    display: flex;
    margin: 0px auto; }
  .batch-movement-wrapper .save-btn {
    height: 44px;
    margin-top: 18px;
    font-weight: 700;
    background-color: var(--secondary);
    color: #FFF;
    margin-top: 20px; }
.stock-item-batch-form-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center; }
  .stock-item-batch-form-wrapper .content-modal-wrapper {
    width: 400px;
    height: 330px;
    background-color: white;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    flex-direction: column; }
    .stock-item-batch-form-wrapper .content-modal-wrapper .top-bar {
      width: 100%;
      display: flex;
      justify-content: flex-end; }
  .stock-item-batch-form-wrapper .name-batch-container {
    margin-bottom: 10px; }
  .stock-item-batch-form-wrapper .active-batch-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .stock-item-batch-form-wrapper .active-batch-container .active-batch-switch {
      margin-top: 5px; }
  .stock-item-batch-form-wrapper .save-btn-container {
    display: flex;
    justify-content: center; }
    .stock-item-batch-form-wrapper .save-btn-container button {
      border: none;
      background: transparent;
      color: var(--font2);
      min-width: 100px;
      padding: 10px 14px;
      border-radius: 7px;
      margin-right: 5px; }
      .stock-item-batch-form-wrapper .save-btn-container button.active {
        background: var(--primary);
        color: #fff;
        font-weight: bold; }
      .stock-item-batch-form-wrapper .save-btn-container button i {
        margin: 0px 8px; }
    .stock-item-batch-form-wrapper .save-btn-container .save-btn {
      height: 44px;
      margin-top: 18px;
      font-weight: 700;
      background-color: var(--secondary);
      color: #FFF;
      margin-top: 20px; }
.product-expiration-list-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center; }
  .product-expiration-list-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    padding: 8px; }
    .product-expiration-list-wrapper .content-modal-wrapper .body-modal-wrapper {
      display: flex;
      flex-direction: column;
      height: 90%; }
      .product-expiration-list-wrapper .content-modal-wrapper .body-modal-wrapper button {
        height: 44px;
        margin-top: 18px;
        font-size: 13px;
        font-weight: 700;
        background-color: var(--secondary);
        color: #FFF;
        margin-top: 20px;
        border: unset;
        border-radius: 6px;
        width: 100%; }
      .product-expiration-list-wrapper .content-modal-wrapper .body-modal-wrapper .input-session {
        display: flex;
        justify-content: space-between; }
        .product-expiration-list-wrapper .content-modal-wrapper .body-modal-wrapper .input-session .input-data {
          display: flex;
          justify-content: space-between;
          width: 100%; }
      .product-expiration-list-wrapper .content-modal-wrapper .body-modal-wrapper .table-container {
        width: 100%;
        height: 85%;
        overflow: auto;
        margin-top: 10px;
        padding-left: 1.2vw; }
.product-expiration-form-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center; }
  .product-expiration-form-wrapper .content-modal-wrapper {
    max-width: 400px;
    width: 35vw;
    height: 35vh;
    background-color: white;
    border-radius: 10px;
    padding: 3rem;
    display: flex;
    flex-direction: column; }
    .product-expiration-form-wrapper .content-modal-wrapper .top-bar {
      width: 100%;
      display: flex;
      justify-content: flex-end; }
    .product-expiration-form-wrapper .content-modal-wrapper .input-session {
      display: flex;
      justify-content: space-between;
      margin-top: 5vh; }
  .product-expiration-form-wrapper .save-btn-container {
    display: flex;
    justify-content: center; }
    .product-expiration-form-wrapper .save-btn-container button {
      border: none;
      background: transparent;
      color: var(--font2);
      min-width: 100px;
      padding: 10px 14px;
      border-radius: 7px;
      margin-right: 5px; }
      .product-expiration-form-wrapper .save-btn-container button.active {
        background: var(--primary);
        color: #fff;
        font-weight: bold; }
      .product-expiration-form-wrapper .save-btn-container button i {
        margin: 0px 8px; }
    .product-expiration-form-wrapper .save-btn-container .save-btn {
      height: 44px;
      margin-top: 18px;
      font-weight: 700;
      background-color: var(--secondary);
      color: #FFF;
      margin-top: 20px; }
.characteristic-form-wrapper .box-preview {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
  min-height: 133px;
  padding: 15px; }

.characteristic-form-wrapper pre {
  margin-top: 15px; }

.characteristic-form-wrapper .m-t {
  margin-top: 40px; }
.generic-inputs-wrapper label {
  display: block; }
.person-form-wrapper h4 {
  margin-bottom: 0px; }

.person-form-wrapper .btn-finish {
  margin: 34px 0; }

.person-form-wrapper .label-expand {
  font-size: 11px;
  color: var(--font2);
  margin-top: 10px;
  cursor: pointer;
  font-weight: 100;
  text-decoration: underline; }
  .person-form-wrapper .label-expand.remove {
    color: #e81756;
    text-decoration-color: red; }
  .person-form-wrapper .label-expand.error {
    color: #e81756;
    text-decoration: none; }
    .person-form-wrapper .label-expand.error span {
      text-decoration: underline;
      color: #047ebd;
      text-decoration-color: #047ebd; }

.person-form-wrapper .input-owner-login {
  margin-bottom: 15px; }

.person-form-wrapper .config-engine {
  position: absolute;
  right: 40px;
  margin-bottom: 2px; }

.person-form-wrapper .row-direction {
  display: inline-flex; }
.person-documents-wrapper {
  margin-bottom: 30px; }
  .person-documents-wrapper .link-isento {
    font-size: 13px;
    color: var(--font2);
    cursor: pointer; }
    .person-documents-wrapper .link-isento span {
      border-bottom: 1px solid var(--neutral2); }
  .person-documents-wrapper .issuing-agency input {
    text-transform: uppercase; }
  .person-documents-wrapper .fake-input-icon {
    font-size: 1.8rem; }
    .person-documents-wrapper .fake-input-icon.invalid {
      color: red; }
    .person-documents-wrapper .fake-input-icon.valid {
      color: green; }
  .person-documents-wrapper .without-padding {
    padding-right: 0px !important;
    padding-left: 0px !important; }
.person-data-wrapper {
  margin-bottom: 40px; }
  .person-data-wrapper mbg-input-phone input.ng-touched.ng-invalid {
    border: none !important; }
    .person-data-wrapper mbg-input-phone input.ng-touched.ng-invalid.mbg-error {
      border: 2px solid var(--error) !important;
      position: relative; }
  .person-data-wrapper button.toogle-phone-type {
    font-size: 9px;
    border: none;
    outline: none;
    padding: 0; }
  .person-data-wrapper .phone-with-whatsapp {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    flex: 1;
    outline: none;
    width: inherit;
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    height: 27px; }
    .person-data-wrapper .phone-with-whatsapp .mbg-input-wrapper input {
      border: none; }
    .person-data-wrapper .phone-with-whatsapp [class="fa fa-whatsapp"] {
      font-size: 19px;
      margin-right: 14px; }
    .person-data-wrapper .phone-with-whatsapp .phone-type {
      font-size: 9px;
      font-weight: bold;
      color: var(--font2); }
      .person-data-wrapper .phone-with-whatsapp .phone-type.whatsapp {
        color: #03a01e; }
  .person-data-wrapper .nickname {
    transition: all 500ms ease;
    height: 0;
    overflow: hidden; }
    .person-data-wrapper .nickname.active {
      height: 89px; }
  .person-data-wrapper .emails-wrapper .primary-phone-label, .person-data-wrapper .phones-wrapper .primary-phone-label {
    float: right;
    padding-left: 9px; }
  .person-data-wrapper .emails-wrapper .primary-email-label, .person-data-wrapper .phones-wrapper .primary-email-label {
    float: right;
    margin-right: 11px; }
  .person-data-wrapper .emails-wrapper .email-item:nth-of-type(1), .person-data-wrapper .emails-wrapper .phone-item:nth-of-type(1), .person-data-wrapper .phones-wrapper .email-item:nth-of-type(1), .person-data-wrapper .phones-wrapper .phone-item:nth-of-type(1) {
    margin-top: 0; }
  .person-data-wrapper span {
    font-weight: 500;
    color: var(--font2); }
  .person-data-wrapper .content-remove {
    min-height: 44px; }
    .person-data-wrapper .content-remove .remove-item {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px; }
      .person-data-wrapper .content-remove .remove-item [class="fa fa-close"] {
        color: var(--font2);
        font-size: 1.3em;
        cursor: pointer; }
  .person-data-wrapper .email-with-primary {
    max-width: 80%;
    width: 80%;
    flex: 1;
    display: flex;
    align-items: center; }
  .person-data-wrapper .centralize-button {
    padding-top: 9px;
    padding-left: 0px; }
.person-side-session-wrapper .m-b {
  margin-bottom: 30px; }

.person-side-session-wrapper .custom-label-toogle {
  margin-top: 14px;
  margin-bottom: 5px; }
  .person-side-session-wrapper .custom-label-toogle span {
    margin-left: 8px; }

.person-side-session-wrapper ul {
  list-style: none;
  padding: 0px 0 0 0;
  margin-left: 0; }
  .person-side-session-wrapper ul.commissions li {
    cursor: pointer; }
  .person-side-session-wrapper ul li {
    display: flex;
    align-items: center; }
    .person-side-session-wrapper ul li i {
      margin-right: 10px;
      color: var(--font2); }

.person-side-session-wrapper .btn-add-pass {
  margin-top: 15px;
  height: 44px;
  background-color: var(--secondary);
  color: #fff;
  border-radius: 50px;
  font-weight: 600;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .person-side-session-wrapper .btn-add-pass i {
    margin-right: 7px; }

.person-side-session-wrapper .mannequin-link .count-selected-items {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #fff;
  border-radius: 50%;
  background-color: #337ab7;
  margin-left: 14px;
  font-weight: 600;
  font-size: 11px; }

.person-side-session-wrapper .checkox {
  display: flex;
  flex-direction: column; }

.person-side-session-wrapper .manual-link {
  margin-top: 12px; }
.person-address-wrapper {
  margin-bottom: 40px; }
  .person-address-wrapper .address-wrapper .address-item {
    margin-top: 15px; }
    .person-address-wrapper .address-wrapper .address-item:nth-of-type(1) {
      margin-top: 0; }
  .person-address-wrapper .address-wrapper .primaryAddressLabel {
    float: right;
    margin-right: 5px; }
  .person-address-wrapper span {
    color: var(--font2);
    font-weight: 700; }
  .person-address-wrapper .centralize-button {
    padding-top: 8px;
    padding-left: 0px; }
  .person-address-wrapper .content-remove {
    min-height: 44px; }
    .person-address-wrapper .content-remove .remove-item {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px; }
      .person-address-wrapper .content-remove .remove-item [class="fa fa-close"] {
        color: var(--font2);
        font-size: 1.3em;
        cursor: pointer; }
.person-fiscal-wrapper {
  margin-bottom: 40px; }
  .person-fiscal-wrapper .bt-group-mobiage {
    margin-top: 14px; }
    .person-fiscal-wrapper .bt-group-mobiage label {
      padding: 8px 14px; }
  .person-fiscal-wrapper .btn-select-file {
    width: 100%;
    border-radius: 5px;
    background: #fff;
    color: var(--font3);
    border: 1px solid var(--neutral3);
    margin-bottom: 14px;
    display: flex;
    height: 25px;
    align-items: center;
    justify-content: center; }
    .person-fiscal-wrapper .btn-select-file span {
      border-bottom: 1px solid var(--secondary);
      color: var(--secondary);
      font-size: 12px;
      font-weight: 600;
      margin-left: 12px; }
    .person-fiscal-wrapper .btn-select-file i {
      font-size: 18px;
      display: block;
      margin-bottom: 5px; }
  .person-fiscal-wrapper .divisor-line {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    margin-bottom: 15px; }
.person-segment-wrapper gumga-tree-ng gumga-tree-ng-child .gumga-tree-ng-item-child .glyphicon-chevron-right,
.person-segment-wrapper gumga-tree-ng gumga-tree-ng-child .gumga-tree-ng-item-child .glyphicon-chevron-down {
  margin-top: 5px; }

.person-segment-wrapper gumga-tree-ng gumga-tree-ng-child .gumga-tree-ng-item-child {
  align-items: flex-start; }

.person-segment-wrapper gumga-tree-ng .actions.disable-action {
  visibility: hidden;
  pointer-events: none; }

.person-segment-wrapper gumga-tree-ng .gumga-tree-ng-item-child > ng-transclude {
  display: flex;
  width: 100%;
  padding-left: 44px; }
  .person-segment-wrapper gumga-tree-ng .gumga-tree-ng-item-child > ng-transclude ng-transclude {
    width: 100%; }

.person-segment-wrapper gumga-tree-ng .mbg-multi-select-scroll {
  width: 100%; }

.person-segment-wrapper gumga-tree-ng .label {
  cursor: pointer;
  margin-left: 15px;
  float: right;
  margin-right: 15px;
  width: 60px;
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .person-segment-wrapper gumga-tree-ng .label.active {
    background: #00c2bf;
    color: #fff; }

.person-segment-wrapper gumga-tree-ng .actions {
  display: flex;
  align-items: center;
  justify-content: center; }
  .person-segment-wrapper gumga-tree-ng .actions i.active {
    color: var(--primary); }

.person-segment-wrapper gumga-tree-ng mbg-multi-select {
  margin-top: 14px; }

.person-segment-wrapper gumga-tree-ng .input-select {
  padding-right: 30px; }
  .person-segment-wrapper gumga-tree-ng .input-select.pad-input {
    padding-left: 25px; }

.person-segment-wrapper gumga-tree-ng .gumga-tree-ng-item-child {
  position: relative; }
  .person-segment-wrapper gumga-tree-ng .gumga-tree-ng-item-child span {
    position: absolute; }
  .person-segment-wrapper gumga-tree-ng .gumga-tree-ng-item-child .space-between {
    margin-left: 8px; }

.person-segment-wrapper .warn {
  color: var(--warn);
  font-style: italic;
  font-weight: 400; }

.person-segment-wrapper .relative {
  position: relative;
  width: 100%; }

.person-segment-wrapper .m-t-10 {
  margin-top: 10px; }

i.fas.fa-spinner {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.person-bank-data-wrapper .txt-right {
  width: 100%;
  text-align: right; }
.person-checking-account-wrapper {
  margin-bottom: 40px; }
.person-relationship-wrapper .relationship {
  margin-bottom: 14px; }

.person-relationship-wrapper a.link {
  cursor: pointer;
  color: var(--font2);
  margin-top: 14px; }

.person-relationship-wrapper .content-remove {
  min-height: 25px; }
  .person-relationship-wrapper .content-remove .remove-relationship {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px; }
    .person-relationship-wrapper .content-remove .remove-relationship [class="fa fa-close"] {
      color: var(--font2);
      font-size: 1.3em;
      cursor: pointer; }
.person-reference-wrapper {
  margin-bottom: 40px; }
  .person-reference-wrapper .item {
    margin-bottom: 14px; }
  .person-reference-wrapper .bt-actions {
    margin-top: 5px; }
  .person-reference-wrapper .m-t-84 {
    margin-top: 84px; }
  .person-reference-wrapper .work-item {
    padding: 0 14px 14px 14px;
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    border-radius: 6px;
    margin-top: 14px;
    margin-bottom: 10px; }
.person-authorizeds-wrapper {
  margin-bottom: 40px; }
  .person-authorizeds-wrapper .item {
    margin-bottom: 14px; }
  .person-authorizeds-wrapper .print-button {
    position: absolute;
    right: 18px;
    bottom: 14px;
    font-size: 12px;
    color: var(--font2); }
  .person-authorizeds-wrapper .mbg-input-file-wrapper .input-fake {
    border-radius: 5px;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }
  .person-authorizeds-wrapper .bt-actions {
    margin-top: 5px; }
  .person-authorizeds-wrapper .m-t-84 {
    margin-top: 84px; }
  .person-authorizeds-wrapper .work-item {
    padding: 0 14px 14px 14px;
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    border-radius: 6px;
    margin-top: 14px;
    margin-bottom: 10px;
    position: relative; }
.person-comments-wrapper .switch-wrapper {
  margin-top: 9px; }

.person-comments-wrapper .person-memo-wrapper {
  margin-bottom: 6px; }

.person-comments-wrapper .col-show-pdv {
  margin-right: 34px;
  width: 124px;
  display: flex;
  align-items: center;
  justify-content: center; }

.person-comments-wrapper .col-memo {
  flex: 1;
  display: flex;
  align-items: center; }
  .person-comments-wrapper .col-memo mbg-input-text {
    width: 100%; }

.person-comments-wrapper label {
  margin: 0px; }

.person-comments-wrapper .col-actions {
  width: 100px; }

.person-comments-wrapper .bt-actions {
  margin-top: 7px; }

.person-comments-wrapper .person-memo-item {
  margin-bottom: 6px; }

.person-comments-wrapper .labels-pdv {
  min-height: 54px;
  text-align: center; }
.person-contacts-wrapper .switch-wrapper {
  margin-top: 9px; }

.person-contacts-wrapper .person-reference-contact-wrapper {
  margin-top: 14px; }

.person-contacts-wrapper .col-show-pdv {
  margin-right: 14px;
  width: 124px;
  display: flex;
  align-items: center;
  justify-content: center; }

.person-contacts-wrapper .col-memo {
  flex: 1;
  margin-right: 24px; }

.person-contacts-wrapper .col-actions {
  width: 100px; }

.person-contacts-wrapper .bt-actions {
  margin-top: 7px; }

.person-contacts-wrapper .contact-wrapper {
  margin-bottom: 6px; }

.person-contacts-wrapper .row-contact {
  margin-bottom: 6px; }
.person-documents-file-wrapper {
  margin-bottom: 40px; }
  .person-documents-file-wrapper .item {
    margin-bottom: 14px; }
  .person-documents-file-wrapper .mbg-input-file-wrapper .input-fake {
    border-radius: 5px;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }
  .person-documents-file-wrapper .bt-actions {
    margin-top: 5px; }
  .person-documents-file-wrapper .m-t-84 {
    margin-top: 84px; }
  .person-documents-file-wrapper .work-item {
    padding: 0 14px 14px 14px;
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    border-radius: 6px;
    margin-top: 14px;
    margin-bottom: 10px;
    position: relative; }
.person-reference-wrapper {
  margin-bottom: 40px; }
  .person-reference-wrapper .item {
    margin-bottom: 14px; }
  .person-reference-wrapper .bt-actions {
    margin-top: 5px; }
  .person-reference-wrapper .m-t-84 {
    margin-top: 84px; }
  .person-reference-wrapper .work-item {
    padding: 0 14px 14px 14px;
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    border-radius: 6px;
    margin-top: 14px;
    margin-bottom: 10px; }
.person-credit-wrapper .download-file {
  color: var(--font2); }
  .person-credit-wrapper .download-file svg {
    width: 28px;
    fill: var(--font2); }
.modal-spc-consultation {
  max-height: 700px;
  background: #fff;
  overflow: hidden;
  border-radius: 12px;
  display: flex;
  flex-direction: column; }
  .modal-spc-consultation .btn-close-modal {
    font-size: 24px;
    position: absolute;
    cursor: pointer;
    right: 24px;
    top: 24px;
    color: #222; }
  .modal-spc-consultation .modal-spc-consultation-body-html {
    overflow: auto;
    padding: 34px; }
  .modal-spc-consultation .modal-spc-consultation-body {
    flex: 1;
    overflow: hidden;
    background: #ffff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 54px; }
    .modal-spc-consultation .modal-spc-consultation-body img {
      width: 134px;
      margin-bottom: 20px;
      align-self: center; }
    .modal-spc-consultation .modal-spc-consultation-body h3 {
      color: #444; }
    .modal-spc-consultation .modal-spc-consultation-body p {
      color: #555; }
    .modal-spc-consultation .modal-spc-consultation-body .consultation-type {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 64px;
      border: 1px solid var(--font2);
      color: var(--font2);
      border-radius: 4px;
      cursor: pointer; }
      .modal-spc-consultation .modal-spc-consultation-body .consultation-type.active {
        border: 1px solid var(--primary);
        color: var(--primary); }
      .modal-spc-consultation .modal-spc-consultation-body .consultation-type span {
        font-size: 11px;
        font-weight: bold;
        text-align: center; }
    .modal-spc-consultation .modal-spc-consultation-body .row-custom .col-md-5 {
      padding: 5px; }
    .modal-spc-consultation .modal-spc-consultation-body mbg-input-cpf-cnpj .mbg-icon-select,
    .modal-spc-consultation .modal-spc-consultation-body mbg-select .mbg-icon-select {
      display: none; }
    .modal-spc-consultation .modal-spc-consultation-body mbg-input-cpf-cnpj input,
    .modal-spc-consultation .modal-spc-consultation-body mbg-select input {
      border: none;
      font-size: 24px;
      text-align: center;
      color: var(--font2);
      font-weight: bold;
      padding-left: 0;
      padding-right: 0; }
#personPreferences .person-preferences-wrapper .vertical-center {
  display: flex;
  align-items: center; }
  #personPreferences .person-preferences-wrapper .vertical-center .day-to-send-automatic-note-warn {
    font-size: 11px;
    background-color: #f9f9f9;
    border-radius: 3px;
    padding: 5px; }

#personPreferences .person-preferences-wrapper .min-height-panel {
  min-height: 25px; }
  #personPreferences .person-preferences-wrapper .min-height-panel .mbg-panel {
    padding: 2px !important; }

#personPreferences .person-preferences-wrapper .m-t-10 {
  margin-top: 10px; }

#personPreferences .person-preferences-wrapper .register-container {
  margin-bottom: 14px;
  min-height: 64px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 524px;
  padding: 0 24px;
  border-radius: 8px; }
  #personPreferences .person-preferences-wrapper .register-container.column {
    flex-direction: column;
    align-items: flex-start;
    align-content: baseline;
    justify-content: center; }

#personPreferences .person-preferences-wrapper .tag-options {
  display: flex; }
  #personPreferences .person-preferences-wrapper .tag-options .tag-option {
    background: #fff;
    border-radius: 5px;
    height: 52px;
    width: 75px;
    display: flex;
    margin-left: 8px;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    #personPreferences .person-preferences-wrapper .tag-options .tag-option * {
      cursor: pointer;
      user-select: none; }
    #personPreferences .person-preferences-wrapper .tag-options .tag-option:active {
      opacity: .6; }
    #personPreferences .person-preferences-wrapper .tag-options .tag-option.active {
      border: 1px solid var(--primary); }
      #personPreferences .person-preferences-wrapper .tag-options .tag-option.active * {
        fill: var(--primary) !important;
        color: var(--primary); }
    #personPreferences .person-preferences-wrapper .tag-options .tag-option svg {
      width: 34px; }
    #personPreferences .person-preferences-wrapper .tag-options .tag-option span {
      text-align: center;
      font-size: 12px; }

#personPreferences hr {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }
.edit-email-wrapper {
  width: 75vw; }
  .edit-email-wrapper .tag-row-label {
    margin: 2mm; }
  .edit-email-wrapper .tag-button {
    margin: 2mm;
    color: white;
    background: dimgrey; }
  .edit-email-wrapper .header-parcels {
    display: flex;
    height: 40px;
    background-color: var(--primary);
    border-radius: 4px;
    margin-bottom: 0px; }
    .edit-email-wrapper .header-parcels .parcel-col {
      display: flex;
      flex: 1;
      align-items: center;
      position: relative; }
      .edit-email-wrapper .header-parcels .parcel-col.parc-col {
        max-width: 60px; }
        .edit-email-wrapper .header-parcels .parcel-col.parc-col.charge-checkbox {
          flex: 1;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
      .edit-email-wrapper .header-parcels .parcel-col.individual-col {
        margin-right: 14px;
        display: flex;
        justify-content: center; }
      .edit-email-wrapper .header-parcels .parcel-col.actions {
        max-width: 124px;
        display: flex;
        align-items: center;
        justify-content: center; }
      .edit-email-wrapper .header-parcels .parcel-col.status-col {
        justify-content: center;
        max-width: 158px !important; }
    .edit-email-wrapper .header-parcels span {
      color: #fff;
      font-weight: 600; }
  .edit-email-wrapper .edit-email-form {
    padding-top: 10px; }
    .edit-email-wrapper .edit-email-form .text-area {
      overflow: auto;
      max-height: 55vh;
      min-height: 21px;
      margin-bottom: 20px;
      margin-top: 20px;
      width: 100%; }
  .edit-email-wrapper .character-counter {
    float: right;
    padding: 0.1rem 0 0 0;
    font-size: 0.875rem; }
.preview-email-wrapper {
  width: 75vw;
  height: 80%;
  max-height: 80%; }
  .preview-email-wrapper .preview {
    height: fit-content;
    background-color: #efefef;
    padding: 5mm;
    border: black 0.5mm solid;
    border-radius: 10px;
    overflow: auto;
    max-height: 55vh; }
    .preview-email-wrapper .preview table {
      border: 1px solid #05476e; }
      .preview-email-wrapper .preview table tr {
        height: 40px; }
      .preview-email-wrapper .preview table tr.header {
        height: 40px;
        background-color: #05476e;
        color: #fff; }
      .preview-email-wrapper .preview table th {
        margin-left: 5px;
        margin-right: 5px;
        border: 1px solid #05476e;
        text-align: center; }
      .preview-email-wrapper .preview table td {
        text-align: center;
        background: white;
        border: 1px solid #05476e; }
.person-recipes-wrapper .person-recipe-item {
  padding: 14px;
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5;
  border-radius: 6px;
  margin-top: 14px;
  margin-bottom: 10px;
  position: relative; }

.person-recipes-wrapper .recipe-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 244px; }
  .person-recipes-wrapper .recipe-type label {
    margin-top: 0px !important; }

.person-recipes-wrapper .recipe-date {
  width: 184px;
  padding-left: 34px; }

.person-recipes-wrapper .recipe-table {
  flex: 1;
  padding-left: 34px; }
  .person-recipes-wrapper .recipe-table table {
    width: 100%;
    border-radius: 4px;
    overflow: hidden; }
    .person-recipes-wrapper .recipe-table table tr {
      height: 34px; }
    .person-recipes-wrapper .recipe-table table thead {
      background-color: #c1c1c1;
      border-top-left-radius: 4px; }
    .person-recipes-wrapper .recipe-table table tbody tr {
      background-color: #dadada; }
      .person-recipes-wrapper .recipe-table table tbody tr label {
        font-weight: 400; }
      .person-recipes-wrapper .recipe-table table tbody tr input {
        border: none;
        text-align: center;
        width: 104px; }

.person-recipes-wrapper .m-t-add-bt {
  margin-top: 10px; }
.person-share-wrapper .span-alert {
  font-weight: bolder;
  color: red; }

.person-share-wrapper .shareOptions {
  padding-left: 15px; }

.person-share-wrapper .mbg-label {
  font-weight: bold; }
.person-parameters-wrapper .row-space {
  margin-bottom: 12px; }
  .person-parameters-wrapper .row-space h3 {
    font-size: 18px; }

.person-parameters-wrapper .fix-heigth {
  min-height: 25px;
  display: flex;
  justify-content: end;
  flex-direction: column; }

.person-parameters-wrapper .action-btn {
  width: 100%;
  height: 2.5rem;
  border-radius: .5rem; }
  @media screen and (min-width: 992px) {
    .person-parameters-wrapper .action-btn {
      width: 3rem; } }
  .person-parameters-wrapper .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }
  .person-parameters-wrapper .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }

.person-parameters-wrapper .terms-header {
  display: flex;
  width: -webkit-fill-available; }
  .person-parameters-wrapper .terms-header .configuration-button {
    margin-left: 10px; }

.person-parameters-wrapper .mt-2 {
  margin-top: 2rem; }

.person-parameters-wrapper .password-div {
  display: flex;
  gap: 12px;
  align-items: unset; }
.choose-winner-supplier-wrapper {
  padding: 12px 12px 24px 12px;
  width: 30vw;
  display: flex;
  flex-direction: column;
  gap: 6px; }
  .choose-winner-supplier-wrapper .header-box {
    display: flex;
    flex-direction: column-reverse; }
  .choose-winner-supplier-wrapper .password-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0px 12px;
    align-items: center; }
  .choose-winner-supplier-wrapper .close-box {
    padding-right: 12px; }
  .choose-winner-supplier-wrapper .footer-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 0px;
    flex-direction: column;
    gap: 12px; }
    .choose-winner-supplier-wrapper .footer-box mbg-btn-form .mbg-btn-form-wrapper button {
      height: 25px !important; }
    .choose-winner-supplier-wrapper .footer-box .cancel-bottom {
      color: var(--font1); }
  .choose-winner-supplier-wrapper .position-relative {
    position: relative; }
  .choose-winner-supplier-wrapper .eye-button {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 5; }
  .choose-winner-supplier-wrapper .input-fake::placeholder {
    font-size: 10px; }
  .choose-winner-supplier-wrapper cp-page-title {
    font-size: 11px; }
.person-pets-wrapper .pet {
  margin-bottom: 14px; }

.person-pets-wrapper .address-wrapper .address-name-label {
  margin-left: 8.2rem; }

.person-pets-wrapper .address-wrapper .address-item {
  margin-top: 15px; }
  .person-pets-wrapper .address-wrapper .address-item:nth-of-type(1) {
    margin-top: 0; }

.person-pets-wrapper a.link {
  cursor: pointer;
  color: var(--font2);
  margin-top: 14px;
  font-size: 14px; }

.person-pets-wrapper .note-content {
  min-height: 44px;
  margin-top: 4.2rem; }
  .person-pets-wrapper .note-content .remove-pet {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px; }
    .person-pets-wrapper .note-content .remove-pet [class="fa fa-close"] {
      color: var(--font2);
      font-size: 1.3em;
      cursor: pointer; }
.person-plan-wrapper .action-btn {
  width: 100%;
  height: 2.5rem;
  border-radius: .5rem; }
  @media screen and (min-width: 992px) {
    .person-plan-wrapper .action-btn {
      width: 2.5rem; } }
  .person-plan-wrapper .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }
  .person-plan-wrapper .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }
.person-list-wrapper * [class="fa fa-address-card-o"] {
  font-size: 20px;
  color: #bbb;
  cursor: pointer;
  will-change: transform;
  transition: all 250ms ease; }
  .person-list-wrapper * [class="fa fa-address-card-o"]:hover, .person-list-wrapper * [class="fa fa-address-card-o"]:active {
    color: var(--primary);
    transform: scale(1.1); }

.person-list-wrapper .table-responsive {
  overflow-x: visible; }

.person-list-wrapper .ellipsis {
  max-width: 300px !important; }

.person-list-wrapper .nickname {
  margin-left: 15px;
  font-style: italic; }

.person-list-wrapper .user-image {
  height: 25px !important;
  width: 25px !important; }

.person-list-wrapper .align-items {
  display: flex;
  align-items: center; }

.person-list-wrapper .help-button {
  margin-top: 12px; }
.personv2-birthdate-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .personv2-birthdate-wrapper .chat-container {
    flex: 1;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    box-shadow: 0 0px 5px -2px rgba(0, 0, 0, 0.1);
    border: 1px solid #f5f5f5; }
    .personv2-birthdate-wrapper .chat-container .title-all-users {
      text-align: center;
      margin: 0;
      margin-top: 24px; }
    .personv2-birthdate-wrapper .chat-container .contacts-wrapper {
      width: 264px;
      border-right: 1px solid #f5f5f5;
      display: flex;
      flex-direction: column; }
      .personv2-birthdate-wrapper .chat-container .contacts-wrapper .search-wrapper {
        height: 44px;
        border-bottom: 1px solid #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 24px;
        min-height: fit-content; }
        .personv2-birthdate-wrapper .chat-container .contacts-wrapper .search-wrapper i {
          width: 35px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: var(--font2); }
        .personv2-birthdate-wrapper .chat-container .contacts-wrapper .search-wrapper input {
          height: 100%;
          flex: 1;
          border: none; }
      .personv2-birthdate-wrapper .chat-container .contacts-wrapper .contacts-wrapper-scroll {
        flex: 1;
        overflow: auto;
        overflow-x: hidden;
        max-height: 700px; }
      .personv2-birthdate-wrapper .chat-container .contacts-wrapper .contact-item {
        padding: 18px 24px;
        display: flex;
        position: relative;
        cursor: pointer; }
        .personv2-birthdate-wrapper .chat-container .contacts-wrapper .contact-item [class="fas fa-birthday-cake"] {
          position: absolute;
          right: 15px;
          bottom: 15px;
          font-size: 16px;
          color: #f39c2f; }
        .personv2-birthdate-wrapper .chat-container .contacts-wrapper .contact-item.active {
          background: #F4F9FD; }
        .personv2-birthdate-wrapper .chat-container .contacts-wrapper .contact-item .customer-image {
          margin-right: 12px; }
          .personv2-birthdate-wrapper .chat-container .contacts-wrapper .contact-item .customer-image .circle {
            border-radius: 50%; }
          .personv2-birthdate-wrapper .chat-container .contacts-wrapper .contact-item .customer-image img {
            width: 38px;
            height: 38px; }
          .personv2-birthdate-wrapper .chat-container .contacts-wrapper .contact-item .customer-image i {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            background: #b5acac;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px; }
        .personv2-birthdate-wrapper .chat-container .contacts-wrapper .contact-item .customer-metadata {
          padding: 0;
          flex: 1; }
          .personv2-birthdate-wrapper .chat-container .contacts-wrapper .contact-item .customer-metadata label {
            font-size: 16px;
            margin: 0; }
          .personv2-birthdate-wrapper .chat-container .contacts-wrapper .contact-item .customer-metadata p {
            color: #222;
            font-size: 14px;
            margin: 0; }
    .personv2-birthdate-wrapper .chat-container .chat-history {
      flex: 1;
      display: flex;
      flex-direction: column; }
      .personv2-birthdate-wrapper .chat-container .chat-history .chat-header {
        min-height: 44px;
        display: flex;
        color: var(--font2);
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #f5f5f5; }
      .personv2-birthdate-wrapper .chat-container .chat-history .chat-message-scroll {
        flex: 1;
        display: grid;
        overflow: auto; }
      .personv2-birthdate-wrapper .chat-container .chat-history .chat-message-wrapper {
        flex: 1;
        overflow: visible;
        padding: 0 44px; }
        .personv2-birthdate-wrapper .chat-container .chat-history .chat-message-wrapper.contains-message {
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          align-items: flex-end; }
        .personv2-birthdate-wrapper .chat-container .chat-history .chat-message-wrapper .message-group {
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          align-items: flex-end;
          width: 100%; }
          .personv2-birthdate-wrapper .chat-container .chat-history .chat-message-wrapper .message-group .group-title {
            width: 100%;
            display: flex;
            justify-content: center;
            height: 54px;
            align-items: center; }
            .personv2-birthdate-wrapper .chat-container .chat-history .chat-message-wrapper .message-group .group-title .group-title-line {
              flex: 1;
              background: #f5f5f5;
              height: 2px; }
            .personv2-birthdate-wrapper .chat-container .chat-history .chat-message-wrapper .message-group .group-title label {
              min-width: fit-content;
              padding: 0 20px;
              color: var(--font2); }
        .personv2-birthdate-wrapper .chat-container .chat-history .chat-message-wrapper .message-item {
          background: #f5f5f5;
          border-radius: 5px;
          padding: 14px 14px;
          margin-bottom: 10px; }
          .personv2-birthdate-wrapper .chat-container .chat-history .chat-message-wrapper .message-item pre {
            border: none;
            margin: 0;
            padding: 0;
            max-width: 100%;
            max-width: 100px; }
        .personv2-birthdate-wrapper .chat-container .chat-history .chat-message-wrapper .chat-empty {
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          .personv2-birthdate-wrapper .chat-container .chat-history .chat-message-wrapper .chat-empty img {
            width: 40%; }
          .personv2-birthdate-wrapper .chat-container .chat-history .chat-message-wrapper .chat-empty h4 {
            font-size: 15px; }
      .personv2-birthdate-wrapper .chat-container .chat-history .chat-input-wrapper {
        min-height: 64px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 24px; }
        .personv2-birthdate-wrapper .chat-container .chat-history .chat-input-wrapper .chat-input {
          width: 100%;
          border: 1px solid #f5f5f5;
          border-radius: 4px;
          height: 44px;
          display: flex;
          align-items: center; }
          .personv2-birthdate-wrapper .chat-container .chat-history .chat-input-wrapper .chat-input input {
            border: none;
            flex: 1;
            padding: 0 24px; }
          .personv2-birthdate-wrapper .chat-container .chat-history .chat-input-wrapper .chat-input button {
            border: none;
            background: var(--primary);
            border-radius: 50%;
            width: 34px;
            height: 34px;
            color: #fff;
            margin-right: 15px;
            display: flex;
            outline: none;
            align-items: center;
            justify-content: center; }
    .personv2-birthdate-wrapper .chat-container .chat-contact-info {
      width: 264px;
      border-left: 1px solid #f5f5f5;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 24px 10px 10px 24px;
      color: var(--font2); }
      .personv2-birthdate-wrapper .chat-container .chat-contact-info img {
        border-radius: 50%;
        width: 50%; }
      .personv2-birthdate-wrapper .chat-container .chat-contact-info h5 {
        width: 100%;
        text-align: left;
        font-size: 10px;
        margin-top: 24px;
        margin-bottom: 14px; }
      .personv2-birthdate-wrapper .chat-container .chat-contact-info h3 {
        font-size: 18px;
        margin-top: 14px; }
      .personv2-birthdate-wrapper .chat-container .chat-contact-info ul {
        margin: 0;
        margin-top: 24px;
        list-style: none;
        padding: 0; }
        .personv2-birthdate-wrapper .chat-container .chat-contact-info ul.contact-info {
          font-size: 12px;
          width: 100%; }
          .personv2-birthdate-wrapper .chat-container .chat-contact-info ul.contact-info li {
            margin-bottom: 5px; }
        .personv2-birthdate-wrapper .chat-container .chat-contact-info ul.contact-dash {
          width: 100%; }
          .personv2-birthdate-wrapper .chat-container .chat-contact-info ul.contact-dash i {
            width: 24px; }
            .personv2-birthdate-wrapper .chat-container .chat-contact-info ul.contact-dash i[class="fas fa-shopping-bag"] {
              color: #0bbcbf;
              font-size: 15px; }
            .personv2-birthdate-wrapper .chat-container .chat-contact-info ul.contact-dash i[class="fas fa-money-check"] {
              color: #ff8a22; }
          .personv2-birthdate-wrapper .chat-container .chat-contact-info ul.contact-dash li {
            margin-bottom: 10px;
            font-size: 13px; }
        .personv2-birthdate-wrapper .chat-container .chat-contact-info ul.contact-sales {
          width: 100%;
          margin: 0; }
          .personv2-birthdate-wrapper .chat-container .chat-contact-info ul.contact-sales li {
            display: flex;
            margin-bottom: 14px; }
            .personv2-birthdate-wrapper .chat-container .chat-contact-info ul.contact-sales li img {
              width: 44px;
              height: 44px; }
            .personv2-birthdate-wrapper .chat-container .chat-contact-info ul.contact-sales li .item-sale-metadata {
              display: flex;
              flex-direction: column;
              flex: 1;
              justify-content: center;
              padding: 0 14px; }
              .personv2-birthdate-wrapper .chat-container .chat-contact-info ul.contact-sales li .item-sale-metadata label {
                font-size: 12px; }
.modal-spc-intro {
  max-height: 640px;
  background: #fff;
  overflow: hidden;
  border-radius: 12px;
  display: flex;
  flex-direction: column; }
  .modal-spc-intro .btn-close-modal {
    font-size: 24px;
    position: absolute;
    cursor: pointer;
    right: 24px;
    top: 24px;
    color: #222; }
  .modal-spc-intro .modal-spc-intro-body {
    flex: 1;
    overflow: auto;
    overflow-x: hidden;
    background: #ffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 54px; }
    .modal-spc-intro .modal-spc-intro-body img {
      width: 300px;
      margin-bottom: 20px; }
    .modal-spc-intro .modal-spc-intro-body h3 {
      color: #444; }
    .modal-spc-intro .modal-spc-intro-body p {
      color: #555; }
.modal-spc-accept {
  max-height: 640px;
  background: #fff;
  overflow: hidden;
  border-radius: 12px;
  display: flex;
  flex-direction: column; }
  .modal-spc-accept .btn-close-modal {
    font-size: 24px;
    position: absolute;
    cursor: pointer;
    right: 24px;
    top: 24px;
    color: #222; }
  .modal-spc-accept .modal-spc-accept-body {
    flex: 1;
    overflow: auto;
    overflow-x: hidden;
    background: #ffff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 54px; }
    .modal-spc-accept .modal-spc-accept-body img {
      width: 300px;
      margin-bottom: 20px; }
    .modal-spc-accept .modal-spc-accept-body h3 {
      color: #444; }
    .modal-spc-accept .modal-spc-accept-body p {
      color: #555; }
.modal-spc-credentials {
  max-height: 640px;
  min-height: 640px;
  background: #fff;
  overflow: hidden;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .modal-spc-credentials .btn-close-modal {
    font-size: 24px;
    position: absolute;
    cursor: pointer;
    right: 24px;
    top: 24px;
    color: #222; }
  .modal-spc-credentials .modal-spc-credentials-body {
    flex: 1;
    overflow: hidden;
    background: #ffff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 54px; }
    .modal-spc-credentials .modal-spc-credentials-body img {
      width: 280px;
      margin-bottom: 20px;
      align-self: center; }
    .modal-spc-credentials .modal-spc-credentials-body h3 {
      color: #444; }
    .modal-spc-credentials .modal-spc-credentials-body p {
      color: #555; }
.modal-quick-register {
  max-height: 640px;
  background: #fff;
  overflow: hidden;
  border-radius: 12px;
  display: flex;
  flex-direction: column; }
  .modal-quick-register .modal-quick-register-header {
    min-height: fit-content;
    position: relative;
    padding: 34px 34px 0 34px; }
    .modal-quick-register .modal-quick-register-header .mbg-close-modal {
      color: var(--font2);
      position: absolute;
      right: 16px;
      top: 32px;
      font-size: 14px; }
      .modal-quick-register .modal-quick-register-header .mbg-close-modal i {
        margin-left: 7px; }
  .modal-quick-register mbg-select[fetch="$ctrl.indicators"] .mbg-select-input-fake span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 26px; }
  .modal-quick-register .modal-quick-register-body {
    flex: 1;
    overflow: auto;
    overflow-x: hidden;
    padding: 0 34px 24px 34px;
    background: #f5f5f5; }
  .modal-quick-register .modal-quick-register-footer {
    min-height: fit-content;
    padding: 24px 34px 24px 34px;
    background: #fff;
    border-top: 1px solid #ddd; }
    .modal-quick-register .modal-quick-register-footer .cancel-link {
      margin-bottom: 14px; }
.person-mannequin-wrapper label {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.person-mannequin-wrapper .ma-container {
  width: 1000px !important; }
  .person-mannequin-wrapper .ma-container .bt-actions {
    margin-top: 6px; }
  .person-mannequin-wrapper .ma-container .row-bt {
    margin-bottom: 6px; }
.personv2-history-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .personv2-history-wrapper .fit-content {
    height: fit-content; }
  .personv2-history-wrapper .height-full {
    height: 100%; }
  .personv2-history-wrapper .empty-history {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .personv2-history-wrapper .empty-history svg {
      width: 144px;
      fill: var(--font3); }
    .personv2-history-wrapper .empty-history label {
      margin-top: 34px;
      color: var(--font3); }
  .personv2-history-wrapper .mbg-content-timeline {
    padding: 14px 8px; }
    .personv2-history-wrapper .mbg-content-timeline .mbg-description-timeline {
      padding-right: 14px; }
      .personv2-history-wrapper .mbg-content-timeline .mbg-description-timeline h4 {
        color: var(--font2);
        margin: 0;
        font-size: 16px; }
      .personv2-history-wrapper .mbg-content-timeline .mbg-description-timeline p {
        color: var(--font2);
        margin-top: 10px;
        font-size: 13px; }
      .personv2-history-wrapper .mbg-content-timeline .mbg-description-timeline .mbg-calender-timeline {
        display: flex;
        align-items: center;
        font-size: 11px;
        color: var(--font2); }
        .personv2-history-wrapper .mbg-content-timeline .mbg-description-timeline .mbg-calender-timeline i {
          font-size: 13px;
          margin-right: 8px; }
    .personv2-history-wrapper .mbg-content-timeline .actions {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .personv2-history-wrapper .mbg-content-timeline .actions .mbg-btn-timeline {
        background-color: transparent;
        color: var(--primary);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        border: none;
        transition: all 200ms ease; }
        .personv2-history-wrapper .mbg-content-timeline .actions .mbg-btn-timeline:hover {
          transform: scale(1.03);
          font-weight: 600; }
  .personv2-history-wrapper .return-button {
    text-align: right; }
.personv2-history-points-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column; }
  .personv2-history-points-wrapper.modalPadding {
    background-color: rgba(0, 0, 0, 0.25);
    padding: 60px; }
    .personv2-history-points-wrapper.modalPadding.content-modal-wrapper {
      background-color: #fff !important; }
  .personv2-history-points-wrapper .mbg-label {
    margin-top: 45px; }
  .personv2-history-points-wrapper div.close-modal {
    display: flex;
    justify-content: end; }
  .personv2-history-points-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 8px;
    display: flex;
    flex-direction: column; }
    .personv2-history-points-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative; }
  .personv2-history-points-wrapper .mbg-refresh {
    display: flex;
    align-items: center;
    margin-top: 3px; }
    .personv2-history-points-wrapper .mbg-refresh i {
      font-size: 22px;
      color: var(--font2); }
  .personv2-history-points-wrapper .user-name span {
    font-size: 24px; }
  .personv2-history-points-wrapper .d-flex {
    display: flex; }
  .personv2-history-points-wrapper .content-space-between {
    justify-content: space-between; }
  .personv2-history-points-wrapper .content-center {
    justify-content: center; }
  .personv2-history-points-wrapper .content-flex-end {
    justify-content: flex-end; }
  .personv2-history-points-wrapper .column {
    display: flex;
    flex-direction: column; }
  .personv2-history-points-wrapper .default-margin {
    margin-right: 44px; }
  .personv2-history-points-wrapper .points-value {
    font-size: 22px; }
.birthday-banner {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 35px;
  border-radius: 20px;
  padding: 10px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  transform: translateY(-5px);
  animation: bannerAnimation 5s ease infinite; }
  .birthday-banner span {
    font-weight: bolder;
    color: white;
    font-size: 13px; }
  .birthday-banner i {
    color: white;
    font-size: 15px; }
  .birthday-banner i:hover {
    color: white !important; }

.month-banner {
  background-color: var(--primary); }

.day-banner {
  background-color: var(--secondary); }

@keyframes bannerAnimation {
  0% {
    box-shadow: -5px 10px 8px rgba(0, 0, 0, 0.2); }
  50% {
    box-shadow: 5px 10px 8px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: -5px 10px 8px rgba(0, 0, 0, 0.2); } }
.employee-parameters-wrapper .ma-container {
  width: 60vw !important;
  height: 70vh !important; }
  .employee-parameters-wrapper .ma-container .bt-actions {
    margin-top: 6px; }
  .employee-parameters-wrapper .ma-container .row-bt {
    margin-bottom: 6px; }

.employee-parameters-wrapper .mbg-header-modal {
  min-height: 95px !important; }

.employee-parameters-wrapper .operations-wrapper {
  margin-top: 14px;
  padding-left: 50px; }
  .employee-parameters-wrapper .operations-wrapper ul {
    list-style: none;
    padding-left: 25px; }
    .employee-parameters-wrapper .operations-wrapper ul li {
      color: var(--font2); }
      .employee-parameters-wrapper .operations-wrapper ul li label {
        font-weight: 100;
        margin-left: 5px; }
      .employee-parameters-wrapper .operations-wrapper ul li .operation-role-item {
        display: flex;
        align-items: center; }
        .employee-parameters-wrapper .operations-wrapper ul li .operation-role-item .item {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          margin-top: 4px; }

.employee-parameters-wrapper .btn.gmd.raised.btn-default {
  text-transform: uppercase !important; }
.import-employee-parameters-wrapper .ma-container .bt-actions {
  margin-top: 6px; }

.import-employee-parameters-wrapper .ma-container .row-bt {
  margin-bottom: 6px; }

.import-employee-parameters-wrapper .mbg-header-modal {
  min-height: 95px !important; }
.home-wrapper .disable-dashboard {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .home-wrapper .disable-dashboard h4 {
    font-size: 18px;
    color: var(--font2); }

.home-wrapper .tooltip-chart {
  display: flex;
  flex-direction: column; }

#image-home {
  height: 100%;
  width: 100%; }
  #image-home img {
    height: 100%;
    width: 100%; }
.loading-animation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  z-index: 99999999;
  backdrop-filter: blur(10px); }
  .loading-animation .flex-container {
    margin: auto;
    height: 100%;
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .loading-animation .lds-default {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px; }
  .loading-animation .lds-default div {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #0747A6;
    border-radius: 50%;
    animation: lds-default 1.2s linear infinite; }
  .loading-animation .lds-default div:nth-child(1) {
    animation-delay: 0s;
    top: 37px;
    left: 66px; }
  .loading-animation .lds-default div:nth-child(2) {
    animation-delay: -0.1s;
    top: 22px;
    left: 62px; }
  .loading-animation .lds-default div:nth-child(3) {
    animation-delay: -0.2s;
    top: 11px;
    left: 52px; }
  .loading-animation .lds-default div:nth-child(4) {
    animation-delay: -0.3s;
    top: 7px;
    left: 37px; }
  .loading-animation .lds-default div:nth-child(5) {
    animation-delay: -0.4s;
    top: 11px;
    left: 22px; }
  .loading-animation .lds-default div:nth-child(6) {
    animation-delay: -0.5s;
    top: 22px;
    left: 11px; }
  .loading-animation .lds-default div:nth-child(7) {
    animation-delay: -0.6s;
    top: 37px;
    left: 7px; }
  .loading-animation .lds-default div:nth-child(8) {
    animation-delay: -0.7s;
    top: 52px;
    left: 11px; }
  .loading-animation .lds-default div:nth-child(9) {
    animation-delay: -0.8s;
    top: 62px;
    left: 22px; }
  .loading-animation .lds-default div:nth-child(10) {
    animation-delay: -0.9s;
    top: 66px;
    left: 37px; }
  .loading-animation .lds-default div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px; }
  .loading-animation .lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px; }
  .loading-animation .message {
    font-size: 15px; }

@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); } }
.movementv2-link-wrapper {
  margin-bottom: 194px; }
  .movementv2-link-wrapper .reference-desc {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
    margin: 0;
    padding-right: 5px; }
  .movementv2-link-wrapper .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #eaeaea; }
  .movementv2-link-wrapper .options-link {
    color: var(--warn);
    font-weight: bold;
    text-decoration: underline;
    display: flex;
    justify-content: space-between; }
    .movementv2-link-wrapper .options-link.width-160 {
      width: 160px; }
    .movementv2-link-wrapper .options-link.width-194 {
      width: 194px; }
  .movementv2-link-wrapper .alert-primary {
    height: 44px;
    background: transparent;
    margin-bottom: 24px;
    border-radius: 5px;
    font-weight: 500;
    color: var(--font2);
    display: flex;
    align-items: center;
    justify-content: center; }
  .movementv2-link-wrapper mbg-input-search {
    margin-bottom: 24px;
    display: flex; }
  .movementv2-link-wrapper .link-cancel {
    margin-top: 24px; }
  .movementv2-link-wrapper .link {
    color: var(--font2);
    font-size: 11px;
    border-bottom: 1px solid #666;
    font-weight: 100; }
  .movementv2-link-wrapper .table-responsive {
    overflow: visible; }
  .movementv2-link-wrapper mbg-list .table > tbody > tr > td,
  .movementv2-link-wrapper mbg-list .table > tbody > tr > th {
    padding: 10px 24px; }
  .movementv2-link-wrapper mbg-list .table > tbody > tr > td[ng-if="$row.isAdicional"] {
    padding: 10px 34px !important;
    cursor: default;
    border-top: 1px solid transparent; }
  .movementv2-link-wrapper .bounde h5 {
    font-weight: 400;
    font-size: 12px;
    color: var(--font2); }
  .movementv2-link-wrapper .bounde h4 {
    font-weight: 400;
    font-size: 14px;
    color: var(--font1); }
  .movementv2-link-wrapper .link-product-details {
    display: flex;
    padding-left: 12px;
    margin-top: -15px; }
    .movementv2-link-wrapper .link-product-details svg {
      width: 34px;
      height: 34px;
      stroke: var(--secondary);
      margin-right: 15px;
      margin-top: -5px; }
  .movementv2-link-wrapper .xml-items-wrapper .xml-items-header {
    display: flex;
    overflow: hidden;
    height: 40px;
    font-weight: bold;
    color: #fff;
    background-color: var(--primary);
    border-radius: 4px;
    margin-bottom: 8px; }
  .movementv2-link-wrapper .xml-items-wrapper .line-through {
    opacity: 0.6;
    pointer-events: none;
    text-decoration: none; }
    .movementv2-link-wrapper .xml-items-wrapper .line-through label {
      text-decoration: line-through; }
  .movementv2-link-wrapper .xml-items-wrapper .xml-item-wrapper {
    border-radius: 5px;
    min-height: 84px;
    background: #fff;
    margin-bottom: 8px;
    box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.3);
    color: var(--font2);
    padding: 14px 0 0 0; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-item-wrapper .xml-item {
      display: flex;
      padding-bottom: 8px; }
      .movementv2-link-wrapper .xml-items-wrapper .xml-item-wrapper .xml-item .xml-link-item-wrapper {
        display: flex;
        align-items: center; }
        .movementv2-link-wrapper .xml-items-wrapper .xml-item-wrapper .xml-item .xml-link-item-wrapper svg {
          width: 30px;
          margin-right: 8px; }
        .movementv2-link-wrapper .xml-items-wrapper .xml-item-wrapper .xml-item .xml-link-item-wrapper span {
          font-size: 12px;
          color: #337ab7;
          margin-right: 8px; }
        .movementv2-link-wrapper .xml-items-wrapper .xml-item-wrapper .xml-item .xml-link-item-wrapper a {
          text-decoration: underline;
          font-size: 12px;
          color: #337ab7;
          margin-bottom: 5px; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-item-wrapper .xml-item-details {
      padding: 10px 24px;
      background: #fdfdfd;
      margin-top: 14px; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-item-wrapper .xml-item-register {
      padding: 10px 24px;
      background: #fdfdfd;
      margin-top: 14px; }
  .movementv2-link-wrapper .xml-items-wrapper .xml-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-col span {
      font-size: 11px;
      color: #46908a; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-number {
      max-width: 30px;
      align-items: flex-start; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-reference {
      max-width: 160px;
      align-items: center; }
      .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-reference .tooltip-inner {
        overflow-wrap: anywhere; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-status {
      max-width: 40px; }
      .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-status i {
        color: var(--success);
        font-size: 18px; }
        .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-status i[class="fas fa-adjust"] {
          color: #e47b0e; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-name {
      align-items: flex-start;
      min-width: 470px; }
      .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-name mbg-select {
        width: 334px; }
        .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-name mbg-select[disabled="disabled"] .mbg-select-wrapper .mbg-icon-select {
          display: none; }
      .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-name .mbg-select-input-fake input[disabled="disabled"] {
        background: transparent; }
      .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-name label {
        margin: 0; }
      .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-name .mbg-select-input-fake {
        height: 30px;
        border: none; }
        .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-name .mbg-select-input-fake input {
          height: 30px;
          padding: 0; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-box-quantity {
      padding: 0 20px;
      max-width: 120px; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-quantity {
      max-width: 94px; }
      .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-quantity label {
        font-size: 18px; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-separator {
      max-width: 20px; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-unit-price {
      max-width: 200px;
      align-items: center; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-stock {
      max-width: 174px;
      align-items: center;
      padding-left: 34px; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-total-price {
      max-width: 120px;
      align-items: center; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-total-sale {
      max-width: 140px;
      align-items: center; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-reversal-quantity {
      max-width: 124px; }
      .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-reversal-quantity label {
        font-size: 18px; }
    .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-total-options {
      max-width: 54px; }
      .movementv2-link-wrapper .xml-items-wrapper .xml-col.xml-col-total-options button {
        border: none;
        background: transparent; }
  .movementv2-link-wrapper .calc-value {
    font-weight: 400;
    color: var(--font2) !important;
    display: flex; }
  .movementv2-link-wrapper .btn-open-terminal {
    border-radius: 5px;
    background-color: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin-left: 10px;
    margin-right: 10px; }
    .movementv2-link-wrapper .btn-open-terminal span {
      margin-left: 6px; }
  .movementv2-link-wrapper .btn-new-product {
    height: 25px;
    border-radius: 5px;
    background-color: var(--secondary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none; }
    .movementv2-link-wrapper .btn-new-product span {
      margin-left: 6px; }
  .movementv2-link-wrapper .fa-plus-circle {
    color: #fff;
    font-size: 15px; }
  .movementv2-link-wrapper .unitValue {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .movementv2-link-wrapper .unitValue span {
      display: flex;
      align-items: flex-end; }

.return-button {
  border-style: none;
  font-weight: bold;
  color: var(--font2); }

.productItemInInventoryTable {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px; }
  .productItemInInventoryTable table {
    width: 50%;
    height: 100%; }
    .productItemInInventoryTable table thead > tr > th, .productItemInInventoryTable table tbody > tr > td {
      border: 1px solid var(--neutral1);
      font-size: 15px;
      text-align: center; }
    .productItemInInventoryTable table thead > tr > th {
      text-align: center; }
    .productItemInInventoryTable table tbody > tr > td:nth-child(1) {
      text-align: left; }

.productWithDuplicatedBarcodeTable {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  min-width: none !important; }
  .productWithDuplicatedBarcodeTable table {
    width: 100%;
    height: 100%; }
    .productWithDuplicatedBarcodeTable table thead > tr > th, .productWithDuplicatedBarcodeTable table tbody > tr > td {
      border: 1px solid var(--neutral1);
      font-size: 15px;
      text-align: center; }
    .productWithDuplicatedBarcodeTable table thead > tr > th {
      text-align: center; }
    .productWithDuplicatedBarcodeTable table tbody > tr > td:nth-child(1) {
      text-align: left; }
@media (max-width: 575px) {
  .movementv2-dismember-wrapper {
    width: 120vw; } }

@media (min-width: 576px) and (max-width: 767px) {
  .movementv2-dismember-wrapper {
    width: 120vw; } }

@media (min-width: 768px) and (max-width: 991px) {
  .movementv2-dismember-wrapper {
    width: 81vw; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .movementv2-dismember-wrapper {
    width: 90vw; } }

@media (min-width: 1200px) and (max-width: 1279px) {
  .movementv2-dismember-wrapper {
    width: 98vw; } }

@media (min-width: 1280px) and (max-width: 1365px) {
  .movementv2-dismember-wrapper {
    width: 100vw; } }

@media (min-width: 1366px) and (max-width: 1439px) {
  .movementv2-dismember-wrapper {
    width: 79vw; } }

@media (min-width: 1440px) and (max-width: 1599px) {
  .movementv2-dismember-wrapper {
    width: 80vw; } }

@media (min-width: 1600px) and (max-width: 1679px) {
  .movementv2-dismember-wrapper {
    width: 78vw; } }

@media (min-width: 1680px) and (max-width: 1899px) {
  .movementv2-dismember-wrapper {
    width: 74vw; } }

@media (min-width: 1900px) and (max-width: 1919px) {
  .movementv2-dismember-wrapper {
    width: 76vw; } }

@media (min-width: 1920px) {
  .movementv2-dismember-wrapper {
    width: 76vw; } }

@media (min-width: 1921px) {
  .movementv2-dismember-wrapper {
    width: 58vw; } }

.movementv2-dismember-wrapper {
  padding: 34px; }
  .movementv2-dismember-wrapper .info {
    color: #ffc107 !important; }
  .movementv2-dismember-wrapper h4 {
    margin-bottom: 5px; }
  .movementv2-dismember-wrapper h2 {
    margin: 5px 0;
    color: var(--warn);
    font-weight: 600;
    font-size: 20px; }
  .movementv2-dismember-wrapper .title-no-grid {
    margin-bottom: 14px; }
  .movementv2-dismember-wrapper label.desc-product-name {
    font-weight: 100; }
  .movementv2-dismember-wrapper .table.table-product-without-grid > tbody > tr > td {
    border: 1px solid #ccc; }
    .movementv2-dismember-wrapper .table.table-product-without-grid > tbody > tr > td mbg-input-text input,
    .movementv2-dismember-wrapper .table.table-product-without-grid > tbody > tr > td mbg-input-number input,
    .movementv2-dismember-wrapper .table.table-product-without-grid > tbody > tr > td mbg-input-money input {
      background: transparent;
      border: none;
      padding: 0;
      text-align: right; }
    .movementv2-dismember-wrapper .table.table-product-without-grid > tbody > tr > td mbg-select mbg-input-text input {
      text-align: left; }
    .movementv2-dismember-wrapper .table.table-product-without-grid > tbody > tr > td mbg-select .mbg-select-wrapper .mbg-icon-select {
      right: 0px; }
    .movementv2-dismember-wrapper .table.table-product-without-grid > tbody > tr > td .product-name {
      height: 44px;
      display: flex;
      align-items: center; }
  .movementv2-dismember-wrapper h5.small-info {
    color: var(--font2);
    font-weight: 400;
    text-align: center; }
    .movementv2-dismember-wrapper h5.small-info.distribute span.itens {
      display: flex;
      align-items: center;
      justify-content: center; }
    .movementv2-dismember-wrapper h5.small-info.distribute span.count {
      font-size: 26px;
      font-weight: 600;
      margin-left: 10px; }
    .movementv2-dismember-wrapper h5.small-info.distribute svg {
      margin-right: 5px;
      width: 22px;
      color: var(--font2); }
    .movementv2-dismember-wrapper h5.small-info.accept {
      color: var(--success);
      display: flex;
      align-items: center;
      justify-content: center; }
      .movementv2-dismember-wrapper h5.small-info.accept svg {
        margin-right: 10px;
        width: 22px;
        fill: var(--success); }
    .movementv2-dismember-wrapper h5.small-info.decline {
      color: var(--error);
      display: flex;
      align-items: center;
      justify-content: center; }
      .movementv2-dismember-wrapper h5.small-info.decline svg {
        margin-right: 10px;
        width: 26px;
        fill: var(--error); }
  .movementv2-dismember-wrapper h3.count {
    color: var(--font2);
    text-align: center;
    font-size: 33px; }
  .movementv2-dismember-wrapper .modal-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }

.template-dismember-grid {
  min-width: 250px; }
  .template-dismember-grid h4 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    color: var(--font2);
    text-align: center; }
    .template-dismember-grid h4 span {
      font-weight: 600;
      font-size: 14px;
      margin-top: 5px; }
  .template-dismember-grid label.input-label {
    font-size: 12px;
    color: var(--font2) !important;
    text-align: center;
    font-weight: 400; }
  .template-dismember-grid .content-cell {
    margin-top: 5px; }
  .template-dismember-grid .input-dismember {
    text-align: center;
    margin-top: 5px;
    border: 1px solid var(--neutral3);
    border-radius: 4px;
    width: 100%;
    -moz-appearance: textfield;
    appearance: textfield; }
    .template-dismember-grid .input-dismember::-webkit-inner-spin-button {
      -webkit-appearance: none; }
  .template-dismember-grid .not-found-entry i {
    font-size: 24px;
    color: #d4d4d4; }
  .template-dismember-grid .not-found-entry h3 {
    text-align: center;
    margin-bottom: 0px;
    color: #d4d4d4;
    font-size: 14px;
    font-weight: 600; }
.modal-content {
  background-color: var(--bgColor); }

.dismember-select-wrapper .ma-container .mbg-modal .mbg-header-modal {
  padding: 0px 20px; }

.dismember-select-wrapper .ma-container .mbg-modal .mbg-body-modal {
  padding: 0px 4px; }

.dismember-select-wrapper .tab-content {
  height: 411px;
  max-height: 411px; }

.dismember-select-wrapper .step-tabs ul.nav-tabs {
  display: block; }

.dismember-select-wrapper .nav-tabs.nav-justified > li :hover {
  cursor: default; }

.dismember-select-wrapper .nav-tabs.nav-justified > .active > a, .dismember-select-wrapper .nav-tabs.nav-justified > .active > a:focus, .dismember-select-wrapper .nav-tabs.nav-justified > .active > a:hover {
  border: none;
  border-top: 3px solid var(--primary); }

.dismember-select-wrapper .step-tabs .tab-content .tab-body {
  padding: 4px 16px; }

.dismember-select-wrapper .ma-container label .mbg-label .input-label .mbg-label, .dismember-select-wrapper .mbg-label {
  margin-bottom: 32px; }

.dismember-select-wrapper .ma-container .mbg-modal h4 {
  padding: 5px 0px;
  color: #333; }

.dismember-select-wrapper .col-md-12 {
  padding: 0px; }

.dismember-select-wrapper .product-sizes, .dismember-select-wrapper .product-colors {
  margin-top: 16px; }

.dismember-select-wrapper .cancel-link {
  margin: 18px 24px 18px 24px; }

.dismember-select-wrapper .variations {
  margin-top: 24px;
  margin-left: 16px; }

.dismember-select-wrapper .distribute h5 {
  color: var(--font2);
  font-weight: 400;
  text-align: center; }
  .dismember-select-wrapper .distribute h5 span.items {
    display: flex;
    align-items: center;
    justify-content: center; }
  .dismember-select-wrapper .distribute h5 span.count {
    font-size: 26px;
    font-weight: 600;
    margin-left: 10px; }

.dismember-select-wrapper .inline-grid {
  margin-top: 24px; }
  .dismember-select-wrapper .inline-grid .inline-content {
    overflow: auto;
    max-height: 264px; }
  .dismember-select-wrapper .inline-grid .inline-row {
    display: flex;
    height: 44px; }
    .dismember-select-wrapper .inline-grid .inline-row.selected {
      background-color: #eee; }
    .dismember-select-wrapper .inline-grid .inline-row .inline-col {
      justify-content: center;
      align-items: center;
      display: flex;
      flex-grow: 1; }
      .dismember-select-wrapper .inline-grid .inline-row .inline-col .field {
        border: 0; }
        .dismember-select-wrapper .inline-grid .inline-row .inline-col .field mbg-select {
          width: 100%; }
      .dismember-select-wrapper .inline-grid .inline-row .inline-col .col-md-2, .dismember-select-wrapper .inline-grid .inline-row .inline-col .col-md-8 {
        padding-left: 0px;
        padding-right: 0px; }
      .dismember-select-wrapper .inline-grid .inline-row .inline-col .field, .dismember-select-wrapper .inline-grid .inline-row .inline-col .inline-header {
        justify-content: center;
        align-items: center;
        display: flex; }
    .dismember-select-wrapper .inline-grid .inline-row.cell {
      border-bottom: 1px solid #ccc;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc; }
      .dismember-select-wrapper .inline-grid .inline-row.cell.first-child {
        border-top: 1px solid #ccc; }
      .dismember-select-wrapper .inline-grid .inline-row.cell label {
        display: flex;
        text-align: center;
        font-weight: 500; }
      .dismember-select-wrapper .inline-grid .inline-row.cell .inline-product-barcode {
        padding: 0 6px;
        border: none;
        text-align: center;
        outline: none;
        background: transparent;
        height: 100%;
        width: 100%;
        font-weight: 500; }
    .dismember-select-wrapper .inline-grid .inline-row .select {
      margin: auto 16px; }
      .dismember-select-wrapper .inline-grid .inline-row .select.fake {
        visibility: hidden;
        cursor: default; }

label {
  cursor: pointer !important; }
.movement-all-details-wrapper h5 {
  margin: 0; }
  .movement-all-details-wrapper h5.title {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
    color: var(--font2); }
  .movement-all-details-wrapper h5.info {
    font-size: 12px;
    font-weight: 400;
    color: var(--font1); }

.movement-all-details-wrapper .col-md-3, .movement-all-details-wrapper .col-md-12 {
  margin-bottom: 20px; }
.movementv2-preview-wrapper .relative {
  position: relative; }

.movementv2-preview-wrapper .right-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -23px;
  font-size: 20px;
  z-index: 100;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-color: var(--primary);
  border-radius: 50%; }

.movementv2-preview-wrapper .btn-m-t {
  margin-top: 40px; }

.return-button {
  border-style: none;
  font-weight: bold;
  color: var(--neutra12); }
.movement-preview-data-wrapper .box {
  padding: 15px 35px;
  border: 1px solid #ccc;
  border-radius: 8px;
  min-height: 279px; }
  .movement-preview-data-wrapper .box .header {
    margin-top: 5px;
    margin-bottom: 20px; }
    .movement-preview-data-wrapper .box .header h3 {
      font-size: 20px;
      margin-bottom: 0px; }
    .movement-preview-data-wrapper .box .header i.list-icon {
      margin-right: 10px; }
    .movement-preview-data-wrapper .box .header i.edit-icon {
      cursor: pointer;
      color: var(--font3);
      transition: transform 200ms ease; }
      .movement-preview-data-wrapper .box .header i.edit-icon:hover {
        transform: scale(1.2);
        color: var(--font2); }
  .movement-preview-data-wrapper .box .body {
    overflow: hidden; }
    .movement-preview-data-wrapper .box .body .empty {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      color: var(--font2); }
      .movement-preview-data-wrapper .box .body .empty svg {
        width: 40px;
        fill: var(--font3);
        margin-bottom: 15px;
        margin-top: 25px; }
    .movement-preview-data-wrapper .box .body p {
      color: var(--font3);
      padding-right: 20px; }
      .movement-preview-data-wrapper .box .body p.invisible {
        visibility: hidden; }
      .movement-preview-data-wrapper .box .body p span {
        color: var(--font2);
        font-weight: bold; }
      .movement-preview-data-wrapper .box .body p.ellipsis-name {
        max-width: 432px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .movement-preview-data-wrapper .box .body .flex-row {
      display: flex; }
  .movement-preview-data-wrapper .box .link-new {
    border: 0px;
    color: var(--primary);
    font-weight: bold;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: color 100ms ease; }
    .movement-preview-data-wrapper .box .link-new:hover {
      color: var(--secondary); }
    .movement-preview-data-wrapper .box .link-new i {
      margin-right: 10px; }
.movementv2-tags-wrapper .title-list {
  min-height: 34px; }

.movementv2-tags-wrapper .flex-c {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .movementv2-tags-wrapper .flex-c label {
    font-weight: 100;
    padding-left: 14px; }

.movementv2-tags-wrapper .m-b {
  margin-bottom: 34px; }

.movementv2-tags-wrapper mbg-btn-form {
  margin-top: 25px; }

.movementv2-tags-wrapper .finish {
  color: var(--font2);
  margin: 25px 0; }

.movementv2-tags-wrapper .disable {
  text-decoration: line-through; }

.movementv2-tags-wrapper .print-movement {
  color: var(--font2);
  padding: 0;
  transition: all 200ms ease;
  transform: scale(1);
  display: flex;
  align-content: center;
  justify-content: flex-end; }
  .movementv2-tags-wrapper .print-movement i {
    margin-right: 6px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .movementv2-tags-wrapper .print-movement:hover {
    color: var(--font1);
    transform: scale(1.04); }
.movementv2-upload-wrapper h4 {
  margin-bottom: 24px; }

.movementv2-upload-wrapper .step-tabs ul.nav-tabs li.active a {
  color: var(--secondary);
  border-top: 3px solid var(--secondary); }

.movementv2-upload-wrapper .btn-movement-type {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 94px;
  border-radius: 4px;
  border: 1px solid var(--neutral3);
  color: var(--font3);
  font-weight: 600;
  background: transparent; }
  .movementv2-upload-wrapper .btn-movement-type svg {
    fill: var(--font3);
    width: 44px;
    margin-right: 14px; }
  .movementv2-upload-wrapper .btn-movement-type.active {
    background: #FFF;
    border: 1px solid var(--secondary);
    color: var(--secondary); }
    .movementv2-upload-wrapper .btn-movement-type.active svg {
      fill: var(--secondary); }

.movementv2-upload-wrapper .separator-label {
  margin: 14px 0;
  font-weight: 400; }

.movementv2-upload-wrapper .btn-select-xml {
  width: 100%;
  border-radius: 5px;
  background: #fff;
  border: none;
  padding: 20px;
  color: var(--font3);
  border: 2px solid var(--neutral3);
  margin-bottom: 14px; }
  .movementv2-upload-wrapper .btn-select-xml i {
    font-size: 24px;
    display: block;
    margin-bottom: 5px; }
  .movementv2-upload-wrapper .btn-select-xml span {
    border-bottom: 1px solid var(--secondary);
    color: var(--secondary);
    font-size: 12px;
    font-weight: 600; }

.movementv2-upload-wrapper .info-xml .cancel {
  float: right;
  color: var(--font2);
  border-bottom: 1px solid var(--neutral2); }

.movementv2-upload-wrapper .devolution-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
  .movementv2-upload-wrapper .devolution-wrapper mbg-checkbox {
    margin-right: 8px; }
  .movementv2-upload-wrapper .devolution-wrapper label {
    color: var(--font2); }

.movementv2-upload-wrapper .img-captcha-wrapper img {
  margin-right: 8px; }

.movementv2-upload-wrapper .loading-wrapper {
  margin-top: 15px; }
  .movementv2-upload-wrapper .loading-wrapper .cl-loading {
    border: 5px solid var(--color1);
    border-radius: 100%;
    border-top: 5px solid transparent; }

.movementv2-upload-wrapper .border {
  line-height: 94px;
  padding: 0.3ex;
  vertical-align: text-bottom; }

.movementv2-upload-wrapper .middle {
  vertical-align: middle; }

.return-button {
  border-style: none;
  font-weight: bold;
  color: var(--font2); }
.cst-csosn-rules-content .flex-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .cst-csosn-rules-content .flex-div .close-x {
    height: 1.5%;
    font-size: 2em; }

.cst-csosn-rules-content .center-title {
  margin-bottom: auto;
  margin-top: auto; }

.cst-csosn-rules-content .center-span {
  padding-top: 11px; }

.cst-csosn-rules-content .action-btn {
  width: 100%;
  height: 4.5rem;
  border-radius: .5rem; }
  @media screen and (min-width: 992px) {
    .cst-csosn-rules-content .action-btn {
      width: 4.5rem; } }
  .cst-csosn-rules-content .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }
  .cst-csosn-rules-content .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }
  .cst-csosn-rules-content .action-btn.btn-plus, .cst-csosn-rules-content .action-btn.btn-close {
    width: 25px;
    height: 25px; }

.cst-csosn-rules-content .rules {
  margin-bottom: 24px; }

.cst-csosn-rules-content .modal-dimensions {
  flex-grow: 1;
  flex-basis: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  padding: 5% 6% 6% 5%;
  width: 95rem; }
  .cst-csosn-rules-content .modal-dimensions .modal-dimensions-scrollable {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 24px;
    max-height: 40rem; }
  .cst-csosn-rules-content .modal-dimensions .close-x {
    font-size: 2.5em; }
    .cst-csosn-rules-content .modal-dimensions .close-x:hover {
      scale: 1.2;
      transition: all .2s ease;
      color: var(--error); }

.cst-csosn-rules-content .col-width-99 {
  width: 99.5%; }

.cst-csosn-rules-content .col-width-100 {
  width: 100%; }
.movementv2-list-wrapper .btn-gift-tags {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: var(--contrast);
  border-radius: 50px;
  padding: 0 14px;
  font-weight: 600; }
  .movementv2-list-wrapper .btn-gift-tags span {
    margin-left: 10px; }

.movementv2-list-wrapper .icons-movement > * {
  margin-left: 6px; }

.movementv2-list-wrapper .icons-movement cp-see-icon svg {
  margin-right: -5px; }

.movementv2-list-wrapper mbg-input-date input {
  background-color: transparent;
  border: 1px solid #ccc; }

.movementv2-list-wrapper .tooltip-nfe {
  display: flex;
  align-content: flex-start;
  justify-content: center;
  flex-direction: column; }
  .movementv2-list-wrapper .tooltip-nfe label {
    font-weight: 400;
    font-size: 14px; }
  .movementv2-list-wrapper .tooltip-nfe .tooltip-inner {
    overflow-wrap: anywhere; }

.movementv2-list-wrapper .pagination-content .totalizer {
  position: relative;
  display: block; }

.movementv2-list-wrapper .pagination-content .totalizer label {
  font-weight: 600; }

.movementv2-list-wrapper .pagination-content .totalizer label span {
  font-weight: 600; }

.movementv2-list-wrapper .align-items {
  display: flex;
  align-items: center; }

.movementv2-list-wrapper .help-button {
  margin-left: 10px; }

.movementv2-list-wrapper .justify-end {
  justify-content: end; }

.movementv2-list-wrapper .padding-right {
  padding-right: 25px; }
.movement-price-format-wrapper .line-through {
  text-decoration: line-through; }

.movement-price-format-wrapper .checkbox-margin-top {
  margin-top: 42px; }

.movement-price-format-wrapper .description-input-check {
  margin-top: 8px;
  font-size: 14px;
  color: var(--font2); }

.movement-price-format-wrapper mbg-input-checkbox[disabled="disabled"] {
  pointer-events: all; }

.movement-price-format-wrapper .arround-cents-wrapper,
.movement-price-format-wrapper .other-options-wrapper {
  display: flex;
  align-items: center; }
  .movement-price-format-wrapper .arround-cents-wrapper mbg-checkbox,
  .movement-price-format-wrapper .other-options-wrapper mbg-checkbox {
    margin-right: 8px; }

.movement-price-format-wrapper .label-other-options {
  margin: 14px 0px; }

.movement-price-format-wrapper .body-price-format {
  margin-top: 14px; }

.movement-price-format-wrapper .body-price-format-preview .edit-icon {
  color: var(--font2);
  padding: 0 10px 2px 0px;
  transition: transform 200ms ease; }
  .movement-price-format-wrapper .body-price-format-preview .edit-icon:hover {
    transform: scale(1.2); }

.movement-price-format-wrapper .body-price-format-preview label {
  margin: 15px 0px 0px 24px; }

.movement-price-format-wrapper .btn-update-list {
  margin-top: 28px;
  width: 130px;
  background: var(--warn);
  border-radius: 15px;
  border: none;
  padding: 8px 0;
  color: #fff;
  float: right; }

.movement-price-format-wrapper .input-label span {
  font-weight: 600; }
  .movement-price-format-wrapper .input-label span.normal {
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70px;
    vertical-align: middle;
    display: inline-block; }
.movement-select-operation-wrapper .line-through {
  text-decoration: line-through; }

.movement-select-operation-wrapper .checkbox-margin-top {
  margin-top: 54px; }

.movement-select-operation-wrapper .description-input-check {
  margin-top: 8px;
  font-size: 14px;
  color: var(--font2); }

.movement-select-operation-wrapper mbg-input-checkbox[disabled="disabled"] {
  pointer-events: all; }

.movement-select-operation-wrapper .arround-cents-wrapper, .movement-select-operation-wrapper .other-options-wrapper {
  display: flex;
  align-items: center; }
  .movement-select-operation-wrapper .arround-cents-wrapper mbg-checkbox, .movement-select-operation-wrapper .other-options-wrapper mbg-checkbox {
    margin-right: 8px; }

.movement-select-operation-wrapper .label-other-options {
  margin: 14px 0px; }

.movement-select-operation-wrapper .body-select-operation {
  margin-top: 14px; }

.movement-select-operation-wrapper .body-select-operation-preview .edit-icon {
  color: var(--font2);
  padding: 0 10px 2px 0px;
  transition: transform 200ms ease; }
  .movement-select-operation-wrapper .body-select-operation-preview .edit-icon:hover {
    transform: scale(1.2); }

.movement-select-operation-wrapper .body-select-operation-preview label {
  margin: 15px 0px 0px 24px; }

.movement-select-operation-wrapper .btn-update-list {
  margin-top: 28px;
  width: 130px;
  background: var(--warn);
  border-radius: 15px;
  border: none;
  padding: 8px 0;
  color: #FFF;
  float: right; }

.movement-select-operation-wrapper .input-label span {
  font-weight: 600; }
  .movement-select-operation-wrapper .input-label span.normal {
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70px;
    vertical-align: middle;
    display: inline-block; }
  .movement-select-operation-wrapper .input-label span.light {
    font-weight: 400; }
product-simple-register {
  display: flex;
  flex-direction: column;
  padding: 0 0 14px 0px; }
  product-simple-register .margin-28 {
    margin-top: 28px; }
  product-simple-register .m-t-8 {
    margin-top: 8px; }
  product-simple-register .product-groups-wrapper {
    margin-bottom: 0px !important; }
  product-simple-register .product-colors-wrapper,
  product-simple-register .product-sizes-wrapper {
    margin: 0; }
  product-simple-register .product-colors-wrapper {
    margin-top: 16px; }
  product-simple-register .display-sizes-wrapper,
  product-simple-register .display-colors-wrapper {
    margin: 0; }
  product-simple-register .product-colors-wrapper .box-mock,
  product-simple-register .product-sizes-wrapper .box-mock {
    background: transparent;
    margin: 0;
    border: none;
    min-height: 24px; }
    product-simple-register .product-colors-wrapper .box-mock.has-data,
    product-simple-register .product-sizes-wrapper .box-mock.has-data {
      margin-bottom: 14px; }
  product-simple-register .product-colors-wrapper .add-button,
  product-simple-register .product-sizes-wrapper .add-button {
    justify-content: flex-start; }
  product-simple-register .product-standards-wrapper h4 {
    margin: 0; }
  product-simple-register h4 {
    margin-bottom: 0px !important; }
  product-simple-register .group-name label.hint,
  product-simple-register .group-reference label.hint {
    font-size: 12px;
    color: var(--font3); }
  product-simple-register .group-name input,
  product-simple-register .group-reference input {
    border: 1px solid transparent;
    height: 44px;
    font-size: 18px;
    font-weight: 600;
    color: var(--font2);
    margin: 0;
    padding: 0;
    margin-right: 14px; }
    product-simple-register .group-name input.editing,
    product-simple-register .group-reference input.editing {
      border-bottom: 1px dashed #ddd; }
  product-simple-register .group-name i,
  product-simple-register .group-reference i {
    color: var(--font2); }
  product-simple-register .group-name {
    max-width: calc(100% - 124px); }
  product-simple-register .group-reference {
    margin-right: 28px; }
  product-simple-register .obs {
    color: var(--warn);
    font-size: 12px;
    font-weight: 400;
    margin-top: 14px; }
  product-simple-register .generate-name {
    margin-left: 14px;
    color: var(--font2);
    border-bottom: 1px solid var(--neutral2); }
  product-simple-register .font-12 {
    font-size: 12px; }
.modal-content {
  background-color: var(--bgColor); }

.dismember-new-wrapper .ma-container .mbg-modal .mbg-header-modal {
  padding: 0px 20px; }

.dismember-new-wrapper .ma-container .mbg-modal .mbg-body-modal {
  padding: 0px 4px; }

.dismember-new-wrapper .tab-content {
  height: 411px;
  max-height: 411px; }

.dismember-new-wrapper .step-tabs ul.nav-tabs {
  display: block; }

.dismember-new-wrapper .nav-tabs.nav-justified > li :hover {
  cursor: default; }

.dismember-new-wrapper .nav-tabs.nav-justified > .active > a, .dismember-new-wrapper .nav-tabs.nav-justified > .active > a:focus, .dismember-new-wrapper .nav-tabs.nav-justified > .active > a:hover {
  border: none;
  border-top: 3px solid var(--primary); }

.dismember-new-wrapper .step-tabs .tab-content .tab-body {
  padding: 4px 16px; }

.dismember-new-wrapper .ma-container label .mbg-label .input-label .mbg-label, .dismember-new-wrapper .mbg-label {
  margin-bottom: 32px; }

.dismember-new-wrapper .ma-container .mbg-modal h4 {
  padding: 5px 0px;
  color: #333; }

.dismember-new-wrapper .col-md-12 {
  padding: 0px; }

.dismember-new-wrapper .product-sizes, .dismember-new-wrapper .product-colors {
  margin-top: 16px; }

.dismember-new-wrapper .cancel-link {
  margin: 18px 24px 18px 24px; }

.dismember-new-wrapper .variations {
  margin-top: 24px;
  margin-left: 16px; }

.dismember-new-wrapper .distribute h5 {
  color: var(--font2);
  font-weight: 400;
  text-align: center; }
  .dismember-new-wrapper .distribute h5 span.items {
    display: flex;
    align-items: center;
    justify-content: center; }
  .dismember-new-wrapper .distribute h5 span.count {
    font-size: 26px;
    font-weight: 600;
    margin-left: 10px; }

.dismember-new-wrapper .inline-grid {
  margin-top: 24px; }
  .dismember-new-wrapper .inline-grid .inline-content {
    overflow: auto;
    max-height: 264px; }
  .dismember-new-wrapper .inline-grid .inline-row {
    display: flex;
    height: 44px; }
    .dismember-new-wrapper .inline-grid .inline-row.selected {
      background-color: #eee; }
    .dismember-new-wrapper .inline-grid .inline-row .inline-col {
      justify-content: center;
      align-items: center;
      display: flex;
      flex-grow: 1; }
      .dismember-new-wrapper .inline-grid .inline-row .inline-col .field {
        border: 0; }
        .dismember-new-wrapper .inline-grid .inline-row .inline-col .field mbg-select {
          width: 100%; }
      .dismember-new-wrapper .inline-grid .inline-row .inline-col .col-md-2, .dismember-new-wrapper .inline-grid .inline-row .inline-col .col-md-8 {
        padding-left: 0px;
        padding-right: 0px; }
      .dismember-new-wrapper .inline-grid .inline-row .inline-col .field, .dismember-new-wrapper .inline-grid .inline-row .inline-col .inline-header {
        justify-content: center;
        align-items: center;
        display: flex; }
    .dismember-new-wrapper .inline-grid .inline-row.cell {
      border-bottom: 1px solid #ccc;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc; }
      .dismember-new-wrapper .inline-grid .inline-row.cell.first-child {
        border-top: 1px solid #ccc; }
      .dismember-new-wrapper .inline-grid .inline-row.cell label {
        display: flex;
        text-align: center;
        font-weight: 500; }
      .dismember-new-wrapper .inline-grid .inline-row.cell .inline-product-barcode {
        padding: 0 6px;
        border: none;
        text-align: center;
        outline: none;
        background: transparent;
        height: 100%;
        width: 100%;
        font-weight: 500; }
    .dismember-new-wrapper .inline-grid .inline-row .select {
      margin: auto 16px; }
      .dismember-new-wrapper .inline-grid .inline-row .select.fake {
        visibility: hidden;
        cursor: default; }

label {
  cursor: pointer !important; }
.movement-manual .btn-update-list {
  margin-top: 28px;
  width: 130px;
  background: var(--contrast);
  border-radius: 15px;
  border: none;
  padding: 8px 0;
  color: #fff;
  float: right; }

.movement-manual .label-config-continous-mode {
  margin-left: 8px;
  font-size: 12px;
  color: var(--font2); }

.movement-manual .options {
  font-size: 12px; }

.movement-manual .info {
  font-size: 12px;
  color: var(--font2); }

.movement-manual .relative {
  position: relative; }
  .movement-manual .relative span {
    position: absolute;
    bottom: 15px;
    font-size: 13px;
    left: 25px; }

.movement-manual .toggle {
  margin-left: 17px;
  color: var(--font1); }
  .movement-manual .toggle i {
    transition: transform 200ms ease; }
    .movement-manual .toggle i.active {
      transform: rotate(180deg); }

.movement-manual .input-fake {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .movement-manual .input-fake span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; }

.manual-input-qtd-change {
  background-color: #fff;
  border: 1px solid #ddd;
  height: 34px;
  padding: 0px 20px;
  border-radius: 5px;
  width: 94px;
  text-align: center; }

.total-wrapper {
  color: var(--font2);
  margin-bottom: 16px; }
  .total-wrapper label {
    font-size: 14px; }
  .total-wrapper h3 {
    font-size: 14px;
    margin: 4px 0 0 0; }

.alert-danger {
  margin-top: 5px;
  width: 235px;
  text-align: center; }

.div-flex {
  display: flex; }
  .div-flex .div-size {
    width: 63%; }
  .div-flex .div-margin {
    margin-left: 0.9%; }
    .div-flex .div-margin .under-product-manage label {
      margin-top: 0px; }

.page-section .quantity {
  justify-content: center;
  display: flex; }
.taxation-product-wrapper .btn-save {
  max-width: 300px; }
.exit-losses-expenses-list-wrapper .icons-movement > * {
  margin-left: 6px; }

.exit-losses-expenses-list-wrapper .icons-movement cp-see-icon svg {
  margin-right: -5px; }

.exit-losses-expenses-list-wrapper .btn-create-wrapper {
  right: 0;
  position: absolute;
  margin-top: 15px; }

.exit-losses-expenses-list-wrapper mbg-input-date {
  width: 100%; }
  .exit-losses-expenses-list-wrapper mbg-input-date input {
    background-color: white; }

.exit-losses-expenses-list-wrapper .new-settle {
  color: var(--secondary) !important; }

.exit-losses-expenses-list-wrapper .scrollable-table {
  overflow-x: auto;
  margin: 14px 0; }

.exit-losses-expenses-list-wrapper .list-v2-wrapper {
  max-height: calc(100vh - 370px); }

.exit-losses-expenses-list-wrapper .margin-right {
  margin-right: 35px; }

.exit-losses-expenses-list-wrapper .margin-top-help {
  margin-top: 5px; }
.exit-and-expenses-plan-modal-wrapper {
  width: 500px;
  padding: 20px; }
  .exit-and-expenses-plan-modal-wrapper .exit-and-expenses-plan-modal-header h4 {
    padding: 0 0 0 20px; }
  .exit-and-expenses-plan-modal-wrapper .exit-and-expenses-plan-modal-body {
    height: 100px; }
  .exit-and-expenses-plan-modal-wrapper .exit-and-expenses-plan-modal-foot {
    display: flex;
    justify-content: center;
    padding: 20px 0 0; }
    .exit-and-expenses-plan-modal-wrapper .exit-and-expenses-plan-modal-foot .button {
      display: flex;
      justify-content: center;
      flex-direction: column; }
  .exit-and-expenses-plan-modal-wrapper .fas.fa-info-circle {
    color: #009dea; }
.new-settle-account-wrapper mbg-input-date input {
  text-align: center !important; }

.new-settle-account-wrapper .manual-input-qtd-change {
  background-color: #fff;
  border: 1px solid #ddd;
  height: 34px;
  padding: 0px 20px;
  border-radius: 5px;
  width: 94px;
  text-align: center; }

.new-settle-account-wrapper .total-wrapper {
  color: var(--font2);
  margin-bottom: 16px; }
  .new-settle-account-wrapper .total-wrapper label {
    font-size: 14px; }
  .new-settle-account-wrapper .total-wrapper h3 {
    font-size: 14px;
    margin: 4px 0 0 0; }

.new-settle-account-wrapper .fas.fa-info-circle {
  color: #009dea; }

.new-settle-account-wrapper .page-section .quantity {
  justify-content: center;
  display: flex; }
.stock-leaving-reason-form-wrapper {
  margin-top: 50px; }
  .stock-leaving-reason-form-wrapper label {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #292929;
    margin-bottom: 10px; }
    .stock-leaving-reason-form-wrapper label span {
      color: red; }
  .stock-leaving-reason-form-wrapper .row {
    margin-top: 12px; }
.stock-leaving-reason-list-wrapper {
  margin-top: 50px; }
  .stock-leaving-reason-list-wrapper .row {
    margin-top: 12px; }
  .stock-leaving-reason-list-wrapper .align-items {
    align-items: center; }
  .stock-leaving-reason-list-wrapper .options-and-help-buttons {
    display: flex;
    justify-content: end; }
  .stock-leaving-reason-list-wrapper .help {
    margin-top: 10px; }

.btn-create {
  border: 0px;
  width: 100%;
  background-color: #ff991f;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding: 14px;
  border-radius: 50px; }

.filters {
  margin-bottom: 20px; }
.request-page {
  position: relative; }
  .request-page .request-loading {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 15px; }
.request-form-wrapper {
  background: white;
  height: 100%;
  padding-bottom: 5px;
  text-align: left; }
  .request-form-wrapper .request-form-wrapper-header {
    height: auto;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px; }
    .request-form-wrapper .request-form-wrapper-header label {
      margin: 5px 0px;
      margin-top: 10px; }
    .request-form-wrapper .request-form-wrapper-header .request-header-actions {
      justify-content: space-between;
      display: flex;
      gap: 7px;
      flex-direction: column; }
      .request-form-wrapper .request-form-wrapper-header .request-header-actions .btn-save {
        border-radius: 5px;
        background-color: var(--secondary);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        width: 100%;
        transition: all .3s ease;
        height: 25px !important; }
        .request-form-wrapper .request-form-wrapper-header .request-header-actions .btn-save:focus {
          transform: scale(1.1); }
      .request-form-wrapper .request-form-wrapper-header .request-header-actions .btn-return {
        display: flex;
        justify-content: center;
        font-size: 16px;
        transition: all .3s ease;
        margin-top: 14px; }
        .request-form-wrapper .request-form-wrapper-header .request-header-actions .btn-return:focus {
          transform: scale(1.1); }
    .request-form-wrapper .request-form-wrapper-header .observation {
      width: 100%;
      margin-top: 0px;
      height: 25px;
      min-height: 25px;
      transition: all .1s ease; }
      .request-form-wrapper .request-form-wrapper-header .observation:focus {
        border-bottom: 2px solid var(--primary); }
  .request-form-wrapper .mbg-keyboard-row {
    position: relative;
    display: flex;
    justify-content: unset;
    flex-wrap: wrap;
    margin-top: 2.5vh; }
    @media screen and (max-width: 990px) {
      .request-form-wrapper .mbg-keyboard-row {
        justify-content: center !important; } }
    .request-form-wrapper .mbg-keyboard-row .mbg-keyboard-item {
      width: 100%;
      padding: 0 1px; }
      @media screen and (max-width: 992px) {
        .request-form-wrapper .mbg-keyboard-row .mbg-keyboard-item {
          width: 3.5em !important; } }
      .request-form-wrapper .mbg-keyboard-row .mbg-keyboard-item button {
        width: 100%;
        height: 45px;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #fff;
        border: none;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        border-radius: 2px;
        font-weight: bold;
        color: var(--font2);
        font-family: "Montserrat", sans-serif; }
        .request-form-wrapper .mbg-keyboard-row .mbg-keyboard-item button * {
          margin: auto; }
      .request-form-wrapper .mbg-keyboard-row .mbg-keyboard-item .mbg-keyboard-enter {
        width: 100%;
        border: none;
        border-radius: 5px;
        color: #fff; }
    .request-form-wrapper .mbg-keyboard-row .mbg-keyboard-option button {
      box-shadow: none;
      border: 1px solid #9c9c9c;
      color: var(--font2);
      font-weight: bold;
      background: transparent;
      display: flex;
      flex-direction: column;
      transition: all 250ms ease; }
      .request-form-wrapper .mbg-keyboard-row .mbg-keyboard-option button span {
        font-size: 11px; }
      .request-form-wrapper .mbg-keyboard-row .mbg-keyboard-option button.active {
        color: #fff;
        background-color: var(--primary); }
      .request-form-wrapper .mbg-keyboard-row .mbg-keyboard-option button:focus {
        transform: scale(1.1); }
.request-details-modal-wrapper .request-status {
  position: absolute;
  right: 100px;
  top: 20px;
  padding: 10px 15px;
  color: #fff;
  font-weight: 600;
  border-radius: 30px;
  text-transform: uppercase;
  min-width: 240px;
  text-align: center; }
  .request-details-modal-wrapper .request-status.todo, .request-details-modal-wrapper .request-status.pending_accept {
    background-color: var(--mbListStatusPending); }
  .request-details-modal-wrapper .request-status.accepted {
    background-color: var(--mbListStatusActive); }
  .request-details-modal-wrapper .request-status.pending_reject {
    background-color: var(--mbListStatusInactive); }
  .request-details-modal-wrapper .request-status.canceled, .request-details-modal-wrapper .request-status.rejected, .request-details-modal-wrapper .request-status.partial_rejected {
    background-color: var(--mbListStatusDeleted); }
  .request-details-modal-wrapper .request-status.pending_partial {
    background-image: linear-gradient(to bottom right, var(--mbListStatusActive) 50%, var(--warn) 50%); }
  .request-details-modal-wrapper .request-status.pending_partial_reject {
    background-image: linear-gradient(to bottom right, var(--mbListStatusInactive) 50%, var(--warn) 50%); }

.request-details-modal-wrapper .request-direction-detail {
  display: flex;
  align-items: baseline; }
  .request-details-modal-wrapper .request-direction-detail > h3 {
    margin-right: 5px; }
  .request-details-modal-wrapper .request-direction-detail > h5 {
    font-size: 18px; }

.request-details-modal-wrapper .partial-wrapper .partial-item {
  background: var(--mbListLineEven); }
  .request-details-modal-wrapper .partial-wrapper .partial-item .date-details {
    margin: 5px 25px; }
  .request-details-modal-wrapper .partial-wrapper .partial-item .partial-transfer-icon {
    font-size: 14px;
    color: #fff;
    float: right;
    margin-right: 25px;
    padding: 5px 15px;
    border-radius: 10px;
    margin-top: -5px; }
    .request-details-modal-wrapper .partial-wrapper .partial-item .partial-transfer-icon.pending_accept {
      background-color: var(--mbListStatusPending); }
    .request-details-modal-wrapper .partial-wrapper .partial-item .partial-transfer-icon.accepted {
      background-color: var(--mbListStatusActive); }
    .request-details-modal-wrapper .partial-wrapper .partial-item .partial-transfer-icon.pending_reject {
      background-color: var(--mbListStatusInactive); }
    .request-details-modal-wrapper .partial-wrapper .partial-item .partial-transfer-icon.rejected {
      background-color: var(--mbListStatusDeleted); }
    .request-details-modal-wrapper .partial-wrapper .partial-item .partial-transfer-icon.pending_partial {
      background-image: linear-gradient(to bottom right, var(--warn) 30%, var(--mbListStatusActive)); }
    .request-details-modal-wrapper .partial-wrapper .partial-item .partial-transfer-icon.pending_partial_reject {
      background-image: linear-gradient(to bottom right, var(--warn) 35%, var(--mbListStatusInactive)); }

.request-details-modal-wrapper .reason-reject {
  font-size: 17px;
  margin-left: 20px;
  color: var(--font2);
  margin-bottom: 25px;
  display: flex; }

.request-details-modal-wrapper .total-transfer-info {
  padding: 15px; }

.stock-transfer-process-add-icon {
  font-size: 14px;
  color: #fff;
  float: right;
  margin-right: 25px;
  padding: 5px 15px;
  border-radius: 10px;
  margin-top: -5px; }
  .stock-transfer-process-add-icon.accepted {
    background-color: var(--mbListStatusActive); }

.process-wrapper .panel-body {
  padding: 15px 0 !important; }

.process-wrapper .process-item {
  background: var(--mbListLineEven); }
  .process-wrapper .process-item.panel.panel-open i.pull-right {
    transform: rotate(90deg); }
  .process-wrapper .process-item .date-details {
    margin: 5px 25px; }
  .process-wrapper .process-item .process-transfer-icon {
    font-size: 14px;
    color: #fff;
    float: right;
    margin-right: 25px;
    padding: 5px 15px;
    border-radius: 10px;
    margin-top: -5px; }
    .process-wrapper .process-item .process-transfer-icon.accepted {
      background-color: var(--mbListStatusActive); }

.pre-line {
  white-space: pre-line; }
.request-product-wrapper {
  display: flex;
  flex-direction: column;
  margin-left: 0.8vw; }
  .request-product-wrapper .request-product-wrapper-body {
    height: auto;
    padding-top: 0px; }
    .request-product-wrapper .request-product-wrapper-body .search-input-box {
      display: flex;
      align-items: center; }
    .request-product-wrapper .request-product-wrapper-body .btn-open-terminal {
      border-radius: 5px;
      background-color: var(--primary);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      padding-bottom: 7px;
      transition: all .3s ease;
      width: 100%;
      gap: 24px; }
      .request-product-wrapper .request-product-wrapper-body .btn-open-terminal:focus {
        transform: scale(1.1); }
    .request-product-wrapper .request-product-wrapper-body .request-items {
      margin-top: 5px;
      background: #e5e5e5;
      border-radius: 5px; }
      .request-product-wrapper .request-product-wrapper-body .request-items .row-item-info {
        padding-right: 0px;
        margin-top: 2px; }
      .request-product-wrapper .request-product-wrapper-body .request-items .request-item-info {
        padding: 3px; }
        .request-product-wrapper .request-product-wrapper-body .request-items .request-item-info img {
          width: 100%;
          height: 280px;
          margin-bottom: 10px; }
        .request-product-wrapper .request-product-wrapper-body .request-items .request-item-info label {
          color: var(--font2); }
        .request-product-wrapper .request-product-wrapper-body .request-items .request-item-info span {
          font-weight: bold; }
      .request-product-wrapper .request-product-wrapper-body .request-items .request-items-list {
        max-height: 520px;
        overflow-y: scroll; }
        .request-product-wrapper .request-product-wrapper-body .request-items .request-items-list .icons {
          display: flex;
          justify-content: center; }
        .request-product-wrapper .request-product-wrapper-body .request-items .request-items-list .icons .delete-icon {
          transition: all 250ms ease; }
        .request-product-wrapper .request-product-wrapper-body .request-items .request-items-list .icons .delete-icon:focus:focus {
          transform: scale(1.3); }
        .request-product-wrapper .request-product-wrapper-body .request-items .request-items-list .bi-percent {
          color: var(--font3);
          width: 17px; }
          .request-product-wrapper .request-product-wrapper-body .request-items .request-items-list .bi-percent:hover {
            color: var(--font2); }
  .request-product-wrapper .total-quantity {
    text-align: right;
    margin: 0vh 2vw; }
.list-product-wrapper {
  background: #fff;
  position: relative; }
  .list-product-wrapper .product-item {
    display: flex;
    padding: 20px 0; }
    .list-product-wrapper .product-item__image {
      flex: 1; }
    .list-product-wrapper .product-item__metadata {
      flex: 4; }
      .list-product-wrapper .product-item__metadata .font-weight-light {
        font-weight: 400; }
    .list-product-wrapper .product-item__quantity {
      flex: 1; }
    .list-product-wrapper .product-item__options {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center; }
    .list-product-wrapper .product-item:nth-child(even) {
      background: var(--neutral3);
      background: var(--bgColor); }
  .list-product-wrapper .total-quantity {
    text-align: right;
    font-size: 15px;
    margin: 0 auto;
    padding: 10px 20px; }
.btn-save {
  flex: 1;
  border-radius: 34px;
  width: fit-content;
  height: 44px;
  border: none;
  padding-left: 2rem;
  padding-right: 2rem;
  background: var(--secondary);
  color: #fff;
  font-weight: bold;
  font-size: 14px; }

.btn-save-square {
  border-radius: 5px;
  background-color: var(--secondary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 100%;
  height: 44px; }

.process-add-modal-wrapper .ma-container .mbg-modal {
  min-height: 50vh; }

.stock-process-description .mbg-text-wrapper {
  min-height: 30vh;
  margin-bottom: 2rem; }
.request-history-list .request-filter-wrapper {
  display: flex; }
  .request-history-list .request-filter-wrapper .request-filter-card {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 25px;
    width: 20px;
    background-color: #fff;
    margin-right: 20px;
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.3);
    transition: all 200ms ease;
    position: relative;
    cursor: pointer;
    flex: 1; }
    .request-history-list .request-filter-wrapper .request-filter-card:hover {
      transform: scale(1.05); }
    .request-history-list .request-filter-wrapper .request-filter-card .card-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      cursor: pointer;
      color: var(--font3);
      font-weight: 400;
      font-size: 13px;
      width: 100%;
      height: 100%;
      justify-content: center; }
      .request-history-list .request-filter-wrapper .request-filter-card .card-wrapper .request-icon {
        font-size: 18px;
        margin-right: 15px; }
    .request-history-list .request-filter-wrapper .request-filter-card.active {
      background-color: var(--primary); }
      .request-history-list .request-filter-wrapper .request-filter-card.active .card-wrapper {
        color: #fff; }

.request-history-list .status-icon {
  display: inline-flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: 500;
  color: #fff; }
  .request-history-list .status-icon.todo, .request-history-list .status-icon.pending_accept {
    background-color: var(--mbListStatusPending); }
  .request-history-list .status-icon.accepted {
    background-color: var(--mbListStatusActive); }
  .request-history-list .status-icon.pending_reject {
    background-color: var(--mbListStatusInactive); }
  .request-history-list .status-icon.canceled, .request-history-list .status-icon.rejected, .request-history-list .status-icon.partial_rejected {
    background-color: var(--mbListStatusDeleted); }
  .request-history-list .status-icon.pending_partial {
    background-image: linear-gradient(to bottom right, var(--mbListStatusActive) 50%, var(--warn) 50%); }
  .request-history-list .status-icon.pending_partial_reject {
    background-image: linear-gradient(to bottom right, var(--mbListStatusInactive) 50%, var(--warn) 50%); }

.request-history-list .mbg-list-v2 .action-icon {
  margin: 0 10px;
  color: var(--font3);
  font-size: 20px;
  transition: all 250ms ease; }
  .request-history-list .mbg-list-v2 .action-icon:hover, .request-history-list .mbg-list-v2 .action-icon:active {
    transform: scale(1.1); }
    .request-history-list .mbg-list-v2 .action-icon:hover.accept-icon, .request-history-list .mbg-list-v2 .action-icon:active.accept-icon {
      color: var(--mbListStatusActive); }
    .request-history-list .mbg-list-v2 .action-icon:hover.reject-icon, .request-history-list .mbg-list-v2 .action-icon:active.reject-icon {
      color: var(--mbListStatusDeleted); }
    .request-history-list .mbg-list-v2 .action-icon:hover.list-icon, .request-history-list .mbg-list-v2 .action-icon:active.list-icon {
      color: var(--primary); }

.request-history-list .btn-create {
  border: 0px;
  border-radius: 30px;
  background-color: #ff991f;
  color: white;
  font-weight: bold;
  width: 250px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center; }

.request-history-list .flex {
  display: flex;
  align-items: center; }

.request-history-list .help-btn {
  margin-right: 10px; }

.request-history-list .align-items {
  display: flex;
  align-items: center; }

.request-history-list .without-padding {
  padding: 0px; }
.sector-form-wrapper .input-label {
  margin-bottom: 5px; }
.sector-list-wrapper .help {
  margin-top: 15px; }

.sector-list-wrapper .align-items {
  align-items: center; }

.sector-list-wrapper .options-and-help-buttons {
  display: flex;
  justify-content: end; }
.gift-tags-wrapper .ma-container .mbg-modal .btn-conclude {
  margin-top: 0px; }
.entryXML-movement-generate-title .mbg-body-modal {
  max-height: calc(100vh - 300px) !important;
  margin: -15px 15px 15px 15px !important; }

.entryXML-movement-generate-title .mbg-footer-modal {
  padding: 0 !important; }

.entryXML-movement-generate-title .title-list-table {
  height: 180px;
  overflow-y: scroll; }
.modal-entry-imeis-wrapper {
  padding: 44px;
  width: 500px; }
  .modal-entry-imeis-wrapper.large {
    width: 1000px; }
  .modal-entry-imeis-wrapper h3 {
    font-weight: 500;
    margin-bottom: 15px; }
  .modal-entry-imeis-wrapper .mbg-close-modal {
    color: var(--font2);
    position: absolute;
    right: 16px;
    top: 32px;
    font-size: 14px; }
    .modal-entry-imeis-wrapper .mbg-close-modal i {
      margin-left: 7px; }
  .modal-entry-imeis-wrapper .errors .mbg-input-wrapper input {
    border: 1px solid var(--error);
    color: var(--error); }
  .modal-entry-imeis-wrapper .imeis-wrapper {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: auto;
    scrollbar-width: auto; }
    .modal-entry-imeis-wrapper .imeis-wrapper::-webkit-scrollbar {
      display: auto; }
    .modal-entry-imeis-wrapper .imeis-wrapper .wrapper-imei {
      margin-top: 14px; }
.view-product-equal-ean-wrapper .ma-container .mbg-modal .mbg-header-modal {
  padding: 0px 15px; }

.view-product-equal-ean-wrapper .ma-container .mbg-modal .mbg-body-modal p {
  max-width: 100%;
  font-size: 14px;
  margin-bottom: 7px;
  color: var(--font2); }
  .view-product-equal-ean-wrapper .ma-container .mbg-modal .mbg-body-modal p span {
    font-weight: 600; }

.view-product-equal-ean-wrapper .ma-container .mbg-modal h4 {
  padding: 0;
  color: var(--font1);
  margin-top: 29px; }

.view-product-equal-ean-wrapper .mbg-header-modal p {
  color: var(--font2);
  font-size: 13px;
  margin-bottom: 0px; }

.view-product-equal-ean-wrapper .btn-reject-link {
  margin-top: 14px;
  color: var(--font2); }
.transfer-check-wrapper .select-icon h3 {
  color: var(--primary); }

.transfer-check-wrapper .checklist-actions {
  align-items: center;
  justify-content: center;
  gap: 10px; }
  .transfer-check-wrapper .checklist-actions .check-icon {
    font-size: 16px;
    padding-top: 6px; }
    .transfer-check-wrapper .checklist-actions .check-icon i {
      color: var(--font3);
      transition: all 300ms ease; }
      .transfer-check-wrapper .checklist-actions .check-icon i.checked {
        color: #0fc34c; }
      .transfer-check-wrapper .checklist-actions .check-icon i:hover {
        transform: scale(1.2); }
      .transfer-check-wrapper .checklist-actions .check-icon i:focus-within {
        transform: scale(1.2); }
.transfer-history-list .transfer-filter-wrapper {
  display: flex; }
  .transfer-history-list .transfer-filter-wrapper .transfer-filter-card {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 25px;
    width: 20px;
    background-color: #fff;
    margin-right: 20px;
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.3);
    transition: all 200ms ease;
    position: relative;
    cursor: pointer;
    flex: 1; }
    .transfer-history-list .transfer-filter-wrapper .transfer-filter-card:hover {
      transform: scale(1.05); }
    .transfer-history-list .transfer-filter-wrapper .transfer-filter-card .card-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      cursor: pointer;
      color: var(--font3);
      font-weight: 400;
      font-size: 13px;
      width: 100%;
      height: 100%;
      justify-content: center; }
      .transfer-history-list .transfer-filter-wrapper .transfer-filter-card .card-wrapper .transfer-icon {
        font-size: 18px;
        margin-right: 15px; }
    .transfer-history-list .transfer-filter-wrapper .transfer-filter-card.active {
      background-color: var(--primary); }
      .transfer-history-list .transfer-filter-wrapper .transfer-filter-card.active .card-wrapper {
        color: #fff; }

.transfer-history-list .status-icon {
  display: inline-flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: 500;
  color: #fff; }
  .transfer-history-list .status-icon.todo, .transfer-history-list .status-icon.pending_accept {
    background-color: var(--mbListStatusPending); }
  .transfer-history-list .status-icon.accepted {
    background-color: var(--mbListStatusActive); }
  .transfer-history-list .status-icon.pending_reject {
    background-color: var(--mbListStatusInactive); }
  .transfer-history-list .status-icon.canceled, .transfer-history-list .status-icon.rejected, .transfer-history-list .status-icon.partial_rejected {
    background-color: var(--mbListStatusDeleted); }
  .transfer-history-list .status-icon.pending_partial {
    background-image: linear-gradient(to bottom right, var(--mbListStatusActive) 50%, var(--warn) 50%); }
  .transfer-history-list .status-icon.pending_partial_reject {
    background-image: linear-gradient(to bottom right, var(--mbListStatusInactive) 50%, var(--warn) 50%); }

.transfer-history-list .mbg-list-v2 .action-icon {
  margin: 0 10px;
  color: var(--font3);
  font-size: 20px;
  transition: all 250ms ease; }
  .transfer-history-list .mbg-list-v2 .action-icon:hover, .transfer-history-list .mbg-list-v2 .action-icon:active {
    transform: scale(1.1); }
    .transfer-history-list .mbg-list-v2 .action-icon:hover.accept-icon, .transfer-history-list .mbg-list-v2 .action-icon:active.accept-icon {
      color: var(--mbListStatusActive); }
    .transfer-history-list .mbg-list-v2 .action-icon:hover.reject-icon, .transfer-history-list .mbg-list-v2 .action-icon:active.reject-icon {
      color: var(--mbListStatusDeleted); }
    .transfer-history-list .mbg-list-v2 .action-icon:hover.list-icon, .transfer-history-list .mbg-list-v2 .action-icon:active.list-icon {
      color: var(--primary); }

.transfer-history-list .btn-create {
  border: 0px;
  border-radius: 30px;
  background-color: #ff991f;
  color: white;
  font-weight: bold;
  width: 250px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center; }

.transfer-history-list .flex {
  display: flex;
  align-items: center; }

.transfer-history-list .help {
  margin-top: 10px;
  margin-right: 10px; }

.transfer-history-list .align-items {
  display: flex;
  align-items: center; }

.transfer-history-list .without-padding {
  padding: 0px; }
.transfer-form-wrapper {
  background: white;
  height: 100%;
  padding-bottom: 5px;
  text-align: left; }
  .transfer-form-wrapper .transfer-form-wrapper-header {
    height: auto;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px; }
    .transfer-form-wrapper .transfer-form-wrapper-header label {
      margin: 5px 0px;
      margin-top: 10px; }
    .transfer-form-wrapper .transfer-form-wrapper-header .transfer-header-actions {
      justify-content: space-between;
      display: flex;
      gap: 7px;
      flex-direction: column; }
      .transfer-form-wrapper .transfer-form-wrapper-header .transfer-header-actions .btn-save {
        border-radius: 5px;
        background-color: var(--secondary);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        width: 100%;
        transition: all .3s ease;
        height: 25px !important; }
        .transfer-form-wrapper .transfer-form-wrapper-header .transfer-header-actions .btn-save:focus {
          transform: scale(1.1); }
      .transfer-form-wrapper .transfer-form-wrapper-header .transfer-header-actions .btn-return {
        display: flex;
        justify-content: center;
        font-size: 16px;
        transition: all .3s ease;
        margin-top: 14px; }
        .transfer-form-wrapper .transfer-form-wrapper-header .transfer-header-actions .btn-return:focus {
          transform: scale(1.1); }
    .transfer-form-wrapper .transfer-form-wrapper-header .observation {
      width: 100%;
      margin-top: 0px;
      height: 25px;
      min-height: 25px;
      transition: all .1s ease; }
      .transfer-form-wrapper .transfer-form-wrapper-header .observation:focus {
        border-bottom: 2px solid var(--primary); }
  .transfer-form-wrapper .mbg-keyboard-row {
    position: relative;
    display: flex;
    justify-content: unset;
    flex-wrap: wrap;
    margin-top: 2.5vh; }
    @media screen and (max-width: 990px) {
      .transfer-form-wrapper .mbg-keyboard-row {
        justify-content: center !important; } }
    .transfer-form-wrapper .mbg-keyboard-row .mbg-keyboard-item {
      width: 100%;
      padding: 0 1px; }
      @media screen and (max-width: 992px) {
        .transfer-form-wrapper .mbg-keyboard-row .mbg-keyboard-item {
          width: 3.5em !important; } }
      .transfer-form-wrapper .mbg-keyboard-row .mbg-keyboard-item button {
        width: 100%;
        height: 45px;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #fff;
        border: none;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        border-radius: 2px;
        font-weight: bold;
        color: var(--font2);
        font-family: "Montserrat", sans-serif; }
        .transfer-form-wrapper .mbg-keyboard-row .mbg-keyboard-item button * {
          margin: auto; }
      .transfer-form-wrapper .mbg-keyboard-row .mbg-keyboard-item .mbg-keyboard-enter {
        width: 100%;
        border: none;
        border-radius: 5px;
        color: #fff; }
    .transfer-form-wrapper .mbg-keyboard-row .mbg-keyboard-option button {
      box-shadow: none;
      border: 1px solid #9c9c9c;
      color: var(--font2);
      font-weight: bold;
      background: transparent;
      display: flex;
      flex-direction: column;
      transition: all 250ms ease; }
      .transfer-form-wrapper .mbg-keyboard-row .mbg-keyboard-option button span {
        font-size: 11px; }
      .transfer-form-wrapper .mbg-keyboard-row .mbg-keyboard-option button.active {
        color: #fff;
        background-color: var(--primary); }
      .transfer-form-wrapper .mbg-keyboard-row .mbg-keyboard-option button:focus {
        transform: scale(1.1); }
  .transfer-form-wrapper .transfer-form-wrapper-body {
    height: auto;
    padding-top: 0px; }
    .transfer-form-wrapper .transfer-form-wrapper-body .search-input-box {
      display: flex;
      align-items: center; }
    .transfer-form-wrapper .transfer-form-wrapper-body .btn-open-terminal {
      border-radius: 5px;
      background-color: var(--primary);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      border: none;
      transition: all .3s ease;
      width: 100%; }
      .transfer-form-wrapper .transfer-form-wrapper-body .btn-open-terminal:focus {
        transform: scale(1.1); }
    .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items {
      margin-top: 5px;
      background: #e5e5e5;
      border-radius: 5px; }
      .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .row-item-info {
        padding-right: 0px;
        margin-top: 2px; }
      .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-item-info {
        padding: 3px; }
        .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-item-info img {
          width: 100%;
          height: 280px;
          margin-bottom: 10px; }
        .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-item-info label {
          color: var(--font2); }
        .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-item-info span {
          font-weight: bold; }
      .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-items-list {
        max-height: 520px;
        overflow-y: scroll; }
        .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-items-list .icons {
          display: flex;
          justify-content: center; }
          .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-items-list .icons .img-transfer-item-icon {
            padding-left: 0.2vw;
            padding-right: 0.2vw; }
        .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-items-list .icons .percent-icon,
        .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-items-list .icons .delete-icon,
        .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-items-list .icons .img-transfer-item-icon,
        .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-items-list .icons .rentability-icon {
          transition: all 250ms ease; }
        .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-items-list .icons .percent-icon:focus,
        .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-items-list .icons .delete-icon:focus,
        .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-items-list .icons .img-transfer-item-icon:focus,
        .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-items-list .icons .rentability-icon:focus {
          transform: scale(1.3); }
        .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-items-list .bi-percent {
          color: var(--font3);
          width: 17px; }
          .transfer-form-wrapper .transfer-form-wrapper-body .transfer-items .transfer-items-list .bi-percent:hover {
            color: var(--font2); }
    .transfer-form-wrapper .transfer-form-wrapper-body .import-movement-button {
      margin-left: 15px; }
      .transfer-form-wrapper .transfer-form-wrapper-body .import-movement-button .fas {
        font-size: 28px !important; }
    .transfer-form-wrapper .transfer-form-wrapper-body .input-total input {
      font-weight: bold; }
.import-movement-modal {
  width: 80vw; }
.transfer-view-wrapper .type-transfer {
  display: flex;
  align-items: center;
  justify-content: start; }
  .transfer-view-wrapper .type-transfer span {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary); }
  .transfer-view-wrapper .type-transfer svg {
    width: 44px;
    margin-right: 6px;
    fill: var(--primary); }
    .transfer-view-wrapper .type-transfer svg.receive {
      transform: scaleX(-1); }

.transfer-view-wrapper .transfer-header-view-actions {
  display: flex;
  justify-content: end;
  align-items: center; }
  .transfer-view-wrapper .transfer-header-view-actions .btn-return {
    display: flex;
    justify-content: center;
    font-size: 16px;
    transition: all .3s ease;
    margin-top: 14px; }
    .transfer-view-wrapper .transfer-header-view-actions .btn-return:focus {
      transform: scale(1.1); }

.transfer-view-wrapper .status-transfer {
  display: flex;
  align-items: center; }
  .transfer-view-wrapper .status-transfer label {
    color: var(--font3); }
    .transfer-view-wrapper .status-transfer label span {
      margin-left: 6px; }
      .transfer-view-wrapper .status-transfer label span.ACCEPTED {
        color: var(--success); }
      .transfer-view-wrapper .status-transfer label span.PENDING_ACCEPT {
        color: var(--info); }
      .transfer-view-wrapper .status-transfer label span.PENDING_REJECT {
        color: var(--warn); }
        .transfer-view-wrapper .status-transfer label span.PENDING_REJECT.destiny-style {
          color: var(--error); }
      .transfer-view-wrapper .status-transfer label span.REJECTED {
        color: var(--error); }
      .transfer-view-wrapper .status-transfer label span.REVERSED {
        color: var(--warn); }
      .transfer-view-wrapper .status-transfer label span.CANCELED {
        color: var(--error); }

.transfer-view-wrapper .scrollable-table {
  overflow-x: auto;
  max-height: 60vh; }

.transfer-view-wrapper .list-v2 .table {
  margin-bottom: 0 !important; }
  .transfer-view-wrapper .list-v2 .table .totals {
    display: none; }

.transfer-view-wrapper .row-totals {
  background-color: var(--primary);
  color: #FFF !important;
  border-radius: 5px; }
  .transfer-view-wrapper .row-totals .product-quantity, .transfer-view-wrapper .row-totals .item-quantity, .transfer-view-wrapper .row-totals .total-value {
    height: 25px; }
  .transfer-view-wrapper .row-totals input {
    border: transparent;
    color: #FFF !important; }
  .transfer-view-wrapper .row-totals h4,
  .transfer-view-wrapper .row-totals h5,
  .transfer-view-wrapper .row-totals input {
    font-size: 14px;
    font-weight: 700 !important;
    margin: 0 !important; }
.stock-adjustment-list-wrapper .icons-movement > * {
  margin-left: 6px; }

.stock-adjustment-list-wrapper .icons-movement cp-see-icon svg {
  margin-right: -5px; }

.stock-adjustment-list-wrapper .mbg-select-value {
  align-content: center; }

.stock-adjustment-list-wrapper .btn-create-wrapper {
  right: 0;
  position: absolute;
  margin-top: -10px; }

.stock-adjustment-list-wrapper mbg-input-date {
  width: 100%; }
  .stock-adjustment-list-wrapper mbg-input-date input {
    background-color: white; }

.stock-adjustment-list-wrapper .item-list {
  overflow-y: hidden; }

.stock-adjustment-list-wrapper .new-adjustment {
  color: var(--secondary) !important; }

.stock-adjustment-list-wrapper .scrollable-table {
  overflow-x: auto;
  margin: 14px 0; }

.stock-adjustment-list-wrapper .list-v2-wrapper {
  max-height: calc(100vh - 370px); }

.stock-adjustment-list-wrapper .align-items {
  display: flex;
  align-items: center;
  padding: 0px; }

.stock-adjustment-list-wrapper .without-padding {
  padding: 0px; }

.stock-adjustment-list-wrapper .margin-bottom {
  margin-bottom: 25px; }
.stock-adjustment-form-wrapper .fake-focus-on-add {
  background-color: var(--neutral3) !important; }

.stock-adjustment-form-wrapper mbg-input-date input {
  text-align: center !important; }

.stock-adjustment-form-wrapper .return-button-div {
  display: flex;
  justify-content: right;
  margin-top: 11px; }

.stock-adjustment-form-wrapper .panel {
  margin-bottom: 10px; }

.stock-adjustment-form-wrapper h4 {
  margin-bottom: 4px !important; }

.stock-adjustment-form-wrapper .form-inputs h4 {
  font-size: 14px;
  color: var(--font2);
  font-weight: 700; }

.stock-adjustment-form-wrapper .list {
  width: 99.5%;
  height: 100%;
  max-height: 45vh;
  overflow-y: auto; }
  .stock-adjustment-form-wrapper .list .transition {
    transition: background-color 0.3s ease-in-out; }

.stock-adjustment-form-wrapper .panel.gmd.mbg {
  width: 99.5%;
  padding: 4px 8px; }

.stock-adjustment-form-wrapper .total-row {
  margin-right: 0; }
  .stock-adjustment-form-wrapper .total-row .total-wrapper {
    color: var(--font2);
    margin-bottom: 16px; }
    .stock-adjustment-form-wrapper .total-row .total-wrapper label {
      font-size: 14px; }
    .stock-adjustment-form-wrapper .total-row .total-wrapper h3 {
      font-size: 14px;
      margin: 4px 0 0 0; }

.stock-adjustment-form-wrapper .fas.fa-info-circle {
  color: #009dea; }

.stock-adjustment-form-wrapper .page-section .quantity {
  justify-content: center;
  display: flex; }

.stock-adjustment-form-wrapper .btn-open-terminal:focus {
  transform: scale(1.1);
  transition: all .3s ease; }

.stock-adjustment-form-wrapper .delete-icon:focus svg {
  transform: scale(1.3) !important; }
.auth-invite-wrapper .radio-role {
  width: 144px;
  height: 25px !important;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-left: 5px;
  font-weight: 100;
  color: var(--font2);
  margin-right: 5px;
  margin-top: 5px; }
  .auth-invite-wrapper .radio-role.active {
    border: 1px solid var(--primary);
    background: var(--primary);
    color: #FFF; }

.auth-invite-wrapper .show-advanced-wrapper {
  margin-top: 14px; }

.auth-invite-wrapper .check-wrapper svg {
  fill: var(--font2); }
  .auth-invite-wrapper .check-wrapper svg.checked {
    fill: #7cd45d; }

.auth-invite-wrapper .operations-wrapper {
  margin-top: 14px; }
  .auth-invite-wrapper .operations-wrapper ul {
    list-style: none;
    padding-left: 25px; }
    .auth-invite-wrapper .operations-wrapper ul li {
      color: var(--font2); }
      .auth-invite-wrapper .operations-wrapper ul li label {
        font-weight: 100;
        margin-left: 5px; }
      .auth-invite-wrapper .operations-wrapper ul li .operation-role-item {
        display: flex;
        align-items: center; }
        .auth-invite-wrapper .operations-wrapper ul li .operation-role-item .item {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          margin-top: 4px; }
  .auth-invite-wrapper .operations-wrapper ul.first-nivel {
    padding: 0; }
    .auth-invite-wrapper .operations-wrapper ul.first-nivel > li {
      margin-top: 5px; }
      .auth-invite-wrapper .operations-wrapper ul.first-nivel > li > .operation-role-item label {
        font-weight: 600; }

.auth-invite-wrapper mbg-btn-form {
  margin-top: 54px; }

.auth-invite-wrapper .btn-org-wrapper button {
  border: none;
  width: 100%;
  text-align: left;
  margin: 5px 0px;
  display: flex;
  align-items: center;
  border-radius: 50px;
  border: 1px solid var(--neutral3);
  padding-left: 18px; }
  .auth-invite-wrapper .btn-org-wrapper button span {
    flex: 1; }
  .auth-invite-wrapper .btn-org-wrapper button .check-wrapper {
    width: 44px;
    height: 25px !important; }

.auth-invite-wrapper .mbg-label {
  font-weight: 550;
  color: var(--font2);
  margin: 8px 0px; }

.auth-invite-wrapper .mbg-aux-label {
  font-size: 14px;
  color: var(--font1);
  margin-top: 10px;
  font-weight: 500;
  margin-bottom: 12px; }

.auth-invite-wrapper .m-t-18 {
  margin-top: 18px; }

.auth-invite-wrapper .link {
  color: var(--font2);
  margin-top: 12px !important; }

.auth-invite-wrapper .input-time-size {
  display: flex;
  margin-bottom: 8px;
  margin-right: 8px; }
  .auth-invite-wrapper .input-time-size cp-delete-icon {
    margin: auto 0px; }

.auth-invite-wrapper mbg-btn-form div button {
  height: 25px !important; }
.auth-list-wrapper .convite-label {
  height: 100%; }
  .auth-list-wrapper .convite-label p {
    font-size: 15px;
    margin: 0; }

.auth-list-wrapper .margin-list {
  margin-top: 30px; }

.auth-list-wrapper .link {
  border-bottom: 1px solid var(--neutral2);
  color: var(--font2); }
  .auth-list-wrapper .link.edit-btn {
    margin-right: 14px; }

.auth-list-wrapper mbg-list .table > thead > tr > th {
  background: transparent; }

.auth-list-wrapper mbg-list .table > tbody > tr > td {
  vertical-align: middle; }

.auth-list-wrapper .btn-auth-list {
  height: 25px !important;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap; }

.auth-list-wrapper .btn-user-roles {
  background-color: var(--primary); }

.auth-list-wrapper .input-wrapper {
  height: 25px !important; }

.auth-list-wrapper .box-list {
  margin-bottom: 12px; }

.auth-list-wrapper .organization-icon svg {
  height: 25px !important;
  width: 25px !important; }

.auth-list-wrapper .actions-box {
  display: flex;
  gap: 6px;
  align-items: center; }
.auth-invite-wrapper .radio-role {
  width: 144px;
  height: 44px;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-left: 5px;
  font-weight: 100;
  color: var(--font2);
  margin-right: 5px;
  margin-top: 5px; }
  .auth-invite-wrapper .radio-role.active {
    border: 1px solid var(--primary);
    background: var(--primary);
    color: #FFF; }

.auth-invite-wrapper .show-advanced-wrapper {
  margin-top: 14px; }

.auth-invite-wrapper .check-wrapper svg {
  fill: var(--font2); }
  .auth-invite-wrapper .check-wrapper svg.checked {
    fill: #7cd45d; }

.auth-invite-wrapper .operations-wrapper {
  margin-top: 14px; }
  .auth-invite-wrapper .operations-wrapper ul {
    list-style: none;
    padding-left: 25px; }
    .auth-invite-wrapper .operations-wrapper ul li {
      color: var(--font2); }
      .auth-invite-wrapper .operations-wrapper ul li label {
        font-weight: 100;
        margin-left: 5px; }
      .auth-invite-wrapper .operations-wrapper ul li .operation-role-item {
        display: flex;
        align-items: center; }
  .auth-invite-wrapper .operations-wrapper ul.first-nivel {
    padding: 0; }
    .auth-invite-wrapper .operations-wrapper ul.first-nivel > li {
      margin-top: 5px; }
      .auth-invite-wrapper .operations-wrapper ul.first-nivel > li > .operation-role-item label {
        font-weight: 600; }

.auth-invite-wrapper mbg-btn-form {
  margin-top: 54px; }

.auth-invite-wrapper .btn-org-wrapper button {
  border: none;
  width: 100%;
  text-align: left;
  margin: 5px 0px;
  display: flex;
  align-items: center;
  border-radius: 50px;
  border: 1px solid var(--neutral3);
  padding-left: 18px; }
  .auth-invite-wrapper .btn-org-wrapper button span {
    flex: 1; }
  .auth-invite-wrapper .btn-org-wrapper button .check-wrapper {
    width: 44px;
    height: 38px; }

.auth-invite-wrapper .mbg-label {
  font-weight: 550;
  color: var(--font2); }

.auth-invite-wrapper .mbg-aux-label {
  font-size: 14px;
  color: var(--font1);
  margin-top: 10px;
  font-weight: 500;
  margin-bottom: 12px; }

.auth-invite-wrapper .m-t-18 {
  margin-top: 18px; }

.auth-invite-wrapper .link {
  color: var(--font2);
  margin-top: 18px; }

.select-invite-company {
  background-color: var(--primary);
  font-weight: bold;
  color: wheat; }

.auth-organization-legend > li > span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 5px 0 0; }
.auth-permission-wrapper .rotate {
  transform: rotate(90deg); }

.auth-permission-wrapper .header-info-and-search {
  display: flex;
  align-items: center;
  padding: 0px 12px; }

.auth-permission-wrapper .buttons-container {
  display: flex;
  align-items: end;
  justify-content: end;
  padding: 8px;
  gap: 6px; }
  .auth-permission-wrapper .buttons-container .btn-save {
    height: 25px !important;
    min-width: 200px !important; }
  .auth-permission-wrapper .buttons-container .btn-check {
    min-width: 230px !important;
    background-color: var(--primary); }

.auth-permission-wrapper .div-btn-return {
  display: flex;
  justify-content: end;
  margin-right: 12px; }

.auth-permission-wrapper .btn-return {
  font-size: x-large;
  transition: 0.3s all ease-in-out; }
  .auth-permission-wrapper .btn-return:focus {
    transform: scale(1.1); }
    .auth-permission-wrapper .btn-return:focus i {
      color: var(--primary); }

.auth-permission-wrapper .table-container {
  max-height: 60vh;
  overflow-y: auto;
  position: relative; }
  .auth-permission-wrapper .table-container table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0; }
    .auth-permission-wrapper .table-container table thead {
      position: sticky;
      top: 0;
      z-index: 1;
      background-color: var(--primary); }
      .auth-permission-wrapper .table-container table thead tr {
        height: 25px; }
      .auth-permission-wrapper .table-container table thead th {
        color: var(--bgColor);
        padding: 4px 0px; }
      .auth-permission-wrapper .table-container table thead th:first-child {
        padding-left: 24px; }
      .auth-permission-wrapper .table-container table thead th:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      .auth-permission-wrapper .table-container table thead th:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }

.auth-permission-wrapper .permission-row .module-cell {
  vertical-align: middle; }
  .auth-permission-wrapper .permission-row .module-cell .module-content {
    display: flex;
    align-items: center; }
    .auth-permission-wrapper .permission-row .module-cell .module-content i {
      margin-right: 6px; }

.auth-permission-wrapper .permission-row td {
  vertical-align: middle;
  padding: 0px 8px; }

.auth-permission-wrapper .permission-row:hover {
  background-color: #efefef; }

.auth-permission-wrapper .action-row {
  background-color: #f9f9f9; }
  .auth-permission-wrapper .action-row .action-td {
    padding: 0px; }
    .auth-permission-wrapper .action-row .action-td .action-item {
      padding: 0px 0px 0px 120px;
      display: flex;
      justify-content: start;
      align-items: center;
      background-color: #efefef; }
      .auth-permission-wrapper .action-row .action-td .action-item mbg-checkbox {
        margin-right: 12px; }

.modal-permission {
  background-color: var(--bgColor);
  margin: 0 auto;
  max-height: 85vh;
  margin-top: 8vh;
  border-radius: 12px;
  max-width: 85vw !important; }
.user-role-wrapper search-input-terminal .search-input-terminal-wrapper .input-terminal .select-filter,
.user-role-wrapper search-input-terminal .search-input-terminal-wrapper .input-terminal span,
.user-role-wrapper search-input-terminal .search-input-terminal-wrapper .input-terminal .type-filter {
  display: none !important; }

.user-role-wrapper .right-side {
  margin-left: auto; }

.user-role-wrapper .header-container {
  margin-bottom: 12px; }
  .user-role-wrapper .header-container div {
    margin-top: auto;
    margin-bottom: auto; }
.commercial-content-wrapper {
  text-align: left;
  padding-top: 0px !important;
  height: 100%;
  /*
        Css IPAD
    */ }
  .commercial-content-wrapper > [ui-view] {
    height: 100%; }
  .commercial-content-wrapper .page-wrapper {
    height: 100%; }
  .commercial-content-wrapper ul.movement-navigation {
    display: flex;
    width: 100%;
    margin: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    list-style: none; }
    .commercial-content-wrapper ul.movement-navigation li {
      flex: 1;
      height: 34px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 4px solid transparent; }
      .commercial-content-wrapper ul.movement-navigation li.completed {
        border-bottom: 4px solid var(--primary);
        color: var(--primary); }
      .commercial-content-wrapper ul.movement-navigation li.active {
        border-bottom: 4px solid var(--secondary);
        color: var(--secondary); }
  .commercial-content-wrapper .commercial-side-session .info {
    padding: 5px 0; }
    .commercial-content-wrapper .commercial-side-session .info label {
      color: var(--font2);
      font-weight: 100;
      font-size: 15px;
      margin: 3px 0; }
      .commercial-content-wrapper .commercial-side-session .info label.title {
        font-weight: 600;
        color: var(--font3); }
      .commercial-content-wrapper .commercial-side-session .info label.default {
        font-size: 15px; }
    .commercial-content-wrapper .commercial-side-session .info a {
      color: var(--font2);
      text-decoration: none; }
      .commercial-content-wrapper .commercial-side-session .info a span {
        text-decoration: underline;
        color: #2747a9;
        margin-left: 5px; }
      .commercial-content-wrapper .commercial-side-session .info a.decoration-underline {
        text-decoration: underline; }
    .commercial-content-wrapper .commercial-side-session .info h3 {
      color: #000;
      width: 100%;
      text-align: right;
      line-height: 30px; }
    .commercial-content-wrapper .commercial-side-session .info p.success {
      color: var(--success); }
    .commercial-content-wrapper .commercial-side-session .info p.err {
      font-size: 11px;
      color: var(--error); }
    .commercial-content-wrapper .commercial-side-session .info mbg-input-text {
      width: 100%; }
  .commercial-content-wrapper .commercial-side-session .finish {
    width: 100%;
    height: 54px;
    background: var(--secondary);
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-weight: bold;
    border-radius: 44px; }
    .commercial-content-wrapper .commercial-side-session .finish:hover, .commercial-content-wrapper .commercial-side-session .finish:focus {
      color: #fff; }
    .commercial-content-wrapper .commercial-side-session .finish[disabled="disabled"] {
      opacity: .5; }
    @media screen and (max-width: 992px) {
      .commercial-content-wrapper .commercial-side-session .finish {
        font-size: 16px;
        float: right;
        width: 80%; } }
  .commercial-content-wrapper .commercial-back,
  .commercial-content-wrapper .commercial-back:hover {
    font-weight: bold;
    color: var(--font2); }
  .commercial-content-wrapper .container-commercial {
    background: #f5f5f5; }
    .commercial-content-wrapper .container-commercial .label-checkbox {
      margin-left: 8px !important; }
    .commercial-content-wrapper .container-commercial .container-body, .commercial-content-wrapper .container-commercial .container-header {
      padding: 7px 184px 7px 184px; }
    .commercial-content-wrapper .container-commercial .container-body {
      padding-top: 10px;
      padding-bottom: 0px; }
    .commercial-content-wrapper .container-commercial .container-header {
      background: #FFF;
      height: auto;
      will-change: height;
      transition: all 350ms ease; }
      .commercial-content-wrapper .container-commercial .container-header.expanded {
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px; }
    .commercial-content-wrapper .container-commercial .no-padding {
      padding: 0; }
    .commercial-content-wrapper .container-commercial .no-padding-top {
      padding-top: 0; }
    .commercial-content-wrapper .container-commercial .page-wrapper {
      padding: 0;
      height: calc(100% - 45px); }
    .commercial-content-wrapper .container-commercial .sub-title {
      font-weight: 600;
      color: var(--font2);
      font-size: 17px;
      margin: 0; }
    .commercial-content-wrapper .container-commercial .commercial-error {
      margin-top: 9px;
      font-size: 13px;
      color: var(--error);
      width: 100%;
      font-weight: 400; }
  @media (max-width: 1454px) {
    .commercial-content-wrapper .container-commercial .container-body, .commercial-content-wrapper .container-commercial .container-header {
      padding: 14px 68px 14px 68px; } }
  @media (max-width: 1360px) {
    .commercial-content-wrapper .container-commercial .container-body, .commercial-content-wrapper .container-commercial .container-header {
      padding: 14px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .commercial-content-wrapper body .terminal-modal .modal-dialog {
      width: 950px; }
    .commercial-content-wrapper body .container-commercial {
      overflow-x: hidden;
      overflow-y: auto;
      transform: scale(0.8);
      width: 125%;
      height: 125%;
      transform-origin: 0 0;
      max-height: none; }
      .commercial-content-wrapper body .container-commercial .sale-header-options {
        display: none; }
    .commercial-content-wrapper body div[ui-view] {
      height: 100%; } }
.offline-sync-modal-wrapper {
  width: 100%;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 38px 44px; }
  .offline-sync-modal-wrapper p {
    font-size: 16px;
    margin: 14px 0; }
.select-barcode-modal-wrapper {
  min-width: 354px;
  padding: 28px 14px; }
  .select-barcode-modal-wrapper p {
    color: var(--warn);
    margin-bottom: 0;
    margin-top: 6px;
    font-size: 12px; }
.transfer-product-promotion-wrapper {
  min-width: 354px;
  padding: 28px 14px; }
  .transfer-product-promotion-wrapper p {
    color: var(--warn);
    margin-bottom: 0;
    margin-top: 6px;
    font-size: 12px; }
.validation-movement-group-wrapper {
  height: 676px;
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column; }
  .validation-movement-group-wrapper .validation-body {
    height: 100%; }
    .validation-movement-group-wrapper .validation-body .validations {
      height: 100%; }
    .validation-movement-group-wrapper .validation-body .success-content {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .validation-movement-group-wrapper .validation-body .success-content success-icon {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center; }
      .validation-movement-group-wrapper .validation-body .success-content mbg-btn-form {
        margin-bottom: 20px; }
  .validation-movement-group-wrapper .progress-steps {
    height: 55px;
    margin-bottom: 20px; }
    .validation-movement-group-wrapper .progress-steps .progressbar {
      margin: 0;
      padding: 0;
      counter-reset: step; }
    .validation-movement-group-wrapper .progress-steps .progressbar li {
      list-style-type: none;
      width: 25%;
      float: left;
      font-size: 11px;
      position: relative;
      text-align: center;
      color: #7d7d7d; }
      .validation-movement-group-wrapper .progress-steps .progressbar li::before {
        width: 30px;
        height: 30px;
        content: counter(step);
        counter-increment: step;
        line-height: 26px;
        border: 2px solid #7d7d7d;
        display: block;
        text-align: center;
        margin: 0 auto 10px auto;
        border-radius: 50%;
        background-color: white;
        z-index: 2;
        position: relative;
        transition: all 200ms ease; }
      .validation-movement-group-wrapper .progress-steps .progressbar li::after {
        width: 100%;
        height: 2px;
        content: "";
        position: absolute;
        background-color: #7d7d7d;
        top: 15px;
        left: -50%;
        z-index: 1; }
      .validation-movement-group-wrapper .progress-steps .progressbar li:hover::before {
        transform: scale(1.2); }
      .validation-movement-group-wrapper .progress-steps .progressbar li:hover::after {
        font-weight: 600; }
    .validation-movement-group-wrapper .progress-steps .progressbar li:first-child:after {
      content: none; }
    .validation-movement-group-wrapper .progress-steps .progressbar li.active {
      color: var(--success);
      transition: all 200ms ease; }
    .validation-movement-group-wrapper .progress-steps .progressbar li.active:before {
      border-color: var(--success);
      transition: all 200ms ease; }
    .validation-movement-group-wrapper .progress-steps .progressbar li.active + li:after {
      background-color: var(--success);
      transition: all 200ms ease; }
    .validation-movement-group-wrapper .progress-steps .progressbar li.current {
      color: var(--info);
      transition: all 200ms ease; }
    .validation-movement-group-wrapper .progress-steps .progressbar li.current:before {
      border-color: var(--info);
      transition: all 200ms ease; }
    .validation-movement-group-wrapper .progress-steps .progressbar li.current + li:after {
      background-color: var(--info);
      transition: all 200ms ease; }
.validation-dest-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .validation-dest-wrapper .validation-dest-body {
    flex: 1;
    padding-top: 24px;
    max-height: 418px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 6px;
    padding-left: 6px; }
  .validation-dest-wrapper .validation-dest-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0; }
  .validation-dest-wrapper .mb-input-step-wrapper .mbg-error {
    border: none !important; }
  .validation-dest-wrapper .relative-content {
    position: relative; }
    .validation-dest-wrapper .relative-content .link-isento {
      position: absolute;
      right: 16px;
      z-index: 100; }
      .validation-dest-wrapper .relative-content .link-isento span {
        font-size: 11px;
        color: var(--font2);
        border-bottom: 1px solid var(--neutral3); }
.validation-note-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .validation-note-wrapper .validation-note-body {
    flex: 1;
    padding-top: 24px;
    max-height: 418px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 6px;
    padding-left: 6px; }
  .validation-note-wrapper .validation-note-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px; }
.validation-products-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .validation-products-wrapper .validation-products-body {
    flex: 1;
    padding-top: 24px;
    max-height: 418px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 6px;
    padding-left: 6px; }
  .validation-products-wrapper .validation-products-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px; }
  .validation-products-wrapper .product-content {
    padding: 10px;
    border-radius: 4px;
    background-color: #f1f1f1;
    margin-bottom: 8px; }
    .validation-products-wrapper .product-content h5 {
      font-size: 20px;
      margin-bottom: 0px; }
.success-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .success-icon-wrapper label {
    font-weight: 500;
    color: #a5dc86; }
  .success-icon-wrapper .sa {
    width: 140px;
    height: 140px;
    padding: 26px;
    background-color: #fff; }
    .success-icon-wrapper .sa-success {
      border-radius: 50%;
      border: 4px solid #a5dc86;
      box-sizing: content-box;
      height: 80px;
      padding: 0;
      position: relative;
      background-color: #fff;
      width: 80px; }
      .success-icon-wrapper .sa-success:after, .success-icon-wrapper .sa-success:before {
        background: #fff;
        content: "";
        height: 120px;
        position: absolute;
        transform: rotate(45deg);
        width: 60px; }
      .success-icon-wrapper .sa-success:before {
        border-radius: 40px 0 0 40px;
        width: 26px;
        height: 80px;
        top: -17px;
        left: 5px;
        transform-origin: 60px 60px;
        transform: rotate(-45deg); }
      .success-icon-wrapper .sa-success:after {
        border-radius: 0 120px 120px 0;
        left: 30px;
        top: -11px;
        transform-origin: 0 60px;
        transform: rotate(-45deg);
        animation: rotatePlaceholder 4.25s ease-in; }
      .success-icon-wrapper .sa-success-placeholder {
        border-radius: 50%;
        border: 4px solid rgba(165, 220, 134, 0.25);
        box-sizing: content-box;
        height: 80px;
        left: -4px;
        position: absolute;
        top: -4px;
        width: 80px;
        z-index: 2; }
      .success-icon-wrapper .sa-success-fix {
        background-color: #fff;
        height: 90px;
        left: 28px;
        position: absolute;
        top: 8px;
        transform: rotate(-45deg);
        width: 5px;
        z-index: 1; }
      .success-icon-wrapper .sa-success-tip, .success-icon-wrapper .sa-success-long {
        background-color: #a5dc86;
        border-radius: 2px;
        height: 5px;
        position: absolute;
        z-index: 2; }
      .success-icon-wrapper .sa-success-tip {
        left: 14px;
        top: 46px;
        transform: rotate(45deg);
        width: 25px;
        animation: animateSuccessTip 0.75s; }
      .success-icon-wrapper .sa-success-long {
        right: 8px;
        top: 38px;
        transform: rotate(-45deg);
        width: 47px;
        animation: animateSuccessLong 0.75s; }

@keyframes animateSuccessTip {
  0%,
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessLong {
  0%,
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes rotatePlaceholder {
  0%,
  5% {
    transform: rotate(-45deg); }
  100%,
  12% {
    transform: rotate(-405deg); } }
.progress-steps-wrapper .progress-steps {
  height: 55px;
  margin-bottom: 20px; }
  .progress-steps-wrapper .progress-steps .progressbar {
    margin: 0;
    padding: 0;
    counter-reset: step; }
  .progress-steps-wrapper .progress-steps .progressbar li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 11px;
    position: relative;
    text-align: center;
    color: #7d7d7d; }
    .progress-steps-wrapper .progress-steps .progressbar li::before {
      width: 30px;
      height: 30px;
      content: counter(step);
      counter-increment: step;
      line-height: 26px;
      border: 2px solid #7d7d7d;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      background-color: white;
      z-index: 2;
      position: relative;
      transition: all 200ms ease; }
    .progress-steps-wrapper .progress-steps .progressbar li::after {
      width: 100%;
      height: 2px;
      content: "";
      position: absolute;
      background-color: #7d7d7d;
      top: 15px;
      left: -50%;
      z-index: 1; }
    .progress-steps-wrapper .progress-steps .progressbar li:hover::before {
      transform: scale(1.2); }
    .progress-steps-wrapper .progress-steps .progressbar li:hover::after {
      font-weight: 600; }
  .progress-steps-wrapper .progress-steps .progressbar li:first-child:after {
    content: none; }
  .progress-steps-wrapper .progress-steps .progressbar li.active {
    color: var(--success);
    transition: all 200ms ease; }
  .progress-steps-wrapper .progress-steps .progressbar li.active:before {
    border-color: var(--success);
    transition: all 200ms ease; }
  .progress-steps-wrapper .progress-steps .progressbar li.active + li:after {
    background-color: var(--success);
    transition: all 200ms ease; }
  .progress-steps-wrapper .progress-steps .progressbar li.current {
    color: var(--info);
    transition: all 200ms ease; }
  .progress-steps-wrapper .progress-steps .progressbar li.current:before {
    border-color: var(--info);
    transition: all 200ms ease; }
  .progress-steps-wrapper .progress-steps .progressbar li.current + li:after {
    background-color: var(--info);
    transition: all 200ms ease; }
.loading-validation-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: column; }
  .loading-validation-wrapper label {
    margin-bottom: 100px;
    color: var(--font2);
    font-weight: 500;
    font-style: italic; }
.swal2-container.rastro-modal .swal2-popup.swal2-modal.swal2-show {
  border-radius: 3rem;
  width: 35vw;
  height: 35vh;
  font-size: 1.5rem; }

.modal-import-order-delivery .swal2-popup.swal2-modal.swal2-show {
  border-radius: 2rem;
  padding: 4rem; }
  .modal-import-order-delivery .swal2-popup.swal2-modal.swal2-show select.swal2-select {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    padding: 8px;
    flex: 1;
    outline: none;
    width: inherit;
    height: 44px;
    max-width: 100%;
    cursor: text;
    display: flex;
    align-items: center;
    margin: 8px auto; }
  .modal-import-order-delivery .swal2-popup.swal2-modal.swal2-show .swal2-styled.swal2-confirm {
    border: 0;
    color: #fff; }
  .modal-import-order-delivery .swal2-popup.swal2-modal.swal2-show .swal2-actions {
    margin: 0; }

.modal-import-order-delivery .m-b-05-rem {
  margin-bottom: 0.5rem !important; }

.container-sale {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
  max-height: 110vh;
  overflow: auto; }
  .container-sale .min-fit-content {
    min-height: fit-content; }
  .container-sale .page-wrapper {
    height: 100%; }
    .container-sale .page-wrapper .sale-wrapper {
      height: 100%; }
      .container-sale .page-wrapper .sale-wrapper hr {
        min-height: 1px;
        width: 100%; }
  @media screen and (max-width: 992px) {
    .container-sale .container-header.expanded commercial-data {
      float: left;
      width: 100%; } }
  @media (max-width: 1360px) {
    .container-sale {
      max-height: calc(100vh / 0.75); } }

.sale-cashier .mb[cashier] {
  transition: padding 500ms ease; }

@media only screen and (max-width: 1920px) {
  .sale-cashier .mb[cashier] {
    padding: 0% 10.5%; } }

@media only screen and (max-width: 1300px) {
  .sale-cashier .mb[cashier] {
    padding: 0; } }
.order-import-wrapper {
  width: 95vw; }
  .order-import-wrapper .mbg-header-modal {
    min-height: 90px !important; }
  .order-import-wrapper .margin-top {
    margin-top: 12px; }
  .order-import-wrapper .pagination {
    padding: 10px 0px 10px 0px; }
  .order-import-wrapper .scrollable {
    overflow-y: scroll;
    max-height: 22vw; }
  .order-import-wrapper .sublist {
    position: relative;
    z-index: 0; }
  .order-import-wrapper .mbg-input-wrapper {
    display: block; }
.choose-sale-person-wrapper {
  width: 450px; }
  .choose-sale-person-wrapper .mbg-body-modal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0; }
  .choose-sale-person-wrapper .person-list {
    max-height: 420px;
    overflow-y: auto; }
.delivery-order-modal-wrapper {
  padding: 2vw;
  width: 50vw; }
.sale-history-wrapper mbg-input-date input {
  background-color: transparent;
  border: 1px solid #ccc; }

.sale-history-wrapper .input-status {
  margin: 0px !important;
  min-width: 0px !important;
  justify-content: none !important;
  padding-left: 3px !important; }

.sale-history-wrapper .status {
  padding: 0px 3px 0px 0px !important; }

.sale-history-wrapper .input-payment {
  margin: 0px !important;
  min-width: 0px !important;
  justify-content: none !important;
  padding-left: 3px !important; }

.sale-history-wrapper .payment {
  padding: 0px 3px 0px 0px !important; }

.sale-history-wrapper .mbg-select-wrapper .mbg-select-input-fake {
  background: none; }

.sale-history-wrapper mbg-select[disabled="disabled"] .mbg-select-input-fake {
  background: #efefef !important; }

.sale-history-wrapper .input-employer {
  padding: 1.3rem;
  padding-left: 0px !important; }

.sale-history-wrapper .label-employer {
  padding-left: 3px !important; }

.sale-history-wrapper .new-sale {
  color: var(--secondary) !important; }

.sale-history-wrapper .col-sm-2 {
  padding-right: 7px !important; }

.sale-history-wrapper .col-sm-11 {
  padding: 0 !important; }

.sale-history-wrapper .filters-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-radius: 4px;
  color: var(--font2);
  cursor: pointer;
  width: 44px;
  height: 44px;
  background-color: white;
  border: 1px solid var(--neutral3);
  transition: all 300ms ease; }
  .sale-history-wrapper .filters-button i[class="fas fa-filter"] {
    transform: translate(13px, 13px) !important; }
  .sale-history-wrapper .filters-button i[class="fas fa-minus"] {
    transform: translate(15px, 12px) !important; }

.sale-history-wrapper .align-items {
  display: flex;
  align-items: center; }

.sale-history-wrapper .help {
  margin-left: 8px; }

.sale-history-wrapper .margin-bottom {
  margin-bottom: 25px; }

.sale-history-wrapper .side-buttons {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding-left: 0px;
  margin-right: 20px; }

.swal-select-print-format .swal2-actions {
  justify-content: space-evenly !important; }
  .swal-select-print-format .swal2-actions .swal2-confirm {
    background-color: var(--primary) !important;
    width: 76px;
    text-align: center; }
  .swal-select-print-format .swal2-actions .swal2-deny {
    background-color: var(--secondary) !important;
    width: 76px;
    text-align: center; }
  .swal-select-print-format .swal2-actions .swal2-cancel {
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    background: none !important;
    color: black !important; }
.sale-history-wrapper mbg-input-date input {
  background-color: transparent;
  border: 1px solid #ccc; }

.sale-history-wrapper .align-items {
  display: flex;
  align-items: center; }

.sale-history-wrapper .help {
  justify-content: end;
  display: flex;
  padding: 0px; }
.sale-edit-credit-card-modal .payments-content .payments {
  width: 160px;
  height: 130px;
  padding: 5px 5px;
  border: 1px solid #fff;
  border-radius: 4px;
  box-shadow: 4px 4px 3px 0em #061d3a;
  text-align: center;
  transition: all 0.4s ease; }

.sale-edit-credit-card-modal .payments-content .payments img {
  filter: saturate(1);
  display: flex;
  justify-content: center; }

.sale-edit-credit-card-modal .payments-content .flags {
  flex-wrap: wrap;
  display: flex;
  justify-content: center; }
  .sale-edit-credit-card-modal .payments-content .flags .flag {
    margin: 7px;
    transition: filter 200ms ease;
    max-height: 44px; }
  .sale-edit-credit-card-modal .payments-content .flags .flag-not-tef {
    transition: filter 200ms ease;
    filter: saturate(0);
    cursor: pointer; }
    .sale-edit-credit-card-modal .payments-content .flags .flag-not-tef.active, .sale-edit-credit-card-modal .payments-content .flags .flag-not-tef:hover {
      filter: saturate(1); }

.sale-edit-credit-card-modal .payments-content:hover .payments {
  box-shadow: 4px 4px 3px 0em #f79e1b;
  border: 1px solid #f3dcba;
  transition: all 0.4s ease; }
.credit-card-modal {
  min-height: 50vh; }
  .credit-card-modal .row {
    margin-bottom: 2vh; }
  .credit-card-modal .tef-type {
    background-color: red;
    font-weight: bold;
    border-radius: 50px;
    font-size: 12px;
    width: 30px;
    height: 30px; }
    .credit-card-modal .tef-type .content {
      color: white;
      margin-top: auto;
      margin-left: auto;
      margin-bottom: auto;
      margin-right: auto; }
  .credit-card-modal .flags {
    flex-wrap: wrap;
    padding: 1vw 7vw 1vw 7vw;
    box-shadow: 2px 2px 3px 0em #061d3a;
    border-radius: 4px;
    display: flex;
    justify-content: center; }
    .credit-card-modal .flags .flag {
      margin: 7px;
      transition: filter 200ms ease;
      max-height: 44px; }
    .credit-card-modal .flags .flag-not-tef {
      transition: filter 200ms ease;
      filter: saturate(0);
      cursor: pointer; }
      .credit-card-modal .flags .flag-not-tef.active, .credit-card-modal .flags .flag-not-tef:hover {
        filter: saturate(1); }
  .credit-card-modal .nsu svg {
    width: 1vw;
    margin-top: 30px;
    transition: 0.3s ease; }
  .credit-card-modal .nsu svg:hover {
    width: 2vw;
    margin-top: 23px;
    transition: 0.3s ease;
    transform: rotate(360deg); }
  .credit-card-modal .nsu a {
    color: #212121; }
  .credit-card-modal .btn-clear {
    width: auto;
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: none;
    border: 1px solid var(--neutral3);
    margin-right: 10px;
    margin-bottom: 10px;
    height: 44px;
    padding: 0px;
    font-weight: 500;
    display: flex;
    align-items: center; }
    .credit-card-modal .btn-clear > span {
      margin: 0px 12px;
      color: var(--font2); }
    .credit-card-modal .btn-clear .rate {
      width: 58px;
      height: 42px;
      display: flex;
      flex-direction: column;
      border-left: 1px solid var(--neutral3);
      align-items: center;
      justify-content: center;
      background-color: #fff; }
      .credit-card-modal .btn-clear .rate:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px; }
      .credit-card-modal .btn-clear .rate label {
        margin: 0px;
        font-weight: 500;
        color: var(--font2);
        font-size: 9px; }
      .credit-card-modal .btn-clear .rate span {
        color: var(--font2); }
      .credit-card-modal .btn-clear .rate.best-rate label {
        color: var(--success); }
      .credit-card-modal .btn-clear .rate.best-rate span {
        color: var(--success); }
    .credit-card-modal .btn-clear.enable {
      background: var(--primary);
      border: 1px solid var(--primary); }
      .credit-card-modal .btn-clear.enable > span {
        color: #fff; }
      .credit-card-modal .btn-clear.enable .rate {
        border-left: 1px solid var(--primary); }
.exchange-main-wrapper {
  height: 100%; }
  .exchange-main-wrapper h3 {
    font-size: 20px; }
  .exchange-main-wrapper commercial-summary-movement .summary-movement-wrapper .summary-movement-header h1 {
    color: var(--font2);
    font-size: 14px; }
  .exchange-main-wrapper commercial-summary-movement .summary-movement-wrapper .summary-movement-body {
    min-height: fit-content; }
.exchange-list-sale-wrapper {
  max-height: -webkit-fill-available; }
  .exchange-list-sale-wrapper form {
    height: 100vh; }
  .exchange-list-sale-wrapper h2 {
    font-size: 24px;
    color: var(--font2); }
  .exchange-list-sale-wrapper label {
    font-size: 15px;
    color: var(--font2);
    margin-right: 14px; }
  .exchange-list-sale-wrapper label.client {
    color: var(--font3); }
    .exchange-list-sale-wrapper label.client span {
      color: var(--font1);
      font-weight: 600; }
    .exchange-list-sale-wrapper label.client i {
      cursor: pointer;
      margin-left: 14px; }
  .exchange-list-sale-wrapper .btn-continue-without-sale {
    margin-top: 20px;
    border: none;
    color: var(--font2);
    font-size: 18px;
    height: 34px;
    font-weight: bold; }
    .exchange-list-sale-wrapper .btn-continue-without-sale i {
      margin-left: 12px; }
  .exchange-list-sale-wrapper .not-found {
    height: 300px; }
    .exchange-list-sale-wrapper .not-found h2 {
      font-size: 20px; }
    .exchange-list-sale-wrapper .not-found svg {
      width: 44px;
      fill: var(--font2); }
  .exchange-list-sale-wrapper .cl-loading {
    border: 5px solid var(--primary);
    border-top: 5px solid transparent; }
  .exchange-list-sale-wrapper .searching {
    margin-left: 6px; }
  .exchange-list-sale-wrapper .search-cpf .mbg-input-search-wrapper .input-group-search {
    background-color: #fff; }
  .exchange-list-sale-wrapper .list-sale i {
    margin-right: 2px; }
  .exchange-list-sale-wrapper .list-sale i:hover {
    color: DodgerBlue; }
.movement-details-wrapper .ma-container .mbg-modal .mbg-body-modal commercial-summary-movement .summary-movement-wrapper .summary-movement-body {
  min-height: fit-content; }

.movement-details-wrapper .used {
  text-decoration: line-through; }

.movement-details-wrapper .movement-item {
  padding: 8px 18px;
  display: flex;
  align-items: center;
  background-color: #fff; }
  .movement-details-wrapper .movement-item.striped-on {
    background-color: #f9f9f9; }
  .movement-details-wrapper .movement-item label {
    font-weight: 400;
    color: var(--font2);
    text-align: center;
    padding-right: 18px; }
    .movement-details-wrapper .movement-item label.name {
      text-align: left;
      min-width: fit-content;
      flex: 1;
      padding-left: 0; }

.movement-details-wrapper .cod-column {
  max-width: 20px; }

.movement-details-wrapper .column-center {
  text-align: center; }

.movement-details-wrapper .th-name {
  padding-left: 5px; }

.movement-details-wrapper .td-details {
  height: 47px; }

.movement-details-wrapper .td-name {
  padding: 5px 25px 5px 5px; }

.movement-details-wrapper .center-inf-invoice {
  vertical-align: middle;
  text-align: center; }

.movement-details-wrapper .table-consignment-invoice td label {
  font-weight: 600; }
  .movement-details-wrapper .table-consignment-invoice td label span {
    font-weight: 400; }
.container-exchange-choose-items {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: auto; }
  .container-exchange-choose-items .min-fit-content {
    min-height: fit-content; }
  .container-exchange-choose-items .page-wrapper {
    height: 100%; }
    .container-exchange-choose-items .page-wrapper .exchange-choose-items-wrapper {
      height: 100%; }
      .container-exchange-choose-items .page-wrapper .exchange-choose-items-wrapper hr {
        min-height: 1px;
        width: 100%; }
.exchange-choose-items-sale-wrapper .totalizer {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center; }
  .exchange-choose-items-sale-wrapper .totalizer label {
    font-size: 13px;
    font-weight: 500;
    color: var(--font2); }
    .exchange-choose-items-sale-wrapper .totalizer label span {
      font-weight: 600; }

.exchange-choose-items-sale-wrapper .form-exchange-sale {
  display: flex;
  flex-direction: column;
  height: 100%; }

.exchange-choose-items-sale-wrapper .height-
.label-barcode {
  margin-bottom: 5px; }

.exchange-choose-items-sale-wrapper .left-info {
  flex: 1; }

.exchange-choose-items-sale-wrapper .money-info {
  margin-right: 20px;
  min-width: 200px; }

.exchange-choose-items-sale-wrapper .total {
  min-width: 100px; }

.exchange-choose-items-sale-wrapper .addition {
  margin-left: 20px;
  min-width: 140px; }

.exchange-choose-items-sale-wrapper .discount {
  margin-right: 30px;
  min-width: 100px; }

.exchange-choose-items-sale-wrapper h2 {
  font-size: 24px;
  color: var(--font2); }

.exchange-choose-items-sale-wrapper label.client {
  font-size: 15px;
  color: var(--font2); }
  .exchange-choose-items-sale-wrapper label.client span {
    color: var(--font1);
    font-weight: 600; }

.exchange-choose-items-sale-wrapper .m-t-54 {
  margin-top: 54px; }

.exchange-choose-items-sale-wrapper .label-price-sheet {
  margin-bottom: 5px; }

.exchange-choose-items-sale-wrapper commercial-summary-movement .summary-movement-wrapper .summary-movement-header h1 {
  color: var(--font2);
  font-size: 14px; }

.exchange-choose-items-sale-wrapper commercial-summary-movement .summary-movement-wrapper .summary-movement-body {
  min-height: fit-content;
  flex-basis: auto; }

.exchange-choose-items-sale-wrapper .not-found {
  height: 100%; }

.exchange-choose-items-sale-wrapper .select-all-btn {
  color: #fff;
  background-color: var(--primary);
  font-weight: bold;
  font-size: 15px;
  height: 44px;
  width: 100%; }

.btn-continue-without-sale {
  border: none;
  color: var(--font2);
  font-size: 18px;
  height: 54px;
  font-weight: bold; }
  .btn-continue-without-sale i {
    margin-left: 12px; }

.table-exchange {
  overflow: auto; }
  .table-exchange .table-row {
    padding: 30px 26px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .table-exchange .table-row h4 {
      margin-bottom: 6px;
      margin-top: 0px;
      font-size: 18px;
      font-weight: 400;
      color: var(--font2); }
    .table-exchange .table-row h3 {
      margin-bottom: 0px;
      margin-top: 0px;
      font-size: 18px;
      font-weight: 600;
      color: var(--font2); }
    .table-exchange .table-row.striped-on {
      background-color: #eaeaea; }
    .table-exchange .table-row .details {
      margin-right: 34px;
      cursor: pointer; }
      .table-exchange .table-row .details i {
        margin-right: 6px; }
    .table-exchange .table-row .btn-exchange {
      transition: all 200ms ease;
      background-color: transparent;
      color: var(--primary);
      min-width: 174px;
      height: 38px;
      font-weight: bold;
      font-size: 15px;
      border: 2px solid var(--primary); }
      .table-exchange .table-row .btn-exchange i {
        margin-right: 6px; }
      .table-exchange .table-row .btn-exchange.active {
        color: #fff;
        background-color: var(--primary); }
      .table-exchange .table-row .btn-exchange.blocked {
        border: 2px solid var(--font2);
        color: var(--font2);
        cursor: default; }
      .table-exchange .table-row .btn-exchange[disabled="disabled"] {
        border: 2px solid var(--font2);
        color: var(--font2); }
    .table-exchange .table-row .exchange-input {
      max-width: 80px; }
    .table-exchange .table-row .qtd-info {
      display: flex;
      align-items: center;
      margin-right: 14px; }
      .table-exchange .table-row .qtd-info h4 {
        margin-right: 14px;
        margin-bottom: 0px; }
.container-exchange-confirmation {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: auto; }
  .container-exchange-confirmation .min-fit-content {
    min-height: fit-content; }
  .container-exchange-confirmation .page-wrapper {
    height: 100%; }
    .container-exchange-confirmation .page-wrapper .exchange-confirmation-wrapper {
      height: 100%; }
      .container-exchange-confirmation .page-wrapper .exchange-confirmation-wrapper hr {
        min-height: 1px;
        width: 100%; }
      .container-exchange-confirmation .page-wrapper .exchange-confirmation-wrapper commercial-summary-movement .summary-movement-wrapper .summary-movement-body {
        min-height: fit-content; }
      .container-exchange-confirmation .page-wrapper .exchange-confirmation-wrapper .commercial-side-session {
        margin-bottom: 54px; }
      .container-exchange-confirmation .page-wrapper .exchange-confirmation-wrapper .commercial-side-session .info label {
        font-weight: bold; }
      .container-exchange-confirmation .page-wrapper .exchange-confirmation-wrapper .commercial-side-session .finish {
        width: 324px;
        float: right; }
.container-exchange-give-back-money {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: auto; }
  .container-exchange-give-back-money .min-fit-content {
    min-height: fit-content; }
  .container-exchange-give-back-money .page-wrapper {
    height: 100%; }
    .container-exchange-give-back-money .page-wrapper .exchange-give-back-money-wrapper {
      height: 100%; }
      .container-exchange-give-back-money .page-wrapper .exchange-give-back-money-wrapper .radio {
        margin-right: 14px; }
        .container-exchange-give-back-money .page-wrapper .exchange-give-back-money-wrapper .radio label {
          padding-left: 24px; }
      .container-exchange-give-back-money .page-wrapper .exchange-give-back-money-wrapper .exchange-resume {
        display: flex;
        flex-direction: column; }
        .container-exchange-give-back-money .page-wrapper .exchange-give-back-money-wrapper .exchange-resume h5 {
          margin: 0;
          font-size: 18px;
          margin-bottom: 14px; }
        .container-exchange-give-back-money .page-wrapper .exchange-give-back-money-wrapper .exchange-resume label {
          margin-bottom: 4px;
          color: var(--font2); }
          .container-exchange-give-back-money .page-wrapper .exchange-give-back-money-wrapper .exchange-resume label.return-value {
            font-size: 16px; }
          .container-exchange-give-back-money .page-wrapper .exchange-give-back-money-wrapper .exchange-resume label span {
            color: #07a952; }
      .container-exchange-give-back-money .page-wrapper .exchange-give-back-money-wrapper p {
        color: var(--font2);
        font-weight: bold; }
      .container-exchange-give-back-money .page-wrapper .exchange-give-back-money-wrapper .exchange-give-back-button {
        height: 54px;
        padding: 0 24px;
        border: 2px solid #ccc;
        border-radius: 8px;
        color: #a7a7a7;
        width: 100%;
        font-weight: 600;
        min-width: 154px;
        margin-right: 14px; }
        .container-exchange-give-back-money .page-wrapper .exchange-give-back-money-wrapper .exchange-give-back-button.active {
          background: var(--primary);
          border: 2px solid var(--primary);
          color: #FFF; }
  .container-exchange-give-back-money .checkbox + .checkbox, .container-exchange-give-back-money .radio + .radio {
    margin-top: 0; }
  .container-exchange-give-back-money .checkbox, .container-exchange-give-back-money .radio {
    margin-top: 0; }
  .container-exchange-give-back-money .sel-cashaccount-label {
    margin-bottom: 10px; }
.exchange-history-list-wrapper .col-sm-11 {
  padding: 0 !important; }

.exchange-history-list-wrapper mbg-input-date input {
  background-color: transparent;
  border: 1px solid #ccc; }

.exchange-history-list-wrapper .operationType {
  min-width: 52px !important; }

.exchange-history-list-wrapper .side-buttons {
  display: flex;
  flex-direction: row;
  padding-left: 0px; }
  .exchange-history-list-wrapper .side-buttons .help-button {
    display: flex;
    align-items: end; }

.exchange-history-list-wrapper .without-padding {
  padding: 0px; }

.exchange-history-list-wrapper .exchange-filters {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px; }

.exchange-history-list-wrapper .new-exchange {
  color: var(--secondary) !important; }

.sa-action {
  display: flex;
  flex-direction: row-reverse;
  justify-content: right !important; }
  .sa-action .swal2-styled {
    border-radius: 2px;
    box-shadow: none !important;
    background: none !important;
    text-transform: uppercase;
    padding: 8px 16px;
    position: relative;
    margin-top: 0;
    background-color: white;
    color: #757575;
    font-size: 14px !important;
    font-weight: 600; }
    .sa-action .swal2-styled::hover {
      background-color: #bbb !important; }
  .sa-action .sa-confirm {
    color: #3c80f6 !important; }
  .sa-action .sa-cancel {
    color: var(--neutral2) !important; }
.flex {
  display: flex; }

.modal-dimensions {
  justify-content: center;
  flex-direction: column;
  padding: 5% 5% 6% 5%;
  min-width: 420px;
  min-height: 350px; }
  .modal-dimensions textarea {
    border-radius: 5px;
    border-color: #bbbbbb;
    width: 100%;
    height: 205px;
    background-color: #f4f3f3;
    resize: none; }
  .modal-dimensions textarea:focus {
    border-color: #bbbbbb; }
  .modal-dimensions .header {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4%; }
  .modal-dimensions .close-x {
    height: 1.5%;
    font-size: 0.95em; }
  .modal-dimensions .confirm-btn {
    background-color: var(--primary);
    border: none;
    color: #fff; }
  .modal-dimensions .cancel-btn {
    background-color: transparent;
    border: 1px solid var(--secondary);
    color: var(--secondary); }
  .modal-dimensions .caract-limit {
    padding-right: 12px;
    justify-content: flex-end;
    font-size: 0.87em; }
    .modal-dimensions .caract-limit .count-box {
      margin-left: 1%;
      width: 4.5%; }
  .modal-dimensions .generic-btn {
    margin-top: 2%;
    justify-content: right;
    align-items: center; }
    .modal-dimensions .generic-btn button {
      margin: 5px;
      font-weight: bold;
      font-size: 15px;
      border-radius: 7px;
      width: 35%;
      text-align: center;
      padding: 10px 2px;
      margin-top: 14px; }
.consignment-main-wrapper .btn-consignment {
  height: 40px;
  min-width: 146px;
  background-color: #fff;
  border: 1px solid var(--secondary);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  margin-bottom: 8px;
  color: var(--secondary);
  transition: all 300ms ease;
  font-weight: 600;
  font-size: 12px; }
  .consignment-main-wrapper .btn-consignment span {
    font-size: 10px; }
  .consignment-main-wrapper .btn-consignment:hover {
    background-color: var(--secondary);
    border: 1px solid var(--secondary);
    color: #fff; }
  .consignment-main-wrapper .btn-consignment[disabled="disabled"] {
    border: 1px solid var(--neutral3);
    color: var(--font3); }

.consignment-main-wrapper h4 {
  color: var(--font2);
  margin: 0; }

.consignment-main-wrapper .link {
  color: var(--font2);
  border-bottom: 1px solid var(--neutral3);
  margin-right: 39px; }

.consignment-main-wrapper .mbg-h-card-container {
  width: 100%;
  height: auto;
  text-align: center;
  padding-bottom: 34px;
  padding-top: 0;
  margin-top: 24px; }
  .consignment-main-wrapper .mbg-h-card-container mbg-card-typeone .mbg-h-c-typeone {
    width: 46%;
    min-width: 250px;
    margin: 0px 24px 24px 0px; }
    .consignment-main-wrapper .mbg-h-card-container mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-v-real-value {
      color: var(--font2);
      font-weight: 400;
      font-size: 12px;
      text-align: right; }
.container-consignment-order {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: auto; }
  .container-consignment-order .min-fit-content {
    min-height: fit-content; }
  .container-consignment-order .page-wrapper {
    height: 100%; }
    .container-consignment-order .page-wrapper .consignment-order-wrapper {
      height: 100%; }
      .container-consignment-order .page-wrapper .consignment-order-wrapper hr {
        min-height: 1px;
        width: 100%; }
.product-without-stock-enough {
  min-width: 70vw; }
  .product-without-stock-enough .list-reversal {
    max-height: 60vh; }
  .product-without-stock-enough .list-product-without-stock-enough {
    overflow-y: scroll; }
  .product-without-stock-enough .header-modal {
    margin-bottom: 10px; }
  .product-without-stock-enough .data-modal {
    margin-bottom: 30px; }
  .product-without-stock-enough .without-stock {
    color: #ff0000;
    font-weight: 400; }
.container-consignment-devolution {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: auto; }
  .container-consignment-devolution .min-fit-content {
    min-height: fit-content; }
  .container-consignment-devolution .page-wrapper {
    height: 100%; }
    .container-consignment-devolution .page-wrapper .consignment-devolution-wrapper {
      height: 100%; }
      .container-consignment-devolution .page-wrapper .consignment-devolution-wrapper hr {
        min-height: 1px;
        width: 100%; }
.consignment-invoice-wrapper {
  max-height: -webkit-fill-available; }
  .consignment-invoice-wrapper .resume label {
    margin-bottom: 5px; }
  .consignment-invoice-wrapper .add-observation, .consignment-invoice-wrapper .edit-observation {
    margin-right: 14px;
    margin-top: 14px; }
  .consignment-invoice-wrapper h2 {
    font-size: 24px;
    color: var(--font2); }
  .consignment-invoice-wrapper label {
    font-size: 15px;
    color: var(--font2);
    margin-right: 14px; }
  .consignment-invoice-wrapper label.client {
    font-size: 15px;
    color: var(--font2); }
    .consignment-invoice-wrapper label.client span {
      color: var(--font1);
      font-weight: 600; }
  .consignment-invoice-wrapper .table.m-b-0 {
    margin-bottom: 0 !important; }
  .consignment-invoice-wrapper .table-consignment-invoice {
    overflow: auto; }
    .consignment-invoice-wrapper .table-consignment-invoice .table-row {
      padding: 30px 26px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #eaeaea; }
      .consignment-invoice-wrapper .table-consignment-invoice .table-row h4 {
        margin-bottom: 6px;
        margin-top: 0px;
        font-size: 18px;
        font-weight: 400;
        color: var(--font2); }
      .consignment-invoice-wrapper .table-consignment-invoice .table-row h3 {
        margin-bottom: 0px;
        margin-top: 0px;
        font-size: 18px;
        font-weight: 600;
        color: var(--font2); }
      .consignment-invoice-wrapper .table-consignment-invoice .table-row.striped-on {
        background-color: #eaeaea; }
      .consignment-invoice-wrapper .table-consignment-invoice .table-row .details {
        margin-right: 34px;
        margin-left: 34px;
        cursor: pointer; }
        .consignment-invoice-wrapper .table-consignment-invoice .table-row .details i {
          margin-right: 6px; }
      .consignment-invoice-wrapper .table-consignment-invoice .table-row .btn-consignment-order {
        transition: all 200ms ease;
        background-color: transparent;
        color: var(--primary);
        min-width: 174px;
        height: 38px;
        font-weight: bold;
        font-size: 15px;
        border: 2px solid var(--primary); }
        .consignment-invoice-wrapper .table-consignment-invoice .table-row .btn-consignment-order i {
          margin-right: 6px; }
        .consignment-invoice-wrapper .table-consignment-invoice .table-row .btn-consignment-order.active {
          color: #fff;
          background-color: var(--primary); }
        .consignment-invoice-wrapper .table-consignment-invoice .table-row .btn-consignment-order[disabled="disabled"] {
          border: 2px solid var(--neutral2);
          color: var(--font2); }
      .consignment-invoice-wrapper .table-consignment-invoice .table-row .consignment-input {
        max-width: 80px; }
      .consignment-invoice-wrapper .table-consignment-invoice .table-row .qtd-info {
        display: flex;
        align-items: center; }
        .consignment-invoice-wrapper .table-consignment-invoice .table-row .qtd-info h4 {
          margin-right: 14px;
          margin-bottom: 0px; }
  .consignment-invoice-wrapper .content-item {
    margin-bottom: 14px; }
  .consignment-invoice-wrapper .details {
    display: flex;
    justify-content: center;
    align-items: center; }
    .consignment-invoice-wrapper .details i {
      vertical-align: super;
      font-size: 3rem;
      transition: transform 400ms ease; }
    .consignment-invoice-wrapper .details.open i {
      transform: rotate(180deg); }
  .consignment-invoice-wrapper .consignment-list-orders-container .table-consignment-invoice .item-value {
    text-align: right;
    padding-right: 7px; }
    .consignment-invoice-wrapper .consignment-list-orders-container .table-consignment-invoice .item-value.left-value {
      text-align: left; }
  .consignment-invoice-wrapper .consignment-list-orders-container .table-consignment-invoice .table > tbody > tr > td {
    vertical-align: middle; }
.modal-content .apply-discount-wrapper .info ~ div.flex {
  align-items: unset !important;
  justify-content: unset !important; }

.modal-content .apply-discount-wrapper .btn-next {
  margin-top: 1rem;
  align-items: center;
  justify-content: center; }

.modal-content .apply-discount-wrapper .col-md-offset-3 {
  margin-left: unset !important; }
  .modal-content .apply-discount-wrapper .col-md-offset-3 .img-responsive {
    display: none; }

.modal-content .apply-discount-wrapper .col-md-offset-3 ~ div.col-md-4 {
  width: 100% !important; }

.modal-content .apply-discount-wrapper .mbg-header-modal > .row > .col-md-6 {
  width: 100% !important; }
.consignment-invoice-third-wrapper {
  max-height: -webkit-fill-available; }
  .consignment-invoice-third-wrapper .add-observation,
  .consignment-invoice-third-wrapper .edit-observation {
    margin-right: 14px;
    margin-top: 14px; }
  .consignment-invoice-third-wrapper .resume label {
    margin-bottom: 5px; }
  .consignment-invoice-third-wrapper h2 {
    font-size: 16px;
    color: var(--font2); }
  .consignment-invoice-third-wrapper label {
    font-size: 15px;
    color: var(--font2);
    margin-right: 14px; }
  .consignment-invoice-third-wrapper label.client {
    font-size: 15px;
    color: var(--font2); }
    .consignment-invoice-third-wrapper label.client span {
      color: var(--font1);
      font-weight: 600; }
  .consignment-invoice-third-wrapper .mbg-label {
    margin: 4px 0; }
  .consignment-invoice-third-wrapper .consignment-list-orders-wrapper .table-orders .item {
    background: #f1f1f1; }
.container-consignment-invoice-third-full {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: auto; }
  .container-consignment-invoice-third-full .min-fit-content {
    min-height: fit-content; }
  .container-consignment-invoice-third-full .page-wrapper {
    height: 100%; }
    .container-consignment-invoice-third-full .page-wrapper .consignment-invoice-third-full-wrapper {
      height: 100%; }
      .container-consignment-invoice-third-full .page-wrapper .consignment-invoice-third-full-wrapper hr {
        min-height: 1px;
        width: 100%; }
.consignment-history-list-wrapper mbg-input-search > input {
  background-color: white !important; }

.consignment-history-list-wrapper .consignment-history-list-filters {
  margin-left: -30px !important;
  display: flex;
  align-self: center;
  justify-content: flex-end;
  margin-bottom: 10px; }

.consignment-history-list-wrapper .new-sale {
  color: var(--secondary) !important; }

.consignment-history-list-wrapper .mb-status .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  margin-left: 30px;
  margin-top: -20px; }

.consignment-history-list-wrapper .mb-status:hover .tooltiptext {
  visibility: visible; }

.consignment-history-list-wrapper .input-wrapper {
  width: 100% !important; }

.consignment-history-list-wrapper .input-wrapper select {
  padding: 0px 0px 0px 0px !important;
  display: inline-flex !important;
  width: 100% !important; }

.consignment-history-list-wrapper .totalizer {
  position: relative; }
  .consignment-history-list-wrapper .totalizer label,
  .consignment-history-list-wrapper .totalizer span {
    font-weight: 600; }

.consignment-history-list-wrapper .align-items {
  align-items: center;
  justify-content: end; }

.consignment-history-list-wrapper .help-button {
  margin-right: 18px;
  margin-top: 35px; }

.consignment-history-list-wrapper .without-padding {
  padding: 0px; }

.consignment-history-list-wrapper .margin-bottom {
  margin-bottom: 15px; }

.consignment-history-list-wrapper .side-buttons {
  display: flex;
  align-self: flex-end; }
.delivery-sale-modal-wrapper .mbg-close-modal {
  position: absolute;
  right: 0px;
  top: 0px;
  margin-top: 21px;
  margin-right: 10px;
  font-size: 13px;
  color: var(--font2); }

.delivery-sale-modal-wrapper .modal-dimensions {
  padding: 5% 6% 2% 5%;
  min-width: 800px; }

.delivery-sale-modal-wrapper .mbg-text-area {
  padding: 15px;
  font-size: 14px;
  margin-top: 0px !important;
  background-color: white;
  border: 1px solid #ddd; }
  .delivery-sale-modal-wrapper .mbg-text-area::-webkit-input-placeholder {
    color: var(--font2);
    font-weight: 500;
    font-style: italic; }

.delivery-sale-modal-wrapper .save-btn-block {
  padding-top: 2%; }

.delivery-sale-modal-wrapper .clear-address {
  font-size: x-large;
  max-height: 40px;
  padding: 1%; }

.delivery-sale-modal-wrapper .checkbox-address {
  padding: 0%; }

.delivery-sale-modal-wrapper .action-btn {
  height: 4.5rem;
  border-radius: .5rem;
  margin-left: 30px;
  padding: 12px; }
  .delivery-sale-modal-wrapper .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }

.delivery-sale-modal-wrapper .create-pre-post {
  color: #337ab7;
  font-size: 13px;
  margin-left: 3px; }

.delivery-sale-modal-wrapper .delete-pre-post {
  color: var(--error);
  font-size: 13px;
  margin-left: 38px; }

.delivery-sale-modal-wrapper .align-right {
  text-align: right;
  margin-top: 2%; }

.delivery-sale-modal-wrapper .select-address {
  margin-bottom: 1%; }

.delivery-sale-modal-wrapper .select-address-option {
  display: flex;
  gap: 16px; }
.tracking-object {
  width: 102%;
  margin-top: 15px; }
  .tracking-object .mbg-modal {
    max-height: 600px; }
  @media (max-height: 700px) {
    .tracking-object .mbg-modal {
      max-height: 400px; } }
  .tracking-object .tracking-object-content {
    margin-top: 15px; }
  .tracking-object .content-modal {
    max-height: 90%;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 10px; }
  .tracking-object cp-page-title {
    margin-left: 13px; }
  .tracking-object .description {
    margin-left: 22px; }
.tag-emission-modal-wrapper {
  padding: 25px; }
  .tag-emission-modal-wrapper .tag-emission {
    width: 102%; }
    .tag-emission-modal-wrapper .tag-emission .tag-emission-content p {
      margin-top: 3px;
      font-weight: bold; }
    .tag-emission-modal-wrapper .tag-emission .mbg-modal {
      max-height: 600px; }
    @media (max-height: 700px) {
      .tag-emission-modal-wrapper .tag-emission .mbg-modal {
        max-height: 400px; } }
    .tag-emission-modal-wrapper .tag-emission .content-modal {
      max-height: 90%;
      flex: 1;
      overflow-x: hidden;
      overflow-y: auto;
      margin-top: 10px; }
    .tag-emission-modal-wrapper .tag-emission .action-btn {
      height: 4.5rem;
      border-radius: .5rem;
      margin-top: 30px;
      padding: 12px; }
      .tag-emission-modal-wrapper .tag-emission .action-btn.btn-plus {
        color: #fff;
        background: #063c8e;
        border: 0px solid #fff;
        width: 200px; }
    .tag-emission-modal-wrapper .tag-emission i {
      font-size: 10px; }
    .tag-emission-modal-wrapper .tag-emission label {
      margin-left: 10px; }
.pre-post-modal .modal-dialog {
  transform: none !important;
  margin-top: 70px !important; }

.pre-post-modal-wrapper .pre-post {
  padding: 5% 4% 2% 4%;
  min-width: 900px; }
  .pre-post-modal-wrapper .pre-post .pre-post-content p {
    margin-top: 3px;
    font-weight: bold; }
  .pre-post-modal-wrapper .pre-post .mbg-modal {
    display: grid !important;
    height: 76vh !important; }
  @media (max-height: 700px) {
    .pre-post-modal-wrapper .pre-post .mbg-modal {
      max-height: 400px; } }
  .pre-post-modal-wrapper .pre-post .content-modal {
    max-height: 90%;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 10px; }
  .pre-post-modal-wrapper .pre-post .action-btn {
    height: 4.5rem;
    border-radius: .5rem;
    padding: 12px; }
    .pre-post-modal-wrapper .pre-post .action-btn.btn-plus {
      color: #fff;
      background: #063c8e;
      border: 0px solid #fff;
      width: 200px; }
  .pre-post-modal-wrapper .pre-post .clear-address {
    font-size: x-large;
    max-height: 40px;
    padding: 1%; }
  .pre-post-modal-wrapper .pre-post .checkbox-address {
    padding: 0%; }
  .pre-post-modal-wrapper .pre-post .mbg-address-wrapper .mbg-input {
    min-height: 44px; }
  .pre-post-modal-wrapper .pre-post .save-package mbg-input-text {
    width: 60%;
    margin-right: 20px; }
  .pre-post-modal-wrapper .pre-post .add-description mbg-input-text {
    width: 60%;
    margin-right: 20px; }
  .pre-post-modal-wrapper .pre-post .list-wrapper {
    margin-top: 10px; }
  .pre-post-modal-wrapper .pre-post .complementary-data {
    margin-top: 20px; }
  .pre-post-modal-wrapper .pre-post .checkbox-wrapper {
    display: flex;
    align-items: center;
    margin-top: 5px; }
    .pre-post-modal-wrapper .pre-post .checkbox-wrapper .checkbox-label {
      margin-left: 10px; }
.consignment-list-orders-wrapper table {
  margin: 0; }

.consignment-list-orders-wrapper .name-ellipsis {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.consignment-list-orders-wrapper .filter-label {
  margin-right: 8px;
  margin-bottom: 1px;
  font-weight: 500; }

.consignment-list-orders-wrapper .table-wrapper label span {
  font-weight: 400; }

.consignment-list-orders-wrapper .m-l-ref {
  margin-left: 18px; }

.consignment-list-orders-wrapper .table-orders {
  width: 100%; }
  .consignment-list-orders-wrapper .table-orders .item-value {
    text-align: right;
    padding-right: 7px; }
    .consignment-list-orders-wrapper .table-orders .item-value.left-value {
      text-align: left; }
  .consignment-list-orders-wrapper .table-orders .used {
    text-decoration: line-through; }
  .consignment-list-orders-wrapper .table-orders .table > tbody > tr > td {
    vertical-align: middle; }
  .consignment-list-orders-wrapper .table-orders .table > tbody > tr > td.checkbox-td {
    padding-left: 48px; }
  .consignment-list-orders-wrapper .table-orders .count-devolution {
    width: 158px; }
  .consignment-list-orders-wrapper .table-orders .invisible {
    visibility: hidden;
    pointer-events: none; }
  .consignment-list-orders-wrapper .table-orders .input-order {
    padding: 16px 8px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .consignment-list-orders-wrapper .table-orders .input-order .mbg-input-number-wrapper {
      max-width: 124px; }
      .consignment-list-orders-wrapper .table-orders .input-order .mbg-input-number-wrapper input {
        text-align: center; }
  .consignment-list-orders-wrapper .table-orders .item.striped-on {
    background-color: #eaeaea; }
  .consignment-list-orders-wrapper .table-orders .item .content-item {
    padding: 14px; }
    .consignment-list-orders-wrapper .table-orders .item .content-item .information {
      width: fit-content; }
      .consignment-list-orders-wrapper .table-orders .item .content-item .information h4 {
        color: var(--font2);
        margin: 0px;
        padding-left: 14px; }
      .consignment-list-orders-wrapper .table-orders .item .content-item .information label {
        color: var(--font2);
        font-weight: 400;
        padding-left: 14px; }
    .consignment-list-orders-wrapper .table-orders .item .content-item .total {
      flex: 1;
      text-align: center;
      padding-right: 44px; }
      .consignment-list-orders-wrapper .table-orders .item .content-item .total label {
        color: var(--font2);
        font-weight: 400; }
    .consignment-list-orders-wrapper .table-orders .item .content-item .toogle-icon {
      min-width: 54px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .consignment-list-orders-wrapper .table-orders .item .content-item .toogle-icon i {
        color: var(--font2);
        font-size: 34px;
        vertical-align: super;
        transition: transform 400ms ease; }
        .consignment-list-orders-wrapper .table-orders .item .content-item .toogle-icon i.open {
          transform: rotate(180deg); }
  .consignment-list-orders-wrapper .table-orders .sub-item {
    padding: 10px 24px 10px 48px;
    display: flex;
    align-items: center;
    background-color: #fff; }
    .consignment-list-orders-wrapper .table-orders .sub-item.striped-on {
      background-color: #f9f9f9; }
    .consignment-list-orders-wrapper .table-orders .sub-item mbg-checkbox {
      width: 20px; }
    .consignment-list-orders-wrapper .table-orders .sub-item label {
      font-weight: 400;
      color: var(--font2);
      text-align: center;
      padding-right: 24px; }
      .consignment-list-orders-wrapper .table-orders .sub-item label.name {
        text-align: left;
        min-width: fit-content;
        padding-left: 14px;
        flex: 1; }
.consignment-list-orders-picker-wrapper .table-orders {
  width: 100%; }
  .consignment-list-orders-picker-wrapper .table-orders .table > tbody > tr > td {
    vertical-align: middle; }
  .consignment-list-orders-picker-wrapper .table-orders .table > tbody > tr > td.checkbox-td {
    padding-left: 48px; }
  .consignment-list-orders-picker-wrapper .table-orders .item.striped-on {
    background-color: #eaeaea; }
  .consignment-list-orders-picker-wrapper .table-orders .item .content-item {
    padding: 14px; }
    .consignment-list-orders-picker-wrapper .table-orders .item .content-item .information {
      width: fit-content; }
      .consignment-list-orders-picker-wrapper .table-orders .item .content-item .information h4 {
        color: var(--font2);
        margin: 0px;
        padding-left: 14px; }
      .consignment-list-orders-picker-wrapper .table-orders .item .content-item .information label {
        color: var(--font2);
        font-weight: 400;
        padding-left: 14px; }
    .consignment-list-orders-picker-wrapper .table-orders .item .content-item .total {
      flex: 1;
      text-align: center;
      padding-right: 44px; }
      .consignment-list-orders-picker-wrapper .table-orders .item .content-item .total label {
        color: var(--font2);
        font-weight: 400; }
.productv2-select-list-wrapper {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column; }
  .productv2-select-list-wrapper label.filter-terminal {
    font-weight: 400;
    margin-right: 8px;
    border-bottom: 1px solid transparent;
    height: 21px; }
  .productv2-select-list-wrapper .info-terminal-row {
    min-height: 40px;
    margin-bottom: 8px; }
  .productv2-select-list-wrapper .ma-container {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column; }
  .productv2-select-list-wrapper .ma-container .mbg-modal .mbg-body-modal {
    padding-bottom: 0; }
    .productv2-select-list-wrapper .ma-container .mbg-modal .mbg-body-modal label.warn {
      color: var(--warn);
      font-weight: 400;
      margin-bottom: 14px; }
    .productv2-select-list-wrapper .ma-container .mbg-modal .mbg-body-modal h2 {
      margin: 5px 0;
      color: var(--warn);
      font-weight: 600;
      font-size: 20px; }
    .productv2-select-list-wrapper .ma-container .mbg-modal .mbg-body-modal label.desc-product-name {
      font-weight: 100; }
    .productv2-select-list-wrapper .ma-container .mbg-modal .mbg-body-modal mbg-input-search {
      margin-bottom: 15px;
      display: flex; }
    .productv2-select-list-wrapper .ma-container .mbg-modal .mbg-body-modal .control-page {
      display: flex;
      align-items: center;
      justify-content: center; }
      .productv2-select-list-wrapper .ma-container .mbg-modal .mbg-body-modal .control-page .prev {
        color: var(--font2);
        margin-right: 15px; }
      .productv2-select-list-wrapper .ma-container .mbg-modal .mbg-body-modal .control-page .next {
        color: var(--font2);
        margin-left: 15px; }
    .productv2-select-list-wrapper .ma-container .mbg-modal .mbg-body-modal .list-wrapper {
      max-height: 50vh;
      overflow-y: auto; }
  .productv2-select-list-wrapper .mbg-footer-modal .bt-next {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .productv2-select-list-wrapper .no-stock-affiliates {
    color: var(--font2);
    font-size: 14px;
    width: 100%;
    text-align: center; }
  .productv2-select-list-wrapper .internal-table {
    padding-right: 21px;
    padding-left: 49px; }
  .productv2-select-list-wrapper .link {
    border-bottom: 1px solid var(--neutral3);
    color: var(--font2);
    font-size: 13px; }
  .productv2-select-list-wrapper cp-branch-company {
    margin-left: 10px; }
    .productv2-select-list-wrapper cp-branch-company svg {
      width: 19px; }
  .productv2-select-list-wrapper .not-found {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 0 24px 0; }
    .productv2-select-list-wrapper .not-found svg {
      width: 74px;
      fill: var(--font2); }
    .productv2-select-list-wrapper .not-found label {
      color: var(--font2);
      margin-top: 14px; }

@media (max-width: 1024px) {
  mbg-list table {
    font-size: 11px; } }
.inventory-main-wrapper {
  height: 100%; }
  .inventory-main-wrapper .show-search {
    display: flex;
    align-items: center;
    margin-left: 29px;
    color: var(--font2); }
    .inventory-main-wrapper .show-search svg {
      width: 28px;
      fill: var(--font2);
      margin-left: 9px; }
  .inventory-main-wrapper .not-found {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 0 24px 0; }
    .inventory-main-wrapper .not-found svg {
      width: 74px;
      fill: var(--font2); }
    .inventory-main-wrapper .not-found label {
      color: var(--font2);
      margin-top: 14px; }
  .inventory-main-wrapper .alert {
    padding-top: 5.5%; }
  .inventory-main-wrapper div.TOTAL {
    color: grey; }
  .inventory-main-wrapper .btn-create-wrapper {
    justify-content: end !important; }
  .inventory-main-wrapper .btn-open-terminal {
    height: 25px !important;
    border-radius: 5px;
    background-color: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none; }
    .inventory-main-wrapper .btn-open-terminal i {
      padding-right: 4px; }
.inventory-list-wrapper {
  height: 100%; }
  .inventory-list-wrapper .label {
    min-width: 55px;
    display: inline-block; }
    .inventory-list-wrapper .label.total {
      background-color: var(--primary);
      border: 1px solid var(--primary); }
    .inventory-list-wrapper .label.partial {
      background-color: var(--secondary);
      border: 1px solid var(--secondary); }
  .inventory-list-wrapper .new {
    color: var(--secondary);
    z-index: 1;
    position: relative;
    font-size: 3em; }
  .inventory-list-wrapper .btn-padding {
    padding: 0px 20px; }
  .inventory-list-wrapper .without-padding {
    padding: 0px; }
  .inventory-list-wrapper .help-btn {
    margin-right: 10px; }
  .inventory-list-wrapper .btn-new-inventory {
    display: flex;
    justify-content: end;
    margin-top: 15px; }
  .inventory-list-wrapper .m-r {
    margin-right: 5px; }
.inventory-collect-list-wrapper {
  height: -moz-available;
  /* WebKit-based browsers will ignore this. */
  height: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  height: fill-available; }
  .inventory-collect-list-wrapper .btn-go-to-collect-geral {
    margin: 0;
    padding: 0;
    border: none;
    color: var(--font2);
    font-size: 18px;
    height: 54px;
    font-weight: bold; }
  .inventory-collect-list-wrapper cp-edit-icon {
    margin-left: 8px; }
  .inventory-collect-list-wrapper .resume label {
    font-weight: 100;
    font-size: 14px;
    color: var(--font2); }
  .inventory-collect-list-wrapper .new-collect-content {
    height: 100%; }
    .inventory-collect-list-wrapper .new-collect-content svg {
      width: 74px;
      margin-bottom: 22px;
      fill: var(--font3); }
    .inventory-collect-list-wrapper .new-collect-content h4 {
      font-size: 15px;
      margin-top: 2px;
      color: var(--font3);
      text-align: center;
      margin-bottom: 0; }
    .inventory-collect-list-wrapper .new-collect-content .new-catalog {
      margin-top: 24px; }
  .inventory-collect-list-wrapper .options {
    display: flex; }
    .inventory-collect-list-wrapper .options a {
      margin-left: 24px;
      color: var(--font2);
      font-size: 18px; }
      .inventory-collect-list-wrapper .options a span {
        margin-left: 6px; }
@charset "UTF-8";
.correct-serail-number-modal-wrapper .mbg-input-wrapper {
  height: 36px; }
  .correct-serail-number-modal-wrapper .mbg-input-wrapper input {
    height: 36px; }

.correct-serail-number-modal-wrapper .mbg-body-modal {
  max-height: 60vh; }

.correct-serail-number-modal-wrapper .correctlist {
  border: 1px solid #ddd;
  background-color: #efefef;
  margin-bottom: 1rem;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem; }
  .correct-serail-number-modal-wrapper .correctlist .correctItem {
    padding-top: 1rem; }
    .correct-serail-number-modal-wrapper .correctlist .correctItem .correctItemHeader .row:first-of-type {
      padding-bottom: .5rem; }
    .correct-serail-number-modal-wrapper .correctlist .correctItem .correctItemHeader .row:last-of-type {
      padding: 0.5rem 0;
      background-color: var(--primary); }
      .correct-serail-number-modal-wrapper .correctlist .correctItem .correctItemHeader .row:last-of-type label {
        color: #fff; }
    .correct-serail-number-modal-wrapper .correctlist .correctItem .correctItemHeader > label {
      color: #000; }

.correct-serail-number-modal-wrapper .error-input-empty {
  border: 1px solid red; }
  .correct-serail-number-modal-wrapper .error-input-empty::after {
    content: '\C9   necess\E1rio informar uma justificativa';
    position: absolute;
    font-size: 10px;
    right: 3rem;
    top: 1.25rem;
    text-align: right;
    color: red; }

.correct-serail-number-modal-wrapper .error-input-invalid {
  border: 1px solid red; }
  .correct-serail-number-modal-wrapper .error-input-invalid::after {
    content: 'A justificativa Precisa ter pelo menos 5 caract\E9res';
    position: absolute;
    font-size: 10px;
    right: 3rem;
    top: 1.25rem;
    text-align: right;
    color: red; }

.correct-serail-number-modal-wrapper .imei-content-column {
  display: flex;
  height: 4rem;
  align-items: center; }

.correct-serail-number-modal-wrapper .justification-content-column {
  display: flex;
  height: 4rem;
  align-items: center; }
  .correct-serail-number-modal-wrapper .justification-content-column mbg-input-text {
    width: 100%; }
.container-inventory-new-collect {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: auto; }
  .container-inventory-new-collect .min-fit-content {
    min-height: fit-content; }
  .container-inventory-new-collect .page-wrapper {
    height: 100%; }
    .container-inventory-new-collect .page-wrapper .inventory-new-collect-wrapper {
      height: 100%; }
      .container-inventory-new-collect .page-wrapper .inventory-new-collect-wrapper hr {
        min-height: 1px;
        width: 100%; }
      .container-inventory-new-collect .page-wrapper .inventory-new-collect-wrapper .container-header.expanded {
        height: 100px; }
.inventory-general-collect-wrapper {
  height: -moz-available;
  /* WebKit-based browsers will ignore this. */
  height: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  height: fill-available; }
  .inventory-general-collect-wrapper .grow {
    width: 100% !important;
    height: 40px !important; }
  .inventory-general-collect-wrapper .igc-btn {
    color: white;
    font-weight: bold;
    font-size: 12px !important; }
    .inventory-general-collect-wrapper .igc-btn.plan button {
      background-color: #0f4b14; }
    .inventory-general-collect-wrapper .igc-btn.grow {
      text-wrap: pretty; }
  .inventory-general-collect-wrapper cp-edit-icon {
    margin-left: 8px; }
  .inventory-general-collect-wrapper .resume label {
    font-weight: 100;
    font-size: 14px;
    color: var(--font2); }
  .inventory-general-collect-wrapper .btn-search {
    height: 25px;
    font-weight: 700;
    background-color: var(--secondary);
    color: #FFF;
    width: 100%;
    border-radius: 5px;
    border: none; }
  .inventory-general-collect-wrapper .btn-print-list {
    color: var(--footerPrimary); }
  .inventory-general-collect-wrapper .btn-import-count {
    color: black; }
  .inventory-general-collect-wrapper .action {
    height: 50px;
    padding-left: 20px;
    text-align: center; }
  .inventory-general-collect-wrapper .action i {
    font-size: 30px;
    transition: .3s ease; }
  .inventory-general-collect-wrapper .action:hover {
    transition: .3s ease;
    cursor: pointer; }
    .inventory-general-collect-wrapper .action:hover.action i {
      font-size: 40px; }
  .inventory-general-collect-wrapper .btn-sheet {
    color: var(--success); }
  .inventory-general-collect-wrapper .btn-retype {
    height: 25px;
    font-weight: 700;
    background-color: var(--success);
    color: #FFF;
    width: 100%;
    border-radius: 5px;
    border: none; }
  .inventory-general-collect-wrapper .btn-search-primary {
    margin-top: 0px; }
  .inventory-general-collect-wrapper .input-fake {
    padding: 12px; }
  @media only screen and (max-width: 1600px) {
    .inventory-general-collect-wrapper .col-md-1 {
      font-size: 12px !important; } }
  @media only screen and (max-width: 1500px) {
    .inventory-general-collect-wrapper .col-md-1 {
      font-size: 11px !important; } }
  @media only screen and (max-width: 1400px) {
    .inventory-general-collect-wrapper .col-md-1 {
      font-size: 10px !important; } }
  .inventory-general-collect-wrapper .mbg-label {
    margin-bottom: 5px; }
  .inventory-general-collect-wrapper .btn-no-update-stock {
    height: 25px;
    font-weight: 700;
    background-color: var(--success);
    color: #FFF;
    width: 100%;
    border-radius: 5px;
    border: none; }
  .inventory-general-collect-wrapper .btn-mg-top {
    margin-top: 35px; }
  .inventory-general-collect-wrapper .align-items {
    display: flex;
    align-items: center; }
  .inventory-general-collect-wrapper .padding-left {
    padding-left: 15px;
    padding-right: 8px; }
  .inventory-general-collect-wrapper .btn-search-success {
    height: 25px;
    font-weight: 700;
    background-color: var(--success);
    color: #FFF;
    width: 100%;
    border-radius: 5px;
    border: none; }
  .inventory-general-collect-wrapper .buttons-container {
    display: flex;
    flex: 1;
    gap: 15px;
    padding: 15px 0px 0px 15px;
    margin-bottom: 10px; }
.collector-selection-wrapper {
  padding: 12px 12px 24px 12px;
  width: 24vw;
  display: flex;
  flex-direction: column;
  gap: 12px; }
  .collector-selection-wrapper .header-box {
    display: flex;
    flex-direction: column-reverse; }
  .collector-selection-wrapper .layout-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px; }
    .collector-selection-wrapper .layout-div div:nth-child(2) {
      width: 20vw; }
      .collector-selection-wrapper .layout-div div:nth-child(2) select-v2 .box-list .item-list .item {
        line-height: 18px !important; }
  .collector-selection-wrapper select-v2 .mbg-select-input-fake {
    width: 100% !important; }
  .collector-selection-wrapper .footer-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 0px;
    flex-direction: column;
    gap: 12px; }
    .collector-selection-wrapper .footer-box mbg-btn-form .mbg-btn-form-wrapper button {
      height: 25px !important; }
    .collector-selection-wrapper .footer-box .cancel-bottom {
      color: var(--font1); }
.show-barcodes-not-found-modal-wrapper {
  padding: 24px;
  min-width: 30vw;
  height: 100%;
  overflow-y: hidden;
  max-height: 80vh; }
  .show-barcodes-not-found-modal-wrapper .barcode-box {
    overflow-y: scroll;
    height: 100%;
    max-height: 300px;
    margin-bottom: 12px; }
  .show-barcodes-not-found-modal-wrapper .header-box {
    display: flex;
    flex-direction: column-reverse; }
  .show-barcodes-not-found-modal-wrapper .back-button mbg-btn-form .mbg-btn-form-wrapper button {
    height: 25px !important; }
.inventory-unlisted-products-modal-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  min-width: 80vw; }
  .inventory-unlisted-products-modal-wrapper .content-modal-wrapper {
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 24px 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%; }
    .inventory-unlisted-products-modal-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative; }
  .inventory-unlisted-products-modal-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0;
    max-height: 40rem; }
  .inventory-unlisted-products-modal-wrapper .no-paddin {
    padding: 0px; }
.inventory-general-collect-wrapper {
  height: -moz-available;
  /* WebKit-based browsers will ignore this. */
  height: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  height: fill-available; }
  .inventory-general-collect-wrapper h4 {
    color: var(--font2);
    margin-right: 8px; }
    .inventory-general-collect-wrapper h4 span {
      margin: 0 8px; }
  .inventory-general-collect-wrapper .resume label {
    font-weight: 100;
    font-size: 14px;
    color: var(--font2); }
  .inventory-general-collect-wrapper cp-justification-icon.informed svg {
    fill: var(--font2);
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4)); }
  .inventory-general-collect-wrapper .mbg-label {
    margin-bottom: 5px; }
  .inventory-general-collect-wrapper .no-padding-right {
    padding-right: 0px; }
  .inventory-general-collect-wrapper .btn-print-list {
    color: var(--footerPrimary); }
commercial-data-inventory {
  display: flex;
  position: relative; }
  commercial-data-inventory mbg-select[disabled="disabled"] .mbg-input-wrapper input {
    opacity: .6; }
  commercial-data-inventory .visible {
    opacity: 1;
    position: relative;
    transition: all 500ms ease;
    flex: 1; }
  commercial-data-inventory .invisible {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0; }
  commercial-data-inventory button.confirm {
    margin-top: 38px;
    height: 25px;
    border-radius: 54px;
    background: var(--primary);
    color: #FFF;
    width: 100%;
    border: none;
    font-weight: bold; }
  commercial-data-inventory .user-image img {
    width: 54px;
    border-radius: 50%; }
  commercial-data-inventory .metadata-preview {
    padding: 10px;
    margin-left: 5px;
    color: var(--font2); }
    commercial-data-inventory .metadata-preview i {
      font-size: 18px;
      cursor: pointer; }
    commercial-data-inventory .metadata-preview label {
      font-weight: 100; }
      commercial-data-inventory .metadata-preview label.sub-info {
        font-size: 12px;
        margin-top: 3px; }
  commercial-data-inventory p.cpf-value {
    margin-left: 25px;
    color: var(--font2); }
    commercial-data-inventory p.cpf-value button {
      border: 1px solid var(--font2);
      border-radius: 5px;
      margin-left: 9px;
      color: var(--font2); }
  commercial-data-inventory .cpf-add {
    margin-top: 31px;
    height: 44px;
    border-radius: 5px;
    background: var(--primary);
    color: #FFF;
    width: 100%;
    border: none;
    font-weight: bold; }
  commercial-data-inventory .mbg-label {
    margin-bottom: 5px; }

.document {
  font-size: 12px; }
.type-store-warehouse-modal-wrapper {
  width: 1000px;
  height: auto;
  max-height: 90vh;
  min-height: 500px;
  padding-bottom: 30px; }
  .type-store-warehouse-modal-wrapper .cl-light-primary {
    color: var(--primary); }
  .type-store-warehouse-modal-wrapper .red {
    color: var(--error); }
  .type-store-warehouse-modal-wrapper .subtitle {
    color: var(--neutral2);
    font-size: 13px; }
  .type-store-warehouse-modal-wrapper label {
    font-weight: 500;
    color: var(--font1);
    margin: 15px 0 8px 0; }
  .type-store-warehouse-modal-wrapper .mt-11 {
    margin-top: 44px; }
  .type-store-warehouse-modal-wrapper .ml-2 {
    margin-left: 8px; }
  .type-store-warehouse-modal-wrapper .relative {
    position: relative; }
  .type-store-warehouse-modal-wrapper .abs-btn {
    position: absolute;
    right: 6px;
    top: 0px;
    z-index: 10; }
  .type-store-warehouse-modal-wrapper .input-square-button {
    width: 25px;
    height: 25px;
    border-radius: 3px;
    font-size: 15px;
    transition: all .2s ease;
    border: none;
    background-color: var(--primary);
    color: white; }
  .type-store-warehouse-modal-wrapper .input-square-button:hover, .type-store-warehouse-modal-wrapper .input-square-button:focus {
    transform: scale(1.1); }
  .type-store-warehouse-modal-wrapper .input-fake.money {
    justify-content: end; }
.container-print-tags {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  overflow: auto; }
  .container-print-tags .min-fit-content {
    min-height: fit-content; }
  .container-print-tags .page-wrapper {
    height: 100%; }
    .container-print-tags .page-wrapper .print-tags-wrapper {
      height: 100%; }
      .container-print-tags .page-wrapper .print-tags-wrapper hr {
        min-height: 1px;
        width: 100%; }
  .container-print-tags .blue-button {
    background-color: var(--primary) !important; }
    .container-print-tags .blue-button button {
      background-color: var(--primary) !important; }
.container-request-permission {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  overflow: auto; }
  .container-request-permission mbg-input-password {
    width: 100%; }
  .container-request-permission .page-wrapper {
    height: 100%; }
    .container-request-permission .page-wrapper .request-permission-wrapper {
      height: 100%; }
      .container-request-permission .page-wrapper .request-permission-wrapper hr {
        min-height: 1px;
        width: 100%; }
@media (min-width: 1400px) and (max-width: 1600px) {
  .container-payment {
    zoom: 0.8 !important; } }

.container-payment {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: auto; }
  .container-payment .finish-without-payment {
    margin-right: 70px;
    margin-top: 20px; }
  .container-payment .points-container {
    width: 100%;
    background: #e5e5e5;
    margin-bottom: 14px;
    border-radius: 5px;
    padding: 24px 24px; }
    .container-payment .points-container span.total-value-points {
      font-size: 12px;
      padding-left: 28px; }
    .container-payment .points-container label {
      font-weight: 500;
      font-size: 18px; }
      .container-payment .points-container label b {
        color: var(--success); }
    .container-payment .points-container .input-points-config {
      margin-right: 14px; }
      .container-payment .points-container .input-points-config span {
        margin-right: 10px; }
      .container-payment .points-container .input-points-config input {
        height: 38px;
        width: 100px; }
    .container-payment .points-container i {
      color: var(--warn);
      margin-right: 8px; }
    .container-payment .points-container button {
      height: 34px;
      border-radius: 5px;
      background: var(--primary);
      color: #fff;
      border: none;
      padding: 4px 12px; }
  .container-payment .min-fit-content {
    min-height: fit-content; }
  .container-payment .warn-credit-voucher {
    margin-top: 24px;
    color: var(--warn);
    font-size: 14px; }
  .container-payment .cursor-pointer {
    cursor: pointer !important; }
  .container-payment .cursor-pointer:focus-within {
    border: 1px solid var(--primary);
    border-radius: 3px; }
  .container-payment .message-error {
    color: var(--error);
    margin-top: 18px;
    font-size: 12px; }
  .container-payment .btn-add-coupon {
    border: 1px solid var(--primary);
    color: #fff;
    background: var(--primary);
    margin-left: 10px;
    border-radius: 3px;
    height: 43px; }
  .container-payment .search-coupon {
    background-color: var(--secondary); }
  .container-payment .add-coupon {
    background-color: var(--primary); }
  .container-payment .btn {
    margin-bottom: auto;
    margin-top: auto;
    height: 40px;
    width: 40px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin-left: 5px;
    padding: 8px; }
  .container-payment .fa-plus-circle, .container-payment .fa-search {
    color: #fff;
    font-size: 20px; }
  .container-payment .page-wrapper {
    height: 100%; }
    .container-payment .page-wrapper .finish {
      width: 300px !important;
      float: right; }
    .container-payment .page-wrapper .payment-wrapper {
      height: 100%; }
      .container-payment .page-wrapper .payment-wrapper hr {
        min-height: 1px;
        width: 100%; }
    .container-payment .page-wrapper .mbg-keyboard-wrapper {
      margin-top: 8px; }
    .container-payment .page-wrapper .payment-types-keyboard-wrapper {
      background: #fff;
      box-shadow: 0 1px 44px rgba(0, 0, 0, 0.1), 0 0px 34px rgba(0, 0, 0, 0.015);
      padding: 8px 24px; }
      .container-payment .page-wrapper .payment-types-keyboard-wrapper .mbg-keyboard-wrapper {
        background: #fff; }
    .container-payment .page-wrapper .payment-type-template {
      background: #e5e5e5;
      padding: 34px 34px; }
      .container-payment .page-wrapper .payment-type-template h1 {
        margin: 0;
        color: #000;
        font-size: 28px; }
      .container-payment .page-wrapper .payment-type-template h4 {
        margin-top: 10px;
        font-size: 16px;
        font-weight: 100; }
      .container-payment .page-wrapper .payment-type-template .show-payments div {
        float: left;
        margin-right: 14px;
        margin-top: 14px;
        border: none;
        background: #fff;
        padding: 8px 8px;
        border-radius: 3px; }
        .container-payment .page-wrapper .payment-type-template .show-payments div i {
          font-size: 18px;
          margin-left: 5px;
          margin-right: 5px;
          color: var(--font2); }
        .container-payment .page-wrapper .payment-type-template .show-payments div i:focus-within {
          border: 1px solid var(--primary);
          border-radius: 3px; }
    .container-payment .page-wrapper .payment-type-wrapper {
      display: flex;
      flex-direction: column; }
      .container-payment .page-wrapper .payment-type-wrapper button {
        height: 44px;
        border: none;
        border-radius: 3px;
        font-size: 16px;
        margin-top: 12px;
        color: var(--font2);
        border: 1px solid #666;
        width: 100%;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        transition: transform 0.5s ease; }
        .container-payment .page-wrapper .payment-type-wrapper button span {
          font-size: 10px;
          color: #b71818;
          margin: 0; }
        .container-payment .page-wrapper .payment-type-wrapper button.opacity {
          opacity: 0.5; }
        .container-payment .page-wrapper .payment-type-wrapper button[disabled="disabled"] {
          opacity: 0.5; }
        .container-payment .page-wrapper .payment-type-wrapper button.active {
          border: 1px solid var(--primary);
          color: #fff;
          background: var(--primary); }
          .container-payment .page-wrapper .payment-type-wrapper button.active:focus-within {
            transform: scale(1.2); }
  .container-payment .commercial-side-session .info.payment-details {
    display: grid;
    grid-template-columns: 45% 55%;
    gap: 3px;
    padding: 0 5px 0 0;
    margin-top: 10px; }
  .container-payment .commercial-side-session .labels-right {
    text-align: right; }
    .container-payment .commercial-side-session .labels-right label {
      width: 100%;
      text-align: right;
      font-size: 15px; }
      .container-payment .commercial-side-session .labels-right label b {
        font-weight: bold; }
      .container-payment .commercial-side-session .labels-right label span {
        color: var(--contrast);
        cursor: pointer;
        border-bottom: 1px solid currentColor;
        font-weight: 500; }
        .container-payment .commercial-side-session .labels-right label span.addition {
          color: var(--primary); }
        .container-payment .commercial-side-session .labels-right label span.disabled {
          color: var(--neutral2); }
  .container-payment .commercial-side-session .form-buttons {
    padding: 0 15px;
    gap: 3px; }
  .container-payment .btn-open-items-for-discount {
    margin-top: 15px;
    height: 35px;
    font-weight: 700;
    background-color: var(--primary);
    color: #FFF;
    width: 100%;
    border-radius: 5px;
    border: none;
    margin-bottom: 1px; }
  .container-payment .flex {
    gap: 1px; }
  .container-payment .finish.faturar {
    width: 8em !important; }
  .container-payment .finish.nfce, .container-payment .finish.nfe, .container-payment .finish.sat-mfe {
    width: 4em !important; }
  .container-payment mbg-btn-form {
    border-radius: 5px !important;
    height: 45px !important;
    margin: 0 !important; }
  .container-payment mbg-btn-form div button {
    height: 45px;
    min-width: 45px; }
  .container-payment .msg-not-emission-nfe {
    width: 5.8em;
    border-radius: 5px;
    height: 45px;
    position: absolute;
    cursor: not-allowed; }
  .container-payment .p-17-34 {
    padding: 17px 34px; }
.shipping-register .confirm-btn {
  justify-content: center;
  background-color: var(--primary);
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  border-radius: 7px;
  width: 100%;
  text-align: center;
  padding: 12px 5px;
  margin-top: 14px; }

.shipping-register .btn-remove-freight {
  background-color: transparent;
  border: 1px solid var(--error);
  color: var(--error);
  font-weight: bold;
  font-size: 15px;
  border-radius: 7px;
  width: 100%;
  text-align: center;
  padding: 12px 5px;
  margin-top: 14px; }

.shipping-register .flex-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.shipping-register .close-x {
  height: 1.5%;
  font-size: 0.95em; }

.shipping-register .cnpj-label {
  width: 90%; }

.shipping-register .modal-dimensions {
  padding: 5% 6% 6% 5%;
  min-width: 800px; }
  .shipping-register .modal-dimensions label {
    padding-bottom: 1%; }

.shipping-register .shipping-company-block {
  margin-top: 4%; }

.shipping-register .type-freight-block {
  margin-top: 8%; }

.shipping-register .freight-value-block {
  margin-top: 4%; }
  .shipping-register .freight-value-block .shipping-value {
    width: 14em; }

.shipping-register .confirm-btn-block {
  padding-top: 1%; }

.shipping-register .address-freight-block {
  margin-top: 4%; }
  .shipping-register .address-freight-block .clear-address {
    font-size: x-large;
    padding: 1%; }
  .shipping-register .address-freight-block .select-address {
    margin-bottom: 1%; }
  .shipping-register .address-freight-block .align-right {
    text-align: right; }

.mbg-select-list .select-address-option {
  display: flex;
  gap: 16px; }
.discount-coupon-modal-wrapper .body {
  padding: 20px;
  width: 900px; }
  .discount-coupon-modal-wrapper .body .center {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto; }
  .discount-coupon-modal-wrapper .body .title {
    font-size: 16px;
    margin-bottom: 20px; }
.items-for-discount-modal-wrapper .header {
  padding: 20px; }

.items-for-discount-modal-wrapper .body {
  padding: 20px;
  width: 900px; }
  .items-for-discount-modal-wrapper .body .input-label-items {
    margin-top: 0;
    margin-bottom: 0; }
  .items-for-discount-modal-wrapper .body .action-btn {
    width: 100%;
    height: 4.5rem;
    border-radius: .5rem; }
    @media screen and (min-width: 992px) {
      .items-for-discount-modal-wrapper .body .action-btn {
        width: 4.5rem; } }
    .items-for-discount-modal-wrapper .body .action-btn.btn-plus {
      color: #fff;
      background: var(--primary);
      border: 0px solid #fff;
      margin-top: 19px; }
    .items-for-discount-modal-wrapper .body .action-btn.btn-link-product {
      color: #fff;
      background: var(--secondary);
      border: 0px solid #fff;
      margin-top: 19px; }
    .items-for-discount-modal-wrapper .body .action-btn.btn-unlink-product {
      color: #fff;
      background: var(--secondary);
      border: 0px solid #fff;
      margin-top: 19px; }
    .items-for-discount-modal-wrapper .body .action-btn.btn-remove-item {
      color: #fff;
      background: gray;
      border: 0px solid #fff;
      margin-top: 19px; }
  .items-for-discount-modal-wrapper .body .items-list {
    max-height: 345px;
    overflow-y: scroll;
    overflow-x: hidden; }
    .items-for-discount-modal-wrapper .body .items-list .items-list-body {
      background: #dddddd;
      margin-top: 10px;
      border-radius: 5px;
      padding: 5px; }

.items-for-discount-modal-wrapper .btn-finish {
  margin-top: 15px;
  margin-bottom: 10px; }
payment-money .payment-money-wrapper h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 14px 0px; }

payment-money .payment-money-button {
  height: 54px;
  border-radius: 3px;
  font-size: 22px;
  margin-top: 12px;
  border: 1px solid var(--primary);
  color: #FFF;
  background: var(--primary);
  width: 100%; }
  payment-money .payment-money-button[disabled="disabled"] {
    opacity: .5; }

payment-money .give-back {
  margin-top: 15px;
  font-size: 18px;
  color: var(--warn);
  width: 100%;
  font-weight: 600; }
payment-card .remove-machine {
  position: absolute;
  top: 0px;
  right: 5px; }

payment-card .payment-card-wrapper h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 14px 0px 6px 0px; }

payment-card .flag-error {
  border: solid;
  border-color: #ff3030; }

payment-card .flags {
  flex-wrap: wrap; }
  payment-card .flags .flag {
    margin: 7px;
    transition: filter 200ms ease;
    max-height: 45px; }
  payment-card .flags .flag-not-tef {
    transition: filter 200ms ease;
    filter: saturate(0);
    cursor: pointer; }
    payment-card .flags .flag-not-tef.active, payment-card .flags .flag-not-tef:hover {
      filter: saturate(1); }

payment-card .more-flags {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--font1);
  padding-bottom: 9px;
  margin-left: 14px; }

payment-card .payment-card-button {
  height: 54px;
  border-radius: 3px;
  font-size: 22px;
  margin-top: 12px;
  border: 1px solid var(--primary);
  color: #fff;
  background: var(--primary);
  width: 100%; }
  payment-card .payment-card-button[disabled="disabled"] {
    opacity: 0.5; }

payment-card .payment-type-card {
  height: 44px;
  border-radius: 3px;
  font-size: 16px;
  margin-top: 4px;
  padding: 0px 28px;
  margin-right: 20px;
  border: 1px solid var(--neutral3);
  color: var(--font2);
  background: var(--neutral3); }
  payment-card .payment-type-card.enable {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff; }

payment-card .step-two h3 i {
  font-size: 12px;
  margin-left: 10px;
  color: var(--font2);
  cursor: pointer; }

payment-card .step-two h4 {
  margin-bottom: 0px;
  color: var(--font2); }
  payment-card .step-two h4 span {
    color: var(--font1); }

payment-card .step-two .btn-clear {
  width: auto;
  position: relative;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: none;
  border: 1px solid var(--neutral3);
  margin-right: 10px;
  margin-bottom: 10px;
  height: 44px;
  padding: 0px;
  font-weight: 500;
  display: flex;
  align-items: center; }
  payment-card .step-two .btn-clear > span {
    margin: 0px 12px;
    color: var(--font2); }
  payment-card .step-two .btn-clear .rate {
    width: 58px;
    height: 42px;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--neutral3);
    align-items: center;
    justify-content: center;
    background-color: #fff; }
    payment-card .step-two .btn-clear .rate:last-child {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    payment-card .step-two .btn-clear .rate label {
      margin: 0px;
      font-weight: 500;
      color: var(--font2);
      font-size: 9px; }
    payment-card .step-two .btn-clear .rate span {
      color: var(--font2); }
    payment-card .step-two .btn-clear .rate.best-rate label {
      color: var(--success); }
    payment-card .step-two .btn-clear .rate.best-rate span {
      color: var(--success); }
  payment-card .step-two .btn-clear.enable {
    background: var(--primary);
    border: 1px solid var(--primary); }
    payment-card .step-two .btn-clear.enable > span {
      color: #fff; }
    payment-card .step-two .btn-clear.enable .rate {
      border-left: 1px solid var(--primary); }

payment-card .step-two .flag {
  max-width: 75px;
  margin-right: 15px;
  margin-bottom: 15px; }

payment-card .step-two label {
  margin: 12px 0px; }

payment-card .give-back {
  margin-top: 15px;
  font-size: 18px;
  color: var(--warn);
  width: 100%;
  font-weight: 600; }

payment-card .secondary-button {
  background: var(--secondary);
  border: 1px solid var(--secondary);
  color: #fff;
  margin-top: 12px;
  padding: 0px 28px;
  margin-left: 20px;
  height: 40px;
  font-weight: bolder;
  border-radius: 3px; }
payment-credit .payment-credit-wrapper h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 14px 0px; }

payment-credit .payment-credit-wrapper .balance {
  font-weight: 400; }
  payment-credit .payment-credit-wrapper .balance span {
    font-weight: 600; }
    payment-credit .payment-credit-wrapper .balance span.positive {
      color: var(--success); }
    payment-credit .payment-credit-wrapper .balance span.negative {
      color: var(--error); }

payment-credit .payment-credit-wrapper h4 {
  font-size: 13px !important; }

payment-credit .payment-type-check {
  height: 44px;
  border-radius: 3px;
  font-size: 16px;
  margin-top: 4px;
  padding: 0px 28px;
  margin-right: 20px;
  border: 1px solid var(--neutral3);
  color: var(--font2);
  background: var(--neutral3); }
  payment-credit .payment-type-check.enable {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff; }

payment-credit .payment-credit-button {
  height: 54px;
  border-radius: 3px;
  font-size: 22px;
  margin-top: 12px;
  border: 1px solid var(--primary);
  color: #fff;
  background: var(--primary);
  width: 100%; }
  payment-credit .payment-credit-button[disabled="disabled"] {
    opacity: 0.5; }

payment-credit .terms-header {
  display: flex;
  width: -webkit-fill-available; }

payment-credit .configuration-button {
  margin-left: 10px; }

payment-credit .secondary-button {
  background: var(--secondary);
  border: 1px solid var(--secondary);
  color: #fff;
  margin-top: 12px;
  padding: 0px 28px;
  margin-left: 20px;
  height: 40px;
  font-weight: bolder;
  border-radius: 3px; }
payment-check .payment-input-money {
  width: 100%;
  border: none;
  border-bottom: 1px dotted var(--neutral2);
  text-align: right; }

payment-check .payment-check-wrapper h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 14px 0px; }

payment-check .payment-type-check {
  height: 44px;
  border-radius: 3px;
  font-size: 16px;
  margin-top: 4px;
  padding: 0px 28px;
  margin-right: 20px;
  border: 1px solid var(--neutral3);
  color: var(--font2);
  background: var(--neutral3); }
  payment-check .payment-type-check.enable {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff; }

payment-check .date-input-calender .mbg-input-wrapper {
  height: auto !important; }
  payment-check .date-input-calender .mbg-input-wrapper input {
    border: none;
    background: transparent;
    height: 24px;
    border-bottom: 1px dotted #7b7b7b;
    border-radius: 0;
    padding: 6px 2px; }

payment-check .payment-check-button {
  height: 54px;
  border-radius: 3px;
  font-size: 22px;
  margin-top: 12px;
  border: 1px solid var(--primary);
  color: #fff;
  background: var(--primary);
  width: 100%; }
  payment-check .payment-check-button[disabled="disabled"] {
    opacity: 0.5; }

payment-check .payment-check-details label {
  margin-right: 14px;
  font-weight: 100; }
  payment-check .payment-check-details label span {
    font-weight: 600; }

payment-check .mbg-btn-check {
  display: flex;
  align-items: center;
  justify-content: center; }

payment-check .throw-check {
  padding: 10px 14px;
  border: none;
  background: var(--primary);
  color: #fff;
  border-radius: 5px; }

payment-check .step-two h3 i {
  font-size: 12px;
  margin-left: 10px;
  color: var(--font2);
  cursor: pointer; }

payment-check .mbg-row-check {
  display: flex;
  flex: 1;
  min-height: 34px;
  align-items: center;
  background-color: #f5f5f5; }
  payment-check .mbg-row-check.odd {
    background-color: #eaeaea; }
  payment-check .mbg-row-check .mbg-col-check {
    padding: 0 8px;
    height: 27px;
    display: flex;
    align-items: center;
    flex: 1; }
    payment-check .mbg-row-check .mbg-col-check label {
      font-weight: 400;
      overflow: hidden;
      text-overflow: ellipsis; }
    payment-check .mbg-row-check .mbg-col-check.check-number-parcel {
      max-width: 84px;
      align-items: center;
      justify-content: center; }
    payment-check .mbg-row-check .mbg-col-check.emitente-check {
      white-space: nowrap;
      overflow: hidden; }
    payment-check .mbg-row-check .mbg-col-check.bank-check {
      max-width: 74px; }
    payment-check .mbg-row-check .mbg-col-check.number-check {
      max-width: 110px; }
    payment-check .mbg-row-check .mbg-col-check.generic-col {
      max-width: 134px; }
    payment-check .mbg-row-check .mbg-col-check.number-col {
      justify-content: flex-end; }
    payment-check .mbg-row-check .mbg-col-check.options {
      max-width: 44px;
      display: flex;
      align-items: center;
      justify-content: center; }

payment-check .mbg-header-check {
  display: flex; }
  payment-check .mbg-header-check .mbg-row-check {
    background-color: var(--primary);
    border-radius: 4px; }
    payment-check .mbg-header-check .mbg-row-check .mbg-col-check label {
      font-weight: 600;
      color: #fff; }

payment-check .mbg-static-row {
  display: flex; }

payment-check .information {
  padding: 0px 0px 6px 110px;
  color: var(--font2); }

payment-check .mbg-row-check .mbg-col-check.options:focus-within {
  background-color: #c0c0c0; }

payment-check .mbg-select-input-fake:focus {
  border-color: var(--primary) !important; }

payment-check .give-back {
  margin-top: 15px;
  font-size: 18px;
  color: var(--warn);
  width: 100%;
  font-weight: 600; }

payment-check .terms-header {
  display: flex;
  width: -webkit-fill-available; }

payment-check .configuration-button {
  margin-left: 10px; }

payment-check .secondary-button {
  background: var(--secondary);
  border: 1px solid var(--secondary);
  color: #fff;
  margin-top: 12px;
  padding: 0px 28px;
  margin-left: 20px;
  height: 40px;
  font-weight: bolder;
  border-radius: 3px; }
.launch-check-wrapper .bt-next {
  width: 305px; }

.launch-check-wrapper .payment-check-details label {
  margin-right: 8px;
  font-weight: 100; }
  .launch-check-wrapper .payment-check-details label span {
    font-weight: 600; }

.launch-check-wrapper .parcel-number {
  font-size: 22px !important;
  color: var(--font2) !important;
  margin: 12px 0px; }
payment-check-third .payment-check-third-wrapper h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 14px 0px; }

payment-check-third .payment-check-third-wrapper .payment-check-button {
  height: 54px;
  border-radius: 3px;
  font-size: 22px;
  margin-top: 12px;
  border: 1px solid var(--primary);
  color: #FFF;
  background: var(--primary);
  width: 100%; }
  payment-check-third .payment-check-third-wrapper .payment-check-button[disabled="disabled"] {
    opacity: .5; }

.labels-check-third label {
  font-weight: bold;
  margin-right: 10px; }
  .labels-check-third label span {
    font-weight: 100; }
payment-boleto .payment-credit-wrapper h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 14px 0px; }

payment-boleto .payment-boleto-button {
  height: 54px;
  border-radius: 3px;
  font-size: 22px;
  margin-top: 12px;
  border: 1px solid var(--primary);
  color: #FFF;
  background: var(--primary);
  width: 100%; }
  payment-boleto .payment-boleto-button[disabled="disabled"] {
    opacity: .5; }

payment-boleto .terms-header {
  display: flex;
  width: -webkit-fill-available; }

payment-boleto .configuration-button {
  margin-left: 10px; }

payment-boleto .secondary-button {
  background: var(--secondary);
  border: 1px solid var(--secondary);
  color: #fff;
  margin-top: 12px;
  padding: 0px 28px;
  margin-left: 20px;
  height: 40px;
  font-weight: bolder;
  border-radius: 3px; }
payment-points .payment-points-wrapper h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 14px 0px; }

payment-points .payment-points-wrapper h4 {
  margin: 0 !important;
  margin-bottom: 11px !important; }

payment-points .payment-points-button {
  height: 54px;
  border-radius: 3px;
  font-size: 22px;
  margin-top: 12px;
  border: 1px solid var(--primary);
  color: #fff;
  background: var(--primary);
  width: 100%; }
  payment-points .payment-points-button[disabled="disabled"] {
    opacity: 0.5; }

payment-points p {
  margin-bottom: 0px;
  margin-top: 10px; }
  payment-points p.error {
    color: var(--error); }
.list-titles-wrapper {
  height: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  transform: translateX(-875px);
  transition: all 300ms ease;
  z-index: 10; }
  .list-titles-wrapper.active {
    transform: translateX(-15px); }
  .list-titles-wrapper .list-titles {
    height: 100%;
    width: 860px;
    background-color: #fff;
    opacity: 0;
    transition: opacity 300ms ease;
    padding-right: 102px;
    padding-left: 14px;
    flex-direction: column;
    justify-content: center;
    display: flex; }
    .list-titles-wrapper .list-titles.active {
      opacity: 1; }
    .list-titles-wrapper .list-titles .align-right-text {
      text-align: right; }
    .list-titles-wrapper .list-titles .group-inputs-value {
      display: flex;
      flex-direction: column;
      align-items: flex-end; }
      .list-titles-wrapper .list-titles .group-inputs-value .input-edit {
        width: 114px;
        border: none;
        border-bottom: 1px dashed #666;
        text-align: right;
        min-width: 94px; }
  .list-titles-wrapper .toggle-list {
    height: 74px;
    width: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--font2);
    cursor: pointer;
    transition: all 200ms ease; }
    .list-titles-wrapper .toggle-list svg {
      transition: all 200ms ease;
      fill: var(--font2);
      width: 34px; }
    .list-titles-wrapper .toggle-list i {
      margin-bottom: 8px;
      font-size: 15px; }
    .list-titles-wrapper .toggle-list label {
      font-size: 12px;
      align-items: center;
      text-align: center; }
    .list-titles-wrapper .toggle-list.active {
      transform: translateX(-120%); }
  .list-titles-wrapper .scroll {
    max-height: 560px;
    overflow-y: auto;
    margin-bottom: 88px; }

.back-drop {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1; }
payment-personal-credit .payment-personal-credit-wrapper h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 14px 0px; }

payment-personal-credit .payment-personal-credit-button {
  height: 54px;
  border-radius: 3px;
  font-size: 22px;
  margin-top: 12px;
  border: 1px solid var(--primary);
  color: #FFF;
  background: var(--primary);
  width: 100%; }
  payment-personal-credit .payment-personal-credit-button[disabled="disabled"] {
    opacity: .5; }

payment-personal-credit p {
  margin-bottom: 0px;
  margin-top: 10px; }
  payment-personal-credit p.error {
    color: var(--error); }
.payment-title-wrapper .payment-observation-row {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .payment-title-wrapper .payment-observation-row mbg-input-text {
    width: 100%;
    margin-bottom: 20px;
    resize: none; }
  .payment-title-wrapper .payment-observation-row mbg-btn-form {
    width: 300px !important;
    float: right; }

.payment-title-wrapper .payment-observation {
  color: blue;
  top: 10px;
  right: 30px;
  position: absolute;
  display: flex;
  justify-content: flex-end; }

.payment-title-wrapper .commercial-payment-title .labels-right {
  text-align: right; }
  .payment-title-wrapper .commercial-payment-title .labels-right label {
    width: 100%;
    text-align: right;
    font-size: 15px;
    font-weight: 100; }
    .payment-title-wrapper .commercial-payment-title .labels-right label b {
      font-weight: bold; }
    .payment-title-wrapper .commercial-payment-title .labels-right label span {
      color: var(--contrast);
      cursor: pointer;
      border-bottom: 1px solid currentColor;
      font-weight: 500; }
      .payment-title-wrapper .commercial-payment-title .labels-right label span.addition {
        color: var(--primary); }
      .payment-title-wrapper .commercial-payment-title .labels-right label span.disabled {
        color: var(--neutral2); }

.payment-title-wrapper .payment-date mbg-input-date input {
  max-width: 120px;
  text-align: center; }
.payment-gift-card-wrapper h1 {
  font-size: 24px; }

.payment-gift-card-wrapper .commercial-side-session .labels-right label {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .payment-gift-card-wrapper .commercial-side-session .labels-right label span {
    margin-left: 8px;
    font-size: 11px; }
    .payment-gift-card-wrapper .commercial-side-session .labels-right label span[disabled] {
      opacity: 0.5; }
payment-checking-account .payment-checking-account-wrapper h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 14px 0px; }

payment-checking-account .payment-checking-account-button {
  height: 54px;
  border-radius: 3px;
  font-size: 22px;
  margin-top: 12px;
  border: 1px solid var(--primary);
  color: #FFF;
  background: var(--primary);
  width: 100%; }
  payment-checking-account .payment-checking-account-button[disabled="disabled"] {
    opacity: .5; }

payment-checking-account .give-back {
  margin-top: 15px;
  font-size: 18px;
  color: var(--warn);
  width: 100%;
  font-weight: 600; }
payment-check-company .payment-check-wrapper h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 14px 0px; }

payment-check-company .payment-check-button {
  height: 54px;
  border-radius: 3px;
  font-size: 22px;
  margin-top: 12px;
  border: 1px solid var(--primary);
  color: #FFF;
  background: var(--primary);
  width: 100%; }
  payment-check-company .payment-check-button[disabled="disabled"] {
    opacity: .5; }

payment-check-company .payment-check-details label {
  margin-right: 8px;
  font-weight: 100; }
  payment-check-company .payment-check-details label span {
    font-weight: 600; }

payment-check-company .throw-check {
  padding: 10px 14px;
  border: none;
  background: #ccc;
  border-radius: 5px; }

payment-check-company mbg-list.check-list td[ng-if="$row.isAdicional"] .information {
  padding: 0 0px 6px 101px;
  color: var(--font2); }

payment-check-company mbg-list.check-list .table > tbody > tr > td, payment-check-company mbg-list.check-list .table > tbody > tr > th, payment-check-company mbg-list.check-list .table > tfoot > tr > td, payment-check-company mbg-list.check-list .table > tfoot > tr > th, payment-check-company mbg-list.check-list .table > thead > tr > td, payment-check-company mbg-list.check-list .table > thead > tr > th {
  padding: 4px 8px !important; }
payment-deposit .remove-machine {
  position: absolute;
  top: 0px;
  right: 5px; }

payment-deposit .payment-deposit-wrapper h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 14px 0px 6px 0px; }

payment-deposit .flags {
  flex-wrap: wrap; }
  payment-deposit .flags .flag {
    margin: 7px;
    transition: filter 200ms ease;
    max-height: 44px; }
  payment-deposit .flags .flag-not-tef {
    transition: filter 200ms ease;
    filter: saturate(0);
    cursor: pointer; }
    payment-deposit .flags .flag-not-tef.active, payment-deposit .flags .flag-not-tef:hover {
      filter: saturate(1); }

payment-deposit .more-flags {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--font1);
  padding-bottom: 9px;
  margin-left: 14px; }

payment-deposit .payment-deposit-button {
  height: 54px;
  border-radius: 3px;
  font-size: 22px;
  margin-top: 12px;
  border: 1px solid var(--primary);
  color: #fff;
  background: var(--primary);
  width: 100%; }
  payment-deposit .payment-deposit-button[disabled="disabled"] {
    opacity: 0.5; }

payment-deposit .payment-type-card {
  height: 44px;
  border-radius: 3px;
  font-size: 16px;
  margin-top: 4px;
  padding: 0px 28px;
  margin-right: 20px;
  border: 1px solid var(--neutral3);
  color: var(--font2);
  background: var(--neutral3); }
  payment-deposit .payment-type-card.enable {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff; }

payment-deposit .step-two h3 i {
  font-size: 12px;
  margin-left: 10px;
  color: var(--font2);
  cursor: pointer; }

payment-deposit .step-two h4 {
  margin-bottom: 0px;
  color: var(--font2); }
  payment-deposit .step-two h4 span {
    color: var(--font1); }

payment-deposit .step-two .btn-clear {
  position: relative;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: none;
  border: 1px solid var(--neutral3);
  margin-right: 10px;
  margin-bottom: 10px;
  height: 44px;
  padding: 0px;
  font-weight: 500;
  display: flex;
  align-items: center; }
  payment-deposit .step-two .btn-clear > span {
    margin: 0px 12px;
    color: var(--font2); }
  payment-deposit .step-two .btn-clear .rate {
    width: 58px;
    height: 42px;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--neutral3);
    align-items: center;
    justify-content: center;
    background-color: #fff; }
    payment-deposit .step-two .btn-clear .rate:last-child {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    payment-deposit .step-two .btn-clear .rate label {
      margin: 0px;
      font-weight: 500;
      color: var(--font2);
      font-size: 9px; }
    payment-deposit .step-two .btn-clear .rate span {
      color: var(--font2); }
    payment-deposit .step-two .btn-clear .rate.best-rate label {
      color: var(--success); }
    payment-deposit .step-two .btn-clear .rate.best-rate span {
      color: var(--success); }
  payment-deposit .step-two .btn-clear.enable {
    background: var(--primary);
    border: 1px solid var(--primary); }
    payment-deposit .step-two .btn-clear.enable > span {
      color: #fff; }
    payment-deposit .step-two .btn-clear.enable .rate {
      border-left: 1px solid var(--primary); }

payment-deposit .step-two .flag {
  width: 45px;
  margin-right: 15px;
  margin-bottom: 15px; }

payment-deposit .step-two label {
  margin: 12px 0px; }
payment-pix .remove-machine {
  position: absolute;
  top: 0px;
  right: 5px; }

payment-pix .payment-pix-wrapper h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 14px 0px 6px 0px; }

payment-pix .flags {
  flex-wrap: wrap; }
  payment-pix .flags .flag {
    margin: 7px;
    transition: filter 200ms ease;
    max-height: 44px; }
  payment-pix .flags .flag-not-tef {
    transition: filter 200ms ease;
    filter: saturate(0);
    cursor: pointer; }
    payment-pix .flags .flag-not-tef.active, payment-pix .flags .flag-not-tef:hover {
      filter: saturate(1); }

payment-pix .more-flags {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--font1);
  padding-bottom: 9px;
  margin-left: 14px; }

payment-pix .payment-pix-button {
  height: 54px;
  border-radius: 3px;
  font-size: 22px;
  margin-top: 12px;
  border: 1px solid var(--primary);
  color: #fff;
  background: var(--primary);
  width: 100%; }
  payment-pix .payment-pix-button[disabled="disabled"] {
    opacity: 0.5; }

payment-pix .payment-type-card {
  height: 44px;
  border-radius: 3px;
  font-size: 16px;
  margin-top: 4px;
  padding: 0px 28px;
  margin-right: 20px;
  border: 1px solid var(--neutral3);
  color: var(--font2);
  background: var(--neutral3); }
  payment-pix .payment-type-card.enable {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff; }

payment-pix .step-two h3 i {
  font-size: 12px;
  margin-left: 10px;
  color: var(--font2);
  cursor: pointer; }

payment-pix .step-two h4 {
  margin-bottom: 0px;
  color: var(--font2); }
  payment-pix .step-two h4 span {
    color: var(--font1); }

payment-pix .step-two .btn-clear {
  position: relative;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: none;
  border: 1px solid var(--neutral3);
  margin-right: 10px;
  margin-bottom: 10px;
  height: 44px;
  padding: 0px;
  font-weight: 500;
  display: flex;
  align-items: center; }
  payment-pix .step-two .btn-clear > span {
    margin: 0px 12px;
    color: var(--font2); }
  payment-pix .step-two .btn-clear .rate {
    width: 58px;
    height: 42px;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--neutral3);
    align-items: center;
    justify-content: center;
    background-color: #fff; }
    payment-pix .step-two .btn-clear .rate:last-child {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    payment-pix .step-two .btn-clear .rate label {
      margin: 0px;
      font-weight: 500;
      color: var(--font2);
      font-size: 9px; }
    payment-pix .step-two .btn-clear .rate span {
      color: var(--font2); }
    payment-pix .step-two .btn-clear .rate.best-rate label {
      color: var(--success); }
    payment-pix .step-two .btn-clear .rate.best-rate span {
      color: var(--success); }
  payment-pix .step-two .btn-clear.enable {
    background: var(--primary);
    border: 1px solid var(--primary); }
    payment-pix .step-two .btn-clear.enable > span {
      color: #fff; }
    payment-pix .step-two .btn-clear.enable .rate {
      border-left: 1px solid var(--primary); }

payment-pix .step-two .flag {
  width: 45px;
  margin-right: 15px;
  margin-bottom: 15px; }

payment-pix .step-two label {
  margin: 12px 0px; }
payment-tef .payment-tef-wrapper h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 14px 0px; }

payment-tef .payment-tef-wrapper .balance {
  font-weight: 400; }
  payment-tef .payment-tef-wrapper .balance span {
    font-weight: 600; }
    payment-tef .payment-tef-wrapper .balance span.positive {
      color: var(--success); }
    payment-tef .payment-tef-wrapper .balance span.negative {
      color: var(--error); }

payment-tef .payment-tef-wrapper h4 {
  font-size: 13px !important; }

payment-tef .payment-tef-button {
  height: 54px;
  border-radius: 3px;
  font-size: 22px;
  margin-top: 12px;
  border: 1px solid var(--primary);
  color: #fff;
  background: var(--primary);
  width: 100%; }
  payment-tef .payment-tef-button[disabled="disabled"] {
    opacity: 0.5; }

payment-tef .give-back {
  margin-top: 15px;
  font-size: 18px;
  color: var(--warn);
  width: 100%;
  font-weight: 600; }

payment-tef .mbg-btn-loading {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 5px solid #fff;
  border-radius: 100%;
  border-top: 5px solid transparent;
  -webkit-animation: mbg-btn-animate infinite linear 1s;
  animation: mbg-btn-animate infinite linear 1s; }
.payment-advance-wrapper {
  margin-top: 50px; }
  .payment-advance-wrapper h1 {
    font-size: 24px; }
  .payment-advance-wrapper .commercial-side-session .labels-right label {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .payment-advance-wrapper .commercial-side-session .labels-right label span {
      margin-left: 8px;
      font-size: 11px; }
      .payment-advance-wrapper .commercial-side-session .labels-right label span[disabled] {
        opacity: 0.5; }
payment-others .payment-money-wrapper h3 {
  font-size: 18px;
  font-weight: 100;
  margin: 14px 0px; }

payment-others .payment-money-button {
  height: 54px;
  border-radius: 3px;
  font-size: 22px;
  margin-top: 12px;
  border: 1px solid var(--primary);
  color: #FFF;
  background: var(--primary);
  width: 100%; }
  payment-others .payment-money-button[disabled="disabled"] {
    opacity: .5; }

payment-others .give-back {
  margin-top: 15px;
  font-size: 18px;
  color: var(--warn);
  width: 100%;
  font-weight: 600; }
.choose-type-note-wrapper .mbg-modal {
  padding: 40px 10px !important;
  min-width: 500px; }

.choose-type-note-wrapper button.note-type {
  width: 100%;
  height: 54px;
  border: 1px solid #666;
  border-radius: 4px;
  font-weight: bold;
  color: var(--font2); }
.emission-message-wrapper {
  width: 564px; }
  .emission-message-wrapper .mbg-modal {
    padding: 40px 10px !important;
    min-width: 500px; }
    .emission-message-wrapper .mbg-modal .message-error {
      color: #b42a2a; }
    .emission-message-wrapper .mbg-modal .btn-retry {
      width: fit-content;
      padding: 10px 14px;
      border-radius: 34px;
      border: none;
      background: var(--contrast);
      color: #fff; }
    .emission-message-wrapper .mbg-modal label {
      margin-bottom: 5px; }
.ma-container.movement-correction-discount-wrapper {
  width: 100%;
  max-width: 854px;
  padding: 28px 14px; }
  .ma-container.movement-correction-discount-wrapper h4 {
    padding: 0;
    margin: 0;
    margin-bottom: 6px;
    margin-top: 8px;
    color: var(--font2); }
  .ma-container.movement-correction-discount-wrapper p.sub-title {
    font-size: 13px;
    color: var(--font2); }
  .ma-container.movement-correction-discount-wrapper .products-content {
    max-height: 300px;
    overflow: auto; }
  .ma-container.movement-correction-discount-wrapper .product-item-discount {
    display: flex;
    border-radius: 4px;
    background-color: #eaeaea;
    padding: 10px 14px;
    margin-bottom: 4px;
    margin-top: 4px; }
    .ma-container.movement-correction-discount-wrapper .product-item-discount .product-description {
      display: flex;
      justify-content: center;
      flex: 1;
      flex-direction: column; }
      .ma-container.movement-correction-discount-wrapper .product-item-discount .product-description label {
        font-weight: 600;
        color: var(--font2);
        font-size: 15px; }
        .ma-container.movement-correction-discount-wrapper .product-item-discount .product-description label span {
          font-weight: 400; }
    .ma-container.movement-correction-discount-wrapper .product-item-discount .product-inputs {
      max-width: 150px;
      margin-left: 8px; }
      .ma-container.movement-correction-discount-wrapper .product-item-discount .product-inputs .input-label {
        color: var(--font2) !important;
        margin-top: 0px !important;
        margin-bottom: 4px !important; }
  .ma-container.movement-correction-discount-wrapper .btn-remove-discount {
    background-color: transparent;
    border: 1px solid var(--error);
    color: var(--error);
    font-weight: bold;
    font-size: 15px;
    border-radius: 7px;
    width: 100%;
    text-align: center;
    padding: 12px 5px;
    margin-top: 14px;
    max-width: 264px; }
  .ma-container.movement-correction-discount-wrapper .btn-next {
    background-color: var(--primary);
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border-radius: 7px;
    width: 100%;
    text-align: center;
    padding: 12px 5px;
    margin-top: 14px;
    max-width: 264px; }
.movement-discount-wrapper {
  min-width: 354px;
  padding: 28px 14px; }
  .movement-discount-wrapper .info {
    min-height: fit-content; }
  .movement-discount-wrapper .sep {
    margin: 5px 0px; }
  .movement-discount-wrapper .err {
    font-size: 11px;
    color: var(--error);
    max-width: 300px; }
  .movement-discount-wrapper .btn-remove-discount {
    background-color: transparent;
    border: 1px solid var(--error);
    color: var(--error);
    font-weight: bold;
    font-size: 15px;
    border-radius: 7px;
    width: 100%;
    text-align: center;
    padding: 12px 5px;
    margin-top: 14px; }
  .movement-discount-wrapper .btn-next {
    justify-content: center;
    background-color: var(--primary);
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border-radius: 7px;
    width: 100%;
    text-align: center;
    padding: 12px 5px;
    margin-top: 14px; }
.print-fiscal-note-wrapper .mbg-modal {
  padding: 40px 10px !important;
  min-width: 500px; }
  .print-fiscal-note-wrapper .mbg-modal label {
    margin-bottom: 5px; }
.show-pre-invoice-success-wrapper {
  min-width: 424px;
  padding: 28px 14px; }
  .show-pre-invoice-success-wrapper .mbg-body {
    padding: 0 30px; }
  .show-pre-invoice-success-wrapper h5 {
    font-size: 18px;
    color: var(--font2);
    text-align: center;
    margin: 0; }
.title-addition-wrapper {
  min-width: 354px;
  padding: 28px 14px; }
  .title-addition-wrapper .info {
    min-height: fit-content; }
  .title-addition-wrapper .sep {
    margin: 5px 0px; }
  .title-addition-wrapper .err {
    font-size: 11px;
    color: var(--error); }
  .title-addition-wrapper .btn-remove-discount {
    background-color: transparent;
    border: 1px solid var(--error);
    color: var(--error);
    font-weight: bold;
    font-size: 15px;
    border-radius: 7px;
    width: 100%;
    text-align: center;
    padding: 12px 5px;
    margin-top: 14px; }
  .title-addition-wrapper .btn-next {
    background-color: var(--primary);
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border-radius: 7px;
    width: 100%;
    text-align: center;
    padding: 12px 5px;
    margin-top: 14px; }
.title-discount-wrapper {
  min-width: 354px;
  padding: 28px 14px; }
  .title-discount-wrapper .info {
    min-height: fit-content; }
  .title-discount-wrapper .sep {
    margin: 5px 0px; }
  .title-discount-wrapper .err {
    font-size: 11px;
    color: var(--error); }
  .title-discount-wrapper .btn-remove-discount {
    background-color: transparent;
    border: 1px solid var(--error);
    color: var(--error);
    font-weight: bold;
    font-size: 15px;
    border-radius: 7px;
    width: 100%;
    text-align: center;
    padding: 12px 5px;
    margin-top: 14px; }
  .title-discount-wrapper .btn-next {
    background-color: var(--primary);
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border-radius: 7px;
    width: 100%;
    text-align: center;
    padding: 12px 5px;
    margin-top: 14px;
    justify-content: center; }
.rastro-body-modal {
  max-width: 500px; }
.check-address-rural-producer {
  padding: 2vw;
  width: 70vw; }
commercial-data {
  display: flex;
  position: relative; }
  commercial-data .box-client {
    position: relative; }
    commercial-data .box-client .create-edit-client {
      position: absolute;
      right: 14px;
      color: var(--primary);
      font-weight: bold;
      font-size: 12px;
      top: 4px;
      display: flex;
      align-items: flex-end;
      gap: 4px;
      z-index: 99; }
      commercial-data .box-client .create-edit-client cp-edit-icon svg {
        width: 15px;
        fill: var(--primary); }
  commercial-data .button-close {
    float: right; }
    commercial-data .button-close button {
      width: 60px;
      height: 60px;
      padding-left: 4px;
      padding-top: 0px;
      background-color: white;
      color: var(--font2);
      border: 2px solid white;
      border-radius: 50%;
      position: absolute; }
      commercial-data .button-close button i {
        font-size: 40px;
        color: var(--font2); }
  commercial-data .row-close {
    display: flex;
    float: right; }
  commercial-data .close {
    display: flex; }
  commercial-data mbg-select[disabled="disabled"] .mbg-input-wrapper input {
    opacity: .6; }
  commercial-data .visible {
    opacity: 1;
    position: relative;
    transition: all 500ms ease;
    flex: 1; }
  commercial-data .invisible {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0; }
  commercial-data button.confirm-close {
    margin-top: 32px;
    height: 44px;
    border-radius: 54px;
    background: var(--primary);
    color: #FFF;
    width: 100%;
    border: none;
    font-weight: bold; }
  commercial-data button.confirm {
    margin-top: 44px;
    height: 44px;
    border-radius: 54px;
    background: var(--primary);
    color: #FFF;
    width: 100%;
    border: none;
    font-weight: bold; }
  commercial-data .user-image img {
    width: 54px;
    border-radius: 50%; }
  commercial-data .metadata-preview {
    padding: 5px;
    margin-left: 5px;
    color: var(--font2); }
    commercial-data .metadata-preview i {
      font-size: 14px;
      cursor: pointer; }
    commercial-data .metadata-preview label {
      font-weight: 100; }
      commercial-data .metadata-preview label.sub-info {
        font-size: 12px;
        margin-top: 3px; }
  commercial-data p.cpf-value {
    margin-left: 25px;
    color: var(--font2); }
    commercial-data p.cpf-value button {
      border: 1px solid #666;
      border-radius: 5px;
      margin-left: 9px;
      color: var(--font2); }
  commercial-data .cpf-add {
    margin-top: 31px;
    height: 44px;
    border-radius: 5px;
    background: var(--primary);
    color: #FFF;
    width: 100%;
    border: none;
    font-weight: bold; }
  commercial-data .label-checkbox {
    color: var(--font2);
    font-weight: 500; }
  commercial-data .mbg-icon-input {
    position: relative; }
    commercial-data .mbg-icon-input .icon {
      display: flex;
      position: absolute;
      align-items: center;
      justify-content: center;
      height: 100%;
      top: 0;
      right: 10px;
      padding: 0 10px;
      cursor: pointer;
      color: var(--font3); }
  commercial-data .document {
    font-size: 12px; }
  commercial-data .mbg-select-input-fake:focus {
    border-color: var(--primary) !important; }
  commercial-data #vendor .mbg-select-input-fake span {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 20px; }
  commercial-data .show-more {
    text-align: center;
    text-decoration: underline;
    margin-top: 8px;
    margin-bottom: 4px;
    font-size: 12px; }
  commercial-data .cpf-input-display {
    margin-top: 0px; }
  commercial-data .checkbox-display {
    margin-top: 23px; }
  commercial-data .without-cursor-pointer {
    cursor: default !important; }
  commercial-data .animal-btn {
    margin-top: 28px;
    right: 10px;
    padding: 0; }
    commercial-data .animal-btn button {
      color: var(--contrast);
      border: 0px;
      height: 40px;
      width: 100%; }
  commercial-data .btn-open-delivery {
    height: 44px;
    width: 100%;
    border-radius: 5px;
    background-color: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none; }
  commercial-data .mbg-label {
    margin-top: 5px;
    margin-bottom: 0px; }
  commercial-data .cfop:hover .custom-tooltip {
    display: flex; }
  commercial-data .custom-tooltip {
    position: fixed;
    z-index: 99999;
    flex-direction: column;
    display: none; }
    commercial-data .custom-tooltip .triangle {
      line-height: 0;
      width: 0;
      height: 10px;
      border-style: solid;
      border-color: transparent transparent #000000c4 transparent;
      border-width: 5px 15px 20px;
      margin-left: 20px; }
    commercial-data .custom-tooltip .text {
      width: 200px;
      background-color: #000000c4;
      color: #fff;
      padding: 10px;
      border-radius: 3%; }
  commercial-data .align-items {
    display: flex;
    align-items: center; }
  commercial-data .without-padding {
    padding: 0px; }
commercial-movement .info a {
  margin: 5px 0; }
  commercial-movement .info a.update-discount {
    text-decoration: none; }
    commercial-movement .info a.update-discount span {
      text-decoration: underline; }

commercial-movement .label-input-content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 6px; }
  commercial-movement .label-input-content label {
    margin: 0; }

commercial-movement .btn-count {
  color: #0747a6;
  margin-right: 15px; }

commercial-movement .fa-list-alt {
  margin-right: 2px;
  color: #0747a6; }

commercial-movement .label-barcode {
  margin-bottom: 5px; }

commercial-movement .commercial-movement-right-wrapper {
  min-width: 264px;
  width: 264px; }
  @media screen and (max-width: 992px) {
    commercial-movement .commercial-movement-right-wrapper {
      min-width: unset !important; } }
  commercial-movement .commercial-movement-right-wrapper .input-price-sheet {
    transition: all 200ms ease; }
    commercial-movement .commercial-movement-right-wrapper .input-price-sheet.active-color input {
      border-color: var(--primary); }

commercial-movement .product-barcode-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

commercial-movement mbg-keyboard .mbg-keyboard-wrapper .mbg-keyboard-row {
  margin: 8px 0px; }

commercial-movement mbg-keyboard .mbg-keyboard-wrapper {
  background: #fff; }

commercial-movement .commercial-movement-wrapper {
  padding: 24px 24px;
  background: #e5e5e5;
  border-radius: 5px; }
  commercial-movement .commercial-movement-wrapper .metadata-last-product img {
    width: 100%; }
  commercial-movement .commercial-movement-wrapper .metadata-last-product label {
    color: var(--font2); }

commercial-movement .summary-title {
  margin: 0;
  color: #000;
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: bold; }

commercial-movement label.msg-empty {
  color: var(--font2); }

commercial-movement .separator-left {
  border-left: 1px solid #e0dfdf; }

commercial-movement .mbg-keyboard-item button[disabled="disabled"] {
  opacity: 0.5; }

commercial-movement .terminal {
  font-weight: 500;
  color: var(--font2);
  height: 21px;
  display: flex;
  align-items: center; }
  commercial-movement .terminal span {
    border-bottom: 1px solid var(--neutral3);
    margin-left: 8px; }

commercial-movement .label-price-sheet {
  margin-top: 1px;
  margin-bottom: 4px;
  color: var(--font2); }

commercial-movement .input-price-sheet .mbg-input-wrapper {
  margin-bottom: 14px; }

commercial-movement .mbg-keyboard-row {
  position: relative;
  display: flex;
  justify-content: unset;
  margin-top: 14px;
  flex-wrap: wrap; }
  @media screen and (max-width: 750px) {
    commercial-movement .mbg-keyboard-row {
      justify-content: center !important; } }
  commercial-movement .mbg-keyboard-row .mbg-keyboard-item {
    width: calc(100% / 3);
    padding: 0 1px; }
    @media screen and (max-width: 992px) {
      commercial-movement .mbg-keyboard-row .mbg-keyboard-item {
        width: 3.5em !important; } }
    commercial-movement .mbg-keyboard-row .mbg-keyboard-item button {
      width: 100%;
      height: 45px;
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      background: #fff;
      border: none;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      border-radius: 2px;
      font-weight: bold;
      color: var(--font2);
      font-family: "Montserrat", sans-serif; }
      commercial-movement .mbg-keyboard-row .mbg-keyboard-item button * {
        margin: auto; }
    commercial-movement .mbg-keyboard-row .mbg-keyboard-item .mbg-keyboard-enter {
      width: 100%;
      border: none;
      border-radius: 5px;
      color: #fff; }
  commercial-movement .mbg-keyboard-row .mbg-keyboard-option button {
    box-shadow: none;
    border: 1px solid #9c9c9c;
    color: var(--font2);
    font-weight: bold;
    background: transparent;
    display: flex;
    flex-direction: column; }
    commercial-movement .mbg-keyboard-row .mbg-keyboard-option button span {
      font-size: 11px; }
    commercial-movement .mbg-keyboard-row .mbg-keyboard-option button.active {
      color: #fff;
      background-color: var(--primary); }

commercial-movement .mbg-select-input-fake:focus {
  border-color: var(--primary) !important; }

@media screen and (max-width: 992px) {
  commercial-movement .group-commercial-search {
    flex-direction: column; }
    commercial-movement .group-commercial-search .btn-open-terminal {
      margin-left: unset; } }

@media screen and (max-width: 992px) {
  .full-width-when-992 {
    width: 100%; } }
.tag-xped-wrapper .ma-container .bt-actions {
  margin-top: 6px; }

.tag-xped-wrapper .ma-container .row-bt {
  margin-bottom: 6px; }

.tag-xped-wrapper .mbg-header-modal {
  min-height: 95px !important; }
.inventory-items-list-modal-wrapper {
  width: 1100px; }
  .inventory-items-list-modal-wrapper .ma-container .mbg-modal {
    padding: 0px 15px 0px 15px !important; }
  .inventory-items-list-modal-wrapper .ma-container .mbg-footer-modal {
    padding: 0px 30px 20px 30px !important; }
  .inventory-items-list-modal-wrapper .mbg-header-modal {
    min-height: 95px !important; }
  .inventory-items-list-modal-wrapper cp-page-subtitle .cp-page-subtitle-wrapper .mbg-subtitle {
    color: #393939 !important; }
  .inventory-items-list-modal-wrapper .active-field {
    background-color: white; }
  .inventory-items-list-modal-wrapper .list-wrapper {
    height: calc(100vh - 600px); }
  .inventory-items-list-modal-wrapper .scrollable-table {
    overflow-x: auto;
    margin-bottom: 28px; }
commercial-summary-movement .summary-movement-wrapper .edit-observation {
  color: var(--success); }

commercial-summary-movement .summary-movement-wrapper .flex {
  flex: none; }

commercial-summary-movement .summary-movement-wrapper .flex-1 {
  flex: 1; }

commercial-summary-movement .summary-movement-wrapper h3 {
  text-align: right; }

commercial-summary-movement .summary-movement-wrapper .item-details {
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
  width: 100%; }

commercial-summary-movement .summary-movement-wrapper .repeat-item.ng-leave.ng-leave-active,
commercial-summary-movement .summary-movement-wrapper .repeat-item.ng-move,
commercial-summary-movement .summary-movement-wrapper .repeat-item.ng-enter {
  opacity: 0;
  max-height: 0; }

commercial-summary-movement .summary-movement-wrapper .repeat-item.ng-leave,
commercial-summary-movement .summary-movement-wrapper .repeat-item.ng-move.ng-move-active,
commercial-summary-movement .summary-movement-wrapper .repeat-item.ng-enter.ng-enter-active {
  opacity: 1;
  max-height: 30px; }

commercial-summary-movement .summary-movement-wrapper .repeat-item {
  cursor: default; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-header {
  min-height: fit-content; }
  commercial-summary-movement .summary-movement-wrapper .summary-movement-header h1 {
    margin: 0;
    color: #000;
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: bold; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-body {
  min-height: 0;
  flex-grow: 1;
  flex-basis: 0;
  overflow: visible;
  display: flex;
  flex-direction: column; }
  commercial-summary-movement .summary-movement-wrapper .summary-movement-body .summary-movement-body-scrollable {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto; }

commercial-summary-movement .summary-movement-wrapper .discount-value {
  color: #af2727 !important; }

commercial-summary-movement .summary-movement-wrapper .addition-value {
  color: #2748af !important; }

commercial-summary-movement .summary-movement-wrapper .attention {
  color: red !important; }
  commercial-summary-movement .summary-movement-wrapper .attention span {
    font-weight: 700 !important; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-footer,
commercial-summary-movement .summary-movement-wrapper .summary-movement-item {
  background-color: #fff;
  padding: 4px 13px;
  border-radius: 3px;
  display: flex;
  align-items: center; }
  commercial-summary-movement .summary-movement-wrapper .summary-movement-footer.striped-item,
  commercial-summary-movement .summary-movement-wrapper .summary-movement-item.striped-item {
    background-color: #e5e5e5; }
  commercial-summary-movement .summary-movement-wrapper .summary-movement-footer.canceled,
  commercial-summary-movement .summary-movement-wrapper .summary-movement-item.canceled {
    opacity: 0.5; }
    commercial-summary-movement .summary-movement-wrapper .summary-movement-footer.canceled *,
    commercial-summary-movement .summary-movement-wrapper .summary-movement-item.canceled * {
      text-decoration: line-through;
      color: #af2727; }
  commercial-summary-movement .summary-movement-wrapper .summary-movement-footer label,
  commercial-summary-movement .summary-movement-wrapper .summary-movement-item label {
    color: var(--font2);
    font-size: 13px;
    margin: 0; }
    commercial-summary-movement .summary-movement-wrapper .summary-movement-footer label.values,
    commercial-summary-movement .summary-movement-wrapper .summary-movement-item label.values {
      color: var(--font2); }
  commercial-summary-movement .summary-movement-wrapper .summary-movement-footer h3,
  commercial-summary-movement .summary-movement-wrapper .summary-movement-item h3 {
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 4px; }
  commercial-summary-movement .summary-movement-wrapper .summary-movement-footer.item-striped,
  commercial-summary-movement .summary-movement-wrapper .summary-movement-item.item-striped {
    background: #eee; }
  commercial-summary-movement .summary-movement-wrapper .summary-movement-footer .right,
  commercial-summary-movement .summary-movement-wrapper .summary-movement-item .right {
    display: flex;
    justify-content: end; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-footer {
  max-height: 84px;
  margin-top: 8px; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item-name span {
  width: 400px;
  font-size: 1.75rem;
  font-weight: bold;
  margin-left: 14px; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item {
  margin-bottom: 2px; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-left {
  padding-right: 24px; }
  commercial-summary-movement .summary-movement-wrapper .summary-movement-left label {
    margin: 0;
    margin-bottom: 3px;
    font-weight: 500;
    color: var(--font2); }
    commercial-summary-movement .summary-movement-wrapper .summary-movement-left label span {
      font-weight: 400; }
    commercial-summary-movement .summary-movement-wrapper .summary-movement-left label.m-l-14 {
      margin-left: 14px; }
  commercial-summary-movement .summary-movement-wrapper .summary-movement-left .points-ellipsis {
    white-space: nowrap;
    width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-content: end;
    padding-bottom: 20px; }

commercial-summary-movement .summary-movement-wrapper .values-details {
  font-weight: 600; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-right span {
  font-weight: 500;
  color: var(--font2); }

commercial-summary-movement .summary-movement-wrapper .summary-movement-row {
  max-height: 84px; }
  commercial-summary-movement .summary-movement-wrapper .summary-movement-row.disable-item {
    text-decoration: line-through;
    color: var(--font2); }

commercial-summary-movement .summary-movement-wrapper .summary-movement-add-row {
  padding: 24px 0 14px 0px; }

commercial-summary-movement .summary-movement-wrapper .action-buttons {
  height: 100%; }
  commercial-summary-movement .summary-movement-wrapper .action-buttons a {
    margin-left: 15px;
    color: var(--font3); }

commercial-summary-movement .summary-movement-wrapper .checkbox {
  margin: 0;
  height: 100%; }
  commercial-summary-movement .summary-movement-wrapper .checkbox mbg-checkbox {
    margin-right: 15px; }

commercial-summary-movement .summary-movement-wrapper .gift-qtd {
  padding-right: 12px; }
  commercial-summary-movement .summary-movement-wrapper .gift-qtd .label-gift {
    margin-right: 36px; }
  commercial-summary-movement .summary-movement-wrapper .gift-qtd .input-box {
    max-width: 94px; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item:focus-within {
  background-color: #f3f3f3; }

commercial-summary-movement .summary-movement-wrapper #editname:focus-within {
  border: 1px solid var(--primary);
  border-radius: 3px; }

commercial-summary-movement .summary-movement-wrapper #single-button:focus-within {
  border: 1px solid var(--primary);
  border-radius: 3px; }

commercial-summary-movement .summary-movement-wrapper .h-7 {
  height: 7rem !important; }

commercial-summary-movement .options a {
  margin-left: 18px;
  flex-direction: column;
  color: var(--font2);
  border-bottom: 1px solid #ccc;
  font-size: 12px; }
  commercial-summary-movement .options a.remove {
    color: #ec6464;
    border-bottom: 1px solid #ec6464; }

commercial-summary-movement .invisibility {
  visibility: hidden; }

commercial-summary-movement .product-name-edit,
commercial-summary-movement .product-price-edit {
  background: transparent;
  border: none;
  padding: 0;
  border-bottom: 1px dashed transparent;
  margin-left: 14px; }
  commercial-summary-movement .product-name-edit.editing,
  commercial-summary-movement .product-price-edit.editing {
    border-bottom: 1px dashed #bbb; }

commercial-summary-movement .product-name-edit {
  font-size: 1.75rem;
  width: 400px !important;
  resize: none;
  font-weight: bold; }

commercial-summary-movement .product-price-edit {
  margin-right: 5px;
  padding-bottom: 3px;
  color: var(--font2);
  font-size: 15px; }

commercial-summary-movement .summary-movement-options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 0px 0 5px; }
  commercial-summary-movement .summary-movement-options [uib-dropdown-toggle] {
    background: transparent !important;
    border: none;
    color: var(--font2) !important;
    font-size: 18px; }
  commercial-summary-movement .summary-movement-options .dropdown-menu {
    width: 154px;
    margin-left: -124px;
    border-radius: 5px; }
    commercial-summary-movement .summary-movement-options .dropdown-menu li[role="menuitem"] {
      height: 28px;
      display: flex;
      align-items: center;
      padding: 0 14px; }
      commercial-summary-movement .summary-movement-options .dropdown-menu li[role="menuitem"]:hover {
        background: #f5f5f5;
        cursor: pointer; }
      commercial-summary-movement .summary-movement-options .dropdown-menu li[role="menuitem"]:focus-within {
        background: #c0c0c0; }
      commercial-summary-movement .summary-movement-options .dropdown-menu li[role="menuitem"] i {
        font-size: 14px;
        width: 20px; }
        commercial-summary-movement .summary-movement-options .dropdown-menu li[role="menuitem"] i[class="fas fa-boxes"] {
          font-size: 13px; }
        commercial-summary-movement .summary-movement-options .dropdown-menu li[role="menuitem"] i[class="fas fa-dollar-sign"] {
          font-size: 17px;
          padding-left: 3px; }
        commercial-summary-movement .summary-movement-options .dropdown-menu li[role="menuitem"] i[class="fas fa-times"] {
          padding-left: 3px; }

commercial-summary-movement .pagination {
  margin: 5px 0 -5px 0; }

@media screen and (max-width: 992px) {
  .metadata-last-product {
    display: none; } }

@media screen and (max-width: 992px) {
  .search-by ~ span, .reader-mode ~ span {
    display: none; } }

@media screen and (max-width: 992px) {
  .product-item-search-wrapper .input-terminal {
    grid-template-columns: 25% 75%;
    grid-template-rows: 40px   40px;
    display: grid !important;
    grid-template-areas: "a b" "c c";
    float: left;
    height: unset !important; } }

@media screen and (max-width: 992px) {
  .product-item-search-wrapper .search-by {
    grid-area: a;
    border-bottom: 1px solid #ccc; } }

@media screen and (max-width: 992px) {
  .product-item-search-wrapper .reader-mode {
    grid-area: b;
    border-bottom: 1px solid #ccc; } }

@media screen and (max-width: 992px) {
  .product-item-search-wrapper .query-preperty {
    grid-area: c; } }
.active-edit-fiscal .mbg-modal .content {
  font-size: 16px; }

.active-edit-fiscal .mbg-modal .center {
  text-align: center; }

.modal-dialog {
  transform: translate(0%, 50%); }
.taxation-item-info .modal-dimensions {
  padding: 2% 4%;
  height: 80vh;
  max-width: 80vw; }

.taxation-item-info .close-x {
  height: 1.5%;
  font-size: 0.95em; }

.taxation-item-info .taxation {
  overflow-y: auto;
  height: 70vh;
  padding-right: 20px; }

.taxation-item-info .title {
  font-size: 1.5em;
  font-weight: 700;
  font-family: MontSerrat, sans-serif;
  color: var(--color1) !important;
  margin: 0;
  position: relative; }

.taxation-item-info .mbg-label {
  margin-bottom: 5px; }

.taxation-item-info .icmsst .col-md-3 {
  width: 20%; }

.taxation-item-info .input-fake {
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 0px 14px; }
commercial-quantity .stock-available {
  font-size: 13px;
  margin-top: 5px;
  color: var(--warn); }

.btn-next {
  background-color: var(--primary);
  border: none;
  color: #fff;
  display: flex;
  padding: 10px 44px;
  font-weight: bold;
  font-size: 15px; }
commercial-select-stock-item h1 {
  margin: 0;
  color: var(--font2);
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: bold; }

commercial-select-stock-item .commercial-item-add {
  background: #FFF;
  padding: 34px 0px;
  margin-bottom: 8px; }

commercial-select-stock-item .btn-next {
  width: 264px !important;
  justify-content: center;
  height: fit-content !important; }
commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value .label-discount-error {
  color: var(--error);
  margin-top: 8px;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: bold;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 230px; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value button[disabled="disabled"] {
  opacity: .6; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value button {
  justify-content: center;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-bottom: 8px; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value a.skip-discount {
  font-size: 11px;
  text-align: center;
  margin-bottom: 0;
  margin-top: 4px; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value .info {
  margin-bottom: 14px; }

button[disabled="disabled"] {
  opacity: .6; }

.label-discount-error {
  color: var(--error) !important;
  width: 230px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: bold; }

.cancel-link {
  text-align: center; }
commercial-exchange-list .commercial-exchange-list-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
  width: 756px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 44px;
  will-change: transform, transition;
  transition: transform 500ms ease, background 1s ease-out;
  transform: translateX(calc(-100% + 100px));
  box-shadow: none; }
  commercial-exchange-list .commercial-exchange-list-wrapper .commercial-exchange-list-left {
    opacity: 0;
    transition: opacity 500ms ease; }
  commercial-exchange-list .commercial-exchange-list-wrapper.open {
    transition: transform 500ms ease, background 0ms ease;
    background: #fff;
    transform: translateX(0);
    box-shadow: -8px 0px 86px 20px rgba(0, 0, 0, 0.2); }
    commercial-exchange-list .commercial-exchange-list-wrapper.open .commercial-exchange-list-left {
      opacity: 1; }
  commercial-exchange-list .commercial-exchange-list-wrapper .commercial-exchange-list-left {
    flex: 1; }
  commercial-exchange-list .commercial-exchange-list-wrapper .commercial-exchange-list-right {
    min-width: 100px; }
    commercial-exchange-list .commercial-exchange-list-wrapper .commercial-exchange-list-right button {
      display: flex;
      flex-direction: column;
      border: none;
      align-items: center;
      justify-content: space-around;
      color: #bbb;
      font-weight: bold;
      height: 78px;
      width: 104px; }
  commercial-exchange-list .commercial-exchange-list-wrapper .total-exchange {
    font-size: 20px;
    margin-top: 24px; }

commercial-exchange-list commercial-summary-movement .summary-movement-wrapper .summary-movement-body {
  min-height: fit-content; }

commercial-exchange-list .summary-movement-wrapper {
  max-height: 600px;
  overflow: auto; }
commercial-side-options .bg-black {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9; }

commercial-side-options .commercial-presale-list-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
  width: 674px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 100px 0px 10px;
  will-change: transform, transition;
  transition: transform 500ms ease, background 1s ease-out;
  transform: translateX(calc(-100% + 100px));
  box-shadow: none; }
  commercial-side-options .commercial-presale-list-wrapper .page-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 100%;
    padding: 44px 0 0 0; }
  commercial-side-options .commercial-presale-list-wrapper .commercial-exchange-list-left {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    justify-content: center;
    padding: 0 24px;
    background-color: #fff; }
  commercial-side-options .commercial-presale-list-wrapper .table-presales {
    overflow: auto;
    padding-right: 14px;
    flex: 1; }
    commercial-side-options .commercial-presale-list-wrapper .table-presales .item {
      padding: 15px 26px; }
      commercial-side-options .commercial-presale-list-wrapper .table-presales .item h4 {
        font-size: 14px;
        margin-left: 14px;
        color: var(--font2); }
      commercial-side-options .commercial-presale-list-wrapper .table-presales .item:nth-of-type(odd) {
        background-color: #eaeaea; }
      commercial-side-options .commercial-presale-list-wrapper .table-presales .item:hover {
        cursor: pointer; }
  commercial-side-options .commercial-presale-list-wrapper .commercial-exchange-list-left {
    opacity: 0;
    transition: opacity 500ms ease; }
  commercial-side-options .commercial-presale-list-wrapper.open {
    transition: transform 500ms ease, background 0ms ease;
    transform: translateX(0); }
    commercial-side-options .commercial-presale-list-wrapper.open .commercial-exchange-list-left {
      opacity: 1; }
  commercial-side-options .commercial-presale-list-wrapper .commercial-exchange-list-left {
    flex: 1; }
  commercial-side-options .commercial-presale-list-wrapper .group-right-options {
    position: absolute;
    right: 0px; }
  commercial-side-options .commercial-presale-list-wrapper .commercial-exchange-list-right {
    min-width: 100px;
    margin: 5px 0px; }
    commercial-side-options .commercial-presale-list-wrapper .commercial-exchange-list-right button {
      display: flex;
      flex-direction: column;
      border: none;
      align-items: center;
      justify-content: space-around;
      color: #bbb;
      font-weight: bold;
      height: 78px;
      width: 104px;
      color: var(--font3); }
    commercial-side-options .commercial-presale-list-wrapper .commercial-exchange-list-right.inactive {
      display: none; }
  commercial-side-options .commercial-presale-list-wrapper .total-exchange {
    font-size: 20px;
    margin-top: 24px; }

commercial-side-options commercial-summary-movement .summary-movement-wrapper .summary-movement-body {
  min-height: fit-content; }

commercial-side-options .summary-movement-wrapper {
  max-height: 600px;
  overflow: auto; }

commercial-side-options .group-buttons {
  max-height: fit-content;
  margin: 14px -15px; }
  commercial-side-options .group-buttons .btn-cashier {
    height: 64px;
    border-radius: 4px;
    border: 2px solid var(--neutral3);
    margin: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--font3);
    min-width: 144px;
    width: 50%; }
    commercial-side-options .group-buttons .btn-cashier svg {
      width: 24px;
      margin-right: 7px; }
    commercial-side-options .group-buttons .btn-cashier span {
      font-weight: 600; }
    commercial-side-options .group-buttons .btn-cashier.active {
      border: 2px solid var(--secondary);
      color: var(--secondary); }

commercial-side-options .mb-tn-number {
  position: absolute;
  top: 0;
  right: 24px;
  line-height: 23px;
  width: 23px;
  height: 23px;
  border-radius: 11.5px;
  background-color: var(--error);
  font-size: 12px;
  font-weight: 700;
  color: white; }
commercial-pricesheet .stock-available {
  font-size: 13px;
  margin-top: 5px;
  color: var(--warn); }

.btn-next {
  background-color: var(--primary);
  border: none;
  color: #fff;
  display: flex;
  padding: 10px 44px;
  font-weight: bold;
  font-size: 15px; }
commercial-select-item h1 {
  margin: 0;
  color: var(--font2);
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: bold; }

commercial-select-item .commercial-item-add {
  background: #FFF;
  padding: 34px 0px;
  margin-bottom: 8px; }

commercial-select-item .btn-next {
  width: 264px !important;
  justify-content: center;
  height: fit-content !important; }

commercial-select-item .inputs-content {
  width: 400px; }
commercial-vendor .stock-available {
  font-size: 13px;
  margin-top: 5px;
  color: var(--warn); }

.btn-next {
  background-color: var(--primary);
  border: none;
  color: #fff;
  display: flex;
  padding: 10px 44px;
  font-weight: bold;
  font-size: 15px; }
commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value-addition .label-discount-error {
  color: var(--error);
  margin-top: 8px;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: bold;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 230px; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value-addition button[disabled="disabled"] {
  opacity: .6; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value-addition button {
  justify-content: center;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-bottom: 8px; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value-addition a.skip-discount {
  font-size: 11px;
  text-align: center;
  margin-bottom: 0;
  margin-top: 4px; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value-addition .info {
  margin-bottom: 14px; }

button[disabled="disabled"] {
  opacity: .6; }

.label-discount-error {
  color: var(--error) !important;
  width: 230px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: bold; }

.cancel-link {
  text-align: center; }
commercial-imei .stock-available {
  font-size: 13px;
  margin-top: 5px;
  color: var(--warn); }

commercial-imei .btn-next {
  background-color: var(--primary);
  border: none;
  color: #fff;
  display: flex;
  padding: 10px 44px;
  font-weight: bold;
  font-size: 15px; }

commercial-imei .continue {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px; }
commercial-batch .stock-available {
  font-size: 13px;
  margin-top: 5px;
  color: var(--warn); }

.btn-next {
  background-color: var(--primary);
  border: none;
  color: #fff;
  display: flex;
  padding: 10px 44px;
  font-weight: bold;
  font-size: 15px; }
.promotion-main-wrapper h4 {
  font-size: 16px; }

.promotion-main-wrapper mbg-text-area textarea {
  resize: none; }

.promotion-main-wrapper .btn-save-info {
  margin-top: 28px;
  width: 130px;
  background: var(--warn);
  border-radius: 15px;
  border: none;
  padding: 8px 0;
  color: #fff;
  float: right;
  margin-top: 78px; }

.promotion-main-wrapper .edit-icon {
  margin-left: 8px; }

.promotion-main-wrapper .m-r-14 {
  margin-right: 14px; }

.promotion-main-wrapper .promotion-info {
  border: 1px solid #ddd;
  border-bottom: none;
  border-top: none;
  background: #fff;
  box-shadow: none;
  border-bottom: none;
  padding: 24px 34px;
  transition: height 350ms ease;
  will-change: transition;
  height: 114px;
  position: relative;
  overflow: hidden; }

@keyframes visibleContainer {
  100% {
    overflow: visible; } }
  .promotion-main-wrapper .promotion-info.open-info {
    animation: visibleContainer 1s ease 350ms forwards;
    height: 220px; }
    @media screen and (max-width: 992px) {
      .promotion-main-wrapper .promotion-info.open-info {
        height: 500px; } }
    .promotion-main-wrapper .promotion-info.open-info .info-inputs {
      opacity: 1;
      pointer-events: all; }
    .promotion-main-wrapper .promotion-info.open-info .info-labels {
      opacity: 0;
      pointer-events: none; }
  .promotion-main-wrapper .promotion-info .info-labels {
    position: absolute;
    opacity: 1;
    pointer-events: all; }
  .promotion-main-wrapper .promotion-info .info-inputs {
    opacity: 0;
    pointer-events: none; }
  .promotion-main-wrapper .promotion-info .mbg-label {
    margin-bottom: 0px; }

.promotion-main-wrapper .promotion-type-wrapper {
  padding: 0 34px 24px 34px;
  background: #fff;
  border: 1px solid #ddd;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.promotion-main-wrapper .promotion-type {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 184px;
  height: 164px;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-right: 12px;
  padding-top: 24px;
  cursor: pointer; }
  .promotion-main-wrapper .promotion-type .length-promo {
    position: absolute;
    right: 12px;
    top: 12px;
    background-color: var(--contrast);
    color: #fff;
    font-size: 16px;
    border-radius: 22px;
    width: auto;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding: 0 5px; }
  .promotion-main-wrapper .promotion-type[disabled="disabled"] {
    opacity: 0.5; }
  .promotion-main-wrapper .promotion-type.active {
    border: 1px solid var(--secondary); }
    .promotion-main-wrapper .promotion-type.active svg {
      fill: var(--secondary); }
    .promotion-main-wrapper .promotion-type.active label {
      color: var(--secondary); }
  .promotion-main-wrapper .promotion-type * {
    cursor: pointer;
    user-select: none; }
  .promotion-main-wrapper .promotion-type svg {
    fill: var(--font2);
    width: 54px;
    margin-bottom: 14px; }
  .promotion-main-wrapper .promotion-type label {
    text-align: center;
    width: 84%;
    color: var(--font2); }

.promotion-main-wrapper .btn-add {
  border: 1px solid var(--contrast);
  background-color: #fff;
  color: var(--contrast);
  border-radius: 5px;
  font-size: 14px;
  transition: all 200ms ease;
  margin-top: 44px;
  height: 42px;
  width: 100%;
  max-width: 130px; }
  .promotion-main-wrapper .btn-add:focus {
    color: var(--contrast); }
  .promotion-main-wrapper .btn-add:active {
    background-color: var(--contrast);
    color: #fff; }

.promotion-main-wrapper .promotion-organizations {
  border: 1px solid #ddd;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 24px 34px 1px;
  background: #fff;
  box-shadow: none;
  border-bottom: none; }
  .promotion-main-wrapper .promotion-organizations .mbg-label {
    margin-bottom: 0px; }

.promotion-main-wrapper .promotion-box .btn-open-terminal {
  height: 25px !important;
  width: 170px;
  border-radius: 5px;
  background-color: var(--primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  margin-top: 44px; }

.promotion-main-wrapper .promotion-box .action-btn {
  width: 40px;
  height: 25px;
  border-radius: 5px;
  margin-top: 44px; }
  .promotion-main-wrapper .promotion-box .action-btn.btn-plus {
    color: #fff;
    background: var(--primary);
    border: 0px solid #fff; }

.promotion-main-wrapper .promotion-box .add-btn {
  width: 60px; }

.promotion-main-wrapper .promotion-box .repasse-button {
  border: 1px solid var(--contrast);
  background-color: var(--contrast);
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  transition: all 200ms ease;
  margin-top: 44px;
  height: 25px;
  min-width: 170px;
  width: 100%;
  white-space: nowrap; }

.promotion-main-wrapper .search-product-div {
  padding-right: 0px !important;
  width: auto; }
.exist-promotion .mbg-modal .content {
  font-size: 16px; }

.exist-promotion .mbg-modal .center {
  text-align: center; }

.modal-dialog {
  transform: translate(0%, 50%); }
promotion-list-items .discount-percentage {
  text-align: left;
  font-size: 1.5em;
  font-weight: bold; }

promotion-list-items .input-fake {
  display: flex;
  justify-content: flex-end;
  width: 110px; }
  promotion-list-items .input-fake label {
    font-weight: normal;
    margin-left: 5px; }

promotion-list-items .promotion-list-product-header {
  width: 100%;
  display: flex;
  align-items: center;
  background: #e2e2e2;
  font-weight: bold;
  color: var(--font2);
  padding: 10px 8px;
  border-radius: 5px; }
  promotion-list-items .promotion-list-product-header > div {
    margin: 0 5px; }
  promotion-list-items .promotion-list-product-header .promotion-product-reference {
    width: 110px; }
  promotion-list-items .promotion-list-product-header .promotion-product-name {
    flex: 1; }
  promotion-list-items .promotion-list-product-header .promotion-product-insert-date {
    width: 130px; }
  promotion-list-items .promotion-list-product-header .promotion-product-input {
    width: 144px; }
  promotion-list-items .promotion-list-product-header .min-input-content {
    min-width: fit-content; }
  promotion-list-items .promotion-list-product-header .promotion-product-discount {
    width: 122.39px;
    text-align: center; }
  promotion-list-items .promotion-list-product-header .promotion-product-toogle {
    width: 64px;
    height: 1px; }

promotion-list-items .promotion-list-product {
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
  padding: 8px;
  border-radius: 4px;
  margin-top: 5px; }
  promotion-list-items .promotion-list-product.active .promotion-list-product-items {
    opacity: 1;
    pointer-events: all;
    margin-top: 12px; }
  promotion-list-items .promotion-list-product .promotion-list-product-info {
    height: 25px;
    width: 100%;
    display: flex;
    align-items: center; }
    promotion-list-items .promotion-list-product .promotion-list-product-info > div {
      margin: 0 5px; }
    promotion-list-items .promotion-list-product .promotion-list-product-info .promotion-product-reference {
      width: 110px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    promotion-list-items .promotion-list-product .promotion-list-product-info .promotion-product-name {
      flex: 1; }
    promotion-list-items .promotion-list-product .promotion-list-product-info .promotion-product-insert-date {
      width: 130px; }
    promotion-list-items .promotion-list-product .promotion-list-product-info .min-input-content {
      width: 144px; }
    promotion-list-items .promotion-list-product .promotion-list-product-info .promotion-product-discount {
      width: 122.39px;
      display: flex;
      justify-content: center; }
    promotion-list-items .promotion-list-product .promotion-list-product-info .promotion-product-toogle {
      display: flex;
      width: 64px;
      align-items: center; }
      promotion-list-items .promotion-list-product .promotion-list-product-info .promotion-product-toogle cp-delete-icon {
        margin-left: 14px; }
      promotion-list-items .promotion-list-product .promotion-list-product-info .promotion-product-toogle mb-check .check-wrapper svg {
        fill: var(--font2); }
      promotion-list-items .promotion-list-product .promotion-list-product-info .promotion-product-toogle mb-check .check-wrapper .checked {
        fill: #0fc34c; }
      promotion-list-items .promotion-list-product .promotion-list-product-info .promotion-product-toogle svg.toogle-details {
        width: 24px;
        height: 24px;
        right: 24px;
        transition: all 350ms ease;
        will-change: transform;
        fill: var(--font2);
        cursor: pointer;
        transform: rotate(270deg); }
      promotion-list-items .promotion-list-product .promotion-list-product-info .promotion-product-toogle svg.alternable {
        opacity: 1;
        pointer-events: all;
        transform: rotate(90deg); }
      promotion-list-items .promotion-list-product .promotion-list-product-info .promotion-product-toogle svg.invisible {
        opacity: 0;
        pointer-events: none; }
      promotion-list-items .promotion-list-product .promotion-list-product-info .promotion-product-toogle cp-delete-icon svg {
        margin-top: 4px; }
  promotion-list-items .promotion-list-product .promotion-list-product-items {
    transition: all 500ms ease;
    transform-origin: top;
    height: 0;
    opacity: 0;
    justify-content: center;
    padding: 0 18px;
    display: flex;
    align-items: center;
    pointer-events: none;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    background: #f5f5f5;
    margin-top: 0; }
    promotion-list-items .promotion-list-product .promotion-list-product-items mbg-list {
      width: 100%; }

promotion-list-items .filters {
  opacity: 1;
  height: 24px; }

promotion-list-items .ordernate-button {
  border: 1px solid var(--primary);
  font-weight: 600;
  color: var(--primary);
  border-radius: 5px;
  font-size: 14px;
  width: 100%; }
.promotion-list-wrapper {
  height: 100%; }
  .promotion-list-wrapper .align-items {
    align-items: center; }
  .promotion-list-wrapper .justify-content-end {
    justify-content: end; }
  .promotion-list-wrapper .help-btn {
    margin-right: 25px; }
.street-sale-main-wrapper .btn-consignment {
  min-width: 146px;
  background-color: #fff;
  border: 1px solid var(--secondary);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  margin-bottom: 8px;
  color: var(--secondary);
  transition: all 300ms ease;
  font-weight: 600; }
  .street-sale-main-wrapper .btn-consignment:hover {
    background-color: var(--secondary);
    border: 1px solid var(--secondary);
    color: #fff; }
  .street-sale-main-wrapper .btn-consignment[disabled="disabled"] {
    border: 1px solid var(--neutral3);
    color: var(--font3); }

.street-sale-main-wrapper h4 {
  color: var(--font2);
  margin: 0; }

.street-sale-main-wrapper .link {
  color: var(--font2);
  border-bottom: 1px solid var(--neutral3);
  margin-right: 39px; }

.street-sale-main-wrapper .mbg-h-card-container {
  width: 100%;
  height: auto;
  text-align: center;
  padding-bottom: 34px;
  padding-top: 0;
  margin-top: 24px; }
  .street-sale-main-wrapper .mbg-h-card-container mbg-card-typeone .mbg-h-c-typeone {
    width: 46%;
    min-width: 250px;
    margin: 0px 24px 24px 0px; }
    .street-sale-main-wrapper .mbg-h-card-container mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-v-real-value {
      color: var(--font2);
      font-weight: 400;
      font-size: 12px;
      text-align: right; }
.container-street-sale-remittance {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: auto; }
  .container-street-sale-remittance .min-fit-content {
    min-height: fit-content; }
  .container-street-sale-remittance .page-wrapper {
    height: 100%; }
    .container-street-sale-remittance .page-wrapper .street-sale-remittance-wrapper {
      height: 100%; }
      .container-street-sale-remittance .page-wrapper .street-sale-remittance-wrapper hr {
        min-height: 1px;
        width: 100%; }
.container-street-sale-order {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: auto; }
  .container-street-sale-order .min-fit-content {
    min-height: fit-content; }
  .container-street-sale-order .page-wrapper {
    height: 100%; }
    .container-street-sale-order .page-wrapper .street-sale-order-wrapper {
      height: 100%; }
      .container-street-sale-order .page-wrapper .street-sale-order-wrapper hr {
        min-height: 1px;
        width: 100%; }
.container-street-sale-devolution {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: auto; }
  .container-street-sale-devolution .min-fit-content {
    min-height: fit-content; }
  .container-street-sale-devolution .page-wrapper {
    height: 100%; }
    .container-street-sale-devolution .page-wrapper .street-sale-devolution-wrapper {
      height: 100%; }
      .container-street-sale-devolution .page-wrapper .street-sale-devolution-wrapper hr {
        min-height: 1px;
        width: 100%; }
.street-sale-history-list-wrapper .street-sale-history-list-options {
  display: flex;
  align-items: flex-end; }
  .street-sale-history-list-wrapper .street-sale-history-list-options .street-sale-history-list-filters {
    padding-left: 0px !important; }

.street-sale-history-list-wrapper .points-ellipsis {
  white-space: nowrap;
  width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  justify-content: end;
  padding-bottom: 20px; }

.street-sale-history-list-wrapper .align-items {
  display: flex;
  align-items: center; }

.street-sale-history-list-wrapper .help-button {
  display: flex;
  align-items: flex-end; }

.street-sale-history-list-wrapper .without-padding {
  padding: 0px; }

.street-sale-history-list-wrapper .side-buttons {
  display: flex;
  align-self: flex-end; }

.street-sale-history-list-wrapper .new-sale {
  color: var(--secondary) !important; }

.statusFilter {
  min-width: 0px !important; }
.consignment-list-remitttance-wrapper .table-orders {
  width: 100%; }
  .consignment-list-remitttance-wrapper .table-orders .item-value {
    text-align: right; }
  .consignment-list-remitttance-wrapper .table-orders .used {
    text-decoration: line-through; }
  .consignment-list-remitttance-wrapper .table-orders .table > tbody > tr > td {
    vertical-align: middle; }
  .consignment-list-remitttance-wrapper .table-orders .table > tbody > tr > td.checkbox-td {
    padding-left: 48px; }
  .consignment-list-remitttance-wrapper .table-orders .count-devolution {
    width: 158px; }
  .consignment-list-remitttance-wrapper .table-orders .invisible {
    visibility: hidden;
    pointer-events: none; }
  .consignment-list-remitttance-wrapper .table-orders .input-order {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .consignment-list-remitttance-wrapper .table-orders .input-order .mbg-input-number-wrapper {
      max-width: 124px; }
      .consignment-list-remitttance-wrapper .table-orders .input-order .mbg-input-number-wrapper input {
        text-align: center; }
  .consignment-list-remitttance-wrapper .table-orders .item.striped-on {
    background-color: #eaeaea; }
  .consignment-list-remitttance-wrapper .table-orders .item .content-item {
    padding: 14px; }
    .consignment-list-remitttance-wrapper .table-orders .item .content-item .information {
      width: fit-content; }
      .consignment-list-remitttance-wrapper .table-orders .item .content-item .information h4 {
        color: var(--font2);
        margin: 0px;
        padding-left: 14px; }
      .consignment-list-remitttance-wrapper .table-orders .item .content-item .information label {
        color: var(--font2);
        font-weight: 400;
        padding-left: 14px; }
    .consignment-list-remitttance-wrapper .table-orders .item .content-item .total {
      flex: 1;
      text-align: center;
      padding-right: 44px; }
      .consignment-list-remitttance-wrapper .table-orders .item .content-item .total label {
        color: var(--font2);
        font-weight: 400; }
    .consignment-list-remitttance-wrapper .table-orders .item .content-item .toogle-icon {
      min-width: 54px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .consignment-list-remitttance-wrapper .table-orders .item .content-item .toogle-icon i {
        color: var(--font2);
        font-size: 34px;
        vertical-align: super;
        transition: transform 400ms ease; }
        .consignment-list-remitttance-wrapper .table-orders .item .content-item .toogle-icon i.open {
          transform: rotate(180deg); }
  .consignment-list-remitttance-wrapper .table-orders .sub-item {
    padding: 10px 24px 10px 48px;
    display: flex;
    align-items: center;
    background-color: #fff; }
    .consignment-list-remitttance-wrapper .table-orders .sub-item.striped-on {
      background-color: #f9f9f9; }
    .consignment-list-remitttance-wrapper .table-orders .sub-item mbg-checkbox {
      width: 20px; }
    .consignment-list-remitttance-wrapper .table-orders .sub-item label {
      font-weight: 400;
      color: var(--font2);
      text-align: center;
      padding-right: 24px; }
      .consignment-list-remitttance-wrapper .table-orders .sub-item label.name {
        text-align: left;
        min-width: fit-content;
        padding-left: 14px;
        flex: 1; }
.gift-card-wrapper {
  height: 100%; }
  .gift-card-wrapper h3 {
    font-size: 20px; }
  .gift-card-wrapper .gift-card-info {
    background: #fff;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #ddd;
    padding: 24px 34px;
    padding-bottom: 44px;
    transition: height 350ms ease;
    will-change: transition;
    position: relative;
    overflow: hidden; }
  .gift-card-wrapper .gift-card {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    border-radius: 5px;
    height: 134px;
    cursor: pointer;
    position: relative; }
    .gift-card-wrapper .gift-card:hover {
      box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2); }
    .gift-card-wrapper .gift-card .btn-continue {
      bottom: -34px;
      margin: auto;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60%;
      height: 34px;
      border: none;
      border-radius: 28px;
      color: var(--font2);
      background: #dedddd; }
      .gift-card-wrapper .gift-card .btn-continue.active {
        background: var(--contrast);
        color: #fff; }
    .gift-card-wrapper .gift-card .gift-icon-wrapper {
      width: 35%;
      display: flex;
      color: #fff;
      align-items: center;
      justify-content: center;
      font-size: 34px;
      height: 100%;
      background: #c61d98;
      border-radius: 5px; }
    .gift-card-wrapper .gift-card .gift-value-wrapper {
      display: flex;
      flex-direction: column;
      height: 100%;
      flex: 1;
      border-radius: 5px;
      padding: 0 18px;
      position: relative;
      padding-top: 18px; }
      .gift-card-wrapper .gift-card .gift-value-wrapper input {
        width: 100%;
        border: none;
        font-weight: bold;
        font-size: 24px; }
      .gift-card-wrapper .gift-card .gift-value-wrapper label {
        font-size: 30px;
        display: flex; }
        .gift-card-wrapper .gift-card .gift-value-wrapper label span.currency {
          font-size: 15px;
          margin-right: 6px; }
      .gift-card-wrapper .gift-card .gift-value-wrapper p {
        color: #a74e4e;
        font-size: 9px;
        margin-top: 5px;
        text-transform: uppercase; }
      .gift-card-wrapper .gift-card .gift-value-wrapper .expiration {
        font-size: 9px;
        text-transform: uppercase;
        color: var(--font2);
        transform: translateY(8px);
        display: flex;
        justify-content: space-between; }
.gift-card-history-list-wrapper mbg-input-date input {
  background-color: transparent;
  border: 1px solid #ccc; }

.gift-card-history-list-wrapper .thin {
  height: 25px; }

.gift-card-history-list-wrapper .row.flex {
  display: flex;
  align-items: center;
  justify-content: space-between; }
.pay-title .mbg-modal .content {
  font-size: 16px; }

.pay-title .mbg-modal .center {
  text-align: center; }

.pay-title .mbg-modal .row .cancel {
  background: none;
  box-shadow: none;
  text-transform: uppercase;
  color: #757575;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 16px;
  position: relative;
  border: none; }

.pay-title .mbg-modal .row .cancel:hover {
  background: #f6f6f6; }

.pay-title .mbg-modal .row .confirm {
  background: none;
  box-shadow: none;
  text-transform: uppercase;
  color: #3c80f6;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 16px;
  position: relative;
  border: none; }

.pay-title .mbg-modal .row .confirm:hover {
  background: #f6f6f6; }

.modal-dialog {
  transform: translate(0%, 50%); }
.reset-coupon-date-wrapper .ma-container .mbg-modal .mbg-body-modal {
  margin-left: 5px;
  margin-right: 5px; }
  .reset-coupon-date-wrapper .ma-container .mbg-modal .mbg-body-modal .coupon-info {
    border-radius: 4px;
    border: 1px solid #ccc;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 20px; }
  .reset-coupon-date-wrapper .ma-container .mbg-modal .mbg-body-modal .row {
    margin-bottom: 8px; }
    .reset-coupon-date-wrapper .ma-container .mbg-modal .mbg-body-modal .row label {
      margin-bottom: 4px; }
    .reset-coupon-date-wrapper .ma-container .mbg-modal .mbg-body-modal .row .label-checkbox {
      display: flex;
      align-items: center; }
    .reset-coupon-date-wrapper .ma-container .mbg-modal .mbg-body-modal .row mbg-checkbox {
      margin-top: 5px;
      margin-right: 5px; }
  .reset-coupon-date-wrapper .ma-container .mbg-modal .mbg-body-modal .m-t-6 {
    margin-top: 6px; }
  .reset-coupon-date-wrapper .ma-container .mbg-modal .mbg-body-modal .two-column {
    padding-left: 15px;
    padding-right: 15px; }
.list-orders-wrapper .ma-container .mbg-modal .mbg-header-modal {
  padding-top: 22px; }

.list-orders-wrapper .ma-container .mbg-modal .mbg-close-modal {
  right: 17px;
  top: 26px; }

.list-orders-wrapper .header-info {
  margin-top: 14px;
  margin-bottom: 24px; }
  .list-orders-wrapper .header-info .left h4 {
    color: var(--font1);
    margin: 0px 0px 7px 0px;
    padding: 0px; }
  .list-orders-wrapper .header-info .left label {
    color: var(--font2);
    font-size: 14px;
    font-weight: 400; }
    .list-orders-wrapper .header-info .left label span {
      font-weight: 600; }
  .list-orders-wrapper .header-info .right {
    text-align: right; }
    .list-orders-wrapper .header-info .right label {
      font-size: 12px;
      color: var(--font3); }

.list-orders-wrapper .mbg-body-modal {
  min-width: 500px; }
.justification-wrapper mbg-text-area .mbg-text-wrapper {
  height: auto !important; }
  .justification-wrapper mbg-text-area .mbg-text-wrapper textarea {
    min-height: 120px;
    max-height: 120px; }
.positive-divergence-wrapper .table {
  margin-bottom: 0px !important; }

.positive-divergence-wrapper label.info {
  color: var(--font3) !important;
  margin-bottom: 24px; }
.negative-divergence-wrapper .ma-container .mbg-modal .mbg-body-modal p {
  color: var(--warn);
  display: flex;
  align-items: center; }
  .negative-divergence-wrapper .ma-container .mbg-modal .mbg-body-modal p i {
    margin-right: 8px; }

.negative-divergence-wrapper .mbg-link {
  font-weight: 600;
  margin-left: 8px;
  color: var(--warn);
  border-bottom: 1px solid var(--warn); }
.list-remittance-wrapper .ma-container .mbg-modal .mbg-header-modal {
  padding-top: 22px; }

.list-remittance-wrapper .ma-container .mbg-modal .mbg-close-modal {
  right: 17px;
  top: 26px; }

.list-remittance-wrapper .header-info {
  margin-top: 14px;
  margin-bottom: 24px; }
  .list-remittance-wrapper .header-info .left h4 {
    color: var(--font1);
    margin: 0px 0px 7px 0px;
    padding: 0px; }
  .list-remittance-wrapper .header-info .left label {
    color: var(--font2);
    font-size: 14px;
    font-weight: 400; }
    .list-remittance-wrapper .header-info .left label span {
      font-weight: 600; }
  .list-remittance-wrapper .header-info .right {
    text-align: right; }
    .list-remittance-wrapper .header-info .right label {
      font-size: 12px;
      color: var(--font3); }

.list-remittance-wrapper .mbg-body-modal {
  min-width: 500px; }
.divergence-promotion-items-list-modal {
  width: 800px;
  min-height: 25vh;
  padding: 30px; }
  .divergence-promotion-items-list-modal .overflow-table {
    max-height: 50vh;
    overflow-y: auto; }
  .divergence-promotion-items-list-modal .close {
    float: right;
    font-size: 12px;
    opacity: 1 !important; }
  .divergence-promotion-items-list-modal .mt-4 {
    margin-top: 16px; }
  .divergence-promotion-items-list-modal thead > tr > th {
    padding: 7px 14px !important;
    color: white !important;
    vertical-align: middle !important; }
  .divergence-promotion-items-list-modal thead {
    background-color: var(--primary) !important; }
  .divergence-promotion-items-list-modal tbody > tr > td {
    color: var(--font2);
    padding: 1px 14px !important; }
  .divergence-promotion-items-list-modal .table > thead > tr > th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .divergence-promotion-items-list-modal .table > thead > tr > th:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  .divergence-promotion-items-list-modal .table > thead > tr > th > span {
    color: white !important; }
  .divergence-promotion-items-list-modal .table > tbody > tr > td, .divergence-promotion-items-list-modal .table > tbody > tr > th, .divergence-promotion-items-list-modal .table > tfoot > tr > td, .divergence-promotion-items-list-modal .table > tfoot > tr > th, .divergence-promotion-items-list-modal .table > thead > tr > td, .divergence-promotion-items-list-modal .table > thead > tr > th {
    vertical-align: -webkit-baseline-middle;
    border-top: 2px solid #f8f8f8; }
  .divergence-promotion-items-list-modal tbody:nth-child(odd) .tr-main {
    background-color: #efefef; }
  .divergence-promotion-items-list-modal .center {
    text-align: center !important; }
  .divergence-promotion-items-list-modal .btn {
    height: 30px;
    font-weight: 700;
    color: white;
    width: auto;
    border: none;
    border-radius: 5px;
    margin-top: 18px; }
  .divergence-promotion-items-list-modal .btn-toggle {
    background-color: var(--primary); }
  .divergence-promotion-items-list-modal .btn-save {
    background-color: var(--secondary); }
  .divergence-promotion-items-list-modal .btn-neutral-2 {
    background-color: var(--neutral2); }
  .divergence-promotion-items-list-modal .btn-danger {
    background-color: #ec4758; }
  .divergence-promotion-items-list-modal .flex-end {
    display: flex;
    justify-content: end !important;
    gap: 4px;
    margin: 15px; }
.tef-reversal-modal-wrapper {
  height: 100% !important;
  min-width: 950px;
  max-width: 950px; }
  .tef-reversal-modal-wrapper .tef-reversal-modal-header {
    padding: 20px 10px 20px 50px;
    height: 80px; }
    .tef-reversal-modal-wrapper .tef-reversal-modal-header .btn.mbg-close-modal {
      position: absolute;
      top: 10px;
      right: 10px; }
  .tef-reversal-modal-wrapper .tef-reversal-modal-body {
    margin: 0 25px;
    height: calc( 100% - 170px) !important;
    overflow: auto; }
    .tef-reversal-modal-wrapper .tef-reversal-modal-body list-v2 .list-v2 {
      height: 100%; }
  .tef-reversal-modal-wrapper .tef-reversal-modal-foot {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 90px;
    padding: 20px 0; }
.payment-term-configuration-modal-wrapper {
  width: 80vw;
  max-width: 965px;
  margin: 25px; }
  .payment-term-configuration-modal-wrapper .header {
    padding-bottom: 20px; }
  .payment-term-configuration-modal-wrapper .mbg-close-modal {
    position: absolute;
    top: 5px;
    right: 5px; }
  .payment-term-configuration-modal-wrapper .form-wrapper {
    margin: 10px 0;
    overflow: auto; }
    .payment-term-configuration-modal-wrapper .form-wrapper .list-v2 {
      width: max-content; }
      .payment-term-configuration-modal-wrapper .form-wrapper .list-v2 thead {
        background: var(--primary);
        color: white;
        height: 44px; }
        .payment-term-configuration-modal-wrapper .form-wrapper .list-v2 thead th {
          padding: 8px 14px; }
          .payment-term-configuration-modal-wrapper .form-wrapper .list-v2 thead th:first-child {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px; }
          .payment-term-configuration-modal-wrapper .form-wrapper .list-v2 thead th:last-child {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px; }
          .payment-term-configuration-modal-wrapper .form-wrapper .list-v2 thead th.parcel-number {
            text-align: right; }
      .payment-term-configuration-modal-wrapper .form-wrapper .list-v2 .table-label {
        font-weight: bold;
        padding: 0 20px; }
      .payment-term-configuration-modal-wrapper .form-wrapper .list-v2 .parcel {
        width: 70px;
        /* Firefox */ }
        .payment-term-configuration-modal-wrapper .form-wrapper .list-v2 .parcel input {
          border: 1px solid #ddd;
          background: #fff;
          border-radius: 5px;
          padding: 8px 14px;
          flex: 1;
          outline: none;
          height: 44px;
          width: inherit;
          text-align: right; }
        .payment-term-configuration-modal-wrapper .form-wrapper .list-v2 .parcel input::-webkit-outer-spin-button,
        .payment-term-configuration-modal-wrapper .form-wrapper .list-v2 .parcel input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0; }
        .payment-term-configuration-modal-wrapper .form-wrapper .list-v2 .parcel input[type=number] {
          -moz-appearance: textfield; }
  .payment-term-configuration-modal-wrapper .parcel-number mbg-input-number {
    width: 60px;
    display: block; }
  .payment-term-configuration-modal-wrapper .list-button {
    display: flex;
    justify-content: flex-end; }
  .payment-term-configuration-modal-wrapper .buttons {
    display: flex;
    flex-direction: column; }
  .payment-term-configuration-modal-wrapper .list-wrapper .list {
    height: 50vh;
    overflow: auto;
    margin-bottom: 10px; }
    .payment-term-configuration-modal-wrapper .list-wrapper .list table {
      margin: 0; }
  .payment-term-configuration-modal-wrapper .align-switch {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: max-content; }
  .payment-term-configuration-modal-wrapper .m-auto {
    margin: auto; }
  .payment-term-configuration-modal-wrapper .mbg-multi-select-v2-content {
    flex-direction: row !important; }
  .payment-term-configuration-modal-wrapper .h-34 input {
    height: 34px; }
  .payment-term-configuration-modal-wrapper .sm-input input {
    width: 100% !important; }
  .payment-term-configuration-modal-wrapper input[disabled] {
    background-color: #f5f5f5 !important; }

@media (max-width: 768px) {
  .payment-term-configuration-modal .modal-content {
    height: fit-content !important; } }
.emit-container-coupon-modal-wrapper {
  max-width: 90vw;
  width: 1200px;
  height: calc(100dvh - 100px); }
  .emit-container-coupon-modal-wrapper .delete-icon:focus svg {
    transform: scale(1.3) !important; }
.single-note-form-wrapper .h-350 {
  height: 350px; }

.single-note-form-wrapper .info {
  padding: 24px 0; }
  .single-note-form-wrapper .info label {
    color: var(--font2);
    font-weight: 100;
    font-size: 15px;
    margin: 3px 0; }
    .single-note-form-wrapper .info label.title {
      font-weight: 600;
      color: var(--font3); }
    .single-note-form-wrapper .info label.default {
      font-size: 15px; }
  .single-note-form-wrapper .info a {
    color: var(--font2);
    text-decoration: none; }
    .single-note-form-wrapper .info a span {
      text-decoration: underline;
      color: #2747a9;
      margin-left: 5px; }
    .single-note-form-wrapper .info a.decoration-underline {
      text-decoration: underline; }
  .single-note-form-wrapper .info h3 {
    color: #000;
    width: 100%;
    text-align: right;
    line-height: 30px; }
  .single-note-form-wrapper .info p.success {
    color: var(--success); }
  .single-note-form-wrapper .info p.err {
    font-size: 11px;
    color: var(--error); }
  .single-note-form-wrapper .info mbg-input-text {
    width: 100%; }

.single-note-form-wrapper .save-single-note {
  margin-left: 10px; }

.single-note-form-wrapper .import-movement-buttom {
  margin-left: 15px; }
  .single-note-form-wrapper .import-movement-buttom .fas {
    font-size: 44px !important; }
.freight-form .mbg-label {
  margin-bottom: 0px !important; }
.points-configuration-wrapper .role-item-col {
  display: flex;
  flex-direction: column;
  margin-right: 18px;
  flex: 1; }
  .points-configuration-wrapper .role-item-col label {
    margin: 0;
    font-size: 12px;
    margin-bottom: 5px; }

.points-configuration-wrapper .role-item-col-sales {
  display: flex;
  flex-direction: column;
  margin-right: 18px;
  flex: 1; }
  .points-configuration-wrapper .role-item-col-sales label {
    margin: 0;
    padding-left: 15px; }

.points-configuration-wrapper .roles-wrapper.ng-hide {
  opacity: 0; }

.points-configuration-wrapper .roles-wrapper.ng-hide-add, .points-configuration-wrapper .roles-wrapper.ng-hide-remove {
  transition: all linear 0.5s; }

.points-configuration-wrapper .roles-wrapper .role-item {
  width: 100%;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  padding: 8px 14px 14px 14px;
  border-radius: 5px;
  margin-bottom: 1px;
  position: relative;
  padding-right: 44px;
  transition: opacity 500ms, height 500ms;
  will-change: transform; }
  .points-configuration-wrapper .roles-wrapper .role-item mbg-select {
    flex: 1; }
  .points-configuration-wrapper .roles-wrapper .role-item.ng-enter {
    opacity: 0;
    height: 0px; }
  .points-configuration-wrapper .roles-wrapper .role-item.ng-enter-active {
    opacity: 1;
    height: 60px; }
  .points-configuration-wrapper .roles-wrapper .role-item.ng-leave {
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
    height: 60px; }
  .points-configuration-wrapper .roles-wrapper .role-item.ng-leave-active {
    opacity: 0;
    height: 0px; }
  .points-configuration-wrapper .roles-wrapper .role-item [class="fa fa-close"] {
    position: absolute;
    right: 24px;
    color: var(--font2);
    font-size: 1.3em;
    cursor: pointer; }
  .points-configuration-wrapper .roles-wrapper .role-item label {
    color: var(--font2); }
    .points-configuration-wrapper .roles-wrapper .role-item label.all-vendors {
      margin: 0px; }
    .points-configuration-wrapper .roles-wrapper .role-item label.target-label {
      width: 264px; }

.points-configuration-wrapper .help {
  display: flex;
  justify-content: end;
  padding: 0px; }

.points-configuration-wrapper .without-padding-left {
  padding-left: 0px !important; }

.points-configuration-wrapper .fa-2x {
  font-size: 2.3em !important; }

.pointer {
  color: var(--font2);
  cursor: pointer; }

.d-flex {
  display: flex; }

.content-flex-end {
  justify-content: flex-end; }

.ml-14 {
  margin-left: 14px; }

.btn-radio-option {
  height: 50px !important; }

.input-with-days {
  width: 150px; }

.input-without-days {
  width: 250px; }
.view-product-item .mbg-body-modal {
  max-height: calc(100vh - 100px) !important; }

.view-product-item .saleValue {
  padding: 5px;
  margin-left: 14px;
  border-radius: 15px; }

.view-product-item .stock-info {
  width: 100%;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-evenly; }

.view-product-item .row-barcode {
  margin: 4px 0; }

.view-product-item .no-stock-affiliates {
  color: var(--font2) !important;
  font-size: 14px;
  width: 100%;
  text-align: center; }

.view-product-item .stock-history-link {
  font-size: 12px;
  margin-bottom: 5px; }
.card-machines-form-wrapper .flags {
  flex-wrap: wrap;
  justify-content: space-evenly; }
  .card-machines-form-wrapper .flags .flag {
    margin-right: 10px;
    margin-bottom: 10px;
    transition: filter 200ms ease;
    filter: saturate(0);
    max-height: 44px; }
    .card-machines-form-wrapper .flags .flag.active {
      filter: saturate(1); }
    .card-machines-form-wrapper .flags .flag:hover {
      filter: saturate(1); }

.card-machines-form-wrapper p.status {
  font-size: 16px;
  font-weight: bold; }
  .card-machines-form-wrapper p.status span {
    font-weight: 100; }
    .card-machines-form-wrapper p.status span.success {
      color: #25b50e; }

.card-machines-form-wrapper .integration-code h2 {
  margin-bottom: 0px;
  font-size: 22px; }
  .card-machines-form-wrapper .integration-code h2 cp-information-icon {
    margin-right: 10px; }

.card-machines-form-wrapper .integration-code h1 {
  color: var(--secondary);
  margin-top: 5px; }

.card-machines-form-wrapper .mbg-switch-right {
  background: #D5D5DB; }

.card-machines-form-wrapper .mbg-switch-right.checked {
  background: #64bd63;
  border-color: #64bd63; }

.card-machines-form-wrapper .card-machine-data-row {
  display: flex;
  justify-content: stretch;
  gap: 30px; }
  .card-machines-form-wrapper .card-machine-data-row .card-machine-serial-number {
    flex: 1; }
  .card-machines-form-wrapper .card-machine-data-row .digital-wallet-switch,
  .card-machines-form-wrapper .card-machine-data-row .tef-switch {
    display: flex;
    flex-direction: column;
    align-items: center; }
.card-machines-form-wrapper .new-adjustment {
  color: var(--secondary) !important; }

.card-machines-form-wrapper .pdv-list-collumn {
  max-width: 30vw; }

.card-machines-form-wrapper .help-button {
  margin-top: 10px;
  margin-right: 10px; }

.card-machines-form-wrapper .justify-end {
  display: flex;
  justify-content: end; }

.card-machines-form-wrapper .without-padding {
  padding: 0px; }
.extension-install-wrapper .ma-container {
  padding: 44px; }
  .extension-install-wrapper .ma-container img {
    width: 164px; }
  .extension-install-wrapper .ma-container h1 {
    font-size: 1.6em;
    text-align: center; }
  .extension-install-wrapper .ma-container p {
    text-align: center;
    margin-top: 14px; }
.catalogv2-list-wrapper {
  max-height: -webkit-fill-available; }
  .catalogv2-list-wrapper .new-collect {
    margin-top: 24px; }
  .catalogv2-list-wrapper .login-zaap {
    background: none;
    border: none;
    color: var(--font2);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .catalogv2-list-wrapper .login-zaap i {
      margin-right: 10px;
      font-size: 18px; }
  .catalogv2-list-wrapper i.list-icon {
    font-size: 18px;
    color: var(--font2); }
  .catalogv2-list-wrapper .catalogv2-content {
    height: 100vh;
    padding-bottom: 84px; }
    .catalogv2-list-wrapper .catalogv2-content .new-catalog-content {
      height: 100%; }
      .catalogv2-list-wrapper .catalogv2-content .new-catalog-content svg {
        width: 74px;
        margin-bottom: 22px;
        fill: var(--font3); }
      .catalogv2-list-wrapper .catalogv2-content .new-catalog-content h4 {
        font-size: 15px;
        margin-top: 2px;
        color: var(--font3);
        text-align: center;
        margin-bottom: 0; }
      .catalogv2-list-wrapper .catalogv2-content .new-catalog-content mbg-btn-form {
        margin-top: 24px; }
  .catalogv2-list-wrapper .select-options {
    font: inherit; }
  .catalogv2-list-wrapper .whatsapp-btn button {
    background-color: var(--primary); }
  .catalogv2-list-wrapper .align-items {
    display: flex;
    align-items: center; }
  .catalogv2-list-wrapper .without-padding {
    padding: 0px; }
  .catalogv2-list-wrapper .help-btn {
    margin-right: 25px; }
.whatsapp-person-wrapper {
  width: 70vw; }
  .whatsapp-person-wrapper .mb-status {
    margin: auto; }
  .whatsapp-person-wrapper i {
    font-size: 24px; }
    .whatsapp-person-wrapper i.fa-whatsapp {
      transition: all 0.3s; }
      .whatsapp-person-wrapper i.fa-whatsapp:hover, .whatsapp-person-wrapper i.fa-whatsapp:focus {
        color: #2ac747;
        scale: 1.2; }
      .whatsapp-person-wrapper i.fa-whatsapp:active {
        color: #20a338; }
  .whatsapp-person-wrapper .switch-center {
    margin-top: 7px; }
  .whatsapp-person-wrapper .person-list .icon img {
    max-height: 60px;
    max-width: 80px;
    border-radius: 18px; }
  .whatsapp-person-wrapper .person-list .names {
    margin-left: 20px; }
    .whatsapp-person-wrapper .person-list .names .name {
      font-weight: bold;
      text-overflow: ellipsis;
      border-bottom: solid 1px darkgray; }
    .whatsapp-person-wrapper .person-list .names .nickname {
      margin-left: 10px;
      font-style: italic;
      font-weight: bold;
      text-overflow: ellipsis; }
  .whatsapp-person-wrapper .person-list .grid {
    display: grid;
    align-content: center; }
    .whatsapp-person-wrapper .person-list .grid .fa-whatsapp {
      margin: auto;
      color: #20a338;
      transition: none; }
      .whatsapp-person-wrapper .person-list .grid .fa-whatsapp:hover, .whatsapp-person-wrapper .person-list .grid .fa-whatsapp:focus {
        scale: 1; }
    .whatsapp-person-wrapper .person-list .grid .default {
      font-weight: bold;
      color: #0ca6da;
      font-size: 11px; }
.mobi-store-register-wrapper .step-tabs .tab-content .tab-body {
  padding: 24px; }

.mobi-store-register-wrapper .step-tabs ul.nav-tabs li.active a {
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8; }

.mobi-store-register-wrapper .step-tabs .tab-content {
  border: 1px solid #e8e8e8;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.mobi-store-register-wrapper .sphere-color {
  width: 44px;
  height: 44px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #ddd;
  background-image: url("/resources/images/pattern.png"); }
  .mobi-store-register-wrapper .sphere-color.background-color {
    background-image: none; }

.mobi-store-register-wrapper .color-error {
  border-width: 2px;
  border-color: var(--error); }
.content-receive-wrapper .forms-of-receipt-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.content-receive-wrapper .forms-of-receipt {
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin: 14px 0 8px 0;
  width: 100%; }
  .content-receive-wrapper .forms-of-receipt .form-of-receipt {
    border-radius: 4px;
    border: 1px solid var(--neutral3);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 174px;
    height: 144px;
    flex-direction: column; }
    .content-receive-wrapper .forms-of-receipt .form-of-receipt svg {
      fill: var(--font2);
      width: 54px; }
    .content-receive-wrapper .forms-of-receipt .form-of-receipt label {
      margin-bottom: 0px;
      font-weight: 500;
      margin-top: 8px;
      font-size: 13px;
      color: var(--font2); }
    .content-receive-wrapper .forms-of-receipt .form-of-receipt.active {
      border: 1px solid var(--contrast); }
      .content-receive-wrapper .forms-of-receipt .form-of-receipt.active svg {
        fill: var(--contrast); }
      .content-receive-wrapper .forms-of-receipt .form-of-receipt.active label {
        color: var(--contrast); }
.catalogv2-form-wrapper {
  max-height: -webkit-fill-available; }
  .catalogv2-form-wrapper mbg-input-search .mbg-input-search-wrapper .input-group-search {
    background-color: #fff;
    border: 1px solid #ddd; }
  .catalogv2-form-wrapper .step-tabs .tab-content .tab-body {
    padding: 20px; }
  .catalogv2-form-wrapper .informations {
    max-width: 100%; }
  .catalogv2-form-wrapper .sort {
    margin-top: 24px; }
    .catalogv2-form-wrapper .sort button {
      padding: 12px !important;
      transition: 0.3s all ease-in-out; }
      .catalogv2-form-wrapper .sort button:hover, .catalogv2-form-wrapper .sort button:focus {
        scale: 1.05; }
  .catalogv2-form-wrapper .step-one .total-selected {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 64px; }
    .catalogv2-form-wrapper .step-one .total-selected label {
      color: var(--font2); }
      .catalogv2-form-wrapper .step-one .total-selected label.large-label {
        font-size: 22px; }
      .catalogv2-form-wrapper .step-one .total-selected label.small-label {
        font-weight: 500; }
  .catalogv2-form-wrapper .step-one .info-catalog {
    opacity: 0;
    height: 0px;
    transition: all 300ms ease;
    margin-top: 8px; }
    .catalogv2-form-wrapper .step-one .info-catalog.opened {
      opacity: 1;
      height: 18px; }
    .catalogv2-form-wrapper .step-one .info-catalog > span {
      margin: 0 7px;
      color: var(--font3); }
    .catalogv2-form-wrapper .step-one .info-catalog label {
      font-weight: 400;
      font-style: italic;
      color: var(--font2); }
      .catalogv2-form-wrapper .step-one .info-catalog label > span {
        font-weight: 600; }
    .catalogv2-form-wrapper .step-one .info-catalog .edit-step-one.event-none {
      pointer-events: none; }
    .catalogv2-form-wrapper .step-one .info-catalog .edit-step-one i {
      margin-left: 18px;
      color: var(--font2);
      font-size: 16px; }
  .catalogv2-form-wrapper .step-one .inputs-step-one {
    overflow: hidden;
    height: 89px;
    opacity: 1;
    transition: all 300ms ease; }
    .catalogv2-form-wrapper .step-one .inputs-step-one.close-step {
      opacity: 0;
      height: 0px; }
  .catalogv2-form-wrapper .step-one .btn-finish {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    margin-top: 45px;
    background-color: var(--primary);
    border-radius: 50px;
    border: none; }
    .catalogv2-form-wrapper .step-one .btn-finish button {
      font-weight: bold;
      width: 100%;
      height: 100%;
      color: #fff;
      border-radius: 50px;
      border: none; }
  .catalogv2-form-wrapper .step-two h4 {
    margin-bottom: 8px;
    font-size: 21px; }
  .catalogv2-form-wrapper .step-two .filters {
    opacity: 0;
    height: 0;
    transition: all 300ms ease;
    overflow: hidden; }
    .catalogv2-form-wrapper .step-two .filters.opened {
      opacity: 1;
      height: 58px;
      overflow: visible; }
  .catalogv2-form-wrapper .step-two .mbg-catalog-link {
    display: flex;
    align-items: center;
    margin-left: 29px;
    color: var(--font2); }
    .catalogv2-form-wrapper .step-two .mbg-catalog-link svg {
      width: 28px;
      fill: var(--font2);
      margin-left: 9px; }
  .catalogv2-form-wrapper .catalogv2-content {
    height: 100vh; }
    .catalogv2-form-wrapper .catalogv2-content .filter-content {
      border-radius: 5px;
      min-height: 400px; }
      .catalogv2-form-wrapper .catalogv2-content .filter-content .options {
        overflow: auto;
        max-height: 200px; }
        .catalogv2-form-wrapper .catalogv2-content .filter-content .options a {
          color: var(--font2);
          margin-bottom: 6px;
          transition: color 200ms ease;
          text-decoration: underline; }
          .catalogv2-form-wrapper .catalogv2-content .filter-content .options a .active-icon {
            margin-left: 14px;
            color: var(--success); }
    .catalogv2-form-wrapper .catalogv2-content .item {
      display: inline-grid;
      width: calc(100% / 5);
      padding: 0px 6px; }
    .catalogv2-form-wrapper .catalogv2-content .add-item {
      height: 312px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 5px; }
      .catalogv2-form-wrapper .catalogv2-content .add-item .add-content {
        background-color: #fff;
        height: 100%;
        width: 100%;
        border-radius: 5px;
        position: relative;
        display: flex;
        flex-direction: column;
        cursor: pointer; }
      .catalogv2-form-wrapper .catalogv2-content .add-item .add-label {
        display: flex;
        position: absolute;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        color: var(--primary);
        opacity: 0;
        transform: scale(0.4);
        transition: all 300ms ease;
        opacity: 1;
        transform: translateY(45px) scale(1); }
        .catalogv2-form-wrapper .catalogv2-content .add-item .add-label label {
          cursor: pointer; }
      .catalogv2-form-wrapper .catalogv2-content .add-item svg {
        width: 74px;
        fill: var(--primary);
        transition: transform 300ms ease; }
      .catalogv2-form-wrapper .catalogv2-content .add-item .icon-add {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: #fff;
        border: 1px solid var(--primary);
        border-radius: 5px;
        box-shadow: inset 0px 0px 11px 0px rgba(0, 0, 0, 0.1); }
        .catalogv2-form-wrapper .catalogv2-content .add-item .icon-add svg {
          transform: scale(1) translateY(-15px); }
        .catalogv2-form-wrapper .catalogv2-content .add-item .icon-add:hover svg {
          transform: scale(1.1) translateY(-20px) rotate(180deg); }
    .catalogv2-form-wrapper .catalogv2-content .catalog-row {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -6px; }
    .catalogv2-form-wrapper .catalogv2-content .product-content {
      position: relative;
      margin-bottom: 14px;
      padding: 0 0 10px 0;
      background-color: #fff;
      border-radius: 5px; }
      .catalogv2-form-wrapper .catalogv2-content .product-content .fa-check-circle {
        opacity: 0;
        font-size: 24px;
        color: var(--success);
        position: absolute;
        right: 10px;
        top: 10px;
        transition: opacity 200ms ease; }
        .catalogv2-form-wrapper .catalogv2-content .product-content .fa-check-circle.selected {
          opacity: 1; }
      .catalogv2-form-wrapper .catalogv2-content .product-content .fa-trash-alt {
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--error);
        border-radius: 50%;
        font-size: 15px;
        position: absolute;
        top: 12px;
        right: 13px;
        transition: transform 300ms ease; }
        .catalogv2-form-wrapper .catalogv2-content .product-content .fa-trash-alt:hover {
          transform: scale(1.3); }
      .catalogv2-form-wrapper .catalogv2-content .product-content .fa-edit {
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 15px;
        position: absolute;
        top: 30px;
        right: 10px;
        transition: transform 300ms ease; }
        .catalogv2-form-wrapper .catalogv2-content .product-content .fa-edit:hover {
          transform: scale(1.3); }
      .catalogv2-form-wrapper .catalogv2-content .product-content .fa-chevron-circle-up {
        color: #2c2c2c;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 15px;
        position: absolute;
        top: 48px;
        right: 13px;
        transition: transform 300ms ease;
        cursor: pointer; }
        .catalogv2-form-wrapper .catalogv2-content .product-content .fa-chevron-circle-up:hover {
          transform: scale(1.6); }
      .catalogv2-form-wrapper .catalogv2-content .product-content .fa-chevron-circle-down {
        color: #2c2c2c;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 15px;
        position: absolute;
        top: 108px;
        right: 13px;
        transition: transform 300ms ease;
        cursor: pointer; }
        .catalogv2-form-wrapper .catalogv2-content .product-content .fa-chevron-circle-down:hover {
          transform: scale(1.6); }
      .catalogv2-form-wrapper .catalogv2-content .product-content .fa-chevron-circle-left {
        color: #2c2c2c;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 15px;
        position: absolute;
        top: 68px;
        right: 13px;
        transition: transform 300ms ease;
        cursor: pointer; }
        .catalogv2-form-wrapper .catalogv2-content .product-content .fa-chevron-circle-left:hover {
          transform: scale(1.6); }
      .catalogv2-form-wrapper .catalogv2-content .product-content .fa-chevron-circle-right {
        color: #2c2c2c;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 15px;
        position: absolute;
        top: 88px;
        right: 13px;
        transition: transform 300ms ease;
        cursor: pointer; }
        .catalogv2-form-wrapper .catalogv2-content .product-content .fa-chevron-circle-right:hover {
          transform: scale(1.6); }
    .catalogv2-form-wrapper .catalogv2-content .top {
      height: 44px; }
      .catalogv2-form-wrapper .catalogv2-content .top h4 {
        font-size: 16px;
        color: var(--font2);
        margin: 0px 0px 0px 3px;
        font-weight: 600; }
      .catalogv2-form-wrapper .catalogv2-content .top .select-all {
        margin-left: -8px;
        color: var(--font2);
        display: flex;
        margin-right: 24px;
        align-items: center;
        border: 1px solid var(--font2);
        padding: 6px 15px;
        border-radius: 50px; }
        .catalogv2-form-wrapper .catalogv2-content .top .select-all.active {
          background-color: var(--success);
          color: #fff;
          border-color: var(--success); }
        .catalogv2-form-wrapper .catalogv2-content .top .select-all i {
          margin-right: 5px;
          font-size: 15px; }
      .catalogv2-form-wrapper .catalogv2-content .top .selecteds {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--font2); }
        .catalogv2-form-wrapper .catalogv2-content .top .selecteds b {
          margin-left: 4px; }
      .catalogv2-form-wrapper .catalogv2-content .top .pagination-content {
        font-size: 20px;
        color: var(--font2); }
        .catalogv2-form-wrapper .catalogv2-content .top .pagination-content i {
          cursor: pointer;
          margin: 0 5px;
          padding: 4px; }
          .catalogv2-form-wrapper .catalogv2-content .top .pagination-content i[disabled] {
            opacity: 0.5; }
    .catalogv2-form-wrapper .catalogv2-content .catalog-products .img-select {
      width: 100%;
      height: 184px;
      border-radius: 5px;
      flex: none;
      box-shadow: inset 0px 0px 11px 0px rgba(0, 0, 0, 0.1); }
    .catalogv2-form-wrapper .catalogv2-content .catalog-products .add-informations {
      width: 100%;
      padding: 0 15px;
      display: flex;
      flex-direction: column;
      margin-bottom: 6px; }
      .catalogv2-form-wrapper .catalogv2-content .catalog-products .add-informations label {
        font-weight: 400;
        color: var(--font2);
        font-size: 12px; }
    .catalogv2-form-wrapper .catalogv2-content .catalog-products .description {
      min-height: 36px;
      margin-top: 12px;
      width: 100%;
      padding: 0 14px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: var(--font2); }
    .catalogv2-form-wrapper .catalogv2-content .catalog-products .price {
      width: 100%;
      padding: 0 16px;
      margin-top: 4px;
      margin-bottom: 0px;
      color: var(--font2);
      font-size: 15px; }
      .catalogv2-form-wrapper .catalogv2-content .catalog-products .price span {
        font-weight: 400;
        font-size: 11px;
        padding-bottom: 2px; }
    .catalogv2-form-wrapper .catalogv2-content .catalog-products .pricesheet {
      width: 100%;
      padding: 0 16px;
      margin-top: 2px; }
      .catalogv2-form-wrapper .catalogv2-content .catalog-products .pricesheet .pricesheet-label {
        color: var(--font2);
        font-weight: 400;
        font-size: 12px;
        padding-bottom: 2px; }
    .catalogv2-form-wrapper .catalogv2-content .table-products {
      margin-top: 24px;
      overflow: auto;
      padding: 0px 14px; }
      .catalogv2-form-wrapper .catalogv2-content .table-products .img-table {
        width: 54px;
        height: 54px;
        border-radius: 5px;
        flex: none; }
      .catalogv2-form-wrapper .catalogv2-content .table-products .item {
        padding: 15px 26px;
        position: relative; }
        .catalogv2-form-wrapper .catalogv2-content .table-products .item h4 {
          font-size: 14px;
          margin-left: 14px;
          color: var(--font2); }
        .catalogv2-form-wrapper .catalogv2-content .table-products .item.striped-on {
          background-color: #eaeaea; }
        .catalogv2-form-wrapper .catalogv2-content .table-products .item .remove {
          position: absolute;
          right: 24px;
          top: 14px;
          cursor: pointer; }
          .catalogv2-form-wrapper .catalogv2-content .table-products .item .remove i {
            color: var(--font2); }
    .catalogv2-form-wrapper .catalogv2-content .active-advanced-filter {
      position: absolute;
      right: 15px;
      bottom: -20px;
      font-size: 12px;
      color: var(--font2);
      font-weight: 500;
      z-index: 9999; }
    .catalogv2-form-wrapper .catalogv2-content .advanced-filters {
      height: 0px;
      opacity: 0;
      transition: all 300ms ease; }
      .catalogv2-form-wrapper .catalogv2-content .advanced-filters.active {
        height: 89px;
        opacity: 1; }
  .catalogv2-form-wrapper .switch {
    background: #D5D5DB;
    border: none;
    position: relative;
    display: inline-block;
    box-sizing: content-box;
    overflow: visible;
    width: 35px;
    height: 20px;
    padding: 0;
    margin: 0;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    transition: .8s ease-out all;
    -webkit-transition: .8s ease-out all;
    top: -1px; }
  .catalogv2-form-wrapper .switch small {
    border-radius: 80%;
    box-shadow: 0 1px 3px black;
    width: 20px;
    height: 20px;
    position: absolute; }
  .catalogv2-form-wrapper .switch.checked {
    background: #64bd63;
    border-color: #64bd63; }
.check-list-modal-wrapper {
  padding: 24px 24px 24px 36px;
  min-width: 30vw; }
.ma-container.catalog-product-item-select-wrapper .mbg-modal .product-item-select-content {
  text-align: center;
  display: flex;
  flex-direction: column; }
  .ma-container.catalog-product-item-select-wrapper .mbg-modal .product-item-select-content .list-wrapper-scroll {
    max-height: 370px;
    overflow: auto; }

.ma-container.catalog-product-item-select-wrapper input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  min-height: 44px;
  text-align-last: end; }

.ma-container.catalog-product-item-select-wrapper .active-field {
  background-color: white; }
.select-theme-wrapper {
  min-width: 50vw;
  max-width: 50vw;
  min-height: 50vh;
  padding: 5%; }
  .select-theme-wrapper .search {
    border: 1px solid #bcbcbc;
    padding: 6px;
    border-radius: 50px;
    display: flex; }
    .select-theme-wrapper .search i {
      padding: 5px; }
    .select-theme-wrapper .search input {
      border: none;
      width: 100%; }
  .select-theme-wrapper .item {
    cursor: pointer;
    display: flex;
    margin: 6px 6px;
    border: 1px solid;
    border-radius: 14px;
    padding: 5px; }
    .select-theme-wrapper .item color {
      margin: 0px 2px;
      border: 1px solid rgba(0, 0, 0, 0.3);
      border-radius: 50px;
      width: 20px;
      height: 20px; }
    .select-theme-wrapper .item .name {
      margin: 0px 2px;
      font-weight: bold; }
  .select-theme-wrapper .view-theme {
    height: 20vh;
    overflow-x: hidden;
    border: 1px solid #bcbcbc;
    border-radius: 6px; }
    .select-theme-wrapper .view-theme .items {
      flex-wrap: wrap;
      margin: 0px 5px; }
  .select-theme-wrapper .form {
    height: 31vh; }
  .select-theme-wrapper .control-options .button {
    cursor: pointer;
    border: 1px solid #bcbcbc;
    border-radius: 15px;
    min-width: 100px;
    padding: 5px 10px; }
.comission-form-wrapper .commision-type-list,
.comission-form-wrapper .role-list {
  display: flex;
  gap: 20px; }
  .comission-form-wrapper .commision-type-list .commision-type-card,
  .comission-form-wrapper .commision-type-list .role-card,
  .comission-form-wrapper .role-list .commision-type-card,
  .comission-form-wrapper .role-list .role-card {
    width: calc(100% / 7);
    position: relative;
    min-height: 1px; }
    @media (min-width: 992px) {
      .comission-form-wrapper .commision-type-list .commision-type-card,
      .comission-form-wrapper .commision-type-list .role-card,
      .comission-form-wrapper .role-list .commision-type-card,
      .comission-form-wrapper .role-list .role-card {
        float: left; } }

.comission-form-wrapper .mbg-label {
  margin-top: 0; }

.comission-form-wrapper .roles-wrapper.ng-hide {
  opacity: 0; }

.comission-form-wrapper .roles-wrapper.ng-hide-add, .comission-form-wrapper .roles-wrapper.ng-hide-remove {
  transition: all linear 0.5s; }

.comission-form-wrapper .roles-wrapper .role-item {
  width: 100%;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 5px;
  margin-bottom: 1px;
  position: relative;
  padding-right: 44px;
  transition: opacity 500ms, height 500ms;
  will-change: transform; }
  .comission-form-wrapper .roles-wrapper .role-item mbg-select {
    flex: 1; }
  .comission-form-wrapper .roles-wrapper .role-item.ng-enter {
    opacity: 0;
    height: 0px; }
  .comission-form-wrapper .roles-wrapper .role-item.ng-enter-active {
    opacity: 1;
    height: 60px; }
  .comission-form-wrapper .roles-wrapper .role-item.ng-leave {
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
    height: 60px; }
  .comission-form-wrapper .roles-wrapper .role-item.ng-leave-active {
    opacity: 0;
    height: 0px; }
  .comission-form-wrapper .roles-wrapper .role-item [class="fa fa-close"] {
    position: absolute;
    right: 24px;
    color: var(--font2);
    font-size: 1.3em;
    cursor: pointer; }
  .comission-form-wrapper .roles-wrapper .role-item label {
    margin-right: 14px;
    margin-left: 14px;
    color: var(--font2); }
    .comission-form-wrapper .roles-wrapper .role-item label.all-vendors {
      margin: 0px; }
    .comission-form-wrapper .roles-wrapper .role-item label.target-label {
      width: 264px; }

.comission-form-wrapper .all-vendors {
  margin: 0;
  margin-left: 8px; }

.comission-form-wrapper mbg-multi-select {
  width: 100%; }

.comission-form-wrapper .sub-title {
  font-size: 12px; }

.comission-form-wrapper .link {
  border-bottom: 1px solid var(--neutral3);
  color: var(--font2);
  margin-top: 0px; }
  .comission-form-wrapper .link.disabled {
    color: #ddd;
    border: none; }

.comission-form-wrapper .select-vendors {
  margin-bottom: 14px;
  width: 100%;
  height: 44px; }
  .comission-form-wrapper .select-vendors.ng-hide {
    opacity: 0;
    height: 0;
    margin-bottom: 0px; }
  .comission-form-wrapper .select-vendors.ng-hide-add, .comission-form-wrapper .select-vendors.ng-hide-remove {
    transition: all ease 0.3s; }

.comission-form-wrapper .replicate-button {
  color: #337ab7;
  font-size: 13px;
  text-decoration: none;
  border-bottom: 0 !important; }
.commission-department-wrapper .roles-wrapper.ng-hide {
  opacity: 0; }

.commission-department-wrapper .roles-wrapper sg-select {
  width: 100%; }

.commission-department-wrapper .roles-wrapper.ng-hide-add, .commission-department-wrapper .roles-wrapper.ng-hide-remove {
  transition: all linear 0.5s; }

.commission-department-wrapper .roles-wrapper .name-department {
  font-size: 0.85rem; }

.commission-department-wrapper .roles-wrapper sg-select.enable-enter .sg-select-wrapper .sg-select-input-fake .sg-select-value {
  text-transform: uppercase; }

.commission-department-wrapper .roles-wrapper .role-item {
  width: 100%;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 5px;
  margin-bottom: 1px;
  position: relative;
  padding-right: 44px;
  transition: opacity 500ms, height 500ms;
  will-change: transform; }
  .commission-department-wrapper .roles-wrapper .role-item mbg-select {
    flex: 1; }
  .commission-department-wrapper .roles-wrapper .role-item.ng-enter {
    opacity: 0;
    height: 0px; }
  .commission-department-wrapper .roles-wrapper .role-item.ng-enter-active {
    opacity: 1;
    height: 60px; }
  .commission-department-wrapper .roles-wrapper .role-item.ng-leave {
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
    height: 60px; }
  .commission-department-wrapper .roles-wrapper .role-item.ng-leave-active {
    opacity: 0;
    height: 0px; }
  .commission-department-wrapper .roles-wrapper .role-item [class="fa fa-close"] {
    position: absolute;
    right: 24px;
    color: var(--font2);
    font-size: 1.3em;
    cursor: pointer; }
  .commission-department-wrapper .roles-wrapper .role-item label {
    margin-right: 14px;
    margin-left: 14px;
    color: var(--font2); }
    .commission-department-wrapper .roles-wrapper .role-item label.all-vendors {
      margin: 0px; }
    .commission-department-wrapper .roles-wrapper .role-item label.select-department {
      width: 50%; }
    .commission-department-wrapper .roles-wrapper .role-item label.target-label {
      width: 264px; }

.commission-department-wrapper .all-role {
  width: 100%;
  max-height: 300px;
  overflow: auto;
  padding: 0 0 25px 0; }

.commission-department-wrapper .select-department {
  margin: 15px 0 0 0; }
.commission-goal-wrapper .roles-wrapper.ng-hide {
  opacity: 0; }

.commission-goal-wrapper .roles-wrapper.ng-hide-add, .commission-goal-wrapper .roles-wrapper.ng-hide-remove {
  transition: all linear 0.5s; }

.commission-goal-wrapper .roles-wrapper .role-item {
  width: 100%;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 5px;
  margin-bottom: 1px;
  position: relative;
  padding-right: 44px;
  transition: opacity 500ms, height 500ms;
  will-change: transform; }
  .commission-goal-wrapper .roles-wrapper .role-item mbg-select {
    flex: 1; }
  .commission-goal-wrapper .roles-wrapper .role-item.ng-enter {
    opacity: 0;
    height: 0px; }
  .commission-goal-wrapper .roles-wrapper .role-item.ng-enter-active {
    opacity: 1;
    height: 60px; }
  .commission-goal-wrapper .roles-wrapper .role-item.ng-leave {
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
    height: 60px; }
  .commission-goal-wrapper .roles-wrapper .role-item.ng-leave-active {
    opacity: 0;
    height: 0px; }
  .commission-goal-wrapper .roles-wrapper .role-item [class="fa fa-close"] {
    position: absolute;
    right: 24px;
    color: var(--font2);
    font-size: 1.3em;
    cursor: pointer; }
  .commission-goal-wrapper .roles-wrapper .role-item label {
    margin-right: 14px;
    margin-left: 14px;
    color: var(--font2); }
    .commission-goal-wrapper .roles-wrapper .role-item label.all-vendors {
      margin: 0px; }
    .commission-goal-wrapper .roles-wrapper .role-item label.target-label {
      width: 264px; }
.commission-payment-wrapper .roles-wrapper.ng-hide {
  opacity: 0; }

.commission-payment-wrapper .roles-wrapper.ng-hide-add, .commission-payment-wrapper .roles-wrapper.ng-hide-remove {
  transition: all linear 0.5s; }

.commission-payment-wrapper .roles-wrapper .role-item {
  width: 100%;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 5px;
  margin-bottom: 1px;
  position: relative;
  padding-right: 44px;
  transition: opacity 500ms, height 500ms;
  will-change: transform; }
  .commission-payment-wrapper .roles-wrapper .role-item mbg-select {
    flex: 1; }
  .commission-payment-wrapper .roles-wrapper .role-item.ng-enter {
    opacity: 0;
    height: 0px; }
  .commission-payment-wrapper .roles-wrapper .role-item.ng-enter-active {
    opacity: 1;
    height: 60px; }
  .commission-payment-wrapper .roles-wrapper .role-item.ng-leave {
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
    height: 60px; }
  .commission-payment-wrapper .roles-wrapper .role-item.ng-leave-active {
    opacity: 0;
    height: 0px; }
  .commission-payment-wrapper .roles-wrapper .role-item [class="fa fa-close"] {
    position: absolute;
    right: 24px;
    color: var(--font2);
    font-size: 1.3em;
    cursor: pointer; }
  .commission-payment-wrapper .roles-wrapper .role-item label {
    margin-right: 14px;
    margin-left: 14px;
    color: var(--font2); }
    .commission-payment-wrapper .roles-wrapper .role-item label.all-vendors {
      margin: 0px; }
    .commission-payment-wrapper .roles-wrapper .role-item label.target-label {
      width: 264px; }
.commission-product-wrapper .group-search mbg-select {
  width: 100%; }

.commission-product-wrapper .group-search .btn-add {
  border: 1px solid var(--contrast);
  background-color: #fff;
  color: var(--contrast);
  border-radius: 5px;
  margin-left: 14px;
  font-size: 14px;
  transition: all 200ms ease; }
  .commission-product-wrapper .group-search .btn-add :active {
    background-color: var(--contrast);
    color: #fff; }

.commission-product-wrapper .roles-wrapper.ng-hide {
  opacity: 0; }

.commission-product-wrapper .roles-wrapper.ng-hide-add, .commission-product-wrapper .roles-wrapper.ng-hide-remove {
  transition: all linear 0.5s; }

.commission-product-wrapper .roles-wrapper .role-item {
  width: 100%;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 8px 14px;
  border-radius: 5px;
  margin-bottom: 1px;
  position: relative;
  padding-right: 44px;
  transition: opacity 500ms, height 500ms;
  will-change: transform; }
  .commission-product-wrapper .roles-wrapper .role-item mbg-select {
    flex: 1; }
  .commission-product-wrapper .roles-wrapper .role-item.ng-enter {
    opacity: 0;
    height: 0px; }
  .commission-product-wrapper .roles-wrapper .role-item.ng-enter-active {
    opacity: 1;
    height: 60px; }
  .commission-product-wrapper .roles-wrapper .role-item.ng-leave {
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
    height: 60px; }
  .commission-product-wrapper .roles-wrapper .role-item.ng-leave-active {
    opacity: 0;
    height: 0px; }
  .commission-product-wrapper .roles-wrapper .role-item [class="fa fa-close"] {
    position: absolute;
    right: 24px;
    color: var(--font2);
    font-size: 1.3em;
    cursor: pointer; }
  .commission-product-wrapper .roles-wrapper .role-item label {
    margin-right: 14px;
    margin-left: 14px;
    white-space: nowrap;
    color: var(--font2); }
    .commission-product-wrapper .roles-wrapper .role-item label.all-vendors {
      margin: 0px; }
    .commission-product-wrapper .roles-wrapper .role-item label.target-label {
      width: 264px; }
.commission-target-wrapper .roles-wrapper.ng-hide {
  opacity: 0; }

.commission-target-wrapper .roles-wrapper.ng-hide-add, .commission-target-wrapper .roles-wrapper.ng-hide-remove {
  transition: all linear 0.5s; }

.commission-target-wrapper .roles-wrapper .role-item {
  width: 100%;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 5px;
  margin-bottom: 1px;
  position: relative;
  padding-right: 44px;
  transition: opacity 500ms, height 500ms;
  will-change: transform; }
  .commission-target-wrapper .roles-wrapper .role-item mbg-select {
    flex: 1; }
  .commission-target-wrapper .roles-wrapper .role-item.ng-enter {
    opacity: 0;
    height: 0px; }
  .commission-target-wrapper .roles-wrapper .role-item.ng-enter-active {
    opacity: 1;
    height: 60px; }
  .commission-target-wrapper .roles-wrapper .role-item.ng-leave {
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
    height: 60px; }
  .commission-target-wrapper .roles-wrapper .role-item.ng-leave-active {
    opacity: 0;
    height: 0px; }
  .commission-target-wrapper .roles-wrapper .role-item [class="fa fa-close"] {
    position: absolute;
    right: 24px;
    color: var(--font2);
    font-size: 1.3em;
    cursor: pointer; }
  .commission-target-wrapper .roles-wrapper .role-item label {
    margin-right: 14px;
    margin-left: 14px;
    color: var(--font2); }
    .commission-target-wrapper .roles-wrapper .role-item label.all-vendors {
      margin: 0px; }
    .commission-target-wrapper .roles-wrapper .role-item label.target-label {
      width: 264px; }
.commission-vendor-wrapper .roles-wrapper.ng-hide {
  opacity: 0; }

.commission-vendor-wrapper .roles-wrapper.ng-hide-add, .commission-vendor-wrapper .roles-wrapper.ng-hide-remove {
  transition: all linear 0.5s; }

.commission-vendor-wrapper .roles-wrapper .role-item {
  width: 100%;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 5px;
  margin-bottom: 1px;
  position: relative;
  padding-right: 44px;
  transition: opacity 500ms, height 500ms;
  will-change: transform; }
  .commission-vendor-wrapper .roles-wrapper .role-item mbg-select {
    flex: 1; }
  .commission-vendor-wrapper .roles-wrapper .role-item.ng-enter {
    opacity: 0;
    height: 0px; }
  .commission-vendor-wrapper .roles-wrapper .role-item.ng-enter-active {
    opacity: 1;
    height: 60px; }
  .commission-vendor-wrapper .roles-wrapper .role-item.ng-leave {
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
    height: 60px; }
  .commission-vendor-wrapper .roles-wrapper .role-item.ng-leave-active {
    opacity: 0;
    height: 0px; }
  .commission-vendor-wrapper .roles-wrapper .role-item [class="fa fa-close"] {
    position: absolute;
    right: 24px;
    color: var(--font2);
    font-size: 1.3em;
    cursor: pointer; }
  .commission-vendor-wrapper .roles-wrapper .role-item label {
    margin-right: 14px;
    margin-left: 14px;
    color: var(--font2); }
    .commission-vendor-wrapper .roles-wrapper .role-item label.all-vendors {
      margin: 0px; }
    .commission-vendor-wrapper .roles-wrapper .role-item label.target-label {
      width: 264px; }

.commission-vendor-wrapper .fix-heigth {
  display: flex;
  justify-content: end;
  flex-direction: column; }

.commission-vendor-wrapper .action-btn {
  width: 100%;
  height: 4.5rem;
  border-radius: .5rem; }
  @media screen and (min-width: 992px) {
    .commission-vendor-wrapper .action-btn {
      width: 4.5rem; } }
  .commission-vendor-wrapper .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }
  .commission-vendor-wrapper .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }

.commission-vendor-wrapper .mt-12 {
  margin-top: 12px; }
.commission-vendor-target-wrapper .rules-wrapper.ng-hide {
  opacity: 0; }

.commission-vendor-target-wrapper .rules-wrapper.ng-hide-add, .commission-vendor-target-wrapper .rules-wrapper.ng-hide-remove {
  transition: all linear 0.5s; }

.commission-vendor-target-wrapper .rules-wrapper .rule-item {
  width: 100%;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 5px;
  margin-bottom: 1px;
  position: relative;
  padding-right: 44px;
  transition: opacity 500ms, height 500ms;
  will-change: transform; }
  .commission-vendor-target-wrapper .rules-wrapper .rule-item mbg-select {
    flex: 1; }
  .commission-vendor-target-wrapper .rules-wrapper .rule-item.ng-enter {
    opacity: 0;
    height: 0px; }
  .commission-vendor-target-wrapper .rules-wrapper .rule-item.ng-enter-active {
    opacity: 1;
    height: 60px; }
  .commission-vendor-target-wrapper .rules-wrapper .rule-item.ng-leave {
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
    height: 60px; }
  .commission-vendor-target-wrapper .rules-wrapper .rule-item.ng-leave-active {
    opacity: 0;
    height: 0px; }
  .commission-vendor-target-wrapper .rules-wrapper .rule-item [class="fa fa-close"] {
    position: absolute;
    right: 24px;
    color: var(--font2);
    font-size: 1.3em;
    cursor: pointer; }
  .commission-vendor-target-wrapper .rules-wrapper .rule-item label {
    margin-right: 14px;
    margin-left: 14px;
    color: var(--font2); }
    .commission-vendor-target-wrapper .rules-wrapper .rule-item label.all-vendors {
      margin: 0px; }

.commission-vendor-target-wrapper .fix-heigth {
  display: flex;
  justify-content: end;
  flex-direction: column; }

.commission-vendor-target-wrapper .mt-12 {
  margin-top: 12px; }

.commission-vendor-target-wrapper .action-btn {
  width: 100%;
  height: 4.5rem;
  border-radius: .5rem; }
  @media screen and (min-width: 992px) {
    .commission-vendor-target-wrapper .action-btn {
      width: 4.5rem; } }
  .commission-vendor-target-wrapper .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }
  .commission-vendor-target-wrapper .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }
.comission-list-wrapper .help {
  margin-top: 18px; }

.comission-list-wrapper .options-and-help-buttons {
  display: flex;
  justify-content: end; }

.comission-list-wrapper .align-items {
  align-items: center; }
form[name='ComissionClosure'] table * {
  font-size: 1.15rem; }

.comission-closure-wrapper .action-buttons {
  display: flex;
  gap: 6px;
  align-items: center; }

.comission-closure-wrapper span.switch {
  margin-top: 8px; }

.comission-closure-wrapper .header-list-department {
  background: #fff;
  padding: 10px;
  margin: 0px 0;
  text-align: center; }

.comission-closure-wrapper .department-commission-value {
  background: #fff;
  padding: 10px;
  margin: 0px 0;
  text-align: end; }

.comission-closure-wrapper .list-department {
  padding: 0 25px;
  max-height: 100px; }
  .comission-closure-wrapper .list-department .body-list-department {
    max-height: 20px;
    padding: 0 10px;
    font-size: 1.2rem; }

.comission-closure-wrapper button.department-mode {
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 20px;
  width: 100%;
  width: 150px;
  font-weight: 600;
  font-size: 1rem;
  color: var(--font2);
  border-radius: 40px;
  border: 0px;
  text-transform: uppercase; }
  .comission-closure-wrapper button.department-mode.active {
    background-color: var(--contrast);
    color: #fff; }
  .comission-closure-wrapper button.department-mode.no-border {
    border: none;
    box-shadow: 1px 1px 2px #ddd; }

.comission-closure-wrapper .btn-org-wrapper button {
  border: none;
  width: 100%;
  text-align: left;
  margin: 5px 0px;
  display: flex;
  align-items: center;
  border-radius: 50px;
  border: 1px solid var(--neutral3);
  padding-left: 8px;
  padding-right: 8px; }
  .comission-closure-wrapper .btn-org-wrapper button span {
    flex: 1; }
  .comission-closure-wrapper .btn-org-wrapper button .check-wrapper {
    width: 44px;
    height: 38px; }

.comission-closure-wrapper div.col-md-3.flex.align-center.justify-end > .btn-save.ng-isolate-scope {
  padding-left: 0rem;
  padding-right: 0rem; }

.comission-closure-wrapper svg.print {
  fill: var(--font3);
  width: 39px;
  opacity: 0;
  transition: opacity 300ms ease; }
  .comission-closure-wrapper svg.print.active {
    opacity: 1; }

.comission-closure-wrapper .summary .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .comission-closure-wrapper .summary .box h5 {
    color: var(--font2);
    margin-bottom: 6px; }
  .comission-closure-wrapper .summary .box label {
    color: var(--font2);
    font-weight: 400; }

.comission-closure-wrapper .not-found h4 {
  color: var(--font2); }

.comission-closure-wrapper .filters {
  margin-top: 14px;
  height: 44px;
  display: flex;
  align-items: center; }
  .comission-closure-wrapper .filters .filter {
    display: flex;
    align-items: center;
    margin-right: 14px; }
  .comission-closure-wrapper .filters label {
    font-size: 14px;
    color: var(--font1);
    margin-top: 0px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-right: 8px; }

.comission-closure-wrapper .link-comission {
  padding-left: 54px; }
  .comission-closure-wrapper .link-comission svg {
    width: 34px;
    fill: var(--font2); }
  .comission-closure-wrapper .link-comission h4 {
    margin-top: 15px;
    font-size: 14px;
    color: var(--font2); }

.comission-closure-wrapper mbg-list .table > tbody > tr > td[ng-if="$row.isAdicional"] {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.comission-closure-wrapper mbg-list .internal-comission {
  width: 80%;
  background: transparent;
  padding-left: 20px; }
  .comission-closure-wrapper mbg-list .internal-comission thead tr th {
    background: #d6d6d6; }

.comission-closure-wrapper .btn-save {
  margin-top: 24px;
  height: 50px; }

.comission-closure-wrapper .balance {
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--font2); }
  .comission-closure-wrapper .balance span {
    margin-left: 14px;
    font-size: 16px;
    font-weight: 600; }

.comission-closure-wrapper .title-table h5 {
  font-weight: 400; }

.comission-closure-wrapper .btn-process {
  border-radius: 50px;
  min-width: 140px;
  background-color: var(--contrast);
  color: #fff;
  margin-bottom: 6px;
  font-size: 14px;
  text-align: center;
  height: 50px;
  margin-left: 14px;
  padding: 0 34px; }
  .comission-closure-wrapper .btn-process span {
    font-weight: 600;
    margin-left: 6px; }
  .comission-closure-wrapper .btn-process:hover, .comission-closure-wrapper .btn-process:active {
    color: #fff; }

.comission-closure-wrapper .btn-select-all {
  margin-left: 14px;
  height: 44px;
  border-radius: 5px;
  background-color: var(--primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0px 10px; }
  .comission-closure-wrapper .btn-select-all span {
    margin-left: 6px; }

.comission-closure-wrapper .btn-development {
  padding-left: 0px;
  padding-right: 15px; }

.comission-closure-wrapper .btn-search {
  height: 44px;
  font-weight: 700;
  background-color: var(--secondary);
  color: #FFF;
  width: 100px;
  border-radius: 5px;
  border: none;
  margin-top: 45px; }
  .comission-closure-wrapper .btn-search.primary {
    background-color: var(--primary); }
  .comission-closure-wrapper .btn-search.success {
    background-color: var(--success); }

.comission-closure-wrapper .btn-print {
  height: 44px;
  font-weight: 700;
  background-color: var(--primary);
  color: #FFF;
  width: 100px;
  border-radius: 5px;
  border: none;
  margin-top: 45px; }

.comission-closure-wrapper .help-button {
  margin-top: 45px; }
.ma-container .mbg-modal .close-content {
  margin-top: 44px;
  text-align: center;
  display: flex;
  flex-direction: column;
  max-width: 324px; }
  .ma-container .mbg-modal .close-content h4 {
    color: var(--font2);
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 400; }
    .ma-container .mbg-modal .close-content h4 span {
      font-weight: 600; }
  .ma-container .mbg-modal .close-content label {
    font-weight: 400;
    text-align: left;
    margin: 12px 0px; }
  .ma-container .mbg-modal .close-content .btn-save {
    margin-top: 24px; }
.goal-form-wrapper .mbg-label {
  margin-top: 0; }

.goal-form-wrapper .header-month {
  min-width: 134px; }

.goal-form-wrapper .month-column {
  min-width: 154px; }

.goal-form-wrapper .input-month {
  text-align: center; }

.goal-form-wrapper .opacity-0 {
  opacity: 0.4;
  pointer-events: none; }

.goal-form-wrapper .goal-table-options {
  height: 44px;
  display: flex;
  align-items: center; }

.goal-form-wrapper .date-block {
  display: flex; }
  .goal-form-wrapper .date-block .mbg-input-wrapper, .goal-form-wrapper .date-block input {
    height: initial; }
  .goal-form-wrapper .date-block mbg-input-date {
    width: 45%; }

.goal-form-wrapper .year-wrapper {
  display: flex;
  align-items: center;
  height: 44px;
  border: 1px solid #ddd;
  background: #FFF;
  border-radius: 5px;
  padding: 8px 14px;
  flex: 1;
  outline: none;
  width: 100%;
  max-width: 100%;
  color: var(--font2); }
  .goal-form-wrapper .year-wrapper [class="fa fa-minus"]:hover {
    color: var(--error); }
  .goal-form-wrapper .year-wrapper [class="fa fa-plus"]:hover {
    color: var(--success); }
  .goal-form-wrapper .year-wrapper h4 {
    margin: 0 8px;
    font-size: 1.5em;
    flex: 1;
    text-align: center; }
  .goal-form-wrapper .year-wrapper button {
    border: none; }

.goal-form-wrapper .smart-grid-fixed {
  z-index: 1; }

.goal-form-wrapper .text-warn {
  color: var(--warn);
  font-weight: 100; }
  .goal-form-wrapper .text-warn b {
    font-weight: bold; }
  .goal-form-wrapper .text-warn a {
    margin-left: 10px;
    font-size: 12px; }

.goal-form-wrapper .goal-table-wrapper {
  padding: 0; }
  @media screen and (max-width: 2560px) {
    .goal-form-wrapper .goal-table-wrapper {
      width: 1575px; } }
  @media screen and (max-width: 1920px) {
    .goal-form-wrapper .goal-table-wrapper {
      width: 1565px; } }
  @media screen and (max-width: 1680px) {
    .goal-form-wrapper .goal-table-wrapper {
      width: 1330px; } }
  @media screen and (max-width: 1440px) {
    .goal-form-wrapper .goal-table-wrapper {
      width: 1090px; } }
  @media screen and (max-width: 1366px) {
    .goal-form-wrapper .goal-table-wrapper {
      width: 1465px; } }
  @media screen and (max-width: 1024px) {
    .goal-form-wrapper .goal-table-wrapper {
      width: 1020px; } }

.goal-form-wrapper .column-moving {
  box-shadow: 5px 0px 5px -5px rgba(0, 0, 0, 0.8); }

.goal-form-wrapper .goal-edit-wrapper {
  display: flex;
  flex-direction: column; }
  .goal-form-wrapper .goal-edit-wrapper span {
    text-align: right;
    font-weight: 700; }

.goal-form-wrapper table {
  border-radius: 5px; }
  .goal-form-wrapper table tbody {
    border: 1px solid #ccc;
    border-radius: 5px; }
    .goal-form-wrapper table tbody .grid-center-content {
      text-align: center; }
    .goal-form-wrapper table tbody tr.striped-item td {
      background: #F9F9F9; }
    .goal-form-wrapper table tbody th {
      padding: 0; }
    .goal-form-wrapper table tbody td {
      vertical-align: middle; }
      .goal-form-wrapper table tbody td label {
        color: var(--font2); }
      .goal-form-wrapper table tbody td input {
        background: transparent; }
      .goal-form-wrapper table tbody td input[type='number'] {
        -moz-appearance: textfield; }
      .goal-form-wrapper table tbody td input::-webkit-outer-spin-button,
      .goal-form-wrapper table tbody td input::-webkit-inner-spin-button {
        -webkit-appearance: none; }
      .goal-form-wrapper table tbody td input {
        padding: 0;
        border: none;
        text-align: right;
        outline: none; }
        .goal-form-wrapper table tbody td input.ng-touched.ng-invalid {
          border: 1px solid #b00020; }
        .goal-form-wrapper table tbody td input[disabled="disabled"] {
          background: #f5f5f5; }
        .goal-form-wrapper table tbody td input::-webkit-input-placeholder {
          color: var(--font3);
          font-style: italic; }
        .goal-form-wrapper table tbody td input:-moz-placeholder {
          /* Firefox 18- */
          color: var(--font3);
          font-style: italic; }
        .goal-form-wrapper table tbody td input::-moz-placeholder {
          /* Firefox 19+ */
          color: var(--font3);
          font-style: italic; }
        .goal-form-wrapper table tbody td input:-ms-input-placeholder {
          color: var(--font3);
          font-style: italic; }
    .goal-form-wrapper table tbody th, .goal-form-wrapper table tbody td {
      position: relative;
      border: none;
      border-top: 1px solid #ccc;
      border-left: 1px solid #ccc;
      height: 54px; }
      .goal-form-wrapper table tbody th .grid-adicional-link, .goal-form-wrapper table tbody td .grid-adicional-link {
        position: absolute;
        right: 18px;
        top: 16px;
        color: var(--font2);
        text-decoration: underline;
        cursor: pointer; }
      .goal-form-wrapper table tbody th label, .goal-form-wrapper table tbody td label {
        height: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center; }
      .goal-form-wrapper table tbody th:first-child, .goal-form-wrapper table tbody td:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      .goal-form-wrapper table tbody th:last-child, .goal-form-wrapper table tbody td:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }

.goal-form-wrapper .user-details {
  display: flex;
  align-items: center;
  width: 144px;
  padding-left: 8px;
  padding-right: 8px;
  overflow: hidden;
  height: 100%;
  min-width: 0; }
  .goal-form-wrapper .user-details img {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 50%;
    margin-right: 8px; }
  .goal-form-wrapper .user-details label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%; }

.goal-form-wrapper .green {
  margin-top: 8px !important; }

.goal-form-wrapper .select-vendors {
  width: 49vw; }

.goal-form-wrapper mbg-multi-select {
  width: 100%; }

.goal-form-wrapper .mbg-label {
  margin-top: 0; }

.goal-form-wrapper .all-vendors {
  margin: 0;
  margin-left: 20px; }
.goal-list-wrapper .options-and-help-buttons {
  display: flex;
  justify-content: end; }

.goal-list-wrapper .align-items {
  align-items: center; }
.bank-account-form-wrapper .payment-input-money {
  height: 44px;
  border: 1px solid #ddd;
  border-radius: 5px; }
  .bank-account-form-wrapper .payment-input-money.ng-touched.ng-invalid {
    border: 1px solid #b00020; }
  .bank-account-form-wrapper .payment-input-money.disableInput {
    background: #f5f5f5 !important;
    font-weight: 500 !important; }
  .bank-account-form-wrapper .payment-input-money::-webkit-input-placeholder {
    color: var(--font2);
    font-weight: 500;
    font-style: italic; }
  .bank-account-form-wrapper .payment-input-money:-moz-placeholder {
    /* Firefox 18- */
    color: var(--font2);
    font-weight: 500;
    font-style: italic; }
  .bank-account-form-wrapper .payment-input-money::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--font2);
    font-weight: 500;
    font-style: italic; }
  .bank-account-form-wrapper .payment-input-money:-ms-input-placeholder {
    color: var(--font2);
    font-weight: 500;
    font-style: italic; }

.bank-account-form-wrapper .wallet img {
  border: 1px solid;
  border-radius: 25px;
  padding: 4px;
  width: 100px;
  height: 100px; }

.bank-account-form-wrapper .wallet .delete-button {
  margin-top: auto; }

.bank-account-form-wrapper .wallet .add-button {
  font-size: 25px; }
.bank-maintenance-wrapper {
  width: 100vh;
  padding: 15px; }
  .bank-maintenance-wrapper .close-modal {
    font-size: 13px;
    color: var(--font2);
    margin-left: auto; }
  .bank-maintenance-wrapper .title {
    font-size: 1.5em;
    font-weight: 700;
    font-family: MontSerrat,sans-serif;
    color: var(--font1);
    margin: 0; }
  .bank-maintenance-wrapper .btn-bank button {
    width: 100%; }
    .bank-maintenance-wrapper .btn-bank button.save {
      background-color: var(--contrast);
      color: white;
      border-radius: 20px; }
.bank-account-list-wrapper .align-items {
  display: flex;
  align-items: center; }
.machine-contract-form-wrapper .switcher {
  margin-top: 7px; }
  .machine-contract-form-wrapper .switcher span.switch {
    background-color: #fff; }
    .machine-contract-form-wrapper .switcher span.switch.checked {
      background-color: var(--success); }

.machine-contract-form-wrapper .add-button a {
  background-color: transparent !important;
  color: var(--font2) !important;
  pointer-events: none; }

.machine-contract-form-wrapper .mbg-tab {
  max-width: 204px; }
  .machine-contract-form-wrapper .mbg-tab label {
    color: var(--font2);
    cursor: pointer; }
  .machine-contract-form-wrapper .mbg-tab .group-goal {
    display: flex;
    align-items: center; }
    .machine-contract-form-wrapper .mbg-tab .group-goal label {
      margin-right: 6px;
      margin-bottom: 0px;
      color: var(--font3);
      font-weight: 400;
      cursor: pointer; }
    .machine-contract-form-wrapper .mbg-tab .group-goal .mbg-input-label {
      font-weight: 400;
      color: var(--font3);
      border: 0px;
      width: 100%;
      cursor: pointer; }
  .machine-contract-form-wrapper .mbg-tab .remove-icon {
    position: absolute;
    top: 14px;
    right: 14px;
    color: var(--font2); }

.machine-contract-form-wrapper .flags-wrapper.ng-hide {
  opacity: 0; }

.machine-contract-form-wrapper .flags-wrapper.ng-hide-add, .machine-contract-form-wrapper .flags-wrapper.ng-hide-remove {
  transition: all linear 0.5s; }

.machine-contract-form-wrapper .flags-wrapper .flag-item {
  transition: opacity 500ms, height 500ms;
  overflow: hidden;
  will-change: transform; }
  .machine-contract-form-wrapper .flags-wrapper .flag-item.ng-enter {
    opacity: 0;
    height: 0px; }
  .machine-contract-form-wrapper .flags-wrapper .flag-item.ng-enter-active {
    opacity: 1;
    height: 103px; }
  .machine-contract-form-wrapper .flags-wrapper .flag-item.ng-leave {
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
    height: 103px; }
  .machine-contract-form-wrapper .flags-wrapper .flag-item.ng-leave-active {
    opacity: 0;
    height: 0px; }
  .machine-contract-form-wrapper .flags-wrapper .flag-item .rule-item {
    padding-bottom: 14px;
    transition: all 500ms ease;
    overflow: hidden;
    will-change: transform; }
    .machine-contract-form-wrapper .flags-wrapper .flag-item .rule-item.ng-enter {
      opacity: 0;
      height: 0px; }
    .machine-contract-form-wrapper .flags-wrapper .flag-item .rule-item.ng-enter-active {
      opacity: 1;
      height: 58px; }
    .machine-contract-form-wrapper .flags-wrapper .flag-item .rule-item.ng-leave {
      opacity: 1;
      padding-top: 0;
      padding-bottom: 0;
      height: 58px; }
    .machine-contract-form-wrapper .flags-wrapper .flag-item .rule-item.ng-leave-active {
      opacity: 0;
      height: 0px; }
  .machine-contract-form-wrapper .flags-wrapper .flag-item .icons-flag {
    height: 44px;
    display: flex;
    align-items: center;
    color: var(--font3);
    font-size: 16px; }
    .machine-contract-form-wrapper .flags-wrapper .flag-item .icons-flag .remove-icon {
      margin-left: 14px; }
  .machine-contract-form-wrapper .flags-wrapper .flag-item .remove-flag {
    float: right; }

.machine-contract-form-wrapper img.img-flag {
  width: 24px;
  height: 100%; }
.machine-contract-form-wrapper .new-adjustment {
  color: var(--secondary) !important; }

.machine-contract-form-wrapper .pdv-list-collumn {
  max-width: 70vw; }

.machine-contract-form-wrapper .help-button {
  margin-top: 10px;
  margin-right: 10px; }

.machine-contract-form-wrapper .justify-end {
  display: flex;
  justify-content: end; }

.machine-contract-form-wrapper .without-padding {
  padding: 0px; }
.machine-contract-conciliator-wrapper .btn-create {
  margin-top: 42px; }

.machine-contract-conciliator-wrapper .cl-loading {
  border: 5px solid var(--primary);
  border-top: 5px solid transparent; }

.machine-contract-conciliator-wrapper .searching {
  margin-left: 6px; }
check-entrys .check-entrys-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  margin-top: 26px;
  padding: 0; }

check-entrys .group-more-content {
  flex: 1; }

check-entrys .check-content {
  height: 22px;
  width: 94px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: var(--neutral2);
  transition: all 300ms ease; }
  check-entrys .check-content.mg-right {
    margin-right: 24px; }
  check-entrys .check-content.checked {
    background-color: #0fc34c; }
  check-entrys .check-content:hover {
    transform: scale(1.1); }
  check-entrys .check-content:focus-within {
    transform: scale(1.1); }
  check-entrys .check-content a {
    color: #fff; }

check-entrys .check-entrys-wrapper * {
  font-family: MontSerrat, sans-serif; }

check-entrys .check-entrys-header {
  width: 100%;
  display: flex;
  flex-direction: column; }

check-entrys .check-entrys-header h1 {
  margin: 0;
  font-size: 18px;
  color: var(--contrast);
  font-weight: bold; }

check-entrys .check-entrys-header svg {
  width: 44px;
  margin: 12px 0 18px 0px;
  fill: var(--contrast); }

check-entrys .check-entrys-header label {
  margin-bottom: 12px;
  color: var(--font2); }

check-entrys .check-entrys-header label span {
  color: var(--color1); }

check-entrys .check-entrys-account-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 14px; }

check-entrys .check-entrys-account-header {
  min-height: 54px;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  padding: 0 18px;
  border-radius: 5px;
  transition: all 350ms ease;
  will-change: transform, box-shadow;
  cursor: pointer;
  border: 1px solid transparent; }

check-entrys .check-entrys-account-header:focus,
check-entrys .check-entrys-account-header:hover,
check-entrys .check-entrys-account-header:active,
check-entrys .check-entrys-account-header.active {
  transform: scale(1.002);
  border: 1px solid #e8e8e8; }

check-entrys .check-entrys-account-header:focus {
  border: 1px solid #cccccc; }

check-entrys .check-entrys-account-header svg.toogle-details {
  width: 24px;
  height: 24px;
  right: 24px;
  transition: all 350ms ease;
  transform: rotate(90deg);
  will-change: transform;
  fill: var(--font2); }

check-entrys .check-entrys-account-header.active svg.toogle-details {
  transform: rotate(270deg); }

check-entrys .check-entrys-account-header label {
  color: var(--color1); }

check-entrys .check-entrys-account-header .difference {
  color: var(--color1);
  margin-left: 20px; }

check-entrys .check-entrys-account-header .difference span {
  color: var(--contrast); }

check-entrys .check-entrys-account-header input {
  margin-left: 24px;
  margin-right: 14px;
  border: none;
  background: #fff;
  height: 34px;
  border-radius: 5px;
  padding-left: 24px;
  padding-right: 24px;
  outline: none;
  text-align: right; }

check-entrys .check-entrys-account-metadata {
  display: flex;
  flex-direction: column;
  margin-right: 24px;
  flex: 1; }

check-entrys .check-entrys-account-metadata label span {
  color: var(--contrast); }

check-entrys .check-entrys-account-metadata p {
  font-size: 12px;
  color: var(--font2);
  margin: 0; }

check-entrys .check-entrys-account-metadata p span {
  font-weight: bold;
  color: var(--contrast); }

check-entrys .check-entrys-account-body {
  transition: all 1s ease;
  transform-origin: top;
  height: 0;
  opacity: 0;
  justify-content: center;
  padding: 0 18px;
  display: flex;
  align-items: center;
  pointer-events: none;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  background: #f5f5f5; }

check-entrys .check-entrys-account-body.open {
  opacity: 1;
  pointer-events: all;
  margin-bottom: 5px; }

check-entrys .check-entrys-account-body table {
  width: 100%; }

check-entrys .check-entrys-account-body table tr {
  height: 44px; }

check-entrys .check-entrys-account-body table tr th {
  color: var(--color1); }

check-entrys .check-entrys-footer {
  height: 164px;
  display: flex;
  align-items: center;
  padding: 0 0; }

check-entrys .check-entrys-footer-left {
  flex: 1;
  display: flex;
  flex-direction: column; }

check-entrys .check-entrys-leftchange {
  display: flex;
  flex-direction: column; }

check-entrys .check-entrys-footer .check-entrys-leftchange label {
  font-size: 12px;
  margin-top: 12px;
  color: var(--font2); }

check-entrys .check-entrys-leftchange input {
  width: 234px;
  background: #f3f3f3;
  border-radius: 4px;
  border: none;
  padding: 10px 12px;
  outline: none;
  margin-top: 5px; }

check-entrys .check-entrys-footer label {
  font-size: 18px;
  color: var(--contrast); }

check-entrys .check-entrys-footer button {
  width: 250px;
  height: 48px;
  border-radius: 50px;
  background: var(--contrast);
  border: none;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold; }

check-entrys .check-entrys-footer button[disabled="disabled"] {
  opacity: 0.6; }

check-entrys .confirm-check-entrys-wrapper {
  width: 364px;
  height: 274px;
  position: relative;
  overflow: hidden; }

check-entrys .ma-container .mbg-modal .mbg-body-modal .confirm-check-entrys-wrapper p {
  padding: 0;
  font-size: 18px;
  width: 100%;
  max-width: 100%;
  margin: 44px 0;
  text-align: center;
  color: var(--font2);
  font-weight: bold;
  line-height: 20px; }

check-entrys .ma-container .confirm-check-entrys-wrapper input {
  width: 80%;
  border-radius: 4px;
  padding: 12px 24px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  outline: none; }

check-entrys .ma-container .confirm-check-entrys-wrapper input ~ label {
  margin: 10px 0;
  color: var(--error); }

check-entrys .confirm-check-entrys-wrapper button {
  width: 80%;
  border: none;
  background: var(--contrast);
  color: #fff;
  height: 48px;
  border-radius: 34px;
  font-weight: bold;
  text-transform: uppercase; }

check-entrys .confirm-check-entrys-wrapper button.cancel {
  width: 144px;
  border-radius: 50px;
  margin-top: 24px;
  background: var(--neutral3); }

check-entrys .confirm-check-entrys-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  transition-timing-function: linear;
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform, transition;
  transform: translateX(0%);
  opacity: 0; }

check-entrys .confirm-check-entrys-step.hidden-left {
  transform: translateX(-100%); }

check-entrys .confirm-check-entrys-step.hidden-right {
  transform: translateX(100%); }

check-entrys .confirm-check-entrys-wrapper.active .confirm-check-entrys-step {
  opacity: 1;
  transition: all 350ms ease; }

check-entrys .table-column-148 {
  width: 148px; }

check-entrys .table-column-68 {
  width: 68px; }

check-entrys .check-entrys-wrapper .check-icon {
  width: 24px;
  margin-right: 12px;
  fill: #0fc34c; }

check-entrys .check-entrys-wrapper .error-value-icon {
  width: 24px;
  margin-right: 12px;
  fill: var(--error); }

check-entrys .check-entrys-account-body input {
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: white;
  min-height: 34px;
  outline: none;
  width: 124px;
  text-align: right;
  padding: 0 14px; }

check-entrys .check-entrys-account-body input {
  height: 34px !important;
  margin: 10px 10px 0px 0px; }
.spc-card-wrapper {
  height: 100%; }
  .spc-card-wrapper h3 {
    font-size: 20px; }
  .spc-card-wrapper .parcels-charge-wrapper .input-edit {
    background: transparent;
    border: none;
    padding: 0;
    border-bottom: 1px dashed transparent;
    margin-right: 14px;
    font-weight: 600;
    padding-right: 2px; }
    .spc-card-wrapper .parcels-charge-wrapper .input-edit.editing {
      border-bottom: 1px dashed #bbb; }
  .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item {
    border-radius: 5px;
    min-height: 84px;
    background: #fff;
    margin-bottom: 8px;
    box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.3);
    color: var(--font2);
    padding: 0;
    display: flex; }
    .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col .mbg-error {
        border: none !important;
        color: var(--error); }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.equal {
        max-width: 10px;
        padding-right: 30px; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.charge-checkbox {
        max-width: 54px; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.parcel-number {
        padding-left: 14px; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.col-perc {
        padding-left: 24px; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.doc-number {
        max-width: 84px; }
        .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.doc-number label {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.flex-start {
        align-items: flex-start; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.more {
        max-width: 30px;
        margin-left: 15px; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col span {
        font-size: 11px;
        color: #46908a; }
.title-parcel-list-wrapper .sequence-code, .title-parcel-list-wrapper .exchange-sale-entry {
  padding: 10px 0 0 0; }

.title-parcel-list-wrapper .mbg-label {
  margin-top: 0; }

.title-parcel-list-wrapper .label-sml {
  font-size: smaller;
  align-items: center;
  color: var(--font2);
  font-weight: 100; }

.title-parcel-list-wrapper .label-sm {
  font-size: small;
  align-items: center;
  color: var(--font2);
  font-weight: 100; }

.title-parcel-list-wrapper .label-error {
  font-size: small;
  color: var(--error);
  font-weight: 500; }

.title-parcel-list-wrapper cp-print-boleto-icon {
  margin-left: 8px; }

.title-parcel-list-wrapper filter-parcel-to-pay mbg-input-search .mbg-input-search-wrapper .input-group-search {
  background-color: transparent; }

.title-parcel-list-wrapper filter-parcel-to-receive mbg-input-search .mbg-input-search-wrapper .input-group-search {
  background-color: transparent; }

.title-parcel-list-wrapper .mbg-input-wrapper input {
  background: transparent; }

.title-parcel-list-wrapper .mbg-select-wrapper .mbg-select-input-fake {
  background: transparent; }

.title-parcel-list-wrapper .ellipsis {
  max-width: 300px !important; }

.title-parcel-list-wrapper .nickname {
  margin-left: 15px;
  font-style: italic; }

.fa {
  color: var(--font3);
  transform: scale(1.3);
  transition: all 0.2s ease; }
  .fa:hover {
    color: var(--primary);
    transform: scale(1.5); }
.receive-details-wrapper {
  width: auto;
  height: auto;
  max-height: 80vh;
  min-width: 52vw;
  max-width: 90vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 38px 44px; }
  .receive-details-wrapper button[disabled=disabled].button-reverse {
    color: #bbb !important; }
  .receive-details-wrapper .mbg-close-modal {
    position: absolute;
    right: 34px;
    top: 24px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 94px; }
  .receive-details-wrapper .payment-title {
    width: 100%; }
  .receive-details-wrapper .scroll-payments {
    width: 100%;
    overflow-x: hidden; }
  .receive-details-wrapper h3 {
    text-align: left;
    width: 100%;
    margin-bottom: 18px;
    margin-top: -5px; }
  .receive-details-wrapper p {
    font-size: 16px;
    margin: 14px 0; }
  .receive-details-wrapper .payment-item {
    background: #f5f5f5;
    color: var(--font2);
    border-radius: 5px;
    width: 100%;
    margin-bottom: 8px; }
    .receive-details-wrapper .payment-item .exchange-historic {
      margin-left: 16px;
      display: flex;
      flex-direction: row; }
      .receive-details-wrapper .payment-item .exchange-historic svg {
        width: 44px;
        fill: var(--font2); }
    .receive-details-wrapper .payment-item .button-exchange {
      width: 90px;
      border-radius: 5px;
      background: transparent;
      color: var(--primary);
      border: none;
      margin-bottom: 8px; }
    .receive-details-wrapper .payment-item .payment-detail {
      display: flex;
      min-height: 54px;
      padding: 8px 24px 8px 24px;
      align-items: center; }
      .receive-details-wrapper .payment-item .payment-detail.detail-headers {
        min-height: 38px;
        font-weight: bold; }
      .receive-details-wrapper .payment-item .payment-detail .payment-col {
        float: left; }
      .receive-details-wrapper .payment-item .payment-detail .button-reverse {
        height: 36px;
        width: 90px;
        border-radius: 5px;
        background: transparent;
        color: var(--primary);
        border: none; }
        .receive-details-wrapper .payment-item .payment-detail .button-reverse.reversed {
          color: var(--warn);
          cursor: default; }
    .receive-details-wrapper .payment-item .payments-parcels {
      padding: 0px 24px 8px 24px; }
      .receive-details-wrapper .payment-item .payments-parcels svg {
        width: 44px;
        fill: var(--font2); }
    .receive-details-wrapper .payment-item .payments-parcels-title {
      font-weight: bold; }
    .receive-details-wrapper .payment-item .payments-parcel-item {
      display: flex; }
      .receive-details-wrapper .payment-item .payments-parcel-item .payment-col {
        flex: none;
        margin-right: 24px; }
        .receive-details-wrapper .payment-item .payments-parcel-item .payment-col .header-item {
          font-weight: bold; }
    .receive-details-wrapper .payment-item .payment-historic {
      padding: 10px; }
  .receive-details-wrapper .observation {
    line-break: anywhere;
    max-width: 50vw; }
  .receive-details-wrapper .copy-barcode {
    display: flex; }

.check-content {
  height: 22px;
  width: 94px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: var(--primary);
  transition: all 300ms ease; }
  .check-content .check-item {
    color: white; }
.delete-details-wrapper {
  width: 100%;
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding: 38px 44px;
  min-width: 1000px; }
  .delete-details-wrapper h3 {
    text-align: left;
    width: 100%;
    margin-bottom: 18px;
    margin-top: -5px; }
  .delete-details-wrapper .mbg-close-modal {
    position: absolute;
    right: 34px;
    top: 24px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 94px; }
  .delete-details-wrapper .scroll-delete {
    display: flex;
    flex-direction: column;
    width: 100%; }
  .delete-details-wrapper .delete-history {
    display: flex;
    flex-direction: column;
    background: #f5f5f5;
    border-radius: 5px;
    padding: 20px; }
  .delete-details-wrapper .delete-date {
    font-size: 18px;
    font-weight: 600; }
  .delete-details-wrapper .delete-text {
    margin: 5px 10px; }

.delete-details-loading {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 15px; }
.title-print-options-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding: 10px 38px 22px 12px;
  min-width: 500px; }
  .title-print-options-wrapper h3 {
    text-align: left;
    width: 100%;
    margin-bottom: 18px; }

.btn-modal-print {
  transition: background-color 200ms ease;
  border-radius: 32px;
  background-color: var(--primary);
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  padding: 9px 12px 9px;
  margin-left: 6px; }

.btn-modal-print:hover {
  background-color: var(--primary);
  color: #fff; }

.buttons {
  padding-bottom: 25px; }

.btn-close-modal {
  position: absolute;
  right: 5px;
  top: 5px; }
.show-barcode-modal-wrapper {
  padding: 24px;
  min-width: 30vw;
  margin: 24px;
  max-width: 70vw; }
  .show-barcode-modal-wrapper cp-page-title .mbg-title {
    color: var(--primary) !important; }
  .show-barcode-modal-wrapper .barcode-box {
    height: auto;
    border: 1px solid black;
    margin-bottom: 12px;
    padding: 12px; }
  .show-barcode-modal-wrapper .header-box {
    display: flex; }
  .show-barcode-modal-wrapper .back-button mbg-btn-form .mbg-btn-form-wrapper button {
    height: 25px !important; }
.renegotiation-list-wrapper .return-button {
  text-align: right; }

.renegotiation-list-wrapper .btn-create {
  margin-top: 28px; }

.renegotiation-list-wrapper mbg-input-search .mbg-input-search-wrapper .input-group-search {
  background-color: #fff;
  border: 1px solid #ddd; }

.renegotiation-list-wrapper .mbg-label {
  margin-top: 0; }

.renegotiation-list-wrapper cp-print-boleto-icon {
  margin-left: 8px; }

.renegotiation-list-wrapper .totalizer {
  margin-top: 24px; }
  .renegotiation-list-wrapper .totalizer label {
    margin-bottom: 2px; }

.renegotiation-list-wrapper .header-parcels {
  display: flex;
  height: 30px;
  background-color: var(--primary);
  border-radius: 4px;
  margin-bottom: 0px; }
  .renegotiation-list-wrapper .header-parcels .parcel-col {
    display: flex;
    flex: 1;
    align-items: center;
    position: relative; }
    .renegotiation-list-wrapper .header-parcels .parcel-col.doc-number {
      margin-left: 51px;
      max-width: 108px; }
    .renegotiation-list-wrapper .header-parcels .parcel-col.parc-col {
      max-width: 60px; }
    .renegotiation-list-wrapper .header-parcels .parcel-col.individual-col {
      margin-right: 14px; }
    .renegotiation-list-wrapper .header-parcels .parcel-col.venc-delay {
      display: flex;
      max-width: 118px;
      margin-right: 16px; }
    .renegotiation-list-wrapper .header-parcels .parcel-col.info-values {
      max-width: 104px;
      margin-right: 14px; }
    .renegotiation-list-wrapper .header-parcels .parcel-col.empty-col {
      max-width: 119px; }
    .renegotiation-list-wrapper .header-parcels .parcel-col.status-col {
      max-width: 124px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .renegotiation-list-wrapper .header-parcels .parcel-col.actions {
      max-width: 100px;
      display: flex;
      align-items: center;
      justify-content: center; }
  .renegotiation-list-wrapper .header-parcels .order-col {
    cursor: pointer;
    opacity: 1;
    transition: opacity 100ms ease; }
    .renegotiation-list-wrapper .header-parcels .order-col:active {
      opacity: 0.5; }
  .renegotiation-list-wrapper .header-parcels span {
    color: #fff;
    font-weight: 600; }
  .renegotiation-list-wrapper .header-parcels .arrow {
    position: absolute;
    right: 14px;
    color: #fff;
    height: 20px;
    transition: all 200ms ease; }
    .renegotiation-list-wrapper .header-parcels .arrow.inactive {
      opacity: 0.5; }
    .renegotiation-list-wrapper .header-parcels .arrow.asc {
      transform: rotate(180deg); }

.renegotiation-list-wrapper .parcels-charge-wrapper * {
  cursor: pointer; }

.renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item {
  border-radius: 0px;
  min-height: 84px;
  background: #fff;
  margin-bottom: 0px;
  color: var(--font2);
  padding: 0;
  display: flex;
  border-bottom: 1px solid #ddd; }
  .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item:nth-child(even) {
    background-color: #eaeaea; }
  .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item:nth-child(odd) {
    background-color: #f5f5f5; }
  .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.charge-checkbox {
      max-width: 54px; }
    .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.wrap-col {
      align-items: flex-start; }
    .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.parc-col {
      max-width: 60px;
      align-items: flex-start; }
    .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.doc-number {
      margin-left: 54px;
      margin-right: 24px;
      max-width: 84px; }
      .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.doc-number label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.individual-col {
      margin-right: 14px; }
    .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.multi-col {
      display: flex;
      max-width: 250px; }
      .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.multi-col .row-info {
        display: flex;
        width: 100%;
        height: 30px;
        align-items: center; }
        .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.multi-col .row-info > * {
          flex: 1; }
      .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.multi-col .row-aux {
        height: 32px;
        width: 100%;
        align-items: center;
        display: flex; }
        .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.multi-col .row-aux > * {
          flex: 1;
          display: flex;
          flex-direction: column; }
        .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.multi-col .row-aux .days-expired {
          margin-right: 17px;
          height: 100%;
          display: flex; }
        .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.multi-col .row-aux label {
          font-size: 11px;
          display: flex;
          align-items: center;
          color: var(--font2); }
    .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.info-values {
      align-items: flex-start;
      max-width: 104px;
      margin-right: 14px; }
    .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.status-col {
      max-width: 124px;
      margin-right: 4px; }
    .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.actions {
      flex-direction: row;
      max-width: 100px; }
      .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.actions > * {
        margin: 0 3px; }
    .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col span {
      font-size: 11px;
      color: #46908a; }
    .renegotiation-list-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col label {
      font-weight: 400; }
.err {
  font-size: 11px;
  color: var(--error); }

.discount-modal-wrapper {
  min-width: 354px;
  padding: 28px 14px; }
  .discount-modal-wrapper .info {
    min-height: fit-content; }
  .discount-modal-wrapper .sep {
    margin: 5px 0px; }
  .discount-modal-wrapper .btn-remove-discount {
    background-color: transparent;
    border: 1px solid var(--error);
    color: var(--error);
    font-weight: bold;
    font-size: 15px;
    border-radius: 7px;
    width: 100%;
    text-align: center;
    padding: 12px 5px;
    margin-top: 14px; }
  .discount-modal-wrapper .btn-next {
    background-color: var(--primary);
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border-radius: 7px;
    width: 100%;
    text-align: center;
    padding: 12px 5px;
    margin-top: 14px; }
.filter-title-parcel {
  margin-bottom: 10px; }
  .filter-title-parcel .filter-title-parcel-buttons {
    padding-top: 10px;
    margin-bottom: 10px;
    float: right;
    position: relative; }
    .filter-title-parcel .filter-title-parcel-buttons .go-to-form {
      color: var(--secondary) !important; }
    .filter-title-parcel .filter-title-parcel-buttons .search-icon {
      position: absolute;
      top: 27px;
      left: 10px; }
  .filter-title-parcel .quick-search {
    top: 16px;
    position: absolute;
    height: 44px;
    margin: auto;
    font-weight: 700;
    background-color: var(--primary) !important;
    color: #FFF; }
  .filter-title-parcel .btn-search {
    height: 30px;
    font-weight: 700;
    background-color: var(--primary);
    color: #FFF;
    border-radius: 5px;
    border: none; }
  .filter-title-parcel .col-filter-icon {
    display: flex;
    justify-content: center;
    align-items: center; }
    .filter-title-parcel .col-filter-icon div {
      width: 30px;
      height: 30px;
      background-color: transparent;
      border-radius: 7px;
      border: 1px solid var(--neutral3);
      padding: 15px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .filter-title-parcel .col-filter-icon div i {
        color: var(--font2);
        font-size: 16px; }
  .filter-title-parcel .btn-export {
    height: 30px;
    font-weight: 700;
    background-color: #0f4b14;
    color: #FFF;
    border-radius: 5px;
    border: none; }
  .filter-title-parcel .print-buttons {
    display: grid;
    align-items: end;
    grid-template-columns: repeat(4, 1fr);
    gap: 3px; }
    .filter-title-parcel .print-buttons button {
      margin: 0;
      white-space: nowrap; }
  .filter-title-parcel .switch {
    width: 47px;
    height: 25px; }
    .filter-title-parcel .switch small {
      width: 25px;
      height: 25px; }
  .filter-title-parcel .mt-1 {
    margin-top: 1rem; }
  .filter-title-parcel .pl-0 {
    padding-left: 0; }
  .filter-title-parcel .pr-0 {
    padding-right: 0; }
  .filter-title-parcel .help-button {
    margin-top: 10px;
    margin-left: 20px; }
.cash-movements-wrapper .group-buttons {
  max-height: fit-content;
  margin: 14px -15px; }
  .cash-movements-wrapper .group-buttons .btn-cashier {
    height: 64px;
    border-radius: 4px;
    border: 2px solid var(--neutral3);
    margin: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--font3);
    min-width: 144px; }
    .cash-movements-wrapper .group-buttons .btn-cashier svg {
      width: 24px;
      margin-right: 7px; }
    .cash-movements-wrapper .group-buttons .btn-cashier span {
      font-weight: 600; }
    .cash-movements-wrapper .group-buttons .btn-cashier.active {
      border: 2px solid var(--secondary);
      color: var(--secondary); }
    .cash-movements-wrapper .group-buttons .btn-cashier.opacity {
      opacity: 0.5; }

.cash-movements-wrapper .warn {
  color: var(--warn);
  margin-top: 14px; }

.cash-movements-wrapper .availible-money {
  font-size: 12px;
  font-weight: 600;
  color: var(--defaultColor);
  text-align: end; }

.cash-movements-wrapper textarea {
  min-height: 75px;
  max-height: 75px; }

.cash-movements-wrapper .without-padding {
  padding: 0px; }

.cash-movements-wrapper .align-items {
  display: flex;
  align-items: center; }
.check-conciliator-wrapper .btn-create {
  margin-top: 42px; }

.check-conciliator-wrapper .cl-loading {
  border: 5px solid var(--primary);
  border-top: 5px solid transparent; }

.check-conciliator-wrapper .searching {
  margin-left: 6px; }

.check-conciliator-wrapper .help-button {
  margin-top: 55px; }
.initial-deposit-wrapper .ma-container .mbg-modal .mbg-body-modal {
  padding-top: 14px !important; }
  .initial-deposit-wrapper .ma-container .mbg-modal .mbg-body-modal p {
    max-width: 100%;
    color: var(--font2); }

.initial-deposit-wrapper .row {
  margin: 0 -15px; }
.cashcheckinV3-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  backdrop-filter: blur(20px);
  background-color: rgba(0, 0, 0, 0.25);
  padding: 30px; }
  .cashcheckinV3-wrapper .modal-contents-min,
  .cashcheckinV3-wrapper .modal-contents-max {
    width: 820px;
    background-color: white;
    padding: 30px;
    border-radius: 30px; }
  .cashcheckinV3-wrapper .close-button {
    border: none;
    font-size: 25px;
    transform: translate(50px, -15px) !important;
    color: var(--font3); }
  .cashcheckinV3-wrapper .close-button:hover {
    color: black;
    transform: setScale(1.3) !important; }
  .cashcheckinV3-wrapper .content .space-evenly {
    display: flex;
    align-items: center;
    justify-content: space-evenly; }
  .cashcheckinV3-wrapper .content .data-container {
    width: 90%;
    height: 60px; }
  .cashcheckinV3-wrapper .content sg-tree-list .table > thead > tr > th > span {
    color: white !important; }
  .cashcheckinV3-wrapper .content .list-container {
    height: auto;
    width: 100%; }
.cashcheckout-wrapper {
  transform: translateY(-25px); }
  .cashcheckout-wrapper .cashcheckout-header {
    display: flex;
    flex-direction: row;
    font-size: 17px; }
  .cashcheckout-wrapper .resume-container {
    width: 100%; }
    .cashcheckout-wrapper .resume-container .resume {
      min-height: 54px;
      background: #f3f3f3;
      padding: 18px;
      border-radius: 5px;
      will-change: transform, box-shadow;
      border: 1px solid transparent;
      margin-bottom: 15px;
      display: flex;
      align-items: center; }
      .cashcheckout-wrapper .resume-container .resume .account-name {
        width: 100%;
        padding: 5px;
        border-radius: 5px;
        background-color: white; }
    .cashcheckout-wrapper .resume-container span {
      color: var(--secondary) !important;
      font-weight: bolder; }
    .cashcheckout-wrapper .resume-container .resume-head {
      width: 100%; }
    .cashcheckout-wrapper .resume-container .transaction-resume .transaction-name {
      font-size: 15px !important;
      margin-top: 5px; }
  .cashcheckout-wrapper .indent {
    margin-left: 15px; }
    .cashcheckout-wrapper .indent .historic {
      margin-bottom: 10px; }
  .cashcheckout-wrapper .close-button {
    display: flex;
    justify-content: center;
    align-items: center; }
    .cashcheckout-wrapper .close-button .button-content {
      transform: translateX(-50%);
      width: 150px; }
  .cashcheckout-wrapper .cash-summary {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .cashcheckout-wrapper .cash-summary .summary {
      width: 90%; }
      .cashcheckout-wrapper .cash-summary .summary .values {
        margin: 15px 0px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: right;
        color: var(--color1);
        font-weight: bolder;
        font-size: 20px;
        background-color: #e6e4e4; }
        .cashcheckout-wrapper .cash-summary .summary .values label {
          color: var(--secondary);
          margin-right: 12%; }
  .cashcheckout-wrapper .header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .cashcheckout-wrapper .header .header-content {
      width: 600px;
      height: auto;
      background: #e6e4e4;
      border-radius: 50px;
      padding: 17px;
      color: var(--color1);
      text-align: center;
      margin-bottom: 25px; }
  .cashcheckout-wrapper .button-cash-checkout-sale-info {
    align-items: center;
    justify-content: right;
    display: flex; }
  .cashcheckout-wrapper .consider-box-closing {
    padding-left: 10rem; }
  .cashcheckout-wrapper .help-button {
    display: flex;
    justify-content: end;
    margin-right: 90px; }
.modal-cash-checkout-sale-info .modal-content {
  width: 60vw;
  max-height: 40vw; }
  .modal-cash-checkout-sale-info .modal-content .filters-cash-checkout-sale-info {
    margin-bottom: 10px; }
  .modal-cash-checkout-sale-info .modal-content .cash-checkout-sale-info-body {
    overflow-y: auto;
    max-height: 23vw; }
  .modal-cash-checkout-sale-info .modal-content .cash-checkout-sale-info-footer {
    margin-top: 10px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .modal-cash-checkout-sale-info .modal-content .cash-checkout-sale-info-footer label {
      font-size: 18px;
      color: var(--contrast); }
.confirm-cashcheckout-v2-wrapper {
  width: 364px;
  height: 310px;
  position: relative;
  overflow: hidden; }

.ma-container .mbg-modal .mbg-body-modal .confirm-cashcheckout-v2-wrapper p {
  padding: 0;
  font-size: 18px;
  width: 100%;
  max-width: 100%;
  margin: 44px 0;
  text-align: center;
  color: var(--font2);
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 14px; }

.label-suggest-change {
  margin-left: 8px;
  font-size: 14px;
  color: var(--font2); }

.ma-container .confirm-cashcheckout-v2-wrapper input {
  width: 80%;
  border-radius: 4px;
  padding: 12px 24px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  outline: none; }

.ma-container .confirm-cashcheckout-v2-wrapper input ~ label {
  margin: 10px 0;
  color: var(--error); }

.confirm-cashcheckout-v2-wrapper button {
  border: none;
  background: var(--contrast);
  color: #fff;
  height: 48px;
  border-radius: 34px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 14px; }
  .confirm-cashcheckout-v2-wrapper button.large-btn {
    width: 80%; }
  .confirm-cashcheckout-v2-wrapper button.small-btn {
    width: 60%; }
  .confirm-cashcheckout-v2-wrapper button[disabled="disabled"] {
    background-color: var(--neutral3); }

.confirm-cashcheckout-v2-wrapper button.cancel {
  width: 144px;
  border-radius: 50px;
  margin-top: 24px;
  background: var(--neutral3);
  margin-bottom: 14px; }

.confirm-cashcheckout-v2-wrapper.active .confirm-cashcheckout-step {
  opacity: 1;
  transition: all 350ms ease; }

.checkout-link {
  margin-top: 10px;
  color: var(--font2); }
cash-summary .cash-summary-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  padding: 0; }

cash-summary .group-more-content {
  flex: 1; }

cash-summary .check-content {
  height: 22px;
  width: 94px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: var(--neutral2);
  transition: all 300ms ease; }
  cash-summary .check-content.mg-right {
    margin-right: 24px; }
  cash-summary .check-content.checked {
    background-color: #0fc34c; }
  cash-summary .check-content:hover {
    transform: scale(1.1); }
  cash-summary .check-content:focus-within {
    transform: scale(1.1); }
  cash-summary .check-content a {
    color: #fff; }

cash-summary .cash-summary-wrapper * {
  font-family: MontSerrat, sans-serif; }

cash-summary .cash-summary-header {
  width: 100%;
  display: flex;
  flex-direction: column; }

cash-summary .cash-summary-header h1 {
  margin: 0;
  font-size: 18px;
  color: var(--contrast);
  font-weight: bold; }

cash-summary .cash-summary-header svg {
  width: 44px;
  margin: 12px 0 18px 0px;
  fill: var(--contrast); }

cash-summary .cash-summary-header label {
  margin-bottom: 12px;
  color: var(--font2); }

cash-summary .cash-summary-header label span {
  color: var(--color1); }

cash-summary .cash-summary-account-wrapper {
  display: flex;
  flex-direction: column;
  margin: 4px; }

cash-summary .cash-summary-account-header {
  min-height: 30px;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  padding: 0 18px;
  border-radius: 5px;
  transition: all 350ms ease;
  will-change: transform, box-shadow;
  cursor: pointer;
  border: 1px solid transparent; }

cash-summary .cash-summary-account-header:focus,
cash-summary .cash-summary-account-header:hover,
cash-summary .cash-summary-account-header:active,
cash-summary .cash-summary-account-header.active {
  transform: scale(1.002);
  border: 1px solid #e8e8e8; }

cash-summary .cash-summary-account-header:focus {
  border: 1px solid #cccccc; }

cash-summary .cash-summary-account-header svg.toogle-details {
  width: 24px;
  height: 24px;
  right: 24px;
  transition: all 350ms ease;
  transform: rotate(90deg);
  will-change: transform;
  fill: var(--font2); }

cash-summary .cash-summary-account-header.active svg.toogle-details {
  transform: rotate(270deg); }

cash-summary .cash-summary-account-header label {
  color: var(--color1); }

cash-summary .cash-summary-account-header .difference {
  color: var(--color1);
  margin-left: 20px; }

cash-summary .cash-summary-account-header .difference span {
  color: var(--contrast); }

cash-summary .cash-summary-account-header input {
  margin-left: 24px;
  margin-right: 14px;
  border: none;
  background: #fff;
  height: 34px;
  border-radius: 5px;
  padding-left: 24px;
  padding-right: 24px;
  outline: none;
  text-align: right; }

cash-summary .cash-summary-account-header .balance {
  margin-right: 15px; }
  cash-summary .cash-summary-account-header .balance label {
    color: var(--secondary);
    font-size: 17px; }

cash-summary .cash-summary-account-metadata {
  display: flex;
  flex-direction: column;
  margin-right: 24px;
  flex: 1; }

cash-summary .cash-summary-account-metadata label span {
  color: var(--contrast); }

cash-summary .cash-summary-account-metadata p {
  font-size: 12px;
  color: var(--font2);
  margin: 0; }

cash-summary .cash-summary-account-metadata p span {
  font-weight: bold;
  color: var(--contrast); }

cash-summary .cash-summary-account-body {
  transition: all 0.2s ease;
  transform-origin: top;
  opacity: 0;
  justify-content: center;
  padding-left: 18px;
  pointer-events: none;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  background: #f5f5f5;
  flex-direction: column;
  height: max-content; }

cash-summary .cash-summary-account-body.open {
  opacity: 1;
  pointer-events: all;
  margin-bottom: 5px; }

cash-summary .cash-summary-account-body table {
  width: 100%; }

cash-summary .cash-summary-account-body table tr {
  height: 25px; }

cash-summary .cash-summary-account-body table tr td:first-child {
  padding-left: 20px; }

cash-summary .cash-summary-account-body table tr th {
  color: var(--color1); }

cash-summary .cash-summary-account-body table tr th:nth-child(1) {
  padding-left: 10px; }

cash-summary .cash-summary-account-body table tr th:nth-child(2) {
  padding-left: 30px; }

cash-summary .cash-summary-account-body table tr th:nth-child(4) {
  padding-left: 60px; }

cash-summary .cash-summary-footer {
  height: 164px;
  display: flex;
  align-items: center;
  padding: 0 0; }

cash-summary .cash-summary-footer-left {
  flex: 1;
  display: flex;
  flex-direction: column; }

cash-summary .cash-summary-leftchange {
  display: flex;
  flex-direction: column; }

cash-summary .cash-summary-footer .cash-summary-leftchange label {
  font-size: 12px;
  margin-top: 12px;
  color: var(--font2); }

cash-summary .cash-summary-leftchange input {
  width: 234px;
  background: #f3f3f3;
  border-radius: 4px;
  border: none;
  padding: 10px 12px;
  outline: none;
  margin-top: 5px; }

cash-summary .cash-summary-footer label {
  font-size: 18px;
  color: var(--contrast); }

cash-summary .cash-summary-footer button {
  width: 250px;
  height: 48px;
  border-radius: 50px;
  background: var(--contrast);
  border: none;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold; }

cash-summary .cash-summary-footer button[disabled="disabled"] {
  opacity: 0.6; }

cash-summary .confirm-cash-summary-wrapper {
  width: 364px;
  height: 274px;
  position: relative;
  overflow: hidden; }

cash-summary .ma-container .mbg-modal .mbg-body-modal .confirm-cash-summary-wrapper p {
  padding: 0;
  font-size: 18px;
  width: 100%;
  max-width: 100%;
  margin: 44px 0;
  text-align: center;
  color: var(--font2);
  font-weight: bold;
  line-height: 20px; }

cash-summary .ma-container .confirm-cash-summary-wrapper input {
  width: 80%;
  border-radius: 4px;
  padding: 12px 24px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  outline: none; }

cash-summary .ma-container .confirm-cash-summary-wrapper input ~ label {
  margin: 10px 0;
  color: var(--error); }

cash-summary .confirm-cash-summary-wrapper button {
  width: 80%;
  border: none;
  background: var(--contrast);
  color: #fff;
  height: 48px;
  border-radius: 34px;
  font-weight: bold;
  text-transform: uppercase; }

cash-summary .confirm-cash-summary-wrapper button.cancel {
  width: 144px;
  border-radius: 50px;
  margin-top: 24px;
  background: var(--neutral3); }

cash-summary .confirm-cash-summary-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  transition-timing-function: linear;
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform, transition;
  transform: translateX(0%);
  opacity: 0; }

cash-summary .confirm-cash-summary-step.hidden-left {
  transform: translateX(-100%); }

cash-summary .confirm-cash-summary-step.hidden-right {
  transform: translateX(100%); }

cash-summary .confirm-cash-summary-wrapper.active .confirm-cash-summary-step {
  opacity: 1;
  transition: all 350ms ease; }

cash-summary .table-column-148 {
  width: 148px;
  text-align: right !important;
  padding-right: 40px; }

cash-summary .table-column-68 {
  width: 68px; }

cash-summary .cash-summary-wrapper .check-icon {
  width: 24px;
  margin-right: 12px;
  fill: #0fc34c; }

cash-summary .cash-summary-wrapper .error-value-icon {
  width: 24px;
  margin-right: 12px;
  fill: var(--error); }

cash-summary .cash-summary-account-body input {
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: white;
  min-height: 34px;
  outline: none;
  width: 124px;
  text-align: right;
  padding: 0 14px; }
.title-charge-list-wrapper i[class~="fa-comments-dollar"] {
  font-size: 20px;
  color: var(--font2); }

.title-charge-list-wrapper .help-button {
  display: flex;
  justify-content: end;
  margin-top: 10px; }
.title-charge-form-wrapper .input-date {
  display: flex;
  justify-content: center;
  align-items: center; }
  .title-charge-form-wrapper .input-date i {
    margin-left: 10px; }

.title-charge-form-wrapper .pagination-content .totalizer label {
  font-size: 13px;
  font-weight: 700; }
  .title-charge-form-wrapper .pagination-content .totalizer label span {
    font-weight: 700; }

.title-charge-form-wrapper .select-all {
  font-size: 13px;
  font-weight: 400;
  color: var(--font2); }

.title-charge-form-wrapper .btn {
  font-size: 15px; }

.title-charge-form-wrapper .user-info-wrapper {
  display: flex; }
  .title-charge-form-wrapper .user-info-wrapper .user-info-image {
    min-width: fit-content;
    margin-right: 14px; }
    .title-charge-form-wrapper .user-info-wrapper .user-info-image img {
      width: 74px;
      border-radius: 50%; }
  .title-charge-form-wrapper .user-info-wrapper .user-info-metadata {
    flex: 1; }
    .title-charge-form-wrapper .user-info-wrapper .user-info-metadata .user-info-row {
      display: flex;
      flex-direction: column; }
      .title-charge-form-wrapper .user-info-wrapper .user-info-metadata .user-info-row label {
        font-weight: 400;
        margin: 4px 0; }
      .title-charge-form-wrapper .user-info-wrapper .user-info-metadata .user-info-row span {
        font-weight: 600; }
      .title-charge-form-wrapper .user-info-wrapper .user-info-metadata .user-info-row i {
        color: var(--font2); }
        .title-charge-form-wrapper .user-info-wrapper .user-info-metadata .user-info-row i.remove {
          margin-left: 10px; }

.title-charge-form-wrapper .charge-method-wrapper {
  display: flex;
  margin-bottom: 5px; }
  .title-charge-form-wrapper .charge-method-wrapper .charge-method {
    font-size: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: var(--font2);
    cursor: pointer; }
    .title-charge-form-wrapper .charge-method-wrapper .charge-method.active {
      color: var(--primary);
      font-weight: bold; }
    .title-charge-form-wrapper .charge-method-wrapper .charge-method .fa, .title-charge-form-wrapper .charge-method-wrapper .charge-method .fa:hover {
      color: unset;
      transform: unset; }
    .title-charge-form-wrapper .charge-method-wrapper .charge-method i {
      font-size: 24px;
      margin-bottom: 4px; }

.title-charge-form-wrapper .information-row {
  display: flex;
  margin-bottom: 8px; }
  .title-charge-form-wrapper .information-row .information-column {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 1; }
    .title-charge-form-wrapper .information-row .information-column label {
      font-weight: 100; }
    .title-charge-form-wrapper .information-row .information-column span {
      font-weight: bold; }
    .title-charge-form-wrapper .information-row .information-column .label-success {
      background: transparent;
      color: var(--success); }

.title-charge-form-wrapper form .label-error {
  position: absolute;
  font-size: 11px;
  margin-top: 4px; }

.title-charge-form-wrapper .timeline-contact-wrapper {
  margin-top: 24px; }
  .title-charge-form-wrapper .timeline-contact-wrapper .timeline-item {
    display: flex;
    position: relative;
    padding-bottom: 24px; }
    .title-charge-form-wrapper .timeline-contact-wrapper .timeline-item .timeline-icon {
      width: 64px;
      font-size: 38px;
      display: flex;
      align-items: flex-start;
      justify-content: center; }
      .title-charge-form-wrapper .timeline-contact-wrapper .timeline-item .timeline-icon .icon-wrapper {
        background: #f8f8f8;
        z-index: 999;
        display: flex; }
        .title-charge-form-wrapper .timeline-contact-wrapper .timeline-item .timeline-icon .icon-wrapper i {
          color: var(--primary); }
      .title-charge-form-wrapper .timeline-contact-wrapper .timeline-item .timeline-icon:before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 4px;
        background: #d7e4ed; }
    .title-charge-form-wrapper .timeline-contact-wrapper .timeline-item .timeline-metadata {
      background: #fff;
      border-radius: 5px;
      padding: 18px 24px;
      flex: 1; }
      .title-charge-form-wrapper .timeline-contact-wrapper .timeline-item .timeline-metadata label {
        font-weight: 100; }
        .title-charge-form-wrapper .timeline-contact-wrapper .timeline-item .timeline-metadata label b {
          font-weight: bold; }
      .title-charge-form-wrapper .timeline-contact-wrapper .timeline-item .timeline-metadata p {
        margin: 5px 0 0 0;
        font-style: italic; }

.title-charge-form-wrapper .input-edit {
  background: transparent;
  border: none;
  padding: 0;
  border-bottom: 1px dashed transparent;
  margin-right: 14px;
  font-weight: 600;
  padding-right: 2px; }
  .title-charge-form-wrapper .input-edit.editing {
    border-bottom: 1px dashed #bbb; }

.title-charge-form-wrapper .link-more-information {
  font-size: 12px;
  font-weight: 400;
  color: var(--font2);
  border-bottom: 1px solid var(--neutral3);
  height: 15px; }

.title-charge-form-wrapper .title-content-info {
  opacity: 0;
  transition: all 300ms ease; }
  .title-charge-form-wrapper .title-content-info.active {
    opacity: 1; }

.title-charge-form-wrapper .content-info {
  height: 0px;
  opacity: 0;
  transition: all 300ms ease; }
  .title-charge-form-wrapper .content-info.active {
    height: 114px;
    opacity: 1; }

.title-charge-form-wrapper .parcels-charge-wrapper .parcels-charge-item {
  border-radius: 5px;
  min-height: 84px;
  background: #fff;
  margin-bottom: 8px;
  box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.3);
  color: var(--font2);
  padding: 0;
  display: flex; }
  .title-charge-form-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .title-charge-form-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col .mbg-error {
      border: none !important;
      color: var(--error); }
    .title-charge-form-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.equal {
      max-width: 10px;
      padding-right: 5px;
      padding-left: 5px; }
    .title-charge-form-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.charge-checkbox {
      max-width: 54px; }
    .title-charge-form-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.parcel-number {
      padding-left: 14px;
      margin-right: 10px; }
    .title-charge-form-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.col-perc {
      padding-left: 24px; }
    .title-charge-form-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.doc-number {
      max-width: 84px; }
      .title-charge-form-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.doc-number label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .title-charge-form-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.flex-start {
      align-items: flex-start; }
    .title-charge-form-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.more {
      max-width: 30px; }
    .title-charge-form-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col span {
      font-size: 11px;
      color: #46908a; }

.title-charge-form-wrapper .mbg-input-wrapper input {
  flex: unset; }

.title-charge-form-wrapper .input-time {
  width: 100px !important; }
.generate-billet-wrapper .row {
  margin-left: -15px;
  margin-right: -15px; }

.generate-billet-wrapper .ma-container .mbg-modal .mbg-body-modal p {
  max-width: none;
  font-size: 14px;
  color: var(--font2);
  line-height: 18px; }

.generate-billet-wrapper .billet .center {
  text-align: center; }

.generate-billet-wrapper .billet i {
  font-size: 34px;
  margin-bottom: 17px;
  margin-top: 13px;
  color: var(--success); }

.generate-billet-wrapper .billet p {
  color: var(--success); }
.summary-client-titles-wrapper .ma-container .mbg-modal .mbg-body-modal p {
  margin-top: 4px 0;
  font-size: 14px;
  color: var(--font2); }
  .summary-client-titles-wrapper .ma-container .mbg-modal .mbg-body-modal p.individual {
    font-size: 17px; }
  .summary-client-titles-wrapper .ma-container .mbg-modal .mbg-body-modal p span {
    font-weight: 600; }

.summary-client-titles-wrapper .info-summary-client-titles {
  margin-bottom: 14px; }

.summary-client-titles-wrapper .totalizer {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center; }
  .summary-client-titles-wrapper .totalizer label {
    font-size: 13px;
    font-weight: 500;
    color: var(--font2); }
    .summary-client-titles-wrapper .totalizer label span {
      font-weight: 600; }
.create-title-data .title-empty-list {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 450px;
  flex-direction: column;
  border-left: 1px solid #f5f5f5;
  height: 100%;
  background: #f6f6f6; }
  .create-title-data .title-empty-list img {
    width: 154px;
    margin-bottom: 34px; }
  .create-title-data .title-empty-list label {
    color: var(--font2); }

.create-title-data .list-v2 .table > thead > tr.thin-rows > td {
  padding: 3px 4px !important; }

.create-title-data .list-v2 .table > tbody > tr.thin-rows > td {
  padding: 3px 4px !important; }

.create-title-data .item-actions {
  max-width: 40px; }

.create-title-data .disable-border .input-v2 input {
  border: none;
  background: transparent; }

.create-title-data .document-number-input {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-items: stretch;
  justify-content: center; }
  .create-title-data .document-number-input mbg-input-text {
    flex: 1; }
  .create-title-data .document-number-input i {
    margin-left: -3rem; }

.create-title-data .parcels-title-wrapper .parcels-title-item {
  border-radius: 5px;
  min-height: 25px;
  background: #f8f8f8;
  margin-bottom: 8px;
  color: var(--font2);
  padding: 0px 10px;
  display: flex; }
  .create-title-data .parcels-title-wrapper .parcels-title-item.has-payment {
    opacity: 0.5; }
  .create-title-data .parcels-title-wrapper .parcels-title-item .date-expiration input {
    max-width: 100px; }
  .create-title-data .parcels-title-wrapper .parcels-title-item .mbg-input-money-wrapper input {
    text-align: left; }
  .create-title-data .parcels-title-wrapper .parcels-title-item .mbg-input-wrapper {
    height: 24px; }
    .create-title-data .parcels-title-wrapper .parcels-title-item .mbg-input-wrapper input {
      padding: 0;
      background: transparent;
      border: none;
      height: 24px; }
  .create-title-data .parcels-title-wrapper .parcels-title-item .title-col {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .create-title-data .parcels-title-wrapper .parcels-title-item .title-col.equal {
      max-width: 10px;
      padding-right: 30px; }
    .create-title-data .parcels-title-wrapper .parcels-title-item .title-col.title-checkbox {
      max-width: 54px; }
    .create-title-data .parcels-title-wrapper .parcels-title-item .title-col.parcel-number {
      padding-left: 14px; }
    .create-title-data .parcels-title-wrapper .parcels-title-item .title-col.col-perc {
      padding-left: 24px; }
    .create-title-data .parcels-title-wrapper .parcels-title-item .title-col.doc-number {
      max-width: 84px; }
      .create-title-data .parcels-title-wrapper .parcels-title-item .title-col.doc-number label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .create-title-data .parcels-title-wrapper .parcels-title-item .title-col.flex-start {
      align-items: flex-start; }
    .create-title-data .parcels-title-wrapper .parcels-title-item .title-col.more {
      max-width: 30px;
      margin-left: 15px; }
    .create-title-data .parcels-title-wrapper .parcels-title-item .title-col span {
      font-size: 11px;
      color: #46908a; }

.create-title-data .parcels-title-header {
  display: flex;
  padding: 0px 10px;
  height: 25px;
  background-color: var(--primary);
  border-radius: 4px;
  margin-bottom: 8px; }
  .create-title-data .parcels-title-header .parcels-title-item {
    display: flex;
    flex: 1;
    align-items: center; }
    .create-title-data .parcels-title-header .parcels-title-item.number-parcel {
      padding-left: 14px; }
    .create-title-data .parcels-title-header .parcels-title-item span {
      color: #fff;
      font-weight: 600; }

.create-title-data .link-label {
  margin-bottom: 10px; }

.create-title-data .informative-tooltip {
  align-items: rigth;
  display: flex;
  margin-left: 5px; }

.mbg-custom-tooltip {
  z-index: 9999999999 !important; }
  @media screen and (max-width: 1368px) {
    .mbg-custom-tooltip {
      zoom: calc( 0.75); } }
  .mbg-custom-tooltip .tooltip-inner {
    min-width: 60px !important;
    z-index: 9999999999 !important; }
    @media screen and (max-width: 1368px) {
      .mbg-custom-tooltip .tooltip-inner {
        zoom: calc( 4/3); } }
.financial-accounts-form-wrapper .sw-mt {
  margin-top: 7px; }

.financial-accounts-form-wrapper .input-money {
  height: 45px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  text-align: right;
  padding-right: 15px;
  -webkit-appearance: none; }

.financial-accounts-form-wrapper .input-money-disabled {
  height: 45px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  background-color: whitesmoke;
  text-align: right;
  padding-right: 15px;
  -webkit-appearance: none; }
.financial-accounts-list-wrapper mbg-input-text input {
  background-color: transparent;
  border: 1px solid #ccc; }

.financial-accounts-list-wrapper .help-button {
  display: flex;
  justify-content: end; }

.financial-accounts-list-wrapper align-items {
  display: flex;
  align-items: center; }
.financial-balance-wrapper mbg-input-date input {
  background-color: transparent; }

.financial-balance-wrapper .row-filter {
  height: 75px; }
  .financial-balance-wrapper .row-filter div {
    margin-top: auto;
    margin-bottom: auto; }
  .financial-balance-wrapper .row-filter .left-side {
    margin-right: auto;
    padding-left: 10px; }
  .financial-balance-wrapper .row-filter .day-button {
    width: 400px; }
  .financial-balance-wrapper .row-filter .right-side {
    margin-left: auto;
    padding-right: 10px; }

.financial-balance-wrapper .mbg-refresh {
  display: flex;
  align-items: center;
  margin-top: 3px; }
  .financial-balance-wrapper .mbg-refresh i {
    font-size: 22px;
    color: var(--font2); }

.financial-balance-wrapper .centralize {
  margin-top: auto;
  margin-bottom: auto; }

.financial-balance-wrapper .entry-title {
  height: 40px;
  border-radius: 6px;
  color: white;
  background-color: #0747a6;
  font-size: 15px;
  font-weight: bold; }

.financial-balance-wrapper .balance-value {
  margin-top: 5px;
  color: white;
  font-weight: bold;
  height: 35px;
  background-color: #4576be;
  border-radius: 8px; }

.financial-balance-wrapper .content {
  padding-top: 8px;
  padding-bottom: 8px; }

.financial-balance-wrapper .date {
  margin-left: 10px;
  width: 140px; }

.financial-balance-wrapper .value {
  margin-left: auto; }

.financial-balance-wrapper .balance {
  max-width: 135px;
  margin-right: 10px; }
  .financial-balance-wrapper .balance div {
    margin-left: auto; }
.financial-cashier-list-wrapper .help-button {
  justify-content: end;
  margin-top: 28px;
  display: flex; }
.financial-account-movements-form-wrapper .sw-mt {
  margin-top: 7px; }

.financial-account-movements-form-wrapper .group-buttons {
  max-height: fit-content;
  margin: 14px -15px; }
  .financial-account-movements-form-wrapper .group-buttons .btn-movements-type {
    height: 64px;
    border-radius: 4px;
    border: 2px solid var(--neutral3);
    margin: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--font3);
    min-width: 144px; }
    .financial-account-movements-form-wrapper .group-buttons .btn-movements-type svg {
      width: 24px;
      margin-right: 7px; }
    .financial-account-movements-form-wrapper .group-buttons .btn-movements-type span {
      font-weight: 600; }
    .financial-account-movements-form-wrapper .group-buttons .btn-movements-type.active {
      border: 2px solid var(--secondary);
      color: var(--secondary); }
    .financial-account-movements-form-wrapper .group-buttons .btn-movements-type.opacity {
      opacity: 0.5; }
.financial-account-movements-list-wrapper mbg-input-text input {
  background-color: transparent;
  border: 1px solid #ccc; }
.financial-check-operation-wrapper .group-buttons {
  max-height: fit-content;
  margin: 0px -15px 0px -15px; }
  .financial-check-operation-wrapper .group-buttons .btn-movements-type {
    height: 64px;
    border-radius: 4px;
    border: 2px solid var(--neutral3);
    margin: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--font3);
    min-width: 144px; }
    .financial-check-operation-wrapper .group-buttons .btn-movements-type svg {
      width: 24px;
      margin-right: 7px; }
    .financial-check-operation-wrapper .group-buttons .btn-movements-type span {
      font-weight: 600; }
    .financial-check-operation-wrapper .group-buttons .btn-movements-type.active {
      border: 2px solid var(--secondary);
      color: var(--secondary); }
    .financial-check-operation-wrapper .group-buttons .btn-movements-type.opacity {
      opacity: 0.5; }

.financial-check-operation-wrapper .header-check-operation {
  border-radius: 5px;
  min-height: 44px;
  background: #fff;
  margin-bottom: 0;
  border: none;
  color: #fff;
  padding: 0 10px;
  background-color: var(--primary);
  display: flex; }
  .financial-check-operation-wrapper .header-check-operation .operation-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1; }
    .financial-check-operation-wrapper .header-check-operation .operation-col label {
      font-weight: 600; }
    .financial-check-operation-wrapper .header-check-operation .operation-col.bank-col {
      max-width: 48px; }
    .financial-check-operation-wrapper .header-check-operation .operation-col.emit {
      width: 150px; }
    .financial-check-operation-wrapper .header-check-operation .operation-col.flex-start {
      align-items: flex-start; }
    .financial-check-operation-wrapper .header-check-operation .operation-col.flex-center {
      align-items: center; }
    .financial-check-operation-wrapper .header-check-operation .operation-col.view-more {
      max-width: 20px; }

.financial-check-operation-wrapper .row-check-operation {
  border-radius: 5px;
  min-height: 44px;
  background: #fff;
  margin-bottom: 8px;
  box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.3);
  color: var(--font2);
  padding: 0 10px;
  display: flex;
  transition: opacity 300ms ease; }
  .financial-check-operation-wrapper .row-check-operation .operation-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1; }
    .financial-check-operation-wrapper .row-check-operation .operation-col label {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-weight: 400; }
      .financial-check-operation-wrapper .row-check-operation .operation-col label.bold {
        font-weight: 600; }
    .financial-check-operation-wrapper .row-check-operation .operation-col.bank-col {
      max-width: 48px; }
    .financial-check-operation-wrapper .row-check-operation .operation-col.emit {
      width: 150px; }
    .financial-check-operation-wrapper .row-check-operation .operation-col.flex-start {
      align-items: flex-start; }
    .financial-check-operation-wrapper .row-check-operation .operation-col.flex-center {
      align-items: center; }
    .financial-check-operation-wrapper .row-check-operation .operation-col.view-more {
      max-width: 20px; }
      .financial-check-operation-wrapper .row-check-operation .operation-col.view-more .icon-view {
        transition: color 300ms ease; }
        .financial-check-operation-wrapper .row-check-operation .operation-col.view-more .icon-view:hover {
          color: var(--primary); }
  .financial-check-operation-wrapper .row-check-operation * {
    cursor: pointer; }
  .financial-check-operation-wrapper .row-check-operation:hover {
    opacity: 0.7; }

.financial-check-operation-wrapper .informations {
  margin-top: 18px; }
  .financial-check-operation-wrapper .informations .total {
    text-align: right;
    font-size: 17px;
    color: var(--font1);
    margin-bottom: 17px; }
  .financial-check-operation-wrapper .informations label {
    color: var(--font2);
    margin-bottom: 14px;
    text-align: right; }
    .financial-check-operation-wrapper .informations label span {
      font-weight: 400; }
.financial-check-list-wrapper mbg-input-text input {
  background-color: transparent;
  border: 1px solid #ccc; }
.pagarme-extract-wrapper .balance-wrapper {
  margin-top: 20px; }

.pagarme-extract-wrapper .balance-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  opacity: 0.5; }
  .pagarme-extract-wrapper .balance-btn * {
    cursor: pointer; }
  .pagarme-extract-wrapper .balance-btn.active {
    opacity: 1; }
  .pagarme-extract-wrapper .balance-btn.pull-left {
    margin-right: 24px; }
  .pagarme-extract-wrapper .balance-btn .balance-label {
    clear: both;
    height: 23px;
    width: 100px;
    font-size: 11.45px;
    font-style: italic;
    font-weight: 700;
    color: white;
    border-radius: 5px;
    margin: 0 0 7px 0;
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .pagarme-extract-wrapper .balance-btn .balance-label i {
      vertical-align: middle; }
    .pagarme-extract-wrapper .balance-btn .balance-label.pull-right {
      background-color: #41b781; }
    .pagarme-extract-wrapper .balance-btn .balance-label.pull-left {
      background-color: #3eadd6; }
  .pagarme-extract-wrapper .balance-btn .balance-label + div {
    clear: both;
    font-size: 13px;
    font-style: italic;
    opacity: 0.45;
    float: right;
    padding: 0 1px 0 0; }
  .pagarme-extract-wrapper .balance-btn .price {
    clear: both;
    font-size: 18px;
    font-weight: bold;
    margin: 2px 0 0 0; }
    .pagarme-extract-wrapper .balance-btn .price.pull-right {
      color: #41b781; }
    .pagarme-extract-wrapper .balance-btn .price.pull-left {
      color: #3eadd6; }

.pagarme-extract-wrapper .withdraw-btn {
  display: table;
  height: 40px;
  border: 1px solid #c9c9c9;
  background-color: #eeeeea;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  transition: all 300ms ease-out; }

.pagarme-extract-wrapper .transactions-wrapper {
  margin-top: 14px; }
  .pagarme-extract-wrapper .transactions-wrapper .transaction-item {
    display: flex;
    margin-bottom: 8px; }
    .pagarme-extract-wrapper .transactions-wrapper .transaction-item .transaction-exit label {
      color: #f5494f !important;
      opacity: 1 !important; }
    .pagarme-extract-wrapper .transactions-wrapper .transaction-item .transaction-entry label {
      color: #3eadd6 !important;
      opacity: 1 !important; }
    .pagarme-extract-wrapper .transactions-wrapper .transaction-item .transaction-gray label {
      color: #41b781 !important;
      opacity: 1 !important; }
    .pagarme-extract-wrapper .transactions-wrapper .transaction-item .transaction-date {
      width: 44px;
      height: 44px;
      background: #bebebe;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-radius: 5px; }
    .pagarme-extract-wrapper .transactions-wrapper .transaction-item .transaction-content {
      margin-left: 12px;
      background: #f1f1f1;
      align-items: center;
      border-radius: 5px;
      padding: 0 24px; }
      .pagarme-extract-wrapper .transactions-wrapper .transaction-item .transaction-content label {
        color: var(--font2);
        text-transform: uppercase;
        font-size: 13px;
        opacity: 0.6; }
      .pagarme-extract-wrapper .transactions-wrapper .transaction-item .transaction-content span {
        color: var(--font2);
        font-size: 11px; }
      .pagarme-extract-wrapper .transactions-wrapper .transaction-item .transaction-content .transaction-col {
        margin-left: 28px;
        min-width: 200px;
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        .pagarme-extract-wrapper .transactions-wrapper .transaction-item .transaction-content .transaction-col span {
          margin-right: 5px; }
        .pagarme-extract-wrapper .transactions-wrapper .transaction-item .transaction-content .transaction-col label {
          font-size: 16px; }
.withdraw-pagarme-wrapper {
  min-width: 424px;
  padding: 28px 14px; }
  .withdraw-pagarme-wrapper .mbg-body {
    padding: 0 30px; }
  .withdraw-pagarme-wrapper h5 {
    font-size: 18px;
    color: var(--font2);
    text-align: center;
    margin: 0; }
  .withdraw-pagarme-wrapper p {
    text-align: center;
    font-size: 16px;
    color: var(--success);
    margin: 0;
    margin-bottom: 20px; }
    .withdraw-pagarme-wrapper p span {
      font-size: 11px;
      color: var(--font2); }
  .withdraw-pagarme-wrapper p.msg-cost-transfer {
    width: 330px;
    color: var(--font2);
    text-align: center;
    font-size: 11px; }
  .withdraw-pagarme-wrapper p.err {
    font-size: 11px !important;
    color: var(--error) !important; }
.finance-wallet-list-wrapper .align-items {
  display: flex;
  align-items: center; }
.finance-vale-list-wrapper input:focus {
  border-color: var(--primary); }

.finance-vale-list-wrapper .button-to-form {
  float: right; }

.finance-vale-list-wrapper icon i {
  margin: 2px;
  font-size: 16px;
  color: #bcbcbc; }

.finance-vale-list-wrapper icon i:hover {
  color: var(--primary); }

.finance-vale-list-wrapper .help-button {
  margin-left: 25px; }
.financial-check-third-list-wrapper mbg-input-text input {
  background-color: transparent;
  border: 1px solid #ccc; }
.financial-check-third-list-wrapper mbg-input-text input {
  background-color: transparent;
  border: 1px solid #ccc; }
.financial-check-emitted-list-wrapper mbg-input-text input {
  background-color: transparent;
  border: 1px solid #ccc; }

.financial-check-emitted-list-wrapper .conciled-label {
  font-size: 12px;
  color: #fff;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
  padding: 0 10px;
  border-radius: 40px;
  background-color: var(--neutral3); }
  .financial-check-emitted-list-wrapper .conciled-label.conciled {
    background-color: var(--info); }
.financial-check-emitted-form-wrapper mbg-input-text input {
  background-color: transparent;
  border: 1px solid #ccc; }
.finance-cashier-receive-wrapper .check-entrys-wrapper {
  margin: 0; }

.finance-cashier-receive-wrapper .arrow-wrapper {
  height: 89px;
  float: left;
  width: 64px;
  font-size: 24px;
  padding-top: 39px;
  color: var(--font2);
  display: flex;
  align-items: center;
  justify-content: center; }
  .finance-cashier-receive-wrapper .arrow-wrapper svg {
    width: 26px; }
.check-conciliator-wrapper .btn-create {
  margin-top: 42px; }

.check-conciliator-wrapper .cl-loading {
  border: 5px solid var(--primary);
  border-top: 5px solid transparent; }

.check-conciliator-wrapper .searching {
  margin-left: 6px; }
.cash-movements-list-wrapper .full-width {
  width: 100%; }

.cash-movements-list-wrapper .btn-search {
  height: 44px;
  font-weight: 700;
  background-color: #ff991f;
  color: #FFF;
  border-radius: 5px;
  border: none;
  margin-top: 18px; }

.cash-movements-list-wrapper .btn-print {
  height: 44px;
  font-weight: 700;
  background-color: var(--primary);
  color: #FFF;
  border-radius: 5px;
  border: none;
  margin-top: 18px; }
.card-control .cl-loading {
  border: 5px solid var(--primary);
  border-top: 5px solid transparent; }

.card-control .searching {
  margin-left: 6px; }

.card-control .options {
  display: flex;
  justify-content: center; }

.card-control .right {
  text-align: right !important; }

.card-control .left {
  text-align: left !important; }

.card-control .center {
  text-align: center !important; }

.card-control .buttons {
  justify-content: center;
  position: initial; }
  .card-control .buttons mbg-btn-form {
    margin-right: 1%; }

.card-control .search-button {
  flex: 1;
  height: 44px; }

.card-control .table-card-control {
  margin-top: 1%; }

.card-control .btn-search-secondary {
  font-weight: 700;
  background-color: var(--secondary) !important;
  color: #fff !important;
  width: 100% !important;
  border-radius: 5px;
  border: none;
  margin-top: 18px; }

.card-control .help-button {
  margin-top: 15px; }

.card-control .align-items {
  display: flex;
  align-items: center; }
.sg-tree-list {
    .table-tree {
        thead, th{
            height: 1px !important;
            vertical-align: middle;
            background-color: var(--primary) !important;
        }
        
        thead {
            color: #fff;
        }

        thead > tr > th {
            padding: 2px 10px !important;
        }
    
        tbody > tr > td {
            padding: 2px 10px !important;
            border-top: none;
            justify-content: center;
            align-items: center;
        }

        tbody > tr {
            border-top: none;
        }

        tbody, td {
            padding: 1px !important;
            vertical-align: middle;
        }
          
        .table > thead > tr > th > span{
            color: white !important;
            font-weight: bolder !important;
        }
    }

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

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

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

    .mb-status {
        display: grid;
        margin: auto;
    }
 
    .mb-status .tooltiptext {
      visibility: hidden;
      width: 40px;
      background-color: black;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      position: absolute;
      z-index: 1;
      margin-left: 30px;
      margin-top: -20px;
    }

    .mb-status:hover .tooltiptext {
      visibility: visible;
    }

    .d-flex {
        display: flex;
    }

    .flex-row {
        flex-direction: row;
    }

    .grand-total {
        .td-fake {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }
        tr {
            background-color: var(--primary);
            td {
                color: #fff;
            }
        }
    }

    .border-adjust{
        border-bottom: 2px solid #f8f8f8;
    }
    
}.banking-conciliator .page-wrapper {
  padding: 5px !important; }

.banking-conciliator span {
  font-size: 15px !important; }

.banking-conciliator .list-container {
  height: 700px !important;
  overflow: auto; }

.banking-conciliator .m-b-4 {
  margin-bottom: 4px; }

.banking-conciliator .m-t-14 {
  margin-top: 14px; }

.banking-conciliator .justify-center {
  display: flex;
  justify-content: space-between; }

.banking-conciliator .btn-to-conciliate {
  border-radius: 5px;
  border: none;
  background-color: var(--primary);
  color: #FFF;
  font-weight: bolder;
  font-size: 15px;
  padding: 8px;
  height: 44px; }

.banking-conciliator .align-btn {
  width: 100%; }

.banking-conciliator .btn-to-reverse-conciliate {
  border-radius: 5px;
  border: none;
  background-color: var(--secondary);
  color: #FFF;
  font-weight: bolder;
  font-size: 15px;
  padding: 8px; }

.banking-conciliator sg-tree-list th {
  color: white !important; }

.banking-conciliator sg-tree-list tbody:nth-child(odd) .sg-tree-list-tr-main {
  background-color: #DDD; }

.banking-conciliator sg-tree-list tbody tr mbg-checkbox {
  padding: 0 !important; }

.banking-conciliator sg-tree-list tbody tr td span {
  font-size: 14px !important; }

.banking-conciliator .list-table {
  font-size: 20px !important; }

.banking-conciliator .sg-tree-list .table > thead > tr > th > span {
  color: white !important; }

.banking-conciliator .tr-ignored {
  opacity: .5;
  text-decoration: line-through; }

.banking-conciliator .margin-to-icon i {
  margin-right: .25rem; }

.banking-conciliator .empty-result-filter {
  height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff; }

.banking-conciliator .help-button {
  margin-top: 30px;
  display: flex;
  justify-content: end; }

.banking-conciliator .help-button-without-main-filters {
  margin-top: 10px; }

.enable-item-modal .swal2-popup.swal2-modal.swal2-show {
  border-radius: 3rem;
  width: 20vw;
  height: 25vh;
  font-size: 1.5rem; }

.enable-item-modal .swal2-actions {
  flex-direction: row-reverse; }
  .enable-item-modal .swal2-actions .swal2-confirm {
    background-color: #00e000; }
  .enable-item-modal .swal2-actions .swal2-cancel {
    background-color: #ff6363; }
.import-ofx-config-wrapper {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center; }
  .import-ofx-config-wrapper .import-ofx-config-container {
    overflow: auto;
    overflow-x: hidden;
    background-color: #ffffff;
    border-radius: 7px;
    padding: 15px;
    width: 600px; }
    .import-ofx-config-wrapper .import-ofx-config-container label {
      cursor: unset !important; }
    .import-ofx-config-wrapper .import-ofx-config-container .list-v2 thead {
      z-index: 10; }
    .import-ofx-config-wrapper .import-ofx-config-container .list-v2 .linebreak {
      line-break: anywhere; }
    .import-ofx-config-wrapper .import-ofx-config-container .list {
      border: #ddd;
      width: 100%; }
      .import-ofx-config-wrapper .import-ofx-config-container .list .scrolling {
        height: 500px;
        overflow-x: hidden;
        overflow-y: scroll; }
      .import-ofx-config-wrapper .import-ofx-config-container .list .align-right {
        margin-top: 10px;
        display: flex;
        justify-content: right;
        align-items: center; }
    .import-ofx-config-wrapper .import-ofx-config-container .right-items {
      display: flex;
      justify-content: space-between;
      align-items: flex-end; }
    .import-ofx-config-wrapper .import-ofx-config-container .btn {
      background-color: var(--secondary);
      color: #FFF;
      font-weight: bolder;
      font-size: 16px;
      padding: 8px;
      border: 1px solid #fff;
      border-radius: 9px; }
    .import-ofx-config-wrapper .import-ofx-config-container .center-items {
      display: flex;
      justify-content: center;
      align-items: center; }
    .import-ofx-config-wrapper .import-ofx-config-container .title-space {
      display: flex;
      justify-content: center;
      align-items: center; }
      .import-ofx-config-wrapper .import-ofx-config-container .title-space .title {
        font-size: 1.5em;
        font-weight: 700;
        font-family: MontSerrat,sans-serif;
        color: var(--color1);
        margin: 0;
        text-align: center; }
    .import-ofx-config-wrapper .import-ofx-config-container .extract-info-space .align-bottom {
      display: flex;
      align-items: baseline;
      justify-content: center; }
    .import-ofx-config-wrapper .import-ofx-config-container .configurations {
      position: relative;
      margin-top: 10px; }
      .import-ofx-config-wrapper .import-ofx-config-container .configurations .configurations-container {
        background-color: var(--bgColor);
        padding: 10px;
        height: 120px;
        border: 1px solid var(--color1);
        border-radius: 7px; }
        .import-ofx-config-wrapper .import-ofx-config-container .configurations .configurations-container .config-card span:first-child {
          margin-left: 5px; }
    .import-ofx-config-wrapper .import-ofx-config-container .mbg-text-area {
      min-height: 100px;
      margin-top: 0px; }
.bank-statement-list .help-button {
  margin-top: 30px;
  padding: 0px; }
.grid-days-options .selected {
  background-color: var(--primary) !important; }

.grid-days-options .btn-create {
  width: 25% !important;
  margin: 3px; }

.grid-days-options .btn-create:hover {
  cursor: pointer;
  opacity: 50%; }
.card-antecipation-wrapper {
  background-color: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .card-antecipation-wrapper section {
    margin-bottom: 15px; }
  .card-antecipation-wrapper .card-antecipation-container {
    padding: 20px;
    background-color: white;
    border-radius: 25px;
    width: 1100px;
    height: 600px; }
    .card-antecipation-wrapper .card-antecipation-container .title {
      height: 40px;
      width: 100%; }
      .card-antecipation-wrapper .card-antecipation-container .title span {
        font-size: 20px;
        font-weight: bolder; }
    .card-antecipation-wrapper .card-antecipation-container .card-antecipation-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row; }
      .card-antecipation-wrapper .card-antecipation-container .card-antecipation-content .section-data {
        width: 200px; }
    .card-antecipation-wrapper .card-antecipation-container .button-container {
      margin-top: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .card-antecipation-wrapper .card-antecipation-container .button-container button {
        margin-bottom: 5px;
        border: unset;
        height: 50px;
        border-radius: 15px;
        width: 120px; }
      .card-antecipation-wrapper .card-antecipation-container .button-container .btn-antecipate {
        background-color: var(--secondary);
        color: white; }
      .card-antecipation-wrapper .card-antecipation-container .button-container .btn-cancel {
        background-color: white;
        color: var(--primary);
        border: 1px solid var(--primary); }
.card-tax-rate-wrapper {
  background-color: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .card-tax-rate-wrapper .card-tax-rate-container {
    padding: 20px;
    background-color: white;
    border-radius: 25px;
    width: 800px;
    height: 500px; }
    .card-tax-rate-wrapper .card-tax-rate-container .apply-button {
      width: 100%;
      height: 44px;
      margin: auto;
      font-weight: 700;
      color: #FFF;
      background-color: var(--primary); }
      .card-tax-rate-wrapper .card-tax-rate-container .apply-button:hover {
        background-color: #666; }
    .card-tax-rate-wrapper .card-tax-rate-container .bt-actions {
      margin-top: 6px; }
    .card-tax-rate-wrapper .card-tax-rate-container .row-bt {
      margin-bottom: 6px; }
    .card-tax-rate-wrapper .card-tax-rate-container .mbg-modal {
      max-height: 90vh; }
    .card-tax-rate-wrapper .card-tax-rate-container .mbg-body-modal {
      padding: 0px 15px 0px 15px !important;
      margin-top: 5rem !important;
      margin-bottom: 9rem !important; }
    .card-tax-rate-wrapper .card-tax-rate-container .mbg-header-modal {
      margin-top: 20px;
      min-height: 30px !important;
      margin-left: 20px; }
    .card-tax-rate-wrapper .card-tax-rate-container button {
      margin-bottom: 5px;
      border: unset;
      height: 50px;
      border-radius: 15px;
      width: 120px; }
    .card-tax-rate-wrapper .card-tax-rate-container .btn-close-modal {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1; }
.background {
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  height: 100%; }
  .background .modal-body {
    background-color: #f0f0f0;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    border-radius: 10px; }

.tef-bin-form-wrapper .btn-open-terminal {
  height: 44px;
  width: 44px;
  border-radius: 5px;
  background-color: var(--primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  margin-top: 45px; }
.tef-bin-list-wrapper .new-adjustment {
  color: var(--secondary) !important; }

.tef-bin-list-wrapper .help-button {
  margin-top: 10px;
  margin-right: 10px; }

.tef-bin-list-wrapper .justify-end {
  display: flex;
  justify-content: end; }

.tef-bin-list-wrapper .without-padding {
  padding: 0px; }
.bank-shippings-list .table-shipping {
  background-color: #dddddd61;
  border-radius: 5px;
  margin-bottom: 0; }
  .bank-shippings-list .table-shipping thead > tr > th {
    padding: 7px 14px !important;
    background-color: var(--primary);
    color: #eeeeee; }
  .bank-shippings-list .table-shipping tbody > tr > td {
    vertical-align: unset !important;
    padding: 0px 14px !important; }

.bank-shippings-list .table > thead > tr > th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.bank-shippings-list .table > thead > tr > th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.bank-shippings-list .data {
  margin-top: 25px; }

.bank-shippings-list .search-button {
  flex: 1;
  height: 44px; }

.bank-shippings-list .tree-list {
  max-height: 30vh;
  overflow-y: auto;
  overflow-x: hidden;
  transition: 0.3s ease; }

.bank-shippings-list .right {
  text-align: right !important; }

.bank-shippings-list .left {
  text-align: left !important; }

.bank-shippings-list .center {
  text-align: center !important; }

.bank-shippings-list .hideLineOnTable {
  border: 2px #eeeeee solid; }

.bank-shippings-list .align-items {
  display: flex;
  align-items: center; }

.bank-shippings-list .without-padding {
  padding: 0px; }
.bank-slip-list-wrapper .sequence-code, .bank-slip-list-wrapper .exchange-sale-entry {
  padding: 10px 0 0 0; }

.bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-evenly; }
  .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper li {
    margin-bottom: -45px;
    margin-top: -40px;
    width: 50px; }
  .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper .action {
    height: 50px;
    text-align: center; }
  .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper .action i {
    font-size: 30px;
    transition: .3s ease; }
  .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper .action:hover {
    transition: .3s ease;
    cursor: pointer; }
    .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper .action:hover.action i {
      font-size: 40px; }
  .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper .btn-emit {
    color: var(--success); }
  .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper .btn-send-email {
    color: var(--primary); }
  .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper .btn-download {
    color: var(--font2); }
  .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper .btn-cancel {
    color: var(--error); }
  .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper .btn-print {
    color: var(--contrast); }
  .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper .btn-search {
    color: var(--info); }
  .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper .btn-generate-shipping {
    color: var(--contrast); }
  .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper .btn-print-list {
    color: var(--footerPrimary); }
  .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper .btn-anticipate {
    color: var(--color3); }
  .bank-slip-list-wrapper .filter-bank-slip-list .buttons-wrapper .btn-print-multiple-bank-slip {
    color: var(--color1); }

.bank-slip-list-wrapper .mbg-label {
  margin-top: 0; }

.bank-slip-list-wrapper .label-sml {
  font-size: smaller;
  align-items: center;
  color: var(--font2);
  font-weight: 100; }

.bank-slip-list-wrapper .label-sm {
  font-size: small;
  align-items: center;
  color: var(--font2);
  font-weight: 100; }

.bank-slip-list-wrapper cp-print-boleto-icon {
  margin-left: 8px; }

.bank-slip-list-wrapper .mbg-input-wrapper input {
  background: transparent; }

.bank-slip-list-wrapper .mbg-select-wrapper .mbg-select-input-fake {
  background: transparent; }

.bank-slip-list-wrapper .center {
  margin-left: auto;
  margin-right: auto; }

.bank-slip-list-wrapper .mb-status.mb-bg-success {
  background: SlateBlue; }

.bank-slip-list-wrapper .help-button {
  margin-top: 18px;
  display: flex;
  justify-content: end; }

.fa {
  color: var(--font3);
  transform: scale(1.3);
  transition: all 0.2s ease; }
  .fa:hover {
    color: var(--primary);
    transform: scale(1.5); }
.bank-selector-modal-wrapper {
  width: 750px; }
  .bank-selector-modal-wrapper .header {
    padding: 30px; }
  .bank-selector-modal-wrapper .body {
    padding: 0 20px; }
  .bank-selector-modal-wrapper .buttons {
    margin: 20px 30px; }
    .bank-selector-modal-wrapper .buttons .row {
      display: flex;
      justify-content: center; }
.bank-slip-anticipation-list-wrapper .bank-slip-anticipation-list-header {
  padding: 20px; }

.bank-slip-anticipation-list-wrapper .help-button {
  margin-top: 20px;
  display: flex;
  justify-content: end;
  padding: 0px; }
.bank-slip-anticipation-edit-modal {
  background-color: white;
  width: 60vw;
  padding: 50px;
  border-radius: 20px; }
  .bank-slip-anticipation-edit-modal .bank-slip-anticipation-edit-body {
    margin-top: 30px; }
  .bank-slip-anticipation-edit-modal .title {
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
.bank-movement-wrapper {
  padding: 20px; }
  .bank-movement-wrapper .group-buttons {
    max-height: fit-content;
    margin: 14px -15px; }
    .bank-movement-wrapper .group-buttons .btn-cashier {
      height: 64px;
      border-radius: 4px;
      border: 2px solid var(--neutral3);
      margin: 0 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--font3);
      min-width: 144px; }
      .bank-movement-wrapper .group-buttons .btn-cashier svg {
        width: 24px;
        margin-right: 7px; }
      .bank-movement-wrapper .group-buttons .btn-cashier span {
        font-weight: 600; }
      .bank-movement-wrapper .group-buttons .btn-cashier.active {
        border: 2px solid var(--secondary);
        color: var(--secondary); }
      .bank-movement-wrapper .group-buttons .btn-cashier.opacity {
        opacity: 0.5; }
  .bank-movement-wrapper textarea {
    resize: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px 14px;
    flex: 1;
    background: transparent;
    outline: none;
    width: 500px;
    font-weight: 500;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    height: 74px;
    background: #fff; }
    .bank-movement-wrapper textarea:focus {
      border: 1px solid var(--primary) !important; }
  .bank-movement-wrapper .with-errors .mbg-select-input-fake, .bank-movement-wrapper .with-errors input {
    border-color: red; }
  .bank-movement-wrapper .foot .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
.bank-movement-list-wrapper {
  margin-top: 25px; }
  .bank-movement-list-wrapper .new-movement {
    color: var(--secondary) !important; }
  .bank-movement-list-wrapper .help-button {
    margin-top: 28px; }
  .bank-movement-list-wrapper .buttons {
    justify-content: end;
    padding: 0px; }
.payment-method-list-wrapper {
  padding: 24px; }
  .payment-method-list-wrapper .btn-new-type {
    color: var(--secondary) !important; }
  .payment-method-list-wrapper .align-items {
    align-items: center; }
  .payment-method-list-wrapper .help-button {
    margin-left: 10px;
    margin-top: 20px; }
  .payment-method-list-wrapper .filters {
    margin-bottom: 10px !important; }
    .payment-method-list-wrapper .filters .row {
      display: flex;
      align-items: end; }
form.payment-type-form {
  margin: 24px 36px; }
  form.payment-type-form button.btn.mbg-close-modal {
    position: absolute;
    right: 0;
    top: 0; }
  form.payment-type-form .action-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px; }
.control-user-limit-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.9);
  bottom: 0;
  right: 0; }
  .control-user-limit-wrapper .control-user-limit-wrapper-container {
    color: #fff;
    padding: 74px 20% 0 20%;
    display: flex;
    flex-direction: column; }
    .control-user-limit-wrapper .control-user-limit-wrapper-container h3 {
      font-size: 2em;
      min-height: fit-content; }
    .control-user-limit-wrapper .control-user-limit-wrapper-container p {
      font-size: 16px;
      min-height: fit-content; }
    .control-user-limit-wrapper .control-user-limit-wrapper-container .users-wrapper {
      height: 100%;
      display: flex;
      flex-direction: column;
      flex: 1;
      overflow: auto;
      margin-top: 14px; }
      .control-user-limit-wrapper .control-user-limit-wrapper-container .users-wrapper .user-item {
        background: #2d2c2c;
        border-radius: 4px;
        margin-bottom: 8px;
        display: flex;
        flex-direction: row;
        padding: 12px 24px;
        align-items: center;
        min-height: 68px; }
        .control-user-limit-wrapper .control-user-limit-wrapper-container .users-wrapper .user-item img {
          border-radius: 50%;
          width: 44px;
          margin-right: 24px; }
        .control-user-limit-wrapper .control-user-limit-wrapper-container .users-wrapper .user-item h4 {
          margin: 0;
          width: 234px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .control-user-limit-wrapper .control-user-limit-wrapper-container .users-wrapper .user-item h5 {
          margin: 0;
          width: 164px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-weight: 100;
          margin-right: 24px; }
          .control-user-limit-wrapper .control-user-limit-wrapper-container .users-wrapper .user-item h5 b {
            font-weight: bold; }
        .control-user-limit-wrapper .control-user-limit-wrapper-container .users-wrapper .user-item .user-item-options {
          flex: 1;
          display: flex;
          justify-content: flex-end; }
          .control-user-limit-wrapper .control-user-limit-wrapper-container .users-wrapper .user-item .user-item-options label {
            color: #e65757;
            cursor: pointer; }
    .control-user-limit-wrapper .control-user-limit-wrapper-container .control-user-limit-wrapper-footer {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 74px; }
      .control-user-limit-wrapper .control-user-limit-wrapper-container .control-user-limit-wrapper-footer label {
        font-size: 16px;
        cursor: pointer; }
.control-request-session-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.9);
  bottom: 0;
  right: 0; }
  .control-request-session-wrapper .control-request-session-wrapper-container {
    color: #fff;
    padding: 74px 20% 0 20%;
    display: flex;
    flex-direction: column; }
    .control-request-session-wrapper .control-request-session-wrapper-container h3 {
      font-size: 2em;
      min-height: fit-content; }
    .control-request-session-wrapper .control-request-session-wrapper-container p {
      font-size: 16px;
      min-height: fit-content; }
    .control-request-session-wrapper .control-request-session-wrapper-container .label-warn {
      color: var(--warn); }
    .control-request-session-wrapper .control-request-session-wrapper-container .control-request-session-wrapper-footer {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 74px;
      flex-direction: column;
      margin-top: 74px; }
      .control-request-session-wrapper .control-request-session-wrapper-container .control-request-session-wrapper-footer button.yes {
        height: 48px;
        border-radius: 34px;
        padding: 0px 24px;
        background: var(--primary);
        border: none;
        font-weight: bold; }
      .control-request-session-wrapper .control-request-session-wrapper-container .control-request-session-wrapper-footer button.no {
        height: 48px;
        border-radius: 34px;
        padding: 0px 24px;
        background: transparent;
        margin-top: 5px;
        border: none;
        font-weight: bold; }
.update-in-progress-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.9);
  bottom: 0;
  right: 0; }
  .update-in-progress-wrapper .update-in-progress-wrapper-container {
    color: #fff;
    padding: 74px 20% 0 20%;
    display: flex;
    flex-direction: column; }
    .update-in-progress-wrapper .update-in-progress-wrapper-container h3 {
      font-size: 2em;
      min-height: fit-content; }
    .update-in-progress-wrapper .update-in-progress-wrapper-container p {
      font-size: 16px;
      min-height: fit-content; }
    .update-in-progress-wrapper .update-in-progress-wrapper-container .seconds {
      font-size: 46px;
      text-align: center;
      position: absolute;
      right: 44px;
      top: 34px; }
    .update-in-progress-wrapper .update-in-progress-wrapper-container .update-in-progress-item-wrapper {
      height: 100%;
      display: flex;
      flex-direction: column;
      flex: 1;
      overflow: auto;
      margin-top: 14px; }
      .update-in-progress-wrapper .update-in-progress-wrapper-container .update-in-progress-item-wrapper .update-in-progress-item {
        background: #2d2c2c;
        border-radius: 4px;
        margin-bottom: 8px;
        display: flex;
        flex-direction: row;
        padding: 12px 24px;
        align-items: center;
        min-height: 68px; }
        .update-in-progress-wrapper .update-in-progress-wrapper-container .update-in-progress-item-wrapper .update-in-progress-item img {
          border-radius: 50%;
          width: 44px;
          margin-right: 24px; }
        .update-in-progress-wrapper .update-in-progress-wrapper-container .update-in-progress-item-wrapper .update-in-progress-item h4 {
          margin: 0;
          line-height: 20px;
          font-size: 17px;
          overflow: hidden;
          text-overflow: ellipsis; }
        .update-in-progress-wrapper .update-in-progress-wrapper-container .update-in-progress-item-wrapper .update-in-progress-item h5 {
          margin: 0;
          width: 164px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-weight: 100;
          margin-right: 24px; }
          .update-in-progress-wrapper .update-in-progress-wrapper-container .update-in-progress-item-wrapper .update-in-progress-item h5 b {
            font-weight: bold; }
        .update-in-progress-wrapper .update-in-progress-wrapper-container .update-in-progress-item-wrapper .update-in-progress-item .update-in-progress-options {
          flex: 1;
          display: flex;
          justify-content: flex-end; }
          .update-in-progress-wrapper .update-in-progress-wrapper-container .update-in-progress-item-wrapper .update-in-progress-item .update-in-progress-options label {
            color: #e65757;
            cursor: pointer; }
.export-sale-wrapper {
  padding: 30px;
  width: 1000px; }
  .export-sale-wrapper span {
    margin-left: 2px; }
    .export-sale-wrapper span.warn {
      font-weight: bold;
      color: red; }
.exportation-form .mbg-select-list {
  max-width: 500px !important; }

.exportation-form .btn-create {
  max-width: 12em; }

.exportation-form .export-name {
  cursor: default !important;
  width: 200px; }

.exportation-form .download-button {
  cursor: pointer;
  background: var(--secondary);
  color: white !important;
  padding: 8px 16px;
  border-radius: 15px;
  font-size: 13px;
  margin: 0px 3px; }
  .exportation-form .download-button i {
    color: white !important; }

.exportation-form .help-button {
  display: flex;
  justify-content: end;
  padding: 0px; }
.balance-product-divergence-swal .list-buttons {
  width: 40% !important; }
.branches-main-wrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
  max-height: -webkit-fill-available; }
  .branches-main-wrapper table {
    border-collapse: unset; }
  .branches-main-wrapper #scene {
    width: 100%;
    height: 700px;
    background: #f3f3f3;
    overflow: hidden; }
  .branches-main-wrapper .google-visualization-orgchart-node {
    height: 94px;
    min-width: 264px;
    position: relative;
    padding: 0;
    box-shadow: none;
    background: transparent;
    border: none; }
  .branches-main-wrapper .google-visualization-orgchart-linebottom,
  .branches-main-wrapper .google-visualization-orgchart-lineleft,
  .branches-main-wrapper .google-visualization-orgchart-lineright,
  .branches-main-wrapper .google-visualization-orgchart-linetop {
    border-color: #bdbdbd;
    border-width: 3px; }
  .branches-main-wrapper .company-item {
    top: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    padding: 0 14px;
    align-items: center; }
    .branches-main-wrapper .company-item img {
      width: 64px;
      height: 64px;
      border-radius: 50%; }
    .branches-main-wrapper .company-item .metadata {
      display: flex;
      flex-direction: column;
      flex: 1;
      align-items: flex-start;
      height: 100%;
      padding: 0 6px;
      justify-content: center; }
      .branches-main-wrapper .company-item .metadata .name {
        font-size: 12px;
        color: var(--font2);
        font-family: sans-serif;
        text-transform: uppercase;
        white-space: nowrap;
        max-width: 158px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .branches-main-wrapper .company-item .metadata .cnpj {
        font-size: 11px;
        color: var(--font2);
        font-family: sans-serif; }
      .branches-main-wrapper .company-item .metadata .options {
        display: flex;
        padding: 0;
        width: 100%;
        justify-content: space-between;
        margin-top: 4px; }
        .branches-main-wrapper .company-item .metadata .options .btn {
          font-size: 12px;
          padding: 0; }
  .branches-main-wrapper .company-item[type="MATRIX"] {
    background: #fff;
    border-radius: 24px;
    border: 2px solid #e2e2e2; }
  .branches-main-wrapper .company-item[type="FILIAL"] {
    background: #fff;
    border: 2px solid #eaeaea;
    border-radius: 5px; }
report-category button {
  border: none;
  background: transparent;
  color: var(--font2);
  min-width: fit-content;
  padding: 10px 14px;
  border-radius: 7px;
  margin-right: 5px;
  border-radius: 50px; }
  report-category button.active {
    background: var(--primary);
    color: #fff;
    font-weight: bold; }
  report-category button i {
    margin-right: 8px; }
report-preview .reports-preview-wrapper {
  background-color: #fff;
  color: #444;
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 20px;
  width: 208px;
  border: 1px solid #dfe1e5;
  border-radius: 3px;
  box-shadow: none;
  cursor: pointer;
  opacity: 1;
  overflow: hidden; }
  report-preview .reports-preview-wrapper:hover {
    border: 1px solid var(--secondary); }
  report-preview .reports-preview-wrapper .reports-preview-thumbnail {
    height: 180px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 208px;
    background-repeat: no-repeat;
    background-size: 208px auto;
    border: none;
    display: block;
    position: relative; }
    report-preview .reports-preview-wrapper .reports-preview-thumbnail::after {
      background-color: transparent;
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
      background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
      background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
      background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
      background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
      bottom: 0px;
      content: " ";
      height: 78px;
      position: absolute;
      width: 100%; }
  report-preview .reports-preview-wrapper .reports-preview-metadata {
    border-top: 1px solid #e2e2e2;
    padding: 16px 8px 14px 16px;
    position: relative; }
    report-preview .reports-preview-wrapper .reports-preview-metadata .reports-preview-title {
      color: var(--font2);
      font-size: 14px;
      letter-spacing: 0.15px;
      line-height: 18px;
      margin-left: 2px;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: top;
      white-space: nowrap;
      font-weight: bold; }
      report-preview .reports-preview-wrapper .reports-preview-metadata .reports-preview-title .reports-preview-icon {
        display: inline-flex;
        vertical-align: bottom;
        padding: 5px;
        margin-right: 5px;
        background: #7da0cb;
        color: #fff;
        border-radius: 5px;
        height: 24px;
        font-size: 14px;
        align-items: center;
        justify-content: center; }
    report-preview .reports-preview-wrapper .reports-preview-metadata .reports-preview-metadata-row {
      padding-top: 5px;
      display: flex;
      align-items: center; }
      report-preview .reports-preview-wrapper .reports-preview-metadata .reports-preview-metadata-row .reports-preview-icon {
        display: inline-flex;
        vertical-align: bottom;
        padding: 5px;
        background: #7da0cb;
        color: #fff;
        border-radius: 5px;
        height: 24px;
        font-size: 14px;
        align-items: center;
        justify-content: center; }
      report-preview .reports-preview-wrapper .reports-preview-metadata .reports-preview-metadata-row .reports-preview-time {
        font-size: 11px;
        padding-left: 8px; }
.reports-list-wrapper .reports-documents-title {
  font-size: 16px;
  line-height: 24px;
  margin-left: 0;
  margin-right: 30px;
  padding-top: 21px;
  padding-right: 0;
  padding-bottom: 19px; }
.reports-form-wrapper .m-t-10 {
  margin-top: 10px; }
.report-view-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85); }
  .report-view-wrapper .report-view-container {
    height: 100%;
    padding: 24px 168px 24px 168px; }
    .report-view-wrapper .report-view-container h1 {
      margin: 0;
      color: #fff;
      font-weight: bold;
      font-size: 24px; }
    .report-view-wrapper .report-view-container .report-iframe-wrapper {
      background-color: #fafbfe;
      border-radius: 8px;
      margin-top: 12px;
      overflow: hidden;
      position: relative; }
      .report-view-wrapper .report-view-container .report-iframe-wrapper iframe {
        border: none;
        width: 100%;
        height: 100%; }
.export-pdv-wrapper .check-box-pdv {
  margin-top: 4px; }

.export-pdv-wrapper .label-checkbox {
  font-weight: 600;
  margin-left: 14px;
  color: black; }

.export-pdv-wrapper .align-label {
  display: flex;
  align-items: center; }
.vertical-align-middle {
  align-items: center; }

.horizontal-align-center {
  justify-content: center; }
.export-pdv-wrapper .mbg-switch-right {
  margin-top: 7px; }

.export-pdv-wrapper .check-box-pdv {
  margin-top: 4px; }

.export-pdv-wrapper .label-checkbox {
  font-weight: 600;
  margin-left: 14px;
  color: black; }

.export-pdv-wrapper .align-label {
  display: flex;
  align-items: center; }

.export-pdv-wrapper .help-button {
  display: flex;
  justify-content: end;
  margin-right: 25px;
  margin-bottom: 5px; }

.input-type-time-style {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  padding: 8px 13px;
  flex: 0;
  outline: none;
  width: 100px;
  height: 44px; }
.import-data-form-wrapper .pending-items {
  margin-bottom: 14px; }
  .import-data-form-wrapper .pending-items > label {
    color: var(--warn);
    margin-bottom: 6px; }
  .import-data-form-wrapper .pending-items .table-pending {
    padding-left: 24px; }
    .import-data-form-wrapper .pending-items .table-pending .solution {
      margin-bottom: 24px; }
    .import-data-form-wrapper .pending-items .table-pending thead label {
      color: var(--font2);
      font-weight: 600; }
    .import-data-form-wrapper .pending-items .table-pending tbody label {
      color: var(--font2);
      font-weight: 400; }

.import-data-form-wrapper .margin-bt {
  margin-bottom: 5px; }

.import-data-form-wrapper p.description {
  color: var(--font2);
  margin-bottom: 24px;
  font-size: 13px; }

.import-data-form-wrapper .success-import h4 {
  color: var(--success); }

.import-data-form-wrapper .in-process-import h4 {
  color: var(--info); }

.import-data-form-wrapper .fail-import h4 {
  color: var(--error); }

.import-data-form-wrapper .reversed-import h4 {
  color: var(--info); }
.modal-content .page-wrapper {
  max-width: 80vw; }

.import-validation-info-json-wrapper {
  width: 100%;
  min-width: 1024px; }
  .import-validation-info-json-wrapper h4 {
    font-size: 16px !important;
    color: var(--font1) !important;
    padding: 0px !important; }
  .import-validation-info-json-wrapper .ma-container .row {
    margin-right: -15px;
    margin-left: -15px; }
  .import-validation-info-json-wrapper .ma-container .mbg-body-modal .row, .import-validation-info-json-wrapper .ma-container .mbg-header-modal .row {
    margin-right: -15px;
    margin-left: -15px; }
.pdv-configuration-wrapper .page-wrapper {
  padding: 0px 6px; }

.pdv-configuration-wrapper div ul {
  flex-wrap: wrap !important; }

.pdv-configuration-wrapper .switch-btn {
  height: 24px;
  margin-top: 4px; }

.pdv-configuration-wrapper .select-vxcharge {
  margin-top: 4px; }

.pdv-configuration-wrapper .tab-body {
  padding: 0px 12px 0px 10px; }

.pdv-configuration-wrapper .catalog-image .mbg-image-upload-wrapper.bottom .mbg-image-upload-main-wrapper {
  height: 50px !important;
  width: 50px !important; }
  .pdv-configuration-wrapper .catalog-image .mbg-image-upload-wrapper.bottom .mbg-image-upload-main-wrapper mbg-image-upload-main .options {
    z-index: 10;
    bottom: 0px;
    right: 50px; }

.pdv-configuration-wrapper mbg-select div.mbg-select-wrapper .mbg-select-input-fake {
  height: 24px !important;
  padding: 2px 14px !important; }

.pdv-configuration-wrapper .input-label {
  font-weight: 600 !important; }

.pdv-configuration-wrapper mbg-input-percentage div input,
.pdv-configuration-wrapper mbg-input-date div input,
.pdv-configuration-wrapper mbg-input-text div input,
.pdv-configuration-wrapper mbg-input-date div,
.pdv-configuration-wrapper mbg-input-percentage div,
.pdv-configuration-wrapper mbg-input-text div {
  height: 24px !important; }

.pdv-configuration-wrapper .action-btn {
  width: 100%;
  height: 3rem;
  border-radius: .5rem; }
  @media screen and (min-width: 992px) {
    .pdv-configuration-wrapper .action-btn {
      width: 3rem; } }
  .pdv-configuration-wrapper .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff;
    margin-top: 4rem; }
  .pdv-configuration-wrapper .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }

.pdv-configuration-wrapper .wrapper-list {
  display: flex;
  gap: 18px; }
  @media screen and (max-width: 1080px) {
    .pdv-configuration-wrapper .wrapper-list > div {
      width: 100%; } }
  @media screen and (min-width: 1080px) {
    .pdv-configuration-wrapper .wrapper-list > div {
      width: 50%; } }

.pdv-configuration-wrapper .pdv-integration-parameters-list {
  overflow-y: auto;
  max-height: 55vh;
  overflow-x: clip; }

.pdv-configuration-wrapper .table-integration-pdv {
  font-weight: 500;
  width: 100%; }
  .pdv-configuration-wrapper .table-integration-pdv thead {
    position: sticky;
    top: 0;
    z-index: 10; }
    .pdv-configuration-wrapper .table-integration-pdv thead th {
      color: white;
      padding: 4px 0px 4px 0px;
      background-color: var(--primary); }
    .pdv-configuration-wrapper .table-integration-pdv thead th:nth-child(1) {
      border-radius: 12px 0px 0px 12px;
      padding-left: 50px; }
    .pdv-configuration-wrapper .table-integration-pdv thead th:last-child {
      border-radius: 0px 12px 12px 0px; }
  .pdv-configuration-wrapper .table-integration-pdv tbody td:nth-child(1) {
    padding-left: 10px;
    width: 70%; }
  .pdv-configuration-wrapper .table-integration-pdv tbody tr {
    height: 40px; }
  .pdv-configuration-wrapper .table-integration-pdv tbody > tr:nth-child(odd) {
    background-color: #eaeaea; }
  .pdv-configuration-wrapper .table-integration-pdv tbody > tr:nth-child(even) {
    background-color: #f5f5f5; }
  .pdv-configuration-wrapper .table-integration-pdv .permission-width-columns > td:nth-child(1) {
    width: 50%; }
  .pdv-configuration-wrapper .table-integration-pdv .permission-width-columns > td:nth-child(2) {
    width: 5%; }

.pdv-configuration-wrapper input-v2[type='money'] input, .pdv-configuration-wrapper input-v2[type='number'] input, .pdv-configuration-wrapper input-v2[type='percentage'] input {
  text-align: end; }

.pdv-configuration-wrapper input-v2 .input-v2 input,
.pdv-configuration-wrapper input-v2 .input-v2 .input-button {
  height: 25px; }

.pdv-configuration-wrapper input-v2 .input-square-button .square-button {
  width: 20px;
  height: 20px;
  display: flex; }

.pdv-configuration-wrapper input-v2 i {
  zoom: 75%; }

.pdv-configuration-wrapper select-v2 .mbg-select-input-fake {
  height: 25px;
  padding: 2px 14px;
  cursor: pointer; }
  .pdv-configuration-wrapper select-v2 .mbg-select-input-fake span {
    display: flex;
    overflow: hidden;
    max-height: 100%; }

.pdv-configuration-wrapper span.switch {
  scale: 80%;
  margin-top: 4px; }

.pdv-configuration-wrapper uib-tab-heading {
  padding: 0px 12px !important; }

.pdv-configuration-wrapper ul.nav.nav-tabs > li > a {
  min-height: 40px !important; }

.pdv-configuration-wrapper .div-themes {
  display: flex; }

.pdv-configuration-wrapper uib-tab-heading.with-errors {
  text-decoration: underline red; }

.pdv-configuration-wrapper .catalog-table {
  font-weight: 500;
  width: 100%; }
  .pdv-configuration-wrapper .catalog-table th {
    color: white;
    padding: 4px 0px 4px 0px;
    background-color: var(--primary); }
  .pdv-configuration-wrapper .catalog-table tbody > tr:nth-child(odd) {
    background-color: #eaeaea; }
  .pdv-configuration-wrapper .catalog-table tbody > tr:nth-child(even) {
    background-color: #f5f5f5; }
  .pdv-configuration-wrapper .catalog-table .td-image {
    padding: 6px 0px; }

.pdv-configuration-wrapper .info {
  color: var(--primarySub);
  padding: 0px 12px;
  transition: all .1s ease-in-out;
  cursor: pointer;
  scale: 1.1; }

.pdv-configuration-wrapper .justify-end {
  display: flex;
  justify-content: end; }

.pdv-configuration-wrapper .help-button {
  margin-top: 12px;
  margin-right: 14px; }

@media screen and (max-width: 1368px) {
  .fixing-zoom {
    zoom: .75; } }
.payment-check-list-modal-wrapper {
  padding: 24px 24px 24px 36px;
  min-width: 30vw; }
.coupon-config-modal-wrapper {
  padding: 24px 24px 24px 36px;
  min-width: 60vw !important;
  min-height: 30vh;
  max-height: 80vh;
  display: flex;
  flex-direction: column; }
  .coupon-config-modal-wrapper .div-parameters-list {
    overflow-y: auto;
    max-height: 65vh; }
    .coupon-config-modal-wrapper .div-parameters-list .parameter-not-text {
      padding: 12px 0px 12px 12px;
      display: flex;
      height: 40px;
      align-items: center; }
      .coupon-config-modal-wrapper .div-parameters-list .parameter-not-text div label {
        font-weight: 500; }
    .coupon-config-modal-wrapper .div-parameters-list label {
      font-weight: 300; }
    .coupon-config-modal-wrapper .div-parameters-list > div:nth-child(odd) {
      background-color: #eaeaea; }
    .coupon-config-modal-wrapper .div-parameters-list > div:nth-child(even) {
      background-color: #f5f5f5; }
  .coupon-config-modal-wrapper .text-line {
    display: flex;
    gap: 0 4px;
    margin: 4px 0;
    align-items: center;
    padding: 0 8px; }
    .coupon-config-modal-wrapper .text-line .text-line-number {
      width: 8ch; }
    .coupon-config-modal-wrapper .text-line .text-line-content {
      flex: 1; }
    .coupon-config-modal-wrapper .text-line .text-line-actions {
      display: flex;
      width: 64px;
      gap: 0 4px; }
      .coupon-config-modal-wrapper .text-line .text-line-actions > button {
        width: 30px; }
  .coupon-config-modal-wrapper .tag-row-wrapper {
    max-width: 80vw; }
  .coupon-config-modal-wrapper .tag-row {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    gap: 0 4px;
    justify-content: flex-start; }
    .coupon-config-modal-wrapper .tag-row .tag-button {
      margin: 2px 0;
      border-radius: 5px;
      border: 0;
      color: white;
      background: var(--primary); }
    .coupon-config-modal-wrapper .tag-row[disabled] .tag-button {
      background: dimgray; }
  .coupon-config-modal-wrapper div.fake-input-v2 {
    min-width: unset;
    width: 100%;
    height: 25px;
    padding-left: 14px;
    padding-right: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-color: #f5f5f5; }
  .coupon-config-modal-wrapper .margin-bottom {
    margin-bottom: 24px; }
  .coupon-config-modal-wrapper .action-btn {
    width: 100%;
    height: 3rem;
    border-radius: .5rem; }
    @media screen and (min-width: 992px) {
      .coupon-config-modal-wrapper .action-btn {
        width: 3rem; } }
    .coupon-config-modal-wrapper .action-btn.btn-plus {
      color: #fff;
      background: #063c8e;
      border: 0px solid #fff; }
    .coupon-config-modal-wrapper .action-btn.btn-close {
      color: #ff3030;
      background: #fff;
      border: 1px solid #cecece; }
  .coupon-config-modal-wrapper input-v2[type='money'] input, .coupon-config-modal-wrapper input-v2[type='number'] input, .coupon-config-modal-wrapper input-v2[type='percentage'] input {
    text-align: end; }
  .coupon-config-modal-wrapper input-v2 .input-v2 input, .coupon-config-modal-wrapper input-v2 .input-v2 .input-button {
    height: 25px; }
  .coupon-config-modal-wrapper input-v2 .input-square-button .square-button {
    width: 20px;
    height: 20px;
    display: flex; }
  .coupon-config-modal-wrapper input-v2 i {
    zoom: 75%; }
  .coupon-config-modal-wrapper mbg-select .mbg-select-input-fake {
    height: 25px;
    padding: 2px 14px; }
    .coupon-config-modal-wrapper mbg-select .mbg-select-input-fake span {
      display: flex;
      overflow: hidden;
      max-height: 100%; }
  .coupon-config-modal-wrapper span.switch {
    scale: 80%;
    margin-top: 4px; }
  .coupon-config-modal-wrapper .cp-page-title-wrapper {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%; }
    .coupon-config-modal-wrapper .cp-page-title-wrapper .mbg-title {
      font-size: 1.5em;
      font-weight: 700;
      font-family: MontSerrat,sans-serif;
      color: var(--font1);
      margin: 0; }
    .coupon-config-modal-wrapper .cp-page-title-wrapper .mbg-detail {
      width: 54px;
      height: 34px;
      fill: var(--color1);
      margin: 0;
      vertical-align: middle; }
    .coupon-config-modal-wrapper .cp-page-title-wrapper .mbg-detail-path {
      fill: var(--color1);
      stroke: var(--color1); }
    .coupon-config-modal-wrapper .cp-page-title-wrapper .mbg-detail,
    .coupon-config-modal-wrapper .cp-page-title-wrapper .mbg-detail-path {
      stroke-miterlimit: initial;
      stroke-width: initial; }
  .coupon-config-modal-wrapper .info {
    color: var(--primarySub);
    padding: 0px 12px;
    transition: all .1s ease-in-out;
    cursor: pointer;
    scale: 1.1; }
.check-list-modal-wrapper {
  padding: 24px 24px 24px 36px;
  min-width: 30vw; }
  .check-list-modal-wrapper check-list > div > div {
    display: grid;
    grid-template-columns: 1fr 1fr; }
.coupon-config-modal-wrapper {
  padding: 24px 24px 24px 36px;
  min-width: 50vw;
  min-height: 30vh;
  max-height: 70vh; }
  .coupon-config-modal-wrapper .div-parameters-list {
    overflow-y: auto;
    margin-bottom: 36px;
    max-height: 65vh; }
    .coupon-config-modal-wrapper .div-parameters-list .parameter-not-text {
      padding: 12px 0px 12px 12px;
      display: flex;
      height: 40px;
      align-items: center; }
      .coupon-config-modal-wrapper .div-parameters-list .parameter-not-text div label {
        font-weight: 500; }
    .coupon-config-modal-wrapper .div-parameters-list label {
      font-weight: 300; }
    .coupon-config-modal-wrapper .div-parameters-list > div.row:nth-child(odd) {
      background-color: #eaeaea; }
    .coupon-config-modal-wrapper .div-parameters-list > div.row:nth-child(even) {
      background-color: #f5f5f5; }
  .coupon-config-modal-wrapper .margin-bottom {
    margin-bottom: 24px; }
  .coupon-config-modal-wrapper .action-btn {
    width: 100%;
    height: 3rem;
    border-radius: .5rem; }
    @media screen and (min-width: 992px) {
      .coupon-config-modal-wrapper .action-btn {
        width: 3rem; } }
    .coupon-config-modal-wrapper .action-btn.btn-plus {
      color: #fff;
      background: #063c8e;
      border: 0px solid #fff; }
    .coupon-config-modal-wrapper .action-btn.btn-close {
      color: #ff3030;
      background: #fff;
      border: 1px solid #cecece; }
  .coupon-config-modal-wrapper input-v2[type='money'] input, .coupon-config-modal-wrapper input-v2[type='number'] input, .coupon-config-modal-wrapper input-v2[type='percentage'] input {
    text-align: end; }
  .coupon-config-modal-wrapper input-v2 .input-v2 input, .coupon-config-modal-wrapper input-v2 .input-v2 .input-button {
    height: 25px; }
  .coupon-config-modal-wrapper input-v2 .input-square-button .square-button {
    width: 20px;
    height: 20px;
    display: flex; }
  .coupon-config-modal-wrapper input-v2 i {
    zoom: 75%; }
  .coupon-config-modal-wrapper select-v2 .mbg-select-input-fake {
    height: 25px;
    padding: 2px 14px; }
    .coupon-config-modal-wrapper select-v2 .mbg-select-input-fake span {
      display: flex;
      overflow: hidden;
      max-height: 100%; }
  .coupon-config-modal-wrapper span.switch {
    scale: 80%;
    margin-top: 4px; }
.theme-config-modal-wrapper {
  padding: 24px 36px;
  width: 100%;
  min-width: 30vw;
  max-width: 50vw; }
  .theme-config-modal-wrapper cp-page-title .cp-page-title-wrapper .mbg-title {
    font-size: 2.2rem  !important; }
  .theme-config-modal-wrapper .config-theme-list {
    overflow-y: auto;
    max-height: 65vh; }
  .theme-config-modal-wrapper td {
    padding-right: 12px; }
  .theme-config-modal-wrapper select-v2 .mbg-select-input-fake {
    height: 25px;
    padding: 2px 14px;
    width: 100%;
    text-align: center;
    cursor: pointer; }
    .theme-config-modal-wrapper select-v2 .mbg-select-input-fake span {
      display: flex;
      overflow: hidden;
      max-height: 100%; }
  .theme-config-modal-wrapper input-v2 input {
    width: 100%; }
  .theme-config-modal-wrapper input-v2 .input-v2 input, .theme-config-modal-wrapper input-v2 .input-v2 .input-button {
    height: 25px; }
  .theme-config-modal-wrapper input-v2 .input-square-button .square-button {
    width: 20px;
    height: 20px;
    display: flex; }
  .theme-config-modal-wrapper input-v2 i {
    zoom: 75%; }
  .theme-config-modal-wrapper .layout-div {
    display: flex;
    align-items: center; }
    .theme-config-modal-wrapper .layout-div .title-option {
      width: 150px; }
    .theme-config-modal-wrapper .layout-div input-v2, .theme-config-modal-wrapper .layout-div select-v2 {
      flex-grow: 1; }
    .theme-config-modal-wrapper .layout-div mbg-image-upload {
      margin-bottom: 6px; }
    .theme-config-modal-wrapper .layout-div select-v2 {
      z-index: 10; }
  .theme-config-modal-wrapper .sphere-color {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #ddd;
    background-image: url("/resources/images/pattern.png");
    margin-right: 2px;
    z-index: 10; }
    .theme-config-modal-wrapper .sphere-color.background-color {
      background-image: none; }
  .theme-config-modal-wrapper .margin-top {
    margin-top: 2px !important; }
  .theme-config-modal-wrapper .table-config {
    display: flex;
    flex-direction: row; }
  .theme-config-modal-wrapper .figures-box {
    display: flex;
    width: 100%;
    justify-content: space-between; }
  .theme-config-modal-wrapper .idle-figures {
    padding: 12px 0px; }
    .theme-config-modal-wrapper .idle-figures cp-edit-icon {
      margin-left: 12px; }
  .theme-config-modal-wrapper .figures-div {
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin: 24px 0px; }
  .theme-config-modal-wrapper .layout-div .mbg-image-upload-wrapper.bottom .mbg-image-upload-main-wrapper {
    height: 70px !important;
    width: 70px !important; }
    .theme-config-modal-wrapper .layout-div .mbg-image-upload-wrapper.bottom .mbg-image-upload-main-wrapper mbg-image-upload-main .options {
      z-index: 10;
      bottom: -28px;
      right: 50px; }
  .theme-config-modal-wrapper .colors-div {
    width: 100%;
    padding: 12px 0px; }
    .theme-config-modal-wrapper .colors-div table {
      width: 100%; }
      .theme-config-modal-wrapper .colors-div table tr td:nth-child(1) {
        width: 150px; }
.set-idle-figures-wrapper {
  padding: 24px 24px 24px 36px;
  width: 40vw; }
  .set-idle-figures-wrapper cp-page-title .cp-page-title-wrapper .mbg-title {
    font-size: 2.2rem  !important; }
  .set-idle-figures-wrapper .div-figures {
    max-height: 50vh;
    overflow-y: auto; }
  .set-idle-figures-wrapper .create-figure {
    display: flex;
    align-items: end; }
  .set-idle-figures-wrapper .action-btn {
    width: 100%;
    height: 3rem;
    border-radius: .5rem; }
    @media screen and (min-width: 992px) {
      .set-idle-figures-wrapper .action-btn {
        width: 3rem; } }
    .set-idle-figures-wrapper .action-btn.btn-plus {
      color: #fff;
      background: #063c8e;
      border: 0px solid #fff; }
  .set-idle-figures-wrapper .idle-image .mbg-image-upload-wrapper.bottom .mbg-image-upload-main-wrapper {
    height: 50px !important;
    width: 50px !important; }
    .set-idle-figures-wrapper .idle-image .mbg-image-upload-wrapper.bottom .mbg-image-upload-main-wrapper mbg-image-upload-main .options {
      z-index: 10;
      bottom: -28px;
      right: 50px; }
  .set-idle-figures-wrapper list-v2 .list-v2 {
    padding: 12px; }
.theme-list-modal-wrapper {
  padding: 24px 24px 24px 36px;
  width: 50vw; }
  .theme-list-modal-wrapper cp-page-title .cp-page-title-wrapper .mbg-title {
    font-size: 2.2rem  !important; }
  .theme-list-modal-wrapper .not-found {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 12px 0px; }
    .theme-list-modal-wrapper .not-found svg {
      width: 50px;
      fill: var(--font2); }
    .theme-list-modal-wrapper .not-found label {
      color: var(--font2);
      margin-top: 14px; }
  .theme-list-modal-wrapper .config-theme-list {
    overflow-y: auto;
    max-height: 65vh;
    margin: 12px 0px; }
    .theme-list-modal-wrapper .config-theme-list .div-themes {
      display: flex;
      flex-direction: column;
      gap: 12px; }
  .theme-list-modal-wrapper .table-integration-pdv-theme {
    font-weight: 500;
    width: 100%; }
    .theme-list-modal-wrapper .table-integration-pdv-theme thead {
      position: sticky;
      top: 0;
      z-index: 10; }
      .theme-list-modal-wrapper .table-integration-pdv-theme thead th {
        color: white;
        padding: 4px 0px;
        background-color: var(--primary); }
      .theme-list-modal-wrapper .table-integration-pdv-theme thead th:nth-child(1) {
        border-radius: 12px 0px 0px 12px;
        padding-left: 32px; }
      .theme-list-modal-wrapper .table-integration-pdv-theme thead th:last-child {
        border-radius: 0px 12px 12px 0px; }
    .theme-list-modal-wrapper .table-integration-pdv-theme tbody td:nth-child(1) {
      width: 40%;
      padding-left: 32px; }
    .theme-list-modal-wrapper .table-integration-pdv-theme tbody tr {
      height: 40px; }
    .theme-list-modal-wrapper .table-integration-pdv-theme tbody > tr:nth-child(odd) {
      background-color: #eaeaea; }
    .theme-list-modal-wrapper .table-integration-pdv-theme tbody > tr:nth-child(even) {
      background-color: #f5f5f5; }
  .theme-list-modal-wrapper .btn-create-theme {
    border-radius: 34px;
    width: 200px;
    height: 25px;
    border: 2px solid var(--primary);
    border: none;
    background: var(--secondary);
    color: #FFF;
    font-weight: bold; }
  .theme-list-modal-wrapper .button-add {
    display: flex;
    justify-content: end; }
.theme-config-fivewin-modal-wrapper {
  padding: 24px 36px;
  width: 100%;
  min-width: 35vw;
  max-width: 50vw;
  height: 90vh; }
  .theme-config-fivewin-modal-wrapper .button-selects {
    padding: 12px; }
    .theme-config-fivewin-modal-wrapper .button-selects div {
      display: flex; }
    .theme-config-fivewin-modal-wrapper .button-selects span {
      width: 100px; }
    .theme-config-fivewin-modal-wrapper .button-selects select-v2 {
      z-index: 10;
      flex-grow: 1; }
  .theme-config-fivewin-modal-wrapper mbg-select {
    flex-grow: 1; }
    .theme-config-fivewin-modal-wrapper mbg-select .mbg-select-wrapper .mbg-select-input-fake {
      height: 25px;
      padding: 2px 12px; }
  .theme-config-fivewin-modal-wrapper .info {
    padding: 6px 12px; }
    .theme-config-fivewin-modal-wrapper .info span {
      width: 100px; }
  .theme-config-fivewin-modal-wrapper .div-options {
    display: flex;
    flex-direction: column;
    gap: 6px; }
  .theme-config-fivewin-modal-wrapper cp-page-title .cp-page-title-wrapper .mbg-title {
    font-size: 2.2rem  !important; }
  .theme-config-fivewin-modal-wrapper td {
    padding-right: 12px; }
  .theme-config-fivewin-modal-wrapper .space-around {
    justify-content: space-around; }
  .theme-config-fivewin-modal-wrapper .overflow {
    padding: 12px 24px;
    height: 60vh;
    overflow: scroll;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 12px; }
  .theme-config-fivewin-modal-wrapper .layout-div {
    display: flex;
    align-items: center; }
    .theme-config-fivewin-modal-wrapper .layout-div input-v2, .theme-config-fivewin-modal-wrapper .layout-div select-v2 {
      flex-grow: 1; }
    .theme-config-fivewin-modal-wrapper .layout-div mbg-image-upload {
      margin-bottom: 6px; }
  .theme-config-fivewin-modal-wrapper .sphere-color {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #ddd;
    background-image: url("/resources/images/pattern.png");
    margin-right: 2px; }
    .theme-config-fivewin-modal-wrapper .sphere-color.background-color {
      background-image: none; }
  .theme-config-fivewin-modal-wrapper .margin-top {
    margin-top: 2px !important; }
  .theme-config-fivewin-modal-wrapper .table-config {
    display: flex;
    flex-direction: row; }
  .theme-config-fivewin-modal-wrapper .bold {
    font-weight: bold; }
  .theme-config-fivewin-modal-wrapper .layout-div .mbg-image-upload-wrapper.bottom .mbg-image-upload-main-wrapper {
    height: 70px !important;
    width: 70px !important; }
    .theme-config-fivewin-modal-wrapper .layout-div .mbg-image-upload-wrapper.bottom .mbg-image-upload-main-wrapper mbg-image-upload-main .options {
      z-index: 10;
      bottom: -28px;
      right: 50px; }
.set-nfce-modal-wrapper {
  padding: 24px 24px 24px 36px;
  width: 20vw; }
  .set-nfce-modal-wrapper cp-page-title .cp-page-title-wrapper .mbg-title {
    font-size: 2.2rem  !important; }
  .set-nfce-modal-wrapper .config-theme-list {
    overflow-y: auto;
    max-height: 65vh;
    margin: 12px 0px; }
    .set-nfce-modal-wrapper .config-theme-list .div-themes {
      display: flex;
      flex-direction: column;
      gap: 12px; }
  .set-nfce-modal-wrapper .btn-create-theme {
    border-radius: 34px;
    width: 200px;
    height: 25px;
    border: 2px solid var(--primary);
    border: none;
    background: var(--secondary);
    color: #FFF;
    font-weight: bold; }
  .set-nfce-modal-wrapper .button-add {
    display: flex;
    justify-content: end; }
.pdv-lisv2-wrapper .align-items {
  display: flex;
  align-items: center; }

.pdv-lisv2-wrapper .justify-end {
  justify-content: end; }

.pdv-lisv2-wrapper .help-button {
  margin-top: 10px; }
.tag-form-wrapper [ui-ace="ace"] {
  height: 284px; }

.tag-form-wrapper .panel-group .panel {
  margin-top: 14px !important; }

.tag-form-wrapper .panel-heading {
  padding: 15px 15px; }
  .tag-form-wrapper .panel-heading i {
    font-size: 24px; }
    .tag-form-wrapper .panel-heading i.active {
      color: var(--success); }

.tag-form-wrapper [uib-accordion-header] {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .tag-form-wrapper [uib-accordion-header] * {
    cursor: pointer; }
.movementv2-tags-wrapper .action-buttons {
  margin-top: 45px;
  display: flex;
  gap: 8px; }
  .movementv2-tags-wrapper .action-buttons .action-button {
    flex: 1; }

.movementv2-tags-wrapper .mbg-link {
  margin-left: 14px; }

.movementv2-tags-wrapper .mbg-options-count {
  display: flex;
  align-items: center; }
  .movementv2-tags-wrapper .mbg-options-count > label {
    font-weight: 500;
    margin-right: 8px; }

.movementv2-tags-wrapper .btn-group.dropdown {
  height: 20px; }

.movementv2-tags-wrapper .dropdown-menu {
  min-width: 163px !important; }
  .movementv2-tags-wrapper .dropdown-menu li {
    padding: 0 8px; }

.movementv2-tags-wrapper .title-list {
  min-height: 34px; }

.movementv2-tags-wrapper .flex-c {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .movementv2-tags-wrapper .flex-c label {
    font-weight: 100;
    padding-left: 14px; }

.movementv2-tags-wrapper .m-b {
  margin-bottom: 34px; }

.movementv2-tags-wrapper mbg-btn-form {
  margin-top: 25px; }

.movementv2-tags-wrapper td select {
  height: 34px;
  border: none; }

.movementv2-tags-wrapper .input-quantity {
  text-align: center;
  background: #fff;
  border: none;
  border-radius: 4px; }

.movementv2-tags-wrapper .finish {
  color: var(--font2);
  margin: 25px 0; }

.movementv2-tags-wrapper .disable {
  text-decoration: line-through; }

.movementv2-tags-wrapper .print-movement {
  color: var(--font2);
  padding: 0;
  transition: all 200ms ease;
  transform: scale(1);
  display: flex;
  align-content: center;
  justify-content: flex-end; }
  .movementv2-tags-wrapper .print-movement i {
    margin-right: 6px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .movementv2-tags-wrapper .print-movement:hover {
    color: var(--font1);
    transform: scale(1.04); }

.movementv2-tags-wrapper .input-quantity-wrapper {
  display: flex;
  justify-content: center; }
  .movementv2-tags-wrapper .input-quantity-wrapper > input-v2 {
    width: 100px;
    height: 40px; }

.movementv2-tags-wrapper .quantity-tag::-webkit-outer-spin-button, .movementv2-tags-wrapper .quantity-tag::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.movementv2-tags-wrapper .empty-list {
  height: 304px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--font3);
  flex-direction: column; }
  .movementv2-tags-wrapper .empty-list h5 {
    margin-bottom: 2px; }

.movementv2-tags-wrapper .mt-2 {
  margin-top: 2rem; }

.movementv2-tags-wrapper .action-button {
  height: 44px;
  font-weight: 700;
  color: #FFF;
  border-radius: 5px;
  border: none; }
  .movementv2-tags-wrapper .action-button.action-button-success {
    background-color: #0f4b14; }
  .movementv2-tags-wrapper .action-button.action-button-primary {
    background-color: var(--primary); }
  .movementv2-tags-wrapper .action-button.action-button-secondary {
    background-color: var(--secondary); }

.movementv2-tags-wrapper .action-button-select-all {
  font-weight: 500;
  min-width: 174px;
  background-color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0px 10px; }
  .movementv2-tags-wrapper .action-button-select-all span {
    margin-left: 6px; }

.movementv2-tags-wrapper .select-batch-nutritional {
  display: flex;
  justify-content: center; }
  .movementv2-tags-wrapper .select-batch-nutritional > select-v2 {
    width: 300px;
    height: 40px; }

.movementv2-tags-wrapper .align-items {
  align-items: center; }
.quantity-repass-modal-wrapper {
  margin: 32px 24px 0 24px; }
  .quantity-repass-modal-wrapper .mbg-close-modal {
    position: absolute;
    right: 0;
    top: 0px;
    color: var(--font2); }
    .quantity-repass-modal-wrapper .mbg-close-modal i {
      margin-left: 5px; }
  .quantity-repass-modal-wrapper a.cancel-button {
    margin: 18px 24px 0px 24px;
    color: var(--font2);
    text-align: center; }
  .quantity-repass-modal-wrapper .quantity-inputs {
    padding: 12px;
    display: flex;
    gap: 8px; }
    .quantity-repass-modal-wrapper .quantity-inputs .field-select,
    .quantity-repass-modal-wrapper .quantity-inputs .field-quantity {
      flex: 1;
      display: flex;
      flex-direction: column; }
  .quantity-repass-modal-wrapper .quantity-repass-modal-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 24px; }
.stimulsoft-tag-variables-modal-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  display: flex;
  flex-direction: column; }
  .stimulsoft-tag-variables-modal-wrapper .administrative-list-wrapper {
    width: 100%;
    min-width: 900px; }
  .stimulsoft-tag-variables-modal-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 24px 12px;
    display: flex;
    flex-direction: column; }
    .stimulsoft-tag-variables-modal-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative; }
    .stimulsoft-tag-variables-modal-wrapper .content-modal-wrapper .footer-modal {
      min-height: 80px; }
    .stimulsoft-tag-variables-modal-wrapper .content-modal-wrapper .footer-button {
      margin: 5px; }
      .stimulsoft-tag-variables-modal-wrapper .content-modal-wrapper .footer-button button {
        height: 25px; }
  .stimulsoft-tag-variables-modal-wrapper .action-btn {
    width: 100%;
    height: 30px;
    border-radius: .5rem; }
    @media screen and (min-width: 992px) {
      .stimulsoft-tag-variables-modal-wrapper .action-btn {
        width: 4.5rem; } }
    .stimulsoft-tag-variables-modal-wrapper .action-btn.btn-plus {
      color: #fff;
      background: #063c8e;
      border: 0px solid #fff; }
    .stimulsoft-tag-variables-modal-wrapper .action-btn.btn-close {
      color: #ff3030;
      background: #fff;
      border: 1px solid #cecece; }
  .stimulsoft-tag-variables-modal-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0;
    max-height: 40rem; }
.search-products-for-printing-modal-wrapper {
  margin: 32px 24px 0 24px;
  min-width: 32vw;
  min-height: 30vh; }
  .search-products-for-printing-modal-wrapper .mbg-close-modal {
    position: absolute;
    right: 0;
    top: 0px;
    color: var(--font2); }
    .search-products-for-printing-modal-wrapper .mbg-close-modal i {
      margin-left: 5px; }
  .search-products-for-printing-modal-wrapper .import-options {
    display: flex;
    justify-content: center; }
    .search-products-for-printing-modal-wrapper .import-options .btn-search-primary {
      border-radius: 5px;
      color: #fff;
      border: none;
      width: fit-content !important;
      font-weight: 700;
      margin-top: 2vh;
      margin-right: 5.5vw; }
    .search-products-for-printing-modal-wrapper .import-options .btn-search-success {
      border-radius: 5px;
      background-color: var(--success);
      color: #fff;
      border: none;
      width: -webkit-fill-available;
      font-weight: 700;
      margin-top: 2vh; }
      .search-products-for-printing-modal-wrapper .import-options .btn-search-success.btn-search-secondary {
        background-color: var(--secondary); }
  .search-products-for-printing-modal-wrapper .promotion-import-section {
    margin-top: 2vh; }
    .search-products-for-printing-modal-wrapper .promotion-import-section .product-list {
      max-height: 60vh; }
    .search-products-for-printing-modal-wrapper .promotion-import-section .scrollable-table {
      overflow-x: auto;
      margin: 14px 0; }
    .search-products-for-printing-modal-wrapper .promotion-import-section .import-actions {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      padding: 24px; }
.transport-tag-print-wrapper .mbg-input-quantity {
  width: 70%;
  margin: 0;
  padding: 0;
  display: flex;
  height: 44px;
  font-weight: 500; }
  .transport-tag-print-wrapper .mbg-input-quantity.mbg-input-disabled,
  .transport-tag-print-wrapper .mbg-input-quantity .mbg-input-disabled {
    background: #f5f5f5; }
  .transport-tag-print-wrapper .mbg-input-quantity input {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    padding: 8px 10px;
    flex: 1;
    outline: none;
    width: 20px;
    height: 44px;
    max-width: 100%; }
    .transport-tag-print-wrapper .mbg-input-quantity input.ng-touched.ng-invalid {
      border: 1px solid #b00020; }
    .transport-tag-print-wrapper .mbg-input-quantity input[disabled="disabled"] {
      background: #f5f5f5;
      font-weight: 500; }
    .transport-tag-print-wrapper .mbg-input-quantity input::-webkit-input-placeholder {
      color: var(--font2);
      font-weight: 500;
      font-style: italic; }
    .transport-tag-print-wrapper .mbg-input-quantity input:-moz-placeholder {
      /* Firefox 18- */
      color: var(--font2);
      font-weight: 500;
      font-style: italic; }
    .transport-tag-print-wrapper .mbg-input-quantity input::-moz-placeholder {
      /* Firefox 19+ */
      color: var(--font2);
      font-weight: 500;
      font-style: italic; }
    .transport-tag-print-wrapper .mbg-input-quantity input:-ms-input-placeholder {
      color: var(--font2);
      font-weight: 500;
      font-style: italic; }

.transport-tag-print-wrapper .mbg-input-number-quantity input {
  text-align: right;
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0;
  width: 20px; }
  .transport-tag-print-wrapper .mbg-input-number-quantity input::-webkit-inner-spin-button, .transport-tag-print-wrapper .mbg-input-number-quantity input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.transport-tag-print-wrapper .help-button {
  margin-top: 10px;
  display: flex;
  justify-content: end; }
.qrcode-zaap-wrapper .nav-tabs > li.active > a, .qrcode-zaap-wrapper div[class^="gmd"] ul[class="nav nav-tabs"] > li[class~="active"] > a, .qrcode-zaap-wrapper div[class^="gmd"] ul[class="nav nav-tabs"] > li > a:hover {
  color: var(--font2); }

.qrcode-zaap-wrapper .nav-tabs {
  display: none; }

.qrcode-zaap-wrapper button.install {
  width: 118px;
  height: 40px;
  color: #fff;
  border-radius: 5px;
  background: var(--primary);
  font-size: 16px;
  margin-top: 14px;
  font-weight: bold;
  box-shadow: none;
  margin-bottom: 14px;
  border: none; }

.qrcode-zaap-wrapper .ma-container .mbg-modal .mbg-body-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: fit-content; }
  .qrcode-zaap-wrapper .ma-container .mbg-modal .mbg-body-modal ul {
    list-style: none;
    padding: 0;
    margin: 0;
    color: var(--font2); }
    .qrcode-zaap-wrapper .ma-container .mbg-modal .mbg-body-modal ul li {
      margin-bottom: 14px; }
.brandv2-form-wrapper .input-label {
  margin-bottom: 5px; }

.brandv2-form-wrapper .btn-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.brandv2-form-wrapper-modal .modal-content .page-wrapper {
  min-width: 50vw; }
.brandv2-list-wrapper mbg-input-search .mbg-input-search-wrapper {
  margin-top: 2vh; }
  .brandv2-list-wrapper mbg-input-search .mbg-input-search-wrapper .input-group-search {
    background-color: white; }

.brandv2-list-wrapper .help {
  margin-top: 24px; }

.brandv2-list-wrapper .options-and-help-buttons {
  display: flex;
  justify-content: end; }

.brandv2-list-wrapper .align-items {
  align-items: center; }

.brandv2-list-wrapper .margin-top {
  margin-top: 10px; }
.person-classification-form-wrapper .input-label {
  margin-bottom: 5px; }
.person-classification-list-wrapper .help {
  margin-top: 18px; }

.person-classification-list-wrapper .options-and-help-buttons {
  display: flex;
  justify-content: end; }

.person-classification-list-wrapper .align-items {
  align-items: center; }
.price-group-form-wrapper .btn-open-terminal {
  height: 3.6vh;
  width: 100%;
  border-radius: 5px;
  background-color: var(--primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  margin-top: 5vh;
  margin-bottom: 1vh; }

.price-group-form-wrapper .panel.gmd.mbg {
  padding: 2rem !important; }

.price-group-form-wrapper .return-button {
  margin-bottom: 1vh; }

.price-group-form-wrapper .branch-prices-list {
  margin-top: 1vh; }

.price-group-form-wrapper cp-branch-company svg {
  width: 17px; }
.divergence-modal-wrapper {
  padding: 24px 24px 24px 36px;
  width: 46vw; }
  .divergence-modal-wrapper select-v2 {
    display: flex;
    justify-content: end; }
    .divergence-modal-wrapper select-v2 .mbg-select-input-fake {
      height: 25px;
      padding: 2px 14px;
      width: calc(100vw / 4);
      text-align: center;
      cursor: pointer; }
      .divergence-modal-wrapper select-v2 .mbg-select-input-fake span {
        display: flex;
        overflow: hidden;
        max-height: 100%; }
  .divergence-modal-wrapper .layout-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .divergence-modal-wrapper .layout-div p {
      padding-bottom: 12px; }
    .divergence-modal-wrapper .layout-div input-v2, .divergence-modal-wrapper .layout-div select-v2 {
      flex-grow: 1; }
  .divergence-modal-wrapper .save-div {
    padding: 24px 0px 100px 0px; }
  .divergence-modal-wrapper .attention {
    color: var(--error);
    font-weight: bold; }
.price-group-list-wrapper mbg-input-search .mbg-input-search-wrapper .input-group-search {
  background-color: white; }

.price-group-list-wrapper .price-group-align {
  display: flex;
  align-items: center; }

.price-group-list-wrapper .options {
  margin-left: auto; }

.price-group-list-wrapper .help {
  margin-top: 18px; }

.price-group-list-wrapper .options-and-help-buttons {
  display: flex;
  justify-content: end; }
.update-price-group-modal-wrapper {
  width: 80vw;
  margin: 50px 30px; }
  .update-price-group-modal-wrapper .header {
    font-size: medium;
    display: flex; }
    .update-price-group-modal-wrapper .header label {
      display: flex;
      align-content: center;
      flex-wrap: wrap; }
    .update-price-group-modal-wrapper .header .options {
      display: flex;
      margin-left: 20px; }
      .update-price-group-modal-wrapper .header .options .option {
        border: solid 1px;
        border-radius: 2px;
        padding: 7px;
        font-weight: 600;
        margin: 0 5px; }
      .update-price-group-modal-wrapper .header .options .selected {
        color: var(--secondary); }
      .update-price-group-modal-wrapper .header .options .not-selected {
        color: #aaa; }
  .update-price-group-modal-wrapper .body {
    max-height: 50vh;
    margin-bottom: 10px; }
    .update-price-group-modal-wrapper .body .table > thead {
      color: #fff; }
      .update-price-group-modal-wrapper .body .table > thead > tr > th {
        color: #FFF !important;
        padding: 10px 14px !important;
        border: none;
        font-weight: 500;
        vertical-align: middle;
        background: var(--primary); }
        .update-price-group-modal-wrapper .body .table > thead > tr > th label.column-title {
          color: white;
          margin: 0;
          display: flex; }
          .update-price-group-modal-wrapper .body .table > thead > tr > th label.column-title .column-title-sort {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 5px;
            width: 18px;
            height: 20px; }
          .update-price-group-modal-wrapper .body .table > thead > tr > th label.column-title.events-none {
            pointer-events: none; }
        .update-price-group-modal-wrapper .body .table > thead > tr > th:first-child {
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
        .update-price-group-modal-wrapper .body .table > thead > tr > th:last-child {
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px; }
        .update-price-group-modal-wrapper .body .table > thead > tr > th.width-48 {
          width: 48px; }
    .update-price-group-modal-wrapper .body .table tr {
      background: whitesmoke; }
    .update-price-group-modal-wrapper .body .table tr:nth-child(odd) {
      background-color: #eaeaea; }
    .update-price-group-modal-wrapper .body .table > tbody > tr {
      border: grey 2px;
      cursor: unset; }
      .update-price-group-modal-wrapper .body .table > tbody > tr > td {
        border: none;
        font-weight: 400;
        vertical-align: middle;
        padding: 2px 10px !important; }
      .update-price-group-modal-wrapper .body .table > tbody > tr > td.action-select {
        width: 400px; }
  .update-price-group-modal-wrapper .foot .button {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
  .update-price-group-modal-wrapper .stylistic-font {
    font-weight: bold; }
.barcode-price-group-divergence-modal-wrapper {
  padding: 24px 24px 24px 24px;
  min-width: 30vw; }
  .barcode-price-group-divergence-modal-wrapper .fix-padding {
    padding-left: 3%;
    padding-right: 2%;
    margin-bottom: 2%; }
  .barcode-price-group-divergence-modal-wrapper .btn {
    font-weight: bold; }
    .barcode-price-group-divergence-modal-wrapper .btn.btn-modal {
      background-color: var(--primary);
      color: white; }
    .barcode-price-group-divergence-modal-wrapper .btn.btn-modal-accept {
      background-color: green;
      color: white; }
    .barcode-price-group-divergence-modal-wrapper .btn.btn-modal-deny {
      background-color: red;
      color: white; }
.product-category-form-wrapper .btn-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .product-category-form-wrapper .btn-footer .cancel-link {
    font-size: small; }
  .product-category-form-wrapper .btn-footer .btn-save .mbg-btn-form-wrapper button {
    min-width: auto !important;
    width: 7vw;
    height: 4vh; }

.product-category-form-wrapper .add-edit {
  margin-top: 4px; }
  .product-category-form-wrapper .add-edit a.mbg-link {
    font-size: 12px; }
  .product-category-form-wrapper .add-edit span {
    color: var(--font2);
    margin: 0 8px; }

.product-category-form-wrapper .add-category .mbg-btn-form-wrapper button {
  height: 25px !important;
  min-width: auto !important; }

.product-category-form-wrapper .panel-category-product {
  border-radius: 5px;
  min-height: 54px;
  background: #fff;
  margin-bottom: 14px;
  box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.3);
  color: var(--font2);
  padding: 0 24px;
  display: flex;
  align-items: center; }
  .product-category-form-wrapper .panel-category-product .category-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1; }
  .product-category-form-wrapper .panel-category-product .category-icon {
    max-width: 54px; }
  .product-category-form-wrapper .panel-category-product .label {
    font-size: 22px; }
  .product-category-form-wrapper .panel-category-product span {
    font-size: 11px;
    color: var(--font2); }

.product-category-form-wrapper .switch {
  width: 2vw;
  height: 2vh; }
  .product-category-form-wrapper .switch small {
    width: 1vw;
    height: 2vh; }

.product-category-form-wrapper-modal .modal-content .page-wrapper {
  min-width: 70vw; }
.product-category-list-wrapper mbg-input-search .mbg-input-search-wrapper {
  margin-top: 2vh; }
  .product-category-list-wrapper mbg-input-search .mbg-input-search-wrapper .input-group-search {
    background-color: white; }

.product-category-list-wrapper .margin-top {
  margin-top: 10px; }

.product-category-list-wrapper .help {
  margin-top: 24px; }

.product-category-list-wrapper .options-and-help-buttons {
  display: flex;
  justify-content: end; }

.product-category-list-wrapper .align-items {
  align-items: center; }
.add-edit-product-category-wrapper {
  min-width: 45vw; }
  .add-edit-product-category-wrapper .cancel-link {
    margin-bottom: 14px; }
  .add-edit-product-category-wrapper .margin-none {
    margin-bottom: 14px; }
.alerts-form-wrapper .btn-radio-option svg {
  fill: var(--font2); }

.alerts-form-wrapper .options-all {
  margin-top: 10px;
  justify-content: flex-start; }
  .alerts-form-wrapper .options-all .options-item {
    margin-right: 14px; }

.alerts-form-wrapper .template-list {
  margin-top: 25px;
  justify-content: center;
  align-items: flex-start;
  padding: 0; }
  .alerts-form-wrapper .template-list .template-item {
    width: 100%; }
.sped-fiscal-form-wrapper .download-sped div {
  top: 10px; }

.sped-fiscal-form-wrapper .download-sped a {
  color: #000; }
  .sped-fiscal-form-wrapper .download-sped a:hover {
    color: var(--primary); }

.sped-fiscal-form-wrapper .title {
  margin-left: 30px;
  margin-bottom: -40px;
  z-index: 1; }
  .sped-fiscal-form-wrapper .title h4 {
    background: #f8f8f8;
    width: max-content;
    padding: 0 10px; }

.sped-fiscal-form-wrapper .configuration-block {
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 2px;
  flex-direction: column;
  margin-top: 20px;
  padding: 12px 0; }

.sped-fiscal-form-wrapper .boxes {
  display: flex;
  flex-direction: row;
  height: 70px;
  margin-top: 10px; }

.sped-fiscal-form-wrapper .box {
  background-color: var(--primary);
  width: 50px;
  height: 50px;
  margin: 10px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  border-radius: 3px;
  transition: 0.2s ease; }
  .sped-fiscal-form-wrapper .box span {
    color: #FFF;
    font-weight: 600;
    font-size: 15px; }

.sped-fiscal-form-wrapper .box:hover {
  background-color: #20C2E0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 5px;
  transition: 0.1s ease; }
  .sped-fiscal-form-wrapper .box:hover span {
    font-size: 17px; }

.sped-fiscal-form-wrapper .area {
  padding: 5px 0;
  margin: 5px 0; }

.sped-fiscal-form-wrapper .without-margin {
  margin: 0px; }

.sped-fiscal-form-wrapper .btn-create {
  border-radius: 3px;
  width: auto;
  height: auto;
  border: 2px solid;
  background: #ff991f00;
  color: var(--font3);
  font-weight: bold;
  padding: 15px; }
  .sped-fiscal-form-wrapper .btn-create i {
    font-size: 20px;
    padding: 0 5px;
    color: var(--font3) !important; }

.sped-fiscal-form-wrapper .btn-open-terminal {
  margin-left: 14px;
  height: 44px;
  border-radius: 5px;
  background-color: var(--primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0px 10px; }
  .sped-fiscal-form-wrapper .btn-open-terminal span {
    margin-left: 6px;
    margin-right: 6px; }

.sped-fiscal-form-wrapper .btn-create:hover {
  color: var(--secondary); }
  .sped-fiscal-form-wrapper .btn-create:hover i {
    color: var(--secondary) !important; }

.sped-fiscal-form-wrapper .period {
  margin: 0 10px; }

.sped-fiscal-form-wrapper .help-button {
  display: flex;
  justify-content: end; }
.sped-aditional-data-modal-wrapper .group-err.mbg-input-error .mbg-select-wrapper .mbg-select-input-fake {
  border: 2px solid var(--error);
  border-radius: .5rem; }

.sped-aditional-data-modal-wrapper .configuration-block {
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 2px;
  flex-direction: column;
  margin-top: 20px;
  padding: 10px 0; }

.sped-aditional-data-modal-wrapper .repeat-inputs {
  padding-top: 15px; }

.sped-aditional-data-modal-wrapper .transport-values-column {
  padding-top: 300px;
  padding-left: 22px; }

.sped-aditional-data-modal-wrapper .transport-values-text {
  font-family: MontSerrat, sans-serif;
  font-weight: bold;
  color: var(--primary); }

.sped-aditional-data-modal-wrapper .btn-open-terminal {
  margin-left: 14px;
  height: 44px;
  border-radius: 5px;
  background-color: var(--primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0px 10px; }
  .sped-aditional-data-modal-wrapper .btn-open-terminal span {
    margin-left: 12px;
    margin-right: 12px; }

.sped-aditional-data-modal-wrapper .mbg-close-modal {
  padding-left: 835px; }

.sped-aditional-data-modal-wrapper .save-button {
  margin-top: 15px;
  margin-bottom: 40px; }

.sped-aditional-data-modal-wrapper .action-btn {
  width: 100%;
  height: 4.5rem;
  border-radius: .5rem; }
  @media screen and (min-width: 992px) {
    .sped-aditional-data-modal-wrapper .action-btn {
      width: 4.5rem; } }
  .sped-aditional-data-modal-wrapper .action-btn.btn-plus {
    margin-top: 45px;
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }
  .sped-aditional-data-modal-wrapper .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }

.sped-aditional-data-modal-wrapper .btn-close-ipi {
  padding-top: 45px; }

.sped-aditional-data-modal-wrapper mbg-input-money div input:focus {
  border-bottom: 2px solid var(--primary); }
.getting-started-wrapper h5 {
  font-weight: 400;
  color: var(--font2);
  margin-bottom: 5px;
  margin-top: 8px; }

.getting-started-wrapper h1 {
  color: var(--font2);
  font-weight: 600;
  font-size: 42px;
  margin-top: 8px;
  margin-bottom: 34px; }

.getting-started-wrapper p {
  margin-top: 20px;
  color: var(--font2); }

.getting-started-wrapper .image img {
  transform: translateY(-32px);
  max-width: 100%; }

.getting-started-wrapper ul {
  margin-top: 20px; }
  .getting-started-wrapper ul li {
    color: var(--font2);
    margin: 14px 0px; }

.getting-started-wrapper .mbg-download-pdv-offline {
  padding: 0px 24px;
  background-color: var(--contrast);
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  height: 44px;
  margin-top: 16px; }

.getting-started-wrapper .wait-installing {
  margin-top: 32px;
  display: flex;
  align-items: center;
  height: 44px; }
  .getting-started-wrapper .wait-installing p {
    align-items: center;
    margin: 0;
    margin-left: 14px;
    color: var(--info); }
    .getting-started-wrapper .wait-installing p.instaled {
      color: var(--success); }
      .getting-started-wrapper .wait-installing p.instaled a {
        color: var(--success);
        font-weight: 600; }
  .getting-started-wrapper .wait-installing svg {
    fill: var(--info); }
  .getting-started-wrapper .wait-installing i {
    width: 30px;
    text-align: center;
    color: var(--success); }
.pdv-offline-config-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.9);
  bottom: 0;
  right: 0; }
  .pdv-offline-config-wrapper [class="far fa-times-circle"] {
    position: absolute;
    right: 34px;
    top: 34px;
    font-size: 34px; }
  .pdv-offline-config-wrapper .pdv-offline-config-wrapper-container {
    color: #fff;
    padding: 74px 20% 0 20%;
    display: flex;
    flex-direction: column; }
    .pdv-offline-config-wrapper .pdv-offline-config-wrapper-container h3 {
      font-size: 2em;
      min-height: fit-content; }
    .pdv-offline-config-wrapper .pdv-offline-config-wrapper-container p {
      font-size: 16px;
      min-height: fit-content; }
.pdv-config-name-wrapper .pdv-name-wrapper {
  margin-top: 44px; }
  .pdv-config-name-wrapper .pdv-name-wrapper .mbg-input-wrapper {
    height: 124px; }
  .pdv-config-name-wrapper .pdv-name-wrapper .mbg-input-wrapper input {
    background: transparent;
    height: 124px;
    border: none;
    margin-bottom: 44px;
    border-radius: 0;
    font-size: 44px;
    text-align: center; }
  .pdv-config-name-wrapper .pdv-name-wrapper .mbg-btn-form-wrapper {
    width: 350px; }
.pdv-config-sincronize-wrapper h3.message {
  text-align: center;
  margin-top: 94px;
  margin-bottom: 44px;
  font-size: 3em !important; }
  .pdv-config-sincronize-wrapper h3.message.with-success {
    color: var(--success) !important; }
  .pdv-config-sincronize-wrapper h3.message.with-error {
    color: var(--error) !important; }

.pdv-config-sincronize-wrapper .pdv-progress-status {
  text-align: center;
  font-size: 4em;
  color: #0cbeb6; }
.pdv-config-name-wrapper .pdv-name-wrapper {
  margin-top: 44px; }
  .pdv-config-name-wrapper .pdv-name-wrapper .mbg-input-wrapper {
    height: 124px; }
  .pdv-config-name-wrapper .pdv-name-wrapper .mbg-input-wrapper input {
    background: transparent;
    height: 124px;
    border: none;
    margin-bottom: 44px;
    border-radius: 0;
    font-size: 44px;
    text-align: center; }
  .pdv-config-name-wrapper .pdv-name-wrapper .mbg-btn-form-wrapper {
    width: 350px; }
body > div.modal.fade.ng-scope.ng-isolate-scope.in > div > div {
  max-height: none; }
.list-pdvs-wrapper .mbg-description {
  color: var(--font2); }

.list-pdvs-wrapper .pdv-off-list .pdv-not-found {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .list-pdvs-wrapper .pdv-off-list .pdv-not-found label {
    color: var(--font2); }

.list-pdvs-wrapper .pdv-off-list .pdv-off-row {
  display: flex;
  height: 64px;
  box-shadow: 0px 0px 4px 2px rgba(61, 61, 61, 0.1);
  border-radius: 4px;
  padding: 0px 14px;
  background-color: #fff;
  margin-bottom: 8px; }
  .list-pdvs-wrapper .pdv-off-list .pdv-off-row .pdv-off-col {
    flex: 1;
    align-items: center;
    display: flex; }
    .list-pdvs-wrapper .pdv-off-list .pdv-off-row .pdv-off-col label {
      font-weight: 400; }
    .list-pdvs-wrapper .pdv-off-list .pdv-off-row .pdv-off-col.pdv-check-box {
      max-width: 40px; }
    .list-pdvs-wrapper .pdv-off-list .pdv-off-row .pdv-off-col.actions {
      max-width: 64px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .list-pdvs-wrapper .pdv-off-list .pdv-off-row .pdv-off-col.so {
      max-width: 244px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .list-pdvs-wrapper .pdv-off-list .pdv-off-row .pdv-off-col.qtd-sales {
      max-width: 144px;
      display: flex;
      align-items: center;
      justify-content: center; }

.list-pdvs-wrapper .pdv-off-list .pdv-off-body .pdv-off-row {
  cursor: pointer; }
  .list-pdvs-wrapper .pdv-off-list .pdv-off-body .pdv-off-row * {
    cursor: pointer; }

.list-pdvs-wrapper .pdv-off-list .pdv-off-header .pdv-off-row {
  height: 40px;
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  background-color: var(--primary); }
  .list-pdvs-wrapper .pdv-off-list .pdv-off-header .pdv-off-row .pdv-off-col label {
    font-weight: 600;
    color: #fff; }
.mobi-store-config-mobitools-wrapper .config-print {
  margin-top: 20px; }
  .mobi-store-config-mobitools-wrapper .config-print .printer {
    margin-top: 14px; }
  .mobi-store-config-mobitools-wrapper .config-print .option-config {
    height: 44px;
    display: flex;
    align-items: center;
    color: var(--font2); }
  .mobi-store-config-mobitools-wrapper .config-print .ip-conf {
    margin: 18px 0px;
    font-size: 12px;
    border-bottom: 1px solid var(--neutral3);
    display: inline-flex;
    padding-bottom: 1px;
    color: var(--font2); }
  .mobi-store-config-mobitools-wrapper .config-print .try-connect {
    height: 44px;
    display: flex;
    align-items: center;
    color: var(--font2); }
    .mobi-store-config-mobitools-wrapper .config-print .try-connect span {
      margin-left: 7px;
      border-bottom: 1px solid var(--neutral3); }

.mobi-store-config-mobitools-wrapper .hr-printer {
  margin-bottom: 6px; }

.mobi-store-config-mobitools-wrapper .info-connection {
  position: absolute;
  right: 32px;
  height: 100%;
  top: 0px;
  display: flex;
  align-items: center;
  font-size: 14px; }
  .mobi-store-config-mobitools-wrapper .info-connection .fa-check-circle {
    color: var(--success); }
  .mobi-store-config-mobitools-wrapper .info-connection .fa-times-circle {
    color: var(--error); }
  .mobi-store-config-mobitools-wrapper .info-connection .fa-sync-alt {
    color: var(--font2); }

.mobi-store-config-mobitools-wrapper .info {
  font-size: 13px;
  font-weight: 400;
  color: var(--warn);
  margin-bottom: 7px; }

.mobi-store-config-mobitools-wrapper .status {
  height: 44px;
  align-items: center;
  display: flex;
  color: var(--error); }
  .mobi-store-config-mobitools-wrapper .status.connected {
    color: var(--success); }
.mobi-store-mobi-go-wrapper .steps-mobi-go {
  margin-top: 30px;
  padding-left: 18px; }
  .mobi-store-mobi-go-wrapper .steps-mobi-go li {
    margin-bottom: 26px; }
.mobi-store-pdv-offline-wrapper .config-print {
  margin-top: 20px; }
  .mobi-store-pdv-offline-wrapper .config-print .printer {
    margin-top: 14px; }
  .mobi-store-pdv-offline-wrapper .config-print .option-config {
    height: 44px;
    display: flex;
    align-items: center;
    color: var(--font2); }
  .mobi-store-pdv-offline-wrapper .config-print .ip-conf {
    margin: 18px 0px;
    font-size: 12px;
    border-bottom: 1px solid var(--neutral3);
    display: inline-flex;
    padding-bottom: 1px;
    color: var(--neutral2); }
  .mobi-store-pdv-offline-wrapper .config-print .try-connect {
    height: 44px;
    display: flex;
    align-items: center;
    color: var(--neutral2); }
    .mobi-store-pdv-offline-wrapper .config-print .try-connect span {
      margin-left: 7px;
      border-bottom: 1px solid var(--neutral3); }

.mobi-store-pdv-offline-wrapper .hr-printer {
  margin-bottom: 6px; }

.mobi-store-pdv-offline-wrapper .info-connection {
  position: absolute;
  right: 32px;
  height: 100%;
  top: 0px;
  display: flex;
  align-items: center;
  font-size: 14px; }
  .mobi-store-pdv-offline-wrapper .info-connection .fa-check-circle {
    color: var(--success); }
  .mobi-store-pdv-offline-wrapper .info-connection .fa-times-circle {
    color: var(--error); }
  .mobi-store-pdv-offline-wrapper .info-connection .fa-sync-alt {
    color: var(--font2); }

.mobi-store-pdv-offline-wrapper .info {
  font-size: 13px;
  font-weight: 400;
  color: var(--warn);
  margin-bottom: 7px; }

.mobi-store-pdv-offline-wrapper .status {
  height: 44px;
  align-items: center;
  display: flex;
  color: var(--error); }
  .mobi-store-pdv-offline-wrapper .status.connected {
    color: var(--success); }
.mobi-store-register-wrapper .main-info .mobi-store-image {
  width: 100%;
  border-radius: 8px; }

.mobi-store-register-wrapper .main-info p.description {
  margin-top: 24px;
  color: var(--font2);
  text-align: justify;
  line-height: 26px; }

.mobi-store-register-wrapper .side-information {
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  min-height: 124px;
  background-color: #fff;
  padding: 14px;
  margin-top: 78px; }
  .mobi-store-register-wrapper .side-information .informations {
    display: flex;
    align-items: center; }
    .mobi-store-register-wrapper .side-information .informations img {
      width: 64px; }
    .mobi-store-register-wrapper .side-information .informations label.title {
      margin-left: 14px;
      color: var(--primary);
      font-size: 16px; }
  .mobi-store-register-wrapper .side-information .info-download {
    margin-top: 27px; }
    .mobi-store-register-wrapper .side-information .info-download p {
      font-size: 13px;
      font-weight: 500;
      color: var(--font2); }
  .mobi-store-register-wrapper .side-information .description {
    margin-top: 17px; }
    .mobi-store-register-wrapper .side-information .description label {
      font-weight: 500;
      color: var(--font2);
      margin-bottom: 14px; }
      .mobi-store-register-wrapper .side-information .description label span {
        font-weight: 600; }
    .mobi-store-register-wrapper .side-information .description p {
      font-size: 13px;
      font-weight: 400;
      color: var(--font2); }
  .mobi-store-register-wrapper .side-information .requires {
    margin-top: 24px; }
    .mobi-store-register-wrapper .side-information .requires label {
      font-weight: 600;
      color: var(--font2); }
    .mobi-store-register-wrapper .side-information .requires p {
      font-size: 13px;
      font-weight: 400;
      color: var(--font2); }
    .mobi-store-register-wrapper .side-information .requires ul {
      margin-top: 10px;
      padding-left: 0;
      list-style: none; }
      .mobi-store-register-wrapper .side-information .requires ul li {
        margin-top: 5px; }
        .mobi-store-register-wrapper .side-information .requires ul li span {
          color: var(--font2);
          border-bottom: 1px solid var(--neutral3); }
  .mobi-store-register-wrapper .side-information .actions {
    margin-top: 10px; }
  .mobi-store-register-wrapper .side-information .links {
    display: flex;
    text-align: center;
    margin-top: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .mobi-store-register-wrapper .side-information .links label {
      font-size: 13px;
      font-weight: 400;
      color: var(--font2);
      margin-bottom: 6px; }
    .mobi-store-register-wrapper .side-information .links a {
      font-size: 13px;
      font-weight: 600;
      color: var(--contrast);
      border-bottom: 1px solid #f4882d91; }
  .mobi-store-register-wrapper .side-information .loading {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .mobi-store-register-wrapper .side-information .loading span {
      margin-left: 8px;
      color: var(--contrast); }
  .mobi-store-register-wrapper .side-information .mobi-store-accept {
    width: 100%;
    height: 44px;
    background-color: var(--contrast);
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid var(--contrast); }
    .mobi-store-register-wrapper .side-information .mobi-store-accept.actived {
      background-color: #fff;
      border: 1px solid var(--success);
      display: flex;
      align-items: center;
      justify-content: center; }
      .mobi-store-register-wrapper .side-information .mobi-store-accept.actived i {
        color: var(--success);
        font-size: 22px; }
      .mobi-store-register-wrapper .side-information .mobi-store-accept.actived span {
        color: var(--success);
        margin-left: 8px; }
  .mobi-store-register-wrapper .side-information .mobi-store-cancel {
    width: 100%;
    height: 44px;
    background-color: #fff;
    color: var(--error);
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid var(--error); }

.mobi-store-register-wrapper .step-tabs .tab-content .tab-body {
  padding: 24px; }

.mobi-store-register-wrapper .step-tabs ul.nav-tabs li.active a {
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8; }

.mobi-store-register-wrapper .step-tabs .tab-content {
  border: 1px solid #e8e8e8;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
.mobi-store-list-wrapper .mobi-store-feedback-list {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  flex-direction: column; }
  .mobi-store-list-wrapper .mobi-store-feedback-list .mobi-store-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .mobi-store-list-wrapper .mobi-store-feedback-list .mobi-store-loading svg {
      width: 54px;
      fill: var(--font2); }
  .mobi-store-list-wrapper .mobi-store-feedback-list label {
    color: var(--font2);
    font-weight: 500;
    margin-top: 15px; }

.mobi-store-list-wrapper .mobi-store-cards-wrapper {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap; }
  .mobi-store-list-wrapper .mobi-store-cards-wrapper .mobi-store-columns {
    flex: 0 0 20%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .mobi-store-list-wrapper .mobi-store-cards-wrapper .mobi-store-columns .mobi-store-card {
      margin-top: 41px;
      height: 214px;
      width: 230px;
      border: 1px solid #ececec;
      border-radius: 8px;
      padding: 0 8px;
      margin-bottom: 16px;
      display: flex;
      flex-direction: column;
      position: relative;
      background-color: #fff; }
      .mobi-store-list-wrapper .mobi-store-cards-wrapper .mobi-store-columns .mobi-store-card > div {
        flex: 1; }
      .mobi-store-list-wrapper .mobi-store-cards-wrapper .mobi-store-columns .mobi-store-card .mobi-store-options {
        position: absolute;
        left: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 5px; }
        .mobi-store-list-wrapper .mobi-store-cards-wrapper .mobi-store-columns .mobi-store-card .mobi-store-options i {
          color: var(--primary); }
        .mobi-store-list-wrapper .mobi-store-cards-wrapper .mobi-store-columns .mobi-store-card .mobi-store-options span {
          margin-left: 4px;
          font-size: 11px;
          color: var(--primary); }
      .mobi-store-list-wrapper .mobi-store-cards-wrapper .mobi-store-columns .mobi-store-card .mobi-store-image {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        max-height: 45px;
        transform: translateY(-27px); }
        .mobi-store-list-wrapper .mobi-store-cards-wrapper .mobi-store-columns .mobi-store-card .mobi-store-image .circle-image {
          height: 84px;
          width: 84px;
          border-radius: 50%;
          overflow: hidden;
          background-color: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid var(--primary); }
          .mobi-store-list-wrapper .mobi-store-cards-wrapper .mobi-store-columns .mobi-store-card .mobi-store-image .circle-image img {
            width: 80px; }
      .mobi-store-list-wrapper .mobi-store-cards-wrapper .mobi-store-columns .mobi-store-card .mobi-store-info h4 {
        font-weight: 500;
        color: var(--font2);
        text-align: center; }
      .mobi-store-list-wrapper .mobi-store-cards-wrapper .mobi-store-columns .mobi-store-card .mobi-store-info p {
        text-align: center;
        font-weight: 400;
        font-size: 13px;
        color: var(--font2); }
      .mobi-store-list-wrapper .mobi-store-cards-wrapper .mobi-store-columns .mobi-store-card .mobi-store-view-more {
        max-height: 54px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .mobi-store-list-wrapper .mobi-store-cards-wrapper .mobi-store-columns .mobi-store-card .mobi-store-view-more .view-more {
          width: 100%;
          height: 44px;
          border: none;
          border-radius: 6px;
          background-color: transparent;
          color: var(--contrast);
          margin-bottom: 7px;
          font-weight: 600; }
.getting-started-wrapper .sub-title {
  font-weight: 400;
  text-transform: uppercase;
  color: var(--font2);
  margin-top: 24px; }

.getting-started-wrapper .title {
  font-weight: 600;
  color: var(--font2);
  margin-top: 1px;
  font-size: 42px;
  margin-top: 0; }

.getting-started-wrapper .mobi-description {
  margin-top: 30px; }
  .getting-started-wrapper .mobi-description p {
    color: var(--font2);
    margin-bottom: 34px; }
    .getting-started-wrapper .mobi-description p.pd-mid {
      padding-right: 74px; }
    .getting-started-wrapper .mobi-description p.pd-bot {
      padding-right: 134px; }

.getting-started-wrapper img.illustration {
  height: auto;
  width: 100%;
  transform: translateY(-34px); }
.export-pdv-wrapper .check-box-pdv {
  margin-top: 4px; }

.export-pdv-wrapper .label-checkbox {
  font-weight: 600;
  margin-left: 14px;
  color: black; }
.notev2-list-wrapper {
  transform: translateY(-15px); }
  .notev2-list-wrapper .step-tabs {
    margin-bottom: 18px; }
    .notev2-list-wrapper .step-tabs .tab-content .tab-body {
      padding: 0px 22px 16px 22px; }
  .notev2-list-wrapper .links {
    margin-top: 10px;
    margin-right: 10px; }
    .notev2-list-wrapper .links .links-wrapper {
      padding: 5px; }
    .notev2-list-wrapper .links .links-wrapper a i {
      margin-left: 21px;
      margin-right: 5px; }
  .notev2-list-wrapper .scrollable-table {
    overflow-x: auto;
    margin-top: 14px;
    margin-bottom: 14px; }
  .notev2-list-wrapper .list-v2-wrapper {
    max-height: calc(100vh - 390px); }

.note-list-modal .modal-dialog {
  width: 95%;
  min-height: 95%;
  height: 95%;
  transform: none !important; }

.note-list-modal .modal-content {
  max-width: 98vw !important;
  height: 85%; }
  .note-list-modal .modal-content .page-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    overflow: auto; }
.disable-note-modal-wrapper {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center; }
  .disable-note-modal-wrapper .disable-note-modal-container {
    margin: auto;
    width: 40%;
    border-radius: 20px;
    background-color: white; }
    .disable-note-modal-wrapper .disable-note-modal-container .header {
      display: flex;
      justify-content: space-between;
      padding: 10px 15px; }
      .disable-note-modal-wrapper .disable-note-modal-container .header span {
        font-size: 18px; }
    .disable-note-modal-wrapper .disable-note-modal-container .disablement-btns {
      margin-top: 10px;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .disable-note-modal-wrapper .disable-note-modal-container .disablement-btns button {
        height: 26px;
        padding: 0 24px;
        color: var(--primary);
        border: none;
        background-color: #fff;
        border-radius: 6px;
        font-weight: 600;
        border: 1px solid var(--primary); }
    .disable-note-modal-wrapper .disable-note-modal-container .pg-footer {
      margin-bottom: 20px; }
    .disable-note-modal-wrapper .disable-note-modal-container .not-found-records {
      margin-bottom: 58px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .disable-note-modal-wrapper .disable-note-modal-container .not-found-records label {
        font-weight: 500;
        color: var(--font2);
        font-style: italic; }
.filters-note-wrapper {
  width: 100%; }
  .filters-note-wrapper .row {
    width: 100%; }
  .filters-note-wrapper .input-search-group {
    width: 100%;
    padding: 0px; }
    .filters-note-wrapper .input-search-group mbg-input-search .mbg-input-search-wrapper .input-group-search {
      background-color: transparent; }
  .filters-note-wrapper .mbg-btn-group .mbg-btn-filter {
    width: 33.33%;
    height: 25px;
    border: none;
    color: var(--contrast);
    border-top: 1px solid var(--contrast);
    border-bottom: 1px solid var(--contrast);
    cursor: pointer;
    transition: all 300ms ease; }
    .filters-note-wrapper .mbg-btn-group .mbg-btn-filter * {
      cursor: pointer; }
    .filters-note-wrapper .mbg-btn-group .mbg-btn-filter:hover {
      background-color: #f5f5f5; }
    .filters-note-wrapper .mbg-btn-group .mbg-btn-filter.active {
      background-color: var(--contrast);
      color: #fff; }
      .filters-note-wrapper .mbg-btn-group .mbg-btn-filter.active:hover {
        background-color: var(--contrast);
        opacity: 0.8; }
    .filters-note-wrapper .mbg-btn-group .mbg-btn-filter:first-child {
      border-left: 1px solid var(--contrast);
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      border-right: none; }
    .filters-note-wrapper .mbg-btn-group .mbg-btn-filter:last-child {
      border-right: 1px solid var(--contrast);
      border-bottom-right-radius: 8px;
      border-top-right-radius: 8px;
      border-left: none; }
  .filters-note-wrapper .handle-option {
    margin-top: 7px;
    color: var(--font2);
    cursor: pointer; }
    .filters-note-wrapper .handle-option i {
      margin-right: 4px;
      font-size: 14px;
      transition: all 300ms ease; }
    .filters-note-wrapper .handle-option.active i {
      margin-right: 8px;
      transform: rotate(90deg); }
  .filters-note-wrapper .advanced-filters-content {
    overflow: hidden;
    height: 0;
    transition: height 300ms ease; }
    .filters-note-wrapper .advanced-filters-content.active {
      height: 38px; }
  .filters-note-wrapper .mbg-btn-options {
    height: 25px;
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    margin-right: 8px;
    border-radius: 4px;
    margin-top: 6px;
    border: 1px solid var(--contrast);
    color: var(--contrast);
    font-weight: 500;
    transition: all 300ms ease; }
    .filters-note-wrapper .mbg-btn-options:hover {
      background-color: #f5f5f5; }
    .filters-note-wrapper .mbg-btn-options.active {
      color: #fff;
      background-color: var(--contrast); }
      .filters-note-wrapper .mbg-btn-options.active:hover {
        background-color: var(--contrast);
        opacity: 0.8; }
  .filters-note-wrapper .mbg-label {
    margin-bottom: 2px; }
  .filters-note-wrapper .align-items {
    display: flex;
    align-items: center; }
  .filters-note-wrapper .help-button {
    margin-left: 30px; }
.download-notes-modal-wrapper .mbg-label {
  margin-top: 6px !important;
  margin-bottom: 0px !important; }
.disablement-notes-modal-wrapper .subtitle {
  font-size: 10px; }

.disablement-notes-modal-wrapper .mbg-label {
  margin-top: 6px !important;
  margin-bottom: 0px !important; }
.send-notes-modal-wrapper .mbg-body-modal {
  margin-top: -60px !important; }

.send-notes-modal-wrapper .center {
  display: flex;
  justify-content: center;
  margin-top: 10px; }

.send-notes-modal-wrapper .mbg-label {
  margin-bottom: 0px !important; }
.send-many-notes-modal-wrapper .mbg-body-modal .label-detail {
  float: right;
  font-weight: 200;
  margin-top: 12px; }

.send-many-notes-modal-wrapper .mbg-label {
  margin-top: 6px !important;
  margin-bottom: 0px !important; }
.list-roman {
  list-style-position: inside !important;
  counter-reset: item !important;
  list-style-type: none !important;
  margin-top: 14px !important; }

.list-roman > li:before {
  content: counter(item, upper-roman) " - " !important;
  counter-increment: item !important; }
.notev2-form-wrapper mbg-select[disabled="disabled"] .mbg-select-input-fake {
  background: #f5f5f5; }

.notev2-form-wrapper .mbg-topic {
  margin-bottom: 24px; }
  .notev2-form-wrapper .mbg-topic .topic-head {
    height: 25px;
    display: flex;
    align-items: center;
    background-color: var(--primary);
    border-radius: 4px;
    position: relative;
    z-index: 2;
    padding: 0px 14px;
    color: #fff;
    font-size: 17px;
    cursor: pointer; }
    .notev2-form-wrapper .mbg-topic .topic-head i {
      transition: transform 300ms ease; }
    .notev2-form-wrapper .mbg-topic .topic-head label {
      transition: margin 300ms ease;
      margin-left: 9px; }
    .notev2-form-wrapper .mbg-topic .topic-head.active i {
      transform: rotate(90deg); }
    .notev2-form-wrapper .mbg-topic .topic-head.active label {
      margin-left: 13px; }
    .notev2-form-wrapper .mbg-topic .topic-head * {
      cursor: pointer; }
  .notev2-form-wrapper .mbg-topic .topic-body {
    transform: translateY(-3px);
    padding: 4px 24px 24px 24px;
    background-color: #fff;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
    overflow: hidden; }
    .notev2-form-wrapper .mbg-topic .topic-body label {
      margin-bottom: 0px !important; }
.max-width {
  width: 100%; }

.label-with-button {
  display: flex !important;
  justify-content: space-between !important;
  flex-direction: row !important; }

.update-btn {
  font-size: 14px !important;
  color: var(--primary) !important;
  font-weight: bold;
  text-align: center;
  padding-top: 2px; }

.update-btn:hover {
  text-decoration: underline; }

.pd-left-5px {
  padding-left: 5px; }

.pd-right-5px {
  padding-right: 5px; }

.input-fake-notes {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inherit; }

.input-access-key {
  height: 25px;
  background-color: #f5f5f5 !important; }
.tab-historic-note-wrapper .min-width-th {
  min-width: 214px; }

.tab-historic-note-wrapper .table {
  margin-top: 24px;
  margin-bottom: 0px; }
  .tab-historic-note-wrapper .table > tbody > tr > th {
    padding: 2px 24px 2px 24px; }
  .tab-historic-note-wrapper .table > tbody > tr > td {
    padding: 0px 24px 0px 24px; }
.tab-product-note-wrapper .item-product {
  margin-bottom: 14px; }

.tab-product-note-wrapper .handle-topic * {
  cursor: pointer; }

.tab-product-note-wrapper .handle-topic i {
  transition: transform 300ms ease; }

.tab-product-note-wrapper .handle-topic label {
  transition: margin 300ms ease; }

.tab-product-note-wrapper .handle-topic.active i {
  transform: rotate(90deg); }

.tab-product-note-wrapper .handle-topic.active label {
  margin-left: 13px; }

.tab-product-note-wrapper .handle-arrow {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 10px;
  justify-content: center;
  margin-top: 44px; }
  .tab-product-note-wrapper .handle-arrow i {
    transition: transform 300ms ease;
    font-size: 18px; }
  .tab-product-note-wrapper .handle-arrow.active i {
    transform: rotate(90deg); }
  .tab-product-note-wrapper .handle-arrow.active label {
    margin-left: 13px; }

.tab-product-note-wrapper .group-content {
  width: 100%; }
  .tab-product-note-wrapper .group-content .input-fake {
    text-align: center;
    padding: 8px 9px;
    display: flex;
    align-items: center;
    justify-content: center; }

.tab-product-note-wrapper .arrow-inside {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end; }
  .tab-product-note-wrapper .arrow-inside .sep-prod {
    height: 340px;
    width: 1px;
    border-radius: 2px;
    margin-top: 42px;
    margin-right: 22px;
    background: #bcbcbc;
    background: linear-gradient(0deg, rgba(188, 188, 188, 0) 0%, #bcbcbc 57%); }

.tab-product-note-wrapper .title-topic {
  margin-top: 18px; }
.complementary-nfe {
  min-width: 50vw;
  min-height: 40vh; }
  .complementary-nfe .input-label {
    margin-bottom: 0px !important; }
  .complementary-nfe .loading {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 25vh; }
    .complementary-nfe .loading label {
      margin-top: -44px;
      color: #284563; }
.sale-history-wrapper mbg-input-date input {
  background-color: transparent;
  border: 1px solid #ccc; }

.sale-history-wrapper .input-status {
  margin: 0px !important;
  min-width: 0px !important;
  justify-content: none !important;
  padding-left: 3px !important; }

.sale-history-wrapper .status {
  padding: 0px 3px 0px 0px !important; }

.sale-history-wrapper .input-payment {
  margin: 0px !important;
  min-width: 0px !important;
  justify-content: none !important;
  padding-left: 3px !important; }

.sale-history-wrapper .payment {
  padding: 0px 3px 0px 0px !important; }

.options {
  display: inline-block; }
.notev3-form-wrapper mbg-select[disabled="disabled"] .mbg-select-input-fake {
  background: #f5f5f5; }

.notev3-form-wrapper .mbg-topic {
  margin-bottom: 24px; }
  .notev3-form-wrapper .mbg-topic .topic-head {
    height: 25px;
    display: flex;
    align-items: center;
    background-color: var(--primary);
    border-radius: 4px;
    position: relative;
    z-index: 2;
    padding: 0px 14px;
    color: #fff;
    font-size: 17px;
    cursor: pointer; }
    .notev3-form-wrapper .mbg-topic .topic-head i {
      transition: transform 300ms ease; }
    .notev3-form-wrapper .mbg-topic .topic-head label {
      transition: margin 300ms ease;
      margin-left: 9px; }
    .notev3-form-wrapper .mbg-topic .topic-head.active i {
      transform: rotate(90deg); }
    .notev3-form-wrapper .mbg-topic .topic-head.active label {
      margin-left: 13px; }
    .notev3-form-wrapper .mbg-topic .topic-head * {
      cursor: pointer; }
  .notev3-form-wrapper .mbg-topic .topic-body {
    transform: translateY(-3px);
    padding: 4px 24px 24px 24px;
    background-color: #fff;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
    overflow: hidden; }
    .notev3-form-wrapper .mbg-topic .topic-body label {
      margin-bottom: 0px !important; }
.tab-product-note-wrapper .item-product {
  margin-bottom: 14px; }

.tab-product-note-wrapper .handle-topic * {
  cursor: pointer; }

.tab-product-note-wrapper .handle-topic i {
  transition: transform 300ms ease; }

.tab-product-note-wrapper .handle-topic label {
  transition: margin 300ms ease; }

.tab-product-note-wrapper .handle-topic.active i {
  transform: rotate(90deg); }

.tab-product-note-wrapper .handle-topic.active label {
  margin-left: 13px; }

.tab-product-note-wrapper .handle-arrow {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 10px;
  justify-content: center;
  margin-top: 44px; }
  .tab-product-note-wrapper .handle-arrow i {
    transition: transform 300ms ease;
    font-size: 18px; }
  .tab-product-note-wrapper .handle-arrow.active i {
    transform: rotate(90deg); }
  .tab-product-note-wrapper .handle-arrow.active label {
    margin-left: 13px; }

.tab-product-note-wrapper .group-content {
  width: 100%; }
  .tab-product-note-wrapper .group-content .input-fake {
    text-align: center;
    padding: 8px 9px;
    display: flex;
    align-items: center;
    justify-content: center; }

.tab-product-note-wrapper .arrow-inside {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end; }
  .tab-product-note-wrapper .arrow-inside .sep-prod {
    height: 340px;
    width: 1px;
    border-radius: 2px;
    margin-top: 42px;
    margin-right: 22px;
    background: #bcbcbc;
    background: linear-gradient(0deg, rgba(188, 188, 188, 0) 0%, #bcbcbc 57%); }

.tab-product-note-wrapper .title-topic {
  margin-top: 18px; }
.tab-historic-note-v3-wrapper .min-width-th {
  min-width: 214px; }

.tab-historic-note-v3-wrapper .table {
  margin-top: 24px;
  margin-bottom: 0px; }
  .tab-historic-note-v3-wrapper .table > tbody > tr > th {
    padding: 2px 24px 2px 24px; }
  .tab-historic-note-v3-wrapper .table > tbody > tr > td {
    padding: 0px 24px 0px 24px; }
.max-width {
  width: 100%; }

.label-with-button {
  display: flex !important;
  justify-content: space-between !important;
  flex-direction: row !important; }

.update-btn {
  font-size: 14px !important;
  color: var(--primary) !important;
  font-weight: bold;
  text-align: center;
  padding-top: 2px; }

.update-btn:hover {
  text-decoration: underline; }

.pd-left-5px {
  padding-left: 5px; }

.pd-right-5px {
  padding-right: 5px; }

.input-fake-notes {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inherit; }

.input-access-key {
  height: 25px;
  background-color: #f5f5f5 !important; }
.notev3-list-wrapper {
  transform: translateY(-15px); }
  .notev3-list-wrapper .step-tabs {
    margin-bottom: 18px; }
    .notev3-list-wrapper .step-tabs .tab-content .tab-body {
      padding: 0px 22px 16px 22px; }
  .notev3-list-wrapper .links {
    margin-top: 10px;
    margin-right: 10px; }
    .notev3-list-wrapper .links .links-wrapper {
      padding: 5px; }
    .notev3-list-wrapper .links .links-wrapper a i {
      margin-left: 21px;
      margin-right: 5px; }
  .notev3-list-wrapper .scrollable-table {
    overflow-x: auto;
    margin-top: 14px;
    margin-bottom: 14px; }
  .notev3-list-wrapper .list-v2-wrapper {
    max-height: calc(100vh - 390px); }
  .notev3-list-wrapper .note-list-modal .modal-dialog {
    width: 95%;
    min-height: 95%;
    height: 95%;
    transform: none !important; }
  .notev3-list-wrapper .note-list-modal .modal-content {
    max-width: 98vw !important;
    height: 85%; }
    .notev3-list-wrapper .note-list-modal .modal-content .page-wrapper {
      width: 100% !important;
      max-width: 100% !important;
      height: 100%;
      overflow: auto; }
.report-integration-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.85);
  bottom: 0;
  right: 0;
  z-index: 99999999;
  opacity: 0;
  pointer-events: none;
  display: none; }
  .report-integration-wrapper.active {
    opacity: 1;
    pointer-events: all;
    display: block; }
  .report-integration-wrapper .report-integration-container {
    height: 100%;
    padding: 24px 168px 24px 168px; }
    .report-integration-wrapper .report-integration-container h1 {
      margin: 0;
      color: #fff;
      font-weight: bold;
      font-size: 24px; }
    .report-integration-wrapper .report-integration-container .report-integration-content-wrapper {
      background-color: #fafbfe;
      border-radius: 8px;
      margin-top: 12px;
      overflow: hidden;
      position: relative; }
      .report-integration-wrapper .report-integration-container .report-integration-content-wrapper iframe {
        border: none;
        width: 100%;
        height: 100%;
        padding: 7px 0; }
.complement-form-wrapper .options {
  font-size: 12px; }

.complement-form-wrapper .input-label {
  margin-bottom: 5px; }
.spc-card-wrapper {
  height: 100%; }
  .spc-card-wrapper h3 {
    font-size: 20px; }
  .spc-card-wrapper .parcels-charge-wrapper .input-edit {
    background: transparent;
    border: none;
    padding: 0;
    border-bottom: 1px dashed transparent;
    margin-right: 14px;
    font-weight: 600;
    padding-right: 2px; }
    .spc-card-wrapper .parcels-charge-wrapper .input-edit.editing {
      border-bottom: 1px dashed #bbb; }
  .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item {
    border-radius: 5px;
    min-height: 84px;
    background: #fff;
    margin-bottom: 8px;
    box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.3);
    color: var(--font2);
    padding: 0;
    display: flex; }
    .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col .mbg-error {
        border: none !important;
        color: var(--error); }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.equal {
        max-width: 10px;
        padding-right: 30px; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.charge-checkbox {
        max-width: 54px; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.parcel-number {
        padding-left: 14px; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.col-perc {
        padding-left: 24px; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.doc-number {
        max-width: 84px; }
        .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.doc-number label {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.flex-start {
        align-items: flex-start; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col.more {
        max-width: 30px;
        margin-left: 15px; }
      .spc-card-wrapper .parcels-charge-wrapper .parcels-charge-item .charge-col span {
        font-size: 11px;
        color: #46908a; }

.align-items {
  display: flex !important;
  align-items: center !important; }

.without-padding {
  padding: 0px !important; }

.help {
  margin-top: 30px;
  display: flex;
  justify-content: end; }
.modality-form-wrapper .input-label {
  margin-bottom: 5px; }

.modality-form-wrapper .btn-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .modality-form-wrapper .btn-footer .cancel-link {
    font-size: small; }
  .modality-form-wrapper .btn-footer .btn-save .mbg-btn-form-wrapper button {
    min-width: auto !important;
    width: 7vw;
    height: 4vh; }
.modalityv2-list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px; }
  .modalityv2-list-wrapper mbg-input-search .mbg-input-search-wrapper {
    margin-top: 2vh; }
    .modalityv2-list-wrapper mbg-input-search .mbg-input-search-wrapper .input-group-search {
      background-color: white; }
  .modalityv2-list-wrapper .help {
    margin-top: 24px; }
  .modalityv2-list-wrapper .options-and-help-buttons {
    display: flex;
    justify-content: end; }
  .modalityv2-list-wrapper .align-items {
    align-items: center; }
.salequeue-list-wrapper .m-b-4 {
  margin-bottom: 4px; }

.salequeue-list-wrapper .m-b-8 {
  margin-bottom: 8px; }

.salequeue-list-wrapper .total {
  display: flex;
  align-items: baseline;
  justify-content: flex-end; }

.salequeue-list-wrapper a.fas, .salequeue-list-wrapper a.far {
  color: var(--font2) !important; }

.salequeue-list-wrapper mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-content {
  min-height: 67px;
  max-height: 100px; }

.salequeue-list-wrapper .btn-search {
  height: 25px;
  margin-top: 18px;
  font-weight: 700;
  background-color: var(--secondary);
  color: #FFF;
  width: 100%;
  border-radius: 5px;
  border: none;
  font-size: 12px; }
  .salequeue-list-wrapper .btn-search.loading-btn {
    opacity: 1 !important; }

.salequeue-list-wrapper .btn-search-primary {
  height: 25px;
  font-weight: 700;
  background-color: var(--primary);
  color: #FFF;
  width: 100%;
  border-radius: 5px;
  border: none;
  font-size: 12px; }
.modal-content .page-wrapper {
  max-width: 80vw; }

.sale-json-wrapper {
  width: 100%;
  min-width: 1024px; }
  .sale-json-wrapper h4 {
    font-size: 16px !important;
    color: var(--font1) !important;
    padding: 0px !important; }
  .sale-json-wrapper .ma-container .row {
    margin-right: -15px;
    margin-left: -15px; }
  .sale-json-wrapper .ma-container .mbg-body-modal .row, .sale-json-wrapper .ma-container .mbg-header-modal .row {
    margin-right: -15px;
    margin-left: -15px; }
.resume-modal-wrapper {
  width: 100%;
  min-width: 1024px; }
  .resume-modal-wrapper .title {
    padding-left: 0px !important; }
  .resume-modal-wrapper .mbg-close-modal {
    position: absolute;
    right: 15px; }
.modal-content .page-wrapper {
  max-width: 80vw; }

.complete-error-wrapper {
  width: 100%;
  max-width: 1024px;
  overflow-y: auto; }
  .complete-error-wrapper h4 {
    font-size: 16px !important;
    color: var(--font1) !important;
    padding: 0px !important; }
  .complete-error-wrapper .ma-container .row {
    margin-right: -15px;
    margin-left: -15px; }
  .complete-error-wrapper .ma-container .mbg-body-modal .row, .complete-error-wrapper .ma-container .mbg-header-modal .row {
    margin-right: -15px;
    margin-left: -15px; }
.brandv2-list-wrapper .m-b-4 {
  margin-bottom: 4px; }

.brandv2-list-wrapper .m-b-8 {
  margin-bottom: 8px; }

.brandv2-list-wrapper .total {
  display: flex;
  align-items: baseline;
  justify-content: flex-end; }

.brandv2-list-wrapper a.fas, .brandv2-list-wrapper a.far {
  color: #bcbcbc !important; }
.modal-content .page-wrapper {
  max-width: 80vw; }

.integration-request-json-wrapper {
  width: 100%;
  min-width: 1024px; }
  .integration-request-json-wrapper h4 {
    font-size: 16px !important;
    color: var(--font1) !important;
    padding: 0px !important; }
  .integration-request-json-wrapper .ma-container .row {
    margin-right: -15px;
    margin-left: -15px; }
  .integration-request-json-wrapper .ma-container .mbg-body-modal .row, .integration-request-json-wrapper .ma-container .mbg-header-modal .row {
    margin-right: -15px;
    margin-left: -15px; }
.list-v2 tbody {
  color: var(--font2) !important; }
  .list-v2 tbody.mult-select {
    opacity: .5 !important; }

.list-v2 .table tbody:nth-child(even) {
  background-color: #eaeaea; }
  .list-v2 .table tbody:nth-child(even) .sub-list tbody:nth-child(odd) {
    background-color: #eaeaea; }
  .list-v2 .table tbody:nth-child(even) .sub-list tbody:nth-child(even) {
    background-color: #f5f5f5; }

.list-v2 .table tbody:nth-child(odd) {
  background-color: #f5f5f5; }

@keyframes arrowFocus {
  0% {
    left: 0; }
  100% {
    left: 5px; } }

.list-v2 .list-v2-header-left {
  justify-content: flex-start;
  text-align: start; }

.list-v2 .list-v2-header-right {
  justify-content: flex-end;
  text-align: end; }

.list-v2 .list-v2-header-center {
  justify-content: center;
  text-align: center; }

.list-v2 .scrolling {
  width: 100%;
  overflow-y: auto;
  overflow-x: auto; }
  .list-v2 .scrolling thead {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 12px;
    position: sticky;
    top: 0; }
  .list-v2 .scrolling tbody:hover {
    background-color: var(--neutral3) !important; }
    .list-v2 .scrolling tbody:hover svg {
      fill: white; }

.list-v2 .table > thead {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 12px;
  position: sticky;
  top: 0;
  background-color: var(--primary);
  z-index: 2; }
  .list-v2 .table > thead > tr > th {
    color: #FFF !important;
    padding: 10px 14px !important;
    border: none;
    font-weight: 500;
    vertical-align: middle; }
    .list-v2 .table > thead > tr > th label.column-title {
      margin: 0;
      display: flex; }
      .list-v2 .table > thead > tr > th label.column-title .column-title-sort {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 5px;
        width: 18px;
        height: 20px; }
        .list-v2 .table > thead > tr > th label.column-title .column-title-sort svg {
          width: 18px;
          cursor: pointer;
          fill: currentColor; }
      .list-v2 .table > thead > tr > th label.column-title.events-none {
        pointer-events: none; }
    .list-v2 .table > thead > tr > th:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .list-v2 .table > thead > tr > th:last-child {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    .list-v2 .table > thead > tr > th.width-48 {
      width: 48px; }
    .list-v2 .table > thead > tr > th.width-10 {
      width: 10px; }
  .list-v2 .table > thead > tr.thin-rows > th {
    padding: 3px 14px !important; }
    @media (max-width: 768px) {
      .list-v2 .table > thead > tr.thin-rows > th {
        padding: 3px 6px !important; } }

.list-v2 .table > tbody {
  cursor: unset;
  border: transparent; }
  .list-v2 .table > tbody.loading-line {
    background-color: rgba(0, 0, 0, 0) !important;
    pointer-events: none; }
    .list-v2 .table > tbody.loading-line:hover {
      background-color: rgba(0, 0, 0, 0) !important; }
    .list-v2 .table > tbody.loading-line:focus {
      background-color: rgba(0, 0, 0, 0) !important; }
    .list-v2 .table > tbody.loading-line tr td {
      position: relative;
      left: 50%; }
  .list-v2 .table > tbody > tr.virtual-focus, .list-v2 .table > tbody > tr:focus {
    background-color: var(--neutral3) !important; }
    .list-v2 .table > tbody > tr.virtual-focus svg, .list-v2 .table > tbody > tr:focus svg {
      fill: white; }
      .list-v2 .table > tbody > tr.virtual-focus svg:hover, .list-v2 .table > tbody > tr:focus svg:hover {
        fill: var(--primary); }
    .list-v2 .table > tbody > tr.virtual-focus div.circle-border:has(i.fas, i.fa), .list-v2 .table > tbody > tr.virtual-focus i:has(.fas, .fa), .list-v2 .table > tbody > tr:focus div.circle-border:has(i.fas, i.fa), .list-v2 .table > tbody > tr:focus i:has(.fas, .fa) {
      color: white; }
      .list-v2 .table > tbody > tr.virtual-focus div.circle-border:has(i.fas, i.fa):hover, .list-v2 .table > tbody > tr.virtual-focus i:has(.fas, .fa):hover, .list-v2 .table > tbody > tr:focus div.circle-border:has(i.fas, i.fa):hover, .list-v2 .table > tbody > tr:focus i:has(.fas, .fa):hover {
        color: var(--primary); }
    .list-v2 .table > tbody > tr.virtual-focus .focus-line, .list-v2 .table > tbody > tr:focus .focus-line {
      opacity: 1;
      color: var(--primary);
      position: relative;
      animation-name: arrowFocus;
      animation-duration: 1s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate; }
    .list-v2 .table > tbody > tr.virtual-focus.selected-row, .list-v2 .table > tbody > tr:focus.selected-row {
      background-color: var(--neutral3) !important; }
  .list-v2 .table > tbody > tr > td {
    padding: 10px 14px !important;
    border: none;
    font-weight: 400;
    vertical-align: middle; }
    .list-v2 .table > tbody > tr > td.align-element * {
      margin: auto; }
  .list-v2 .table > tbody > tr.thin-rows > td {
    padding: 3px 14px !important; }
    @media (max-width: 768px) {
      .list-v2 .table > tbody > tr.thin-rows > td {
        padding: 3px !important; } }
  .list-v2 .table > tbody .focus-line {
    opacity: 0; }
  .list-v2 .table > tbody:focus {
    background-color: var(--neutral3) !important; }
    .list-v2 .table > tbody:focus svg {
      fill: white; }
    .list-v2 .table > tbody:focus i.fas, .list-v2 .table > tbody:focus i.fa {
      color: white; }
    .list-v2 .table > tbody:focus .focus-line {
      opacity: 1;
      color: var(--primary);
      position: relative;
      animation-name: arrowFocus;
      animation-duration: 1s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate; }
    .list-v2 .table > tbody:focus.selected-row {
      background-color: var(--neutral3) !important; }

.list-v2 .sub-list .table > thead {
  z-index: 1; }

.list-v2 .sub-list .table > thead > tr.thin-rows > th {
  background-color: var(--primarySub) !important; }

.list-v2 .totals {
  bottom: 0;
  position: sticky;
  z-index: 1; }

.list-v2 .total, .list-v2 .page-total {
  background-color: var(--primary);
  color: #eeeeee; }
  .list-v2 .total input, .list-v2 .page-total input {
    color: black;
    font-weight: bold; }
  .list-v2 .total td, .list-v2 .page-total td {
    font-weight: bold !important; }
  .list-v2 .total td:first-child, .list-v2 .page-total td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .list-v2 .total td:last-child, .list-v2 .page-total td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }

.list-v2 .page-total {
  background-color: var(--primaryAlphaAD); }

.list-v2-hover-body-td {
  overflow-y: auto;
  height: 60vh; }
  .list-v2-hover-body-td .table > tbody {
    cursor: pointer; }
    .list-v2-hover-body-td .table > tbody:hover {
      background-color: var(--neutral3) !important; }
      .list-v2-hover-body-td .table > tbody:hover svg {
        fill: white; }
      .list-v2-hover-body-td .table > tbody:hover .focus-line {
        opacity: 1;
        color: var(--primary);
        position: relative;
        animation-name: arrowFocus;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-direction: alternate; }
      .list-v2-hover-body-td .table > tbody:hover.selected-row {
        background-color: var(--neutral3) !important; }
    .list-v2-hover-body-td .table > tbody .focus-line {
      opacity: 0; }
  .list-v2-hover-body-td.mult-select-list {
    height: 50vh !important; }

mbg-list tbody {
  color: var(--font2) !important; }

.th-primary-sub .table > thead > tr > th {
  background-color: var(--primarySub) !important; }
.sg-select-wrapper {
  position: relative; }
  .sg-select-wrapper .sg-select-input-fake {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    padding: 8px 14px;
    flex: 1;
    outline: none;
    width: inherit;
    height: 44px;
    max-width: 100%;
    cursor: text;
    display: flex;
    align-items: center; }
    .sg-select-wrapper .sg-select-input-fake .place {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: var(--font3);
      font-style: italic;
      opacity: 1;
      /* Firefox */ }
  .sg-select-wrapper .sg-input-wrapper input {
    padding-right: 44px;
    font-weight: 500; }
  .sg-select-wrapper .sg-icon-select {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    height: 100%;
    top: 0;
    right: 10px;
    padding: 0 10px;
    cursor: pointer;
    color: var(--font3); }
  .sg-select-wrapper svg.loading {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    height: 100%;
    top: 0;
    right: 18px;
    fill: var(--font3);
    width: 16px; }

.sg-select-list {
  top: 100%;
  z-index: 999999999;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
  position: fixed;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 0 70px rgba(0, 0, 0, 0.15);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transform-origin: top center;
  transform: translate3d(0, -10%, 0);
  opacity: 0;
  pointer-events: none;
  overflow: auto;
  display: flex;
  flex-direction: column; }
  .sg-select-list .sg-select-search-wrapper {
    display: flex;
    height: 34px;
    border: none;
    padding: 0 9px;
    border-bottom: 1px solid #ddd; }
    .sg-select-list .sg-select-search-wrapper svg {
      width: 18px;
      fill: var(--font2); }
    .sg-select-list .sg-select-search-wrapper input {
      width: 100%;
      outline: none;
      margin-left: 8px;
      border: none;
      outline: none; }
  .sg-select-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    flex: 1;
    overflow: auto; }
    .sg-select-list ul.ul-options {
      height: 216px;
      max-height: 216px; }
  .sg-select-list.top-style {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .sg-select-list.active {
    transition: transform 0.5s ease, opacity 0.2s linear;
    transform: translateZ(0);
    opacity: 1;
    pointer-events: all; }
  .sg-select-list li {
    padding: 12px 12px;
    color: var(--font2);
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center; }
    .sg-select-list li .fixed-icon {
      transition: all 300ms ease;
      transform: rotate(40deg);
      opacity: 0.4; }
      .sg-select-list li .fixed-icon:hover, .sg-select-list li .fixed-icon.fixed {
        transform: rotate(0deg);
        opacity: 1; }
    .sg-select-list li div {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%; }
    .sg-select-list li i {
      font-size: 20px; }
      .sg-select-list li i[class="fa fa-star"] {
        color: #ffc300; }
    .sg-select-list li:hover, .sg-select-list li.focused {
      background: #f5f5f5; }
    .sg-select-list li.recent-item {
      display: flex;
      flex-direction: column; }
      .sg-select-list li.recent-item label {
        font-weight: bold;
        margin-bottom: 5px; }

sg-select[disabled="disabled"] .sg-select-input-fake {
  background: #f5f5f5;
  font-weight: 500; }
.sg-tree-list .table-tree thead, .sg-tree-list .table-tree th {
  height: 1px !important;
  vertical-align: middle;
  background-color: var(--primary) !important; }

.sg-tree-list .table-tree thead {
  color: #fff; }

.sg-tree-list .table-tree thead > tr > th {
  padding: 2px 10px !important; }

.sg-tree-list .table-tree tbody > tr > td {
  padding: 2px 10px !important;
  border-top: none;
  justify-content: center;
  align-items: center; }

.sg-tree-list .table-tree tbody > tr {
  border-top: none; }

.sg-tree-list .table-tree tbody, .sg-tree-list .table-tree td {
  padding: 1px !important;
  vertical-align: middle; }

.sg-tree-list .table-tree .table > thead > tr > th > span {
  color: white !important;
  font-weight: bolder !important; }

.sg-tree-list .right {
  text-align: right !important; }

.sg-tree-list .left {
  text-align: left !important; }

.sg-tree-list .center {
  text-align: center !important; }

.sg-tree-list .mb-status {
  display: grid;
  margin: auto; }

.sg-tree-list .mb-status .tooltiptext {
  visibility: hidden;
  width: 40px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  margin-left: 30px;
  margin-top: -20px; }

.sg-tree-list .mb-status:hover .tooltiptext {
  visibility: visible; }

.sg-tree-list .d-flex {
  display: flex; }

.sg-tree-list .flex-row {
  flex-direction: row; }

.sg-tree-list .grand-total .td-fake {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.sg-tree-list .grand-total tr {
  background-color: var(--primary); }
  .sg-tree-list .grand-total tr td {
    color: #fff; }

.sg-tree-list .border-adjust {
  border-bottom: 2px solid #f8f8f8; }
.sale-management-list .right {
  text-align: right !important; }

.sale-management-list .left {
  text-align: left !important; }

.sale-management-list .center {
  text-align: center !important; }

.sale-management-list .mb-status {
  margin: auto; }

.sale-management-list .icon-hide {
  display: flex;
  justify-content: center;
  width: 30px; }

.sale-management-list .mb-status {
  display: grid; }

.sale-management-list .mb-status .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  margin-left: 30px;
  margin-top: -20px; }

.sale-management-list .mb-status:hover .tooltiptext {
  visibility: visible; }

.sale-management-list .list-v2 .table tbody.totals tr.total td {
  color: white !important; }
.title-parcels-details-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  display: flex;
  flex-direction: column; }
  .title-parcels-details-wrapper .administrative-list-wrapper {
    width: 100%;
    min-width: 60vw; }
  .title-parcels-details-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 24px 12px;
    display: flex;
    flex-direction: column; }
    .title-parcels-details-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative; }
    .title-parcels-details-wrapper .content-modal-wrapper .footer-modal {
      min-height: 80px; }
    .title-parcels-details-wrapper .content-modal-wrapper .footer-button {
      margin: 5px; }
      .title-parcels-details-wrapper .content-modal-wrapper .footer-button button {
        height: 25px;
        padding: 6px 24px; }
  .title-parcels-details-wrapper .action-btn {
    width: 100%;
    height: 30px;
    border-radius: .5rem; }
    @media screen and (min-width: 992px) {
      .title-parcels-details-wrapper .action-btn {
        width: 4.5rem; } }
    .title-parcels-details-wrapper .action-btn.btn-plus {
      color: #fff;
      background: #063c8e;
      border: 0px solid #fff; }
    .title-parcels-details-wrapper .action-btn.btn-close {
      color: #ff3030;
      background: #fff;
      border: 1px solid #cecece; }
  .title-parcels-details-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0;
    max-height: 40rem; }
product-management-list {
  height: 100%;
  display: block; }
  product-management-list .table {
    height: 100%; }
    product-management-list .table thead {
      background-color: var(--primary) !important;
      border: 0px;
      position: sticky;
      top: 0;
      z-index: 3; }
      product-management-list .table thead tr > th {
        padding: 1px 14px !important;
        height: 1px !important;
        color: #eeeeee;
        vertical-align: middle; }
      product-management-list .table thead th:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      product-management-list .table thead th:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
    product-management-list .table tbody {
      border: 0px !important; }
      product-management-list .table tbody tr > td {
        padding: 1px 14px !important;
        vertical-align: middle; }
      product-management-list .table tbody mbg-checkbox {
        margin-right: 5px; }
    product-management-list .table tr:nth-child(odd).tr-main {
      background-color: #efefef; }
    product-management-list .table .tr-main td:first-child {
      width: 70px;
      padding: 1px 10px 1px 14px !important; }
    product-management-list .table .tr-main:focus-within {
      background-color: var(--neutral3) !important; }
  product-management-list sg-tree-list tbody:nth-child(odd) .sg-tree-list-tr-main {
    background-color: #efefef; }
  product-management-list .right {
    text-align: right !important; }
  product-management-list .left {
    text-align: left !important; }
  product-management-list .center {
    text-align: center !important; }
  product-management-list .fa-2x {
    transition: 0.3s ease; }
  product-management-list .rotate {
    transform: rotate(90deg); }
  product-management-list .mb-status {
    display: grid;
    margin: auto; }
  product-management-list .mb-status .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    margin-left: -115px;
    margin-top: -20px; }
  product-management-list .mb-status:hover .tooltiptext {
    visibility: visible; }
.chart-of-account-management-list table > thead > tr > th > span {
  color: white !important; }

.chart-of-account-management-list thead {
  background-color: var(--primary) !important; }

.chart-of-account-management-list tbody:nth-child(odd) .tr-main {
  background-color: #efefef; }

.chart-of-account-management-list tbody > tr > td {
  padding: 1px 14px !important; }

.chart-of-account-management-list .table > thead > tr > th > span {
  color: white !important; }

.chart-of-account-management-list .table > tbody > tr > td, .chart-of-account-management-list .table > tbody > tr > th, .chart-of-account-management-list .table > tfoot > tr > td, .chart-of-account-management-list .table > tfoot > tr > th, .chart-of-account-management-list .table > thead > tr > td, .chart-of-account-management-list .table > thead > tr > th {
  vertical-align: -webkit-baseline-middle;
  border-top: 2px solid #f8f8f8; }

.chart-of-account-management-list .table > thead > tr > th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.chart-of-account-management-list .table > thead > tr > th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.chart-of-account-management-list .checkAll-left {
  text-align: left !important; }

.chart-of-account-management-list .subItem {
  background-color: #e8e6ea;
  border-bottom: 2px solid gainsboro !important; }

.chart-of-account-management-list .subItemsHeader {
  padding: 10px !important;
  background-color: var(--swiper-theme-color);
  color: white;
  font-weight: bolder; }

.chart-of-account-management-list .loadingRow {
  justify-content: center;
  text-align: center; }
  .chart-of-account-management-list .loadingRow span {
    display: flex;
    padding-left: 40%; }

.chart-of-account-management-list .fa-2x {
  transition: 0.3s ease; }

.chart-of-account-management-list .rotate {
  transform: rotate(90deg); }

.chart-of-account-management-list .right {
  text-align: right !important; }

.chart-of-account-management-list .left {
  text-align: left !important; }

.chart-of-account-management-list .center {
  text-align: center !important; }

.chart-of-account-management-list .mb-status {
  margin: auto; }

.chart-of-account-management-list .icons {
  display: flex;
  justify-content: center; }
.chart-of-accounts-repeat-modal .modal-dialog {
  width: 80%;
  margin-top: 6rem !important;
  transform: translate(0, 0%) !important; }

.chart-of-accounts-repeat-modal .mbg-body-modal {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 30px) !important;
  padding-left: 4rem !important; }
  .chart-of-accounts-repeat-modal .mbg-body-modal .row-flex {
    padding-bottom: 1rem; }
.plan-management-list .mb-status {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  font-size: 12px;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  color: var(--mbListTextLight); }

.plan-management-list tr, .plan-management-list th {
  padding: 0;
  height: 1px !important; }

.plan-management-list td {
  padding: 5px !important;
  vertical-align: middle !important;
  text-align: left !important; }

.plan-management-list thead {
  background-color: var(--primary) !important; }

.plan-management-list table > thead > tr > th > span {
  color: white !important;
  font-weight: bolder !important; }

.plan-management-list table > thead > tr > th {
  padding: 5px !important;
  text-align: left !important; }

.plan-management-list table > thead > tr {
  padding: 5px !important;
  height: 10px !important; }

.plan-management-list .checkAll-left {
  text-align: left !important; }

.plan-management-list .subItem {
  background-color: #e8e6ea;
  border-bottom: 2px solid gainsboro !important; }

.plan-management-list .subItemsHeader {
  padding: 10px !important;
  background-color: var(--swiper-theme-color);
  color: white;
  font-weight: bolder; }

.plan-management-list .loadingRow {
  justify-content: center;
  text-align: center; }
  .plan-management-list .loadingRow span {
    display: flex;
    padding-left: 40%; }

.plan-management-list img.image {
  width: 35px;
  height: 35px;
  margin-right: 10px; }
  .plan-management-list img.image.user-image {
    border-radius: 15%; }

.plan-management-list td > i:hover {
  color: var(--primary) !important;
  transform: scale(1.4) !important; }
.modal-dialog {
  display: table;
  margin-top: 5%; }

.link-operation-plan-wrapper .mbg-modal {
  max-width: 680px; }

.link-operation-plan-wrapper .btn-common {
  justify-content: center;
  height: 44px;
  border-radius: 25px;
  width: 40%;
  font-weight: 600;
  color: #fff;
  border: none;
  margin-top: 10px;
  margin-bottom: 10px; }

.link-operation-plan-wrapper .btn-actions {
  background-color: var(--secondary);
  margin-bottom: 50px; }

.link-operation-plan-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll {
  height: fit-content !important;
  padding: 0px 0px; }

.link-operation-plan-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll .mbg-multi-select-content {
  display: flex !important;
  flex-wrap: wrap !important; }

.link-operation-plan-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected {
  display: flex !important;
  flex-wrap: wrap !important; }

.link-operation-plan-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li {
  margin-left: 10px;
  margin-top: 5px;
  margin-right: 0px; }

.link-operation-plan-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll .mbg-select-input-fake {
  min-width: 590px; }
.modal-dialog {
  display: table;
  margin-top: 5%; }

.link-person-plan-wrapper .mbg-modal {
  max-width: 680px; }

.link-person-plan-wrapper .btn-common {
  justify-content: center;
  height: 44px;
  border-radius: 25px;
  width: 40%;
  font-weight: 600;
  color: #fff;
  border: none;
  margin-top: 10px;
  margin-bottom: 10px; }

.link-person-plan-wrapper .btn-actions {
  background-color: var(--secondary);
  margin-bottom: 50px; }

.link-person-plan-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll {
  height: fit-content !important;
  padding: 0px 0px; }

.link-person-plan-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll .mbg-multi-select-content {
  display: flex !important;
  flex-wrap: wrap !important; }

.link-person-plan-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected {
  display: flex !important;
  flex-wrap: wrap !important; }

.link-person-plan-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li {
  margin-left: 10px;
  margin-top: 5px;
  margin-right: 0px; }

.link-person-plan-wrapper .mbg-multi-select-wrapper .mbg-multi-select-scroll .mbg-select-input-fake {
  min-width: 590px; }

.link-person-plan-wrapper .empty-warning {
  margin-top: 20px;
  margin-bottom: 20px; }

.link-person-plan-wrapper .person-list {
  background: white;
  border-radius: 14px;
  padding: 14px;
  border: 1px black solid; }
.modal-dialog {
  display: table;
  margin-top: 5%; }

.link-ofx-description-wrapper .mbg-modal {
  max-width: 680px; }

.link-ofx-description-wrapper .modal-title {
  margin: 50px 0px 10px 0px;
  font-size: 21px;
  position: relative;
  font-weight: 700;
  font-family: MontSerrat,sans-serif;
  color: var(--color1); }

.link-ofx-description-wrapper .btn-common {
  justify-content: center;
  height: 44px;
  border-radius: 25px;
  width: 40%;
  font-weight: 600;
  color: #fff;
  border: none;
  margin-top: 10px;
  margin-bottom: 10px; }

.link-ofx-description-wrapper .btn-actions {
  background-color: var(--secondary);
  margin-bottom: 50px; }

.link-ofx-description-wrapper .main-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.link-ofx-description-wrapper .span-text {
  font-weight: 600; }

.link-ofx-description-wrapper .delete-icon {
  font-weight: bold;
  color: var(--color1);
  font-style: normal; }

.link-ofx-description-wrapper .linked-component {
  padding: 5px 15px;
  margin: 0px 5px 10px 0px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  width: fit-content;
  height: fit-content; }

.link-ofx-description-wrapper .bind-button {
  flex: 1;
  border-radius: 34px;
  width: 100%;
  height: 44px;
  border: none;
  background: var(--secondary);
  color: #FFF;
  font-weight: bold; }

.link-ofx-description-wrapper .input-container {
  height: 70px;
  display: flex;
  flex-direction: row; }
  .link-ofx-description-wrapper .input-container .description-input {
    width: 65%;
    margin-right: 10%; }
  .link-ofx-description-wrapper .input-container .description-button {
    width: 25%; }

.link-ofx-description-wrapper .text-field {
  text-align: center;
  margin: 0px 20px 61px 20px; }
  .link-ofx-description-wrapper .text-field .exemple {
    margin: 10px 0px; }

.link-ofx-description-wrapper .input-field {
  margin: 10px 20px; }

.link-ofx-description-wrapper .linked-field {
  margin: 10px 20px; }
.bank-statement-management-list {
  overflow-y: auto;
  max-height: 70vh; }
  .bank-statement-management-list tr, .bank-statement-management-list th {
    padding: 0;
    height: 1px !important; }
  .bank-statement-management-list td {
    padding: 5px !important;
    vertical-align: middle !important; }
  .bank-statement-management-list thead {
    background-color: var(--primary) !important; }
  .bank-statement-management-list table > thead > tr > th > span {
    color: white !important;
    font-weight: bolder !important; }
  .bank-statement-management-list table > thead > tr > th {
    padding: 5px !important; }
  .bank-statement-management-list table > thead > tr {
    padding: 5px !important;
    height: 10px !important; }
  .bank-statement-management-list tbody:nth-child(odd) .tr-main {
    background-color: #efefef; }
  .bank-statement-management-list .sticky-row {
    background-color: var(--primary);
    color: white;
    font-weight: bold;
    padding: 10px 14px; }
  .bank-statement-management-list .sticky-header {
    position: sticky;
    top: 30px; }
  .bank-statement-management-list .sticky-footer {
    position: sticky;
    bottom: 0; }
  .bank-statement-management-list thead {
    position: sticky;
    top: 0; }
.cash-checkout-sale-info-list thead > tr > th {
  padding: 7px 14px !important; }

.cash-checkout-sale-info-list thead {
  background-color: var(--primary) !important; }

.cash-checkout-sale-info-list tbody > tr > td {
  padding: 1px 14px !important; }

.cash-checkout-sale-info-list .table > thead > tr > th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.cash-checkout-sale-info-list .table > thead > tr > th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.cash-checkout-sale-info-list .table > thead > tr > th > span {
  color: white !important; }

.cash-checkout-sale-info-list .table > tbody > tr > td, .cash-checkout-sale-info-list .table > tbody > tr > th, .cash-checkout-sale-info-list .table > tfoot > tr > td, .cash-checkout-sale-info-list .table > tfoot > tr > th, .cash-checkout-sale-info-list .table > thead > tr > td, .cash-checkout-sale-info-list .table > thead > tr > th {
  vertical-align: -webkit-baseline-middle;
  border-top: 2px solid #f8f8f8; }

.cash-checkout-sale-info-list tbody:nth-child(odd) .tr-main {
  background-color: #efefef; }

.cash-checkout-sale-info-list .right {
  text-align: right !important; }

.cash-checkout-sale-info-list .left {
  text-align: left !important; }

.cash-checkout-sale-info-list .center {
  text-align: center !important; }

.cash-checkout-sale-info-list .mb-status {
  margin: auto; }

.cash-checkout-sale-info-list .icon-hide {
  display: flex;
  justify-content: center;
  width: 30px; }

.cash-checkout-sale-info-list .mb-status {
  display: grid; }

.cash-checkout-sale-info-list .mb-status .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  margin-left: 30px;
  margin-top: -20px; }

.cash-checkout-sale-info-list .mb-status:hover .tooltiptext {
  visibility: visible; }
.short-company .mbg-select-company-wrapper .mbg-select-company-input-wrapper {
  padding: 10px 8px; }

.short-company .mbg-select-company-wrapper .short-name {
  font-size: 16px;
  color: var(--font2); }

.short-company .mbg-select-company-wrapper .mbg-select-company-list .short-name {
  color: var(--font2);
  font-size: 14px; }
.mbg-select-company-wrapper {
  display: flex;
  align-items: center;
  width: 100%; }
  .mbg-select-company-wrapper .mbg-select-company-input-wrapper {
    width: 100%;
    position: relative;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    padding: 8px 14px;
    flex: 1;
    outline: none;
    height: 44px; }
    .mbg-select-company-wrapper .mbg-select-company-input-wrapper .mbg-select-company-input-fake {
      width: 100%;
      padding-left: 10px;
      color: var(--font3);
      font-style: italic;
      opacity: 1; }
      .mbg-select-company-wrapper .mbg-select-company-input-wrapper .mbg-select-company-input-fake .place {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: var(--font3);
        font-style: italic;
        opacity: 1;
        /* Firefox */ }
      .mbg-select-company-wrapper .mbg-select-company-input-wrapper .mbg-select-company-input-fake .mbg-select-company-value {
        width: 95%;
        overflow: hidden;
        white-space: nowrap; }
      .mbg-select-company-wrapper .mbg-select-company-input-wrapper .mbg-select-company-input-fake .filter-company {
        font-style: normal;
        color: black;
        width: 100%;
        border: none; }
  .mbg-select-company-wrapper .togle-select-buttom {
    background: var(--primary);
    width: 40px;
    left: calc( 100% - 40px);
    position: absolute;
    top: 0;
    border-radius: 0pc 5px 5px 0px;
    height: 100%; }
  .mbg-select-company-wrapper .mbg-input-wrapper input {
    padding-right: 44px;
    font-weight: 500; }
  .mbg-select-company-wrapper .mbg-icon-select {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    height: 100%;
    top: 0;
    right: 0px;
    padding: 0 15px;
    cursor: pointer;
    color: #FFF; }
  .mbg-select-company-wrapper svg.loading {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    height: 100%;
    top: 0;
    right: 18px;
    fill: #9e9e9e;
    width: 16px; }
  .mbg-select-company-wrapper .corporate-name {
    color: var(--font3); }
  .mbg-select-company-wrapper .short-name {
    color: black; }
  .mbg-select-company-wrapper .mbg-select-company-list {
    top: 100%;
    z-index: 999999999;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff;
    position: fixed;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 0 70px rgba(0, 0, 0, 0.15);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    transform-origin: top center;
    transform: translate3d(0, -10%, 0);
    opacity: 0;
    pointer-events: none;
    overflow: auto;
    display: flex;
    flex-direction: column; }
    .mbg-select-company-wrapper .mbg-select-company-list .filter {
      width: 100%;
      border: none; }
    .mbg-select-company-wrapper .mbg-select-company-list .corporate-name {
      color: var(--font3); }
    .mbg-select-company-wrapper .mbg-select-company-list .short-name {
      color: black; }
    .mbg-select-company-wrapper .mbg-select-company-list .mbg-select-company-search-wrapper {
      display: flex;
      height: 34px;
      border: none;
      padding: 0 9px;
      border-bottom: 1px solid #ddd; }
      .mbg-select-company-wrapper .mbg-select-company-list .mbg-select-company-search-wrapper svg {
        width: 18px;
        fill: var(--font2); }
      .mbg-select-company-wrapper .mbg-select-company-list .mbg-select-company-search-wrapper input {
        width: 100%;
        outline: none;
        margin-left: 8px;
        border: none;
        outline: none; }
    .mbg-select-company-wrapper .mbg-select-company-list ul {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%;
      flex: 1;
      overflow: auto; }
      .mbg-select-company-wrapper .mbg-select-company-list ul.ul-options {
        height: 216px;
        max-height: 216px; }
    .mbg-select-company-wrapper .mbg-select-company-list.top-style {
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
    .mbg-select-company-wrapper .mbg-select-company-list.active {
      transition: transform 0.5s ease, opacity 0.2s linear;
      transform: translateZ(0);
      opacity: 1;
      pointer-events: all; }
    .mbg-select-company-wrapper .mbg-select-company-list li {
      padding: 12px 12px;
      color: var(--font2);
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: flex;
      align-items: center; }
      .mbg-select-company-wrapper .mbg-select-company-list li .fixed-icon {
        transition: all 300ms ease;
        transform: rotate(40deg);
        opacity: 0.4; }
        .mbg-select-company-wrapper .mbg-select-company-list li .fixed-icon:hover, .mbg-select-company-wrapper .mbg-select-company-list li .fixed-icon.fixed {
          transform: rotate(0deg);
          opacity: 1; }
      .mbg-select-company-wrapper .mbg-select-company-list li div {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 90%; }
      .mbg-select-company-wrapper .mbg-select-company-list li i {
        font-size: 20px; }
        .mbg-select-company-wrapper .mbg-select-company-list li i[class="fa fa-star"] {
          color: #ffc300; }
      .mbg-select-company-wrapper .mbg-select-company-list li:hover, .mbg-select-company-wrapper .mbg-select-company-list li.focused {
        background: #f5f5f5; }
      .mbg-select-company-wrapper .mbg-select-company-list li.recent-item {
        display: flex;
        flex-direction: column; }
        .mbg-select-company-wrapper .mbg-select-company-list li.recent-item label {
          font-weight: bold;
          margin-bottom: 5px; }

mbg-select-company[disabled="disabled"] .mbg-select-company-input-fake,
mbg-select-company[disabled="disabled"] .mbg-select-company-input-wrapper {
  background: #f5f5f5;
  font-weight: 500; }
.switch-list-wrapper .row-space {
  margin-bottom: 12px; }

.switch-list-wrapper .warn-hover .warn {
  opacity: 0; }

.switch-list-wrapper .warn-hover:hover .warn {
  opacity: 1; }

.switch-list-wrapper .row-title.inline-switch {
  display: flex;
  align-items: center;
  gap: 8px; }
  .switch-list-wrapper .row-title.inline-switch span.switch {
    scale: 0.9;
    border-bottom: solid 2px transparent; }
    .switch-list-wrapper .row-title.inline-switch span.switch:focus {
      border-bottom: solid 2px var(--primary);
      transition: background 0.3s ease-in-out; }

.switch-list-wrapper .row-title .switch-label {
  margin-bottom: 5px; }

.switch-list-wrapper .row-title .checkbox-label {
  padding-left: 8px; }

.switch-list-wrapper .row-title label {
  font-weight: normal; }
.input-time-wrapper .input-time {
  display: flex;
  border: 1px solid #ddd;
  background: #fff;
  padding: 2px 14px;
  border-radius: 5px;
  min-width: 212px; }
  .input-time-wrapper .input-time div {
    margin: 0px auto; }
  .input-time-wrapper .input-time input {
    border: none; }
.input-search i {
  font-size: 14px !important; }

.input-search .input-fake {
  padding: 0px;
  background: #fff; }
  .input-search .input-fake[disabled] {
    background-color: #f5f5f5; }
  .input-search .input-fake i {
    color: var(--font3); }
  .input-search .input-fake.input-focus {
    border-color: var(--primary); }

.input-search .fit-content {
  width: fit-content;
  padding: 0px;
  margin: 0px; }

.input-search .with-select {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 100%; }

.input-search .no-padding-right {
  padding-right: 0px; }

.input-search .flex-grow {
  flex-grow: 1; }
@keyframes arrowFocus {
  0% {
    left: 0; }
  100% {
    left: 5px; } }

@keyframes showList {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes showListReverse {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    z-index: 0; } }

select-v2.no-border input {
  border: none !important; }

select-v2 .select:focus {
  display: block; }

select-v2 .select:focus-within .box-list {
  display: block; }

select-v2 .select:focus-within .item-list {
  animation-name: showList;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  overflow-y: auto; }

select-v2 .select:focus-within .input-search {
  animation-name: showList;
  animation-duration: 0.4s;
  animation-fill-mode: forwards; }

select-v2 .select:focus-within .input-label {
  border-bottom: 2px solid var(--primary);
  margin-bottom: 0px; }

select-v2 .select:not(:focus-within) .item-list {
  animation-name: showListReverse;
  animation-duration: 0.4s;
  animation-fill-mode: forwards; }

select-v2 .select:not(:focus-within) .input-search {
  animation-name: showListReverse;
  animation-duration: 0.4s;
  animation-fill-mode: forwards; }

select-v2 i {
  font-size: 14px !important;
  transition: all 0.3s; }

select-v2 .mbg-select-input-fake {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  padding: 8px 14px;
  flex: 1;
  outline: none;
  width: inherit;
  height: 44px;
  max-width: 100%;
  cursor: text;
  display: flex;
  align-items: center; }
  select-v2 .mbg-select-input-fake .label-input-fake {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  select-v2 .mbg-select-input-fake i {
    margin: auto;
    width: fit-content;
    height: fit-content;
    margin-right: 4px;
    color: #666; }
    select-v2 .mbg-select-input-fake i.fas.fa-times:focus {
      color: red; }

select-v2.no-border input {
  border: none; }

select-v2 .mini {
  height: 100%; }
  select-v2 .mini input, select-v2 .mini .input {
    height: 100%; }

select-v2 .select-v2-options-wrapper {
  display: none; }

select-v2 .select-v2-options-wrapper.show-options {
  display: block; }

body > div.select-v2-options-wrapper,
select-v2 {
  --hover-and-focus-bg: #bcbcbc30; }
  body > div.select-v2-options-wrapper .box-list,
  select-v2 .box-list {
    position: relative;
    width: 100%; }
    body > div.select-v2-options-wrapper .box-list .item-list,
    select-v2 .box-list .item-list {
      position: absolute;
      background: white;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      border-radius: 5px;
      max-height: 280px;
      transition: opacity 5s;
      z-index: 9999; }
      body > div.select-v2-options-wrapper .box-list .item-list .input-search,
      select-v2 .box-list .item-list .input-search {
        background-color: #FFF;
        border-bottom: 1px solid #ddd;
        box-shadow: rgba(0, 0, 0, 0) 0px 3px 8px; }
        body > div.select-v2-options-wrapper .box-list .item-list .input-search .input,
        select-v2 .box-list .item-list .input-search .input {
          width: 100%;
          height: 44px;
          padding: 0px 14px;
          border: 1px solid #ddd;
          border-radius: 5px;
          background: #fff;
          display: flex; }
          body > div.select-v2-options-wrapper .box-list .item-list .input-search .input[disabled],
          select-v2 .box-list .item-list .input-search .input[disabled] {
            background-color: #f5f5f5; }
          body > div.select-v2-options-wrapper .box-list .item-list .input-search .input input,
          select-v2 .box-list .item-list .input-search .input input {
            min-height: 0px;
            width: 100%;
            border: none; }
            body > div.select-v2-options-wrapper .box-list .item-list .input-search .input input:focus-within .mbg-select-input-fake,
            select-v2 .box-list .item-list .input-search .input input:focus-within .mbg-select-input-fake {
              border-bottom: 2px solid var(--primary); }
          body > div.select-v2-options-wrapper .box-list .item-list .input-search .input svg,
          select-v2 .box-list .item-list .input-search .input svg {
            width: 18px;
            margin-right: 10px;
            fill: #666; }
      body > div.select-v2-options-wrapper .box-list .item-list .item,
      select-v2 .box-list .item-list .item {
        z-index: 10;
        line-height: 25px;
        padding: 8px;
        font-weight: 500; }
        body > div.select-v2-options-wrapper .box-list .item-list .item .row,
        select-v2 .box-list .item-list .item .row {
          margin: 0px; }
        body > div.select-v2-options-wrapper .box-list .item-list .item .fit-content,
        select-v2 .box-list .item-list .item .fit-content {
          width: fit-content;
          padding: 0px;
          margin: 0px; }
        body > div.select-v2-options-wrapper .box-list .item-list .item .arrow,
        select-v2 .box-list .item-list .item .arrow {
          width: 5px; }
        body > div.select-v2-options-wrapper .box-list .item-list .item .focus-line,
        select-v2 .box-list .item-list .item .focus-line {
          opacity: 0; }
        body > div.select-v2-options-wrapper .box-list .item-list .item.selected,
        select-v2 .box-list .item-list .item.selected {
          background-color: var(--hover-and-focus-bg);
          color: var(--font1); }
        body > div.select-v2-options-wrapper .box-list .item-list .item:focus, body > div.select-v2-options-wrapper .box-list .item-list .item.force-arrow,
        select-v2 .box-list .item-list .item:focus,
        select-v2 .box-list .item-list .item.force-arrow {
          background-color: var(--hover-and-focus-bg); }
          body > div.select-v2-options-wrapper .box-list .item-list .item:focus .focus-line, body > div.select-v2-options-wrapper .box-list .item-list .item.force-arrow .focus-line,
          select-v2 .box-list .item-list .item:focus .focus-line,
          select-v2 .box-list .item-list .item.force-arrow .focus-line {
            opacity: 1;
            color: var(--primary);
            position: relative;
            animation-name: arrowFocus;
            animation-duration: 1s;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
            animation-direction: alternate; }
        body > div.select-v2-options-wrapper .box-list .item-list .item:hover,
        select-v2 .box-list .item-list .item:hover {
          background-color: var(--hover-and-focus-bg);
          color: var(--font1); }
  body > div.select-v2-options-wrapper .select:focus-within .mbg-select-input-fake,
  select-v2 .select:focus-within .mbg-select-input-fake {
    border-bottom: 2px solid var(--primary) !important; }
  body > div.select-v2-options-wrapper .favorite-item,
  select-v2 .favorite-item {
    transition: all 0.2s; }
    body > div.select-v2-options-wrapper .favorite-item:focus,
    select-v2 .favorite-item:focus {
      scale: 1.3;
      color: var(--primary); }
.input-v2 .mbg-error {
  position: static !important; }

.input-v2.input-error input, .input-v2.input-error .input-date-time {
  border-bottom: 2px solid red; }

.input-v2.small-view .input-date-time {
  gap: 14px; }
  .input-v2.small-view .input-date-time input {
    flex: 0 0 100%; }

.input-v2:focus-within input, .input-v2:focus-within .input-date-time {
  border-bottom: 2px solid var(--primary); }

.input-v2 .input-v2-content .input-button:not(:empty) + input {
  padding-right: 45px; }

.input-v2 input {
  width: 100%;
  height: 44px;
  padding-left: 14px;
  padding-right: 14px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff; }
  .input-v2 input[disabled] {
    background-color: #f5f5f5; }
  .input-v2 input[type="number"] {
    -moz-appearance: textfield; }
    .input-v2 input[type="number"]::-webkit-outer-spin-button, .input-v2 input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
  .input-v2 input.fake-focus {
    border-bottom: 2px solid var(--primary); }

.input-v2 .input-date-time {
  display: flex;
  width: 100%;
  gap: 2px;
  padding: 0px 14px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  height: 44px;
  overflow: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth; }
  .input-v2 .input-date-time::-webkit-scrollbar {
    display: none; }
  .input-v2 .input-date-time[disabled] {
    background-color: #f5f5f5; }
  .input-v2 .input-date-time input {
    border: none !important;
    background-color: transparent;
    padding: 0px;
    min-width: 80px;
    scroll-snap-align: center;
    scroll-snap-stop: always; }
    .input-v2 .input-date-time input.time {
      min-width: 60px; }
    .input-v2 .input-date-time input[type="time"]::-webkit-calendar-picker-indicator {
      margin: 0px;
      padding: 0px; }

.input-v2 .input-between {
  display: flex;
  justify-content: right;
  align-items: end;
  width: 100%; }
  .input-v2 .input-between .input-between-space {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px; }

.input-v2 .input-money-between {
  display: flex;
  justify-content: right;
  align-items: end;
  width: 100%; }

.input-v2 .input-money-between-space {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px; }

.input-v2 .input-button {
  height: 44px;
  margin: auto;
  margin-right: 5px;
  pointer-events: all;
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: flex;
  align-items: center; }

@media screen and (max-width: 1280px) {
  .input-v2 .input-button {
    margin-right: 0px;
    right: 15px; } }
.input-square-button .square-button {
  width: 35px;
  height: 35px;
  border-radius: 3px;
  font-size: 15px;
  transition: all .2s ease;
  border: none;
  justify-content: center;
  align-items: center; }
  .input-square-button .square-button i {
    color: white !important; }
  .input-square-button .square-button:hover, .input-square-button .square-button:focus {
    transform: scale(1.1);
    transition: all .3s ease; }
  .input-square-button .square-button[disabled] {
    background-color: var(--mbListStatusInactive); }

.input-square-button .default {
  background-color: var(--primary); }

.input-square-button .clear {
  background-color: var(--error); }

.input-square-button .check {
  background-color: var(--mbListStatusActive); }

@media screen and (max-width: 1280px) {
  .input-square-button .square-button {
    width: 25px;
    height: 25px; }
    .input-square-button .square-button i {
      font-size: 13px; } }
@media screen and (max-width: 1368px) {
  sg-pie {
    zoom: calc( 1/0.75); } }

sg-pie .mb-h-charts-container {
  height: 400px;
  width: 100%;
  background-color: white;
  border-radius: 15px;
  padding: 0px;
  margin: 0px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  user-select: none;
  position: relative; }
  @media screen and (max-width: 1368px) {
    sg-pie .mb-h-charts-container {
      height: 300px; }
      sg-pie .mb-h-charts-container .home-chart {
        height: 300px !important; } }
  sg-pie .mb-h-charts-container .empty {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    color: var(--font2);
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    sg-pie .mb-h-charts-container .empty svg {
      width: 100px;
      fill: var(--font2);
      margin-bottom: 18px; }
@media screen and (max-width: 1368px) {
  sg-chart-bar-line {
    zoom: calc( 1/0.75); } }

sg-chart-bar-line .mb-h-charts-container {
  height: 400px;
  width: 100%;
  background-color: white;
  border-radius: 15px;
  padding: 0px;
  margin: 0px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  user-select: none;
  position: relative; }
  @media screen and (max-width: 1368px) {
    sg-chart-bar-line .mb-h-charts-container {
      height: 300px; }
      sg-chart-bar-line .mb-h-charts-container .home-chart {
        height: 300px !important; } }
  sg-chart-bar-line .mb-h-charts-container .empty {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    color: var(--font2);
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    sg-chart-bar-line .mb-h-charts-container .empty svg {
      width: 100px;
      fill: var(--font2);
      margin-bottom: 18px; }
@media screen and (max-width: 1368px) {
  sg-chart-bar-line-pie {
    zoom: calc( 1/0.75); } }

sg-chart-bar-line-pie .mb-h-charts-container {
  width: 100%;
  background-color: white;
  border-radius: 15px;
  padding: 0px;
  margin: 0px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  user-select: none;
  position: relative; }
  @media screen and (max-width: 1368px) {
    sg-chart-bar-line-pie .mb-h-charts-container {
      height: 300px; }
      sg-chart-bar-line-pie .mb-h-charts-container .home-chart {
        height: 300px !important; } }
  sg-chart-bar-line-pie .mb-h-charts-container .empty {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    color: var(--font2);
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    sg-chart-bar-line-pie .mb-h-charts-container .empty svg {
      width: 100px;
      fill: var(--font2);
      margin-bottom: 18px; }
@media screen and (max-width: 1368px) {
  sg-chart-line {
    zoom: calc( 1/0.75); } }

sg-chart-line .mb-h-charts-container {
  width: 100%;
  background-color: white;
  border-radius: 15px;
  padding: 0px;
  margin: 0px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  user-select: none;
  position: relative; }
  @media screen and (max-width: 1368px) {
    sg-chart-line .mb-h-charts-container {
      height: 300px; }
      sg-chart-line .mb-h-charts-container .home-chart {
        height: 300px !important; } }
  sg-chart-line .mb-h-charts-container .empty {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    color: var(--font2);
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    sg-chart-line .mb-h-charts-container .empty svg {
      width: 100px;
      fill: var(--font2);
      margin-bottom: 18px; }
  sg-chart-line .mb-h-charts-container .sales-range {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding-top: 6px; }
    sg-chart-line .mb-h-charts-container .sales-range select-v2 {
      width: 300px; }
      sg-chart-line .mb-h-charts-container .sales-range select-v2 .mbg-select-input-fake {
        height: 25px !important; }
    sg-chart-line .mb-h-charts-container .sales-range .month-control {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px; }
      sg-chart-line .mb-h-charts-container .sales-range .month-control .cursor-pointer {
        cursor: pointer; }
      sg-chart-line .mb-h-charts-container .sales-range .month-control .font-bold {
        font-weight: bold; }
mbg-homescreen-v2 .card-date {
  display: grid;
  justify-content: center; }

mbg-homescreen-v2 .charts .display-values {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease;
  opacity: 0;
  cursor: pointer; }
  mbg-homescreen-v2 .charts .display-values a {
    color: var(--font2); }
    mbg-homescreen-v2 .charts .display-values a i {
      margin-right: 4px; }

mbg-homescreen-v2 .charts:hover .display-values {
  transform: translateY(10px);
  opacity: 1; }

mbg-homescreen-v2 .mh-container {
  width: 100%;
  height: auto;
  padding: 15px; }
  mbg-homescreen-v2 .mh-container .mh-panel-container {
    background-color: white;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); }
  mbg-homescreen-v2 .mh-container .mh-content-container {
    margin-top: 50px;
    height: 300px;
    width: 100%;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); }
    mbg-homescreen-v2 .mh-container .mh-content-container:first-child {
      margin-top: 0px; }
  mbg-homescreen-v2 .mh-container .fake-chart {
    height: 400px;
    width: 100%;
    position: relative;
    border-radius: 15px;
    padding: 0px;
    margin: 0px;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    overflow: hidden; }
  mbg-homescreen-v2 .mh-container .fake-card {
    width: 45%;
    min-width: 375px;
    height: 100px;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 5px; }
    @media screen and (max-width: 768px) {
      mbg-homescreen-v2 .mh-container .fake-card {
        width: 80%; } }
  mbg-homescreen-v2 .mh-container .mbg-h-card-container {
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px; }
  mbg-homescreen-v2 .mh-container .mbg-h-tabs {
    background-color: white;
    height: auto;
    width: 100%;
    border-radius: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    user-select: none;
    position: relative;
    overflow: hidden; }
    mbg-homescreen-v2 .mh-container .mbg-h-tabs .mbg-h-t-tab {
      color: var(--font3);
      width: auto;
      height: 35px;
      line-height: 35px;
      background-color: white;
      padding: 0px 15px 0px 15px;
      margin: 7.5px 5px 7.5px 5px;
      border-radius: 17.5px;
      font-weight: 500;
      font-size: 14px;
      transition: color 100ms linear, background-color 100ms linear;
      cursor: pointer;
      white-space: nowrap; }
      mbg-homescreen-v2 .mh-container .mbg-h-tabs .mbg-h-t-tab:hover, mbg-homescreen-v2 .mh-container .mbg-h-tabs .mbg-h-t-tab:active, mbg-homescreen-v2 .mh-container .mbg-h-tabs .mbg-h-t-tab.active {
        color: #ff1e5f;
        background-color: #d1d1d17a; }
sales-payment .mb-h-charts-container {
  height: 400px;
  width: 100%;
  background-color: white;
  border-radius: 15px;
  padding: 0px;
  margin: 0px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  user-select: none;
  position: relative; }
  sales-payment .mb-h-charts-container .empty {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    color: var(--font2);
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    sales-payment .mb-h-charts-container .empty svg {
      width: 100px;
      fill: var(--font2);
      margin-bottom: 18px; }
store-goal-chart .mb-h-charts-container {
  height: 400px;
  width: 100%;
  background-color: white;
  border-radius: 15px;
  padding: 0px;
  margin: 0px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  user-select: none;
  position: relative; }
  store-goal-chart .mb-h-charts-container .empty {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    color: var(--font2);
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    store-goal-chart .mb-h-charts-container .empty svg {
      width: 100px;
      fill: var(--font2);
      margin-bottom: 18px; }
  store-goal-chart .mb-h-charts-container .month-control {
    position: absolute;
    z-index: 9;
    top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px; }
    store-goal-chart .mb-h-charts-container .month-control .cursor-pointer {
      cursor: pointer; }
    store-goal-chart .mb-h-charts-container .month-control .font-bold {
      font-weight: bold; }
vendor-goal-chart .mb-h-charts-container {
  height: 400px;
  width: 100%;
  background-color: white;
  border-radius: 15px;
  padding: 0px;
  margin: 0px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  user-select: none;
  position: relative; }
  vendor-goal-chart .mb-h-charts-container .empty {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    color: var(--font2);
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    vendor-goal-chart .mb-h-charts-container .empty svg {
      width: 100px;
      fill: var(--font2);
      margin-bottom: 18px; }
.input-percentage-v2-wrapper:focus-within input {
  border-bottom: 2px solid var(--primary); }

.input-percentage-v2-wrapper input {
  text-align: right;
  width: 100%;
  height: 44px;
  padding-left: 14px;
  padding-right: 14px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff; }
  .input-percentage-v2-wrapper input[disabled] {
    background-color: #f5f5f5; }

.input-percentage-v2-wrapper .input-button {
  margin: auto;
  margin-right: 5px;
  pointer-events: all;
  position: absolute;
  right: 15px;
  bottom: 5px;
  display: flex; }
mbg-multi-select-v2[vertical=true] {
  display: grid;
  width: 100%; }

mbg-multi-select-v2.highlight-first ul.items-selected > li.selected-item:first-child {
  color: white !important;
  background: var(--primary) !important;
  font-weight: bold; }

mbg-multi-select-v2 .box {
  display: flex;
  flex-direction: column; }

mbg-multi-select-v2 .labels {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  mbg-multi-select-v2 .labels a {
    cursor: pointer; }

mbg-multi-select-v2 .mbg-multi-select-v2-wrapper {
  display: contents; }
  mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    padding: 8px;
    -ms-flex: 1 1;
    flex: 1 1;
    outline: none;
    align-items: center;
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%; }
    mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll.disabled {
      background-color: #f5f5f5;
      border: 1px solid #ddd !important; }
    mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll .mbg-multi-select-v2-content {
      max-height: 150px;
      display: flex;
      align-items: flex-start;
      height: 100%;
      width: 100%; }
      mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll .mbg-multi-select-v2-content mbg-select {
        height: 90%;
        z-index: 1;
        width: 93%; }
        mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll .mbg-multi-select-v2-content mbg-select .mbg-select-wrapper {
          height: 100%; }
          mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll .mbg-multi-select-v2-content mbg-select .mbg-select-wrapper .mbg-select-input-fake {
            height: 100%;
            flex: 1;
            min-width: 191.03px;
            border: none; }
          mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll .mbg-multi-select-v2-content mbg-select .mbg-select-wrapper .mbg-icon-select {
            display: none; }
    mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll.horizontal-multiselect {
      height: 44px;
      overflow: auto hidden; }
      mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll.horizontal-multiselect .mbg-multi-select-v2-content {
        flex-direction: column; }
      mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll.horizontal-multiselect mbg-select .mbg-select-input-fake {
        text-wrap: nowrap; }
    mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll.vertical-multiselect {
      overflow: hidden auto;
      height: 100%; }
      mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll.vertical-multiselect ul {
        height: fit-content;
        flex-direction: column; }
        mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll.vertical-multiselect ul li.selected-item {
          z-index: 10; }
      mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll.vertical-multiselect ul.items-selected {
        width: 100%;
        flex-direction: column; }
        mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll.vertical-multiselect ul.items-selected li.selected-item {
          justify-content: space-between; }
    mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll input {
      width: 100%;
      border: none;
      background-color: transparent;
      padding: 0 0 0 10px; }
      mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll input:focus {
        outline: none;
        box-shadow: none; }
    mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll ul.items-selected {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      width: fit-content;
      min-width: fit-content;
      width: calc(100% - 8px);
      flex-direction: row; }
      mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll ul.items-selected li.selected-item {
        min-width: fit-content;
        background: #e6e6e6;
        border-radius: 4px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 5px 0px 8px;
        color: var(--font2);
        margin: 2px;
        font-size: 14px;
        max-width: 100%;
        cursor: move;
        font-weight: 500; }
        mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll ul.items-selected li.selected-item * {
          user-select: none; }
        mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll ul.items-selected li.selected-item svg {
          cursor: pointer;
          width: 14px;
          fill: currentColor;
          margin-left: 4px;
          display: flex;
          align-items: center;
          pointer-events: all; }
        mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll ul.items-selected li.selected-item.dragging {
          opacity: 0.6; }
        mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll ul.items-selected li.selected-item.over {
          background: red; }
      mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll ul.items-selected li:has(> mbg-select) {
        flex: 1; }
.modal-list {
  position: fixed;
  z-index: 999;
  background: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  .modal-list .modal-content {
    width: 80vw;
    padding-bottom: 2vh;
    max-height: 80vh;
    margin: auto;
    overflow: auto; }
  .modal-list .modal-title {
    text-align: center;
    width: 100%; }
  .modal-list .list-v2-hover-body-td {
    max-height: 50vh; }
  .modal-list .input-label {
    margin-bottom: 0px !important; }
  .modal-list .btn-close-modal {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }
  .modal-list .thin-input div.input-fake {
    padding: 0px !important; }
.modal:before {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4); }

.modal-dialog.modal-sm modal-list .modal-list {
  transform: translate(-50%, -22%); }
.sql-dynamic-query-wrapper .close-modal {
  font-size: 13px;
  color: var(--font2);
  margin-left: auto; }

.sql-dynamic-query-wrapper .square-resize {
  width: 40px;
  height: 40px; }

.sql-dynamic-query-wrapper .title {
  font-size: 1.5em;
  font-weight: 700;
  font-family: MontSerrat,sans-serif;
  color: var(--font1);
  margin: 0; }

.sql-dynamic-query-wrapper textarea {
  margin: auto;
  max-height: 320px;
  min-height: 200px;
  min-width: 30%;
  width: 100%;
  resize: both; }

.sql-dynamic-query-wrapper .span-alert {
  color: red; }

.sql-dynamic-query-wrapper .only-child:only-child, .sql-dynamic-query-wrapper .only-child:empty, .sql-dynamic-query-wrapper .has-child:only-child, .sql-dynamic-query-wrapper .has-child:empty {
  display: none; }

.sql-dynamic-query-wrapper .btn-bank button {
  width: 100%; }
  .sql-dynamic-query-wrapper .btn-bank button.save {
    background-color: var(--contrast);
    color: white;
    border-radius: 20px; }

.help-wrapper sql-key {
  font-weight: bold;
  color: darkred; }

.help-wrapper sql-param {
  font-weight: bold;
  color: navy; }

.help-wrapper h2, .help-wrapper p {
  font-family: Arial, sans-serif; }

.help-wrapper h2 {
  margin: 0px;
  margin-bottom: 15px; }

.help-wrapper .sql-container {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .help-wrapper .sql-container .sql-statement {
    background-color: #eeeeee;
    margin: 20px;
    font-family: monospace;
    color: #333; }
    .help-wrapper .sql-container .sql-statement p {
      margin: 0 !important; }
.info-box-wrapper {
  position: relative;
  min-height: 50px; }
  .info-box-wrapper .info-box-borders {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%; }
    .info-box-wrapper .info-box-borders .left-border,
    .info-box-wrapper .info-box-borders .middle-border,
    .info-box-wrapper .info-box-borders .right-border {
      min-width: 10px;
      min-height: 40px;
      border: 3px solid #ddd;
      margin: 9px 0px 9px 0px; }
    .info-box-wrapper .info-box-borders .left-border {
      border-radius: 6px 0px 0px 6px;
      border-right: none; }
    .info-box-wrapper .info-box-borders .middle-border {
      border-right: none;
      border-left: none;
      border-top: none;
      margin-top: 0px;
      min-width: 0px;
      min-height: 49px;
      display: flex; }
      .info-box-wrapper .info-box-borders .middle-border .info-box-title {
        pointer-events: all;
        margin: 0px 8px; }
        .info-box-wrapper .info-box-borders .middle-border .info-box-title :empty {
          margin: 0px; }
        .info-box-wrapper .info-box-borders .middle-border .info-box-title:focus {
          border-bottom: 1px solid #ddd; }
      .info-box-wrapper .info-box-borders .middle-border i {
        margin-right: 8px;
        margin-top: 4px;
        height: fit-content; }
    .info-box-wrapper .info-box-borders .right-border {
      border-radius: 0px 6px 6px 0px;
      border-left: none;
      flex-grow: 1; }
  .info-box-wrapper .info-box-title {
    display: flex;
    height: fit-content;
    z-index: 3; }
  .info-box-wrapper .info-box-content {
    transition: grid-template-rows 160ms ease-in-out;
    display: grid;
    grid-template-rows: 1fr; }
    .info-box-wrapper .info-box-content > div.content-wrapper {
      padding: 0px 5px;
      margin: 20px 5px;
      overflow-y: hidden;
      background-color: white;
      transition: margin 160ms ease-in-out; }
    .info-box-wrapper .info-box-content:not(.closed) > div.content-wrapper {
      transition: margin 160ms ease-in-out,  overflow-y .5s allow-discrete;
      overflow-y: visible; }
    .info-box-wrapper .info-box-content.closed {
      grid-template-rows: 0fr; }
      .info-box-wrapper .info-box-content.closed > div.content-wrapper {
        margin: 18px 8px 0px; }
.image-view-wrapper {
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999; }
  .image-view-wrapper .full-image-view-on {
    width: fit-content;
    height: 500px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 25px;
    border-radius: 20px; }
    .image-view-wrapper .full-image-view-on img {
      border-radius: 10px;
      height: 100%; }
    .image-view-wrapper .full-image-view-on .close-button {
      position: absolute;
      top: 0px;
      right: 7px;
      cursor: pointer;
      font-size: 3rem;
      font-weight: bolder;
      color: white; }
.youtube-video-modal-wrapper {
  position: fixed;
  z-index: 99999999;
  width: 100%;
  height: 100%;
  background-color: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .youtube-video-modal-wrapper iframe {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 70%;
    border-radius: 20px;
    border: 1.5px solid #fff; }

.text-modal-wrapper .youtube-video-modal-wrapper {
  width: 100vw;
  height: 100vh; }
.help-button-wrapper .question-icon-class {
  color: var(--primary);
  transform: scale(3); }
mbg-label.mbg-label label {
  font-size: 14px;
  color: var(--font1);
  margin-top: 15px;
  font-weight: 500;
  margin-bottom: 12px; }
.toggle-button-list-wrapper {
  display: inline-flex;
  position: relative;
  padding: 2px;
  border: 1px solid lightgrey;
  border-radius: 30px;
  background: #fff;
  box-sizing: border-box;
  width: 100%; }
  .toggle-button-list-wrapper .toggle-button {
    display: inline-flex;
    position: relative;
    width: 100%; }
  .toggle-button-list-wrapper label {
    font-size: 15px;
    z-index: 1;
    line-height: 20px;
    cursor: pointer;
    border-radius: 30px;
    transition: color 0.25s ease-in-out, background 0.25s;
    text-align: center;
    padding: 3px 12px;
    white-space: nowrap;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1; }
  .toggle-button-list-wrapper label.active {
    color: #fff; }
  .toggle-button-list-wrapper label:hover {
    background: #d3d3d3; }
  .toggle-button-list-wrapper .highlighter {
    position: absolute;
    height: 100%;
    border-radius: 30px;
    background: var(--secondary);
    transition: transform 0.25s ease-in-out, width 0.25s;
    z-index: 0;
    box-sizing: border-box; }
.transfer-items-wrapper .save {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .transfer-items-wrapper .save a {
    color: var(--font3);
    font-size: 14px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 200ms ease; }
    .transfer-items-wrapper .save a i {
      margin-right: 6px; }

.transfer-items-wrapper .label-config-continous-mode {
  margin-left: 8px;
  font-size: 12px;
  color: var(--font2); }

.transfer-items-wrapper .input-qtd-change {
  box-sizing: border-box;
  max-height: 44px;
  max-width: 100px;
  margin-left: 14px; }

.transfer-items-wrapper .input-view, .transfer-items-wrapper .input-price, .transfer-items-wrapper .input-full-price, .transfer-items-wrapper .input-size-products {
  box-sizing: none;
  max-height: 44px;
  max-width: 100px;
  border: transparent;
  font-size: 16px; }

.transfer-items-wrapper .btn-update-list {
  margin-top: 46px;
  width: 100%;
  background: var(--contrast);
  border-radius: 30px;
  border: none;
  padding: 12px 0;
  color: #fff;
  float: right; }

.transfer-items-wrapper h4,
.transfer-items-wrapper h5 {
  margin: 0 !important;
  color: var(--font2); }

.transfer-items-wrapper .product-item-wrapper {
  background: #fff;
  border-radius: 4px;
  min-height: 44px;
  margin-bottom: 14px;
  padding: 12px;
  display: flex;
  color: var(--font2);
  border: 1px solid #f5f5f5; }
  .transfer-items-wrapper .product-item-wrapper.footer {
    min-height: 0px !important; }
    .transfer-items-wrapper .product-item-wrapper.footer .product-item-image,
    .transfer-items-wrapper .product-item-wrapper.footer .product-item-metadata,
    .transfer-items-wrapper .product-item-wrapper.footer .product-item-quantity,
    .transfer-items-wrapper .product-item-wrapper.footer .product-item-price,
    .transfer-items-wrapper .product-item-wrapper.footer .product-item-options {
      height: auto !important; }
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-image h4,
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-image h5,
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-image input,
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-metadata h4,
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-metadata h5,
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-metadata input,
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-quantity h4,
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-quantity h5,
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-quantity input,
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-price h4,
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-price h5,
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-price input,
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-options h4,
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-options h5,
      .transfer-items-wrapper .product-item-wrapper.footer .product-item-options input {
        font-weight: 700 !important; }
    .transfer-items-wrapper .product-item-wrapper.footer input.footer {
      border: transparent;
      font-size: 18px; }
  .transfer-items-wrapper .product-item-wrapper span {
    font-weight: 100; }
  .transfer-items-wrapper .product-item-wrapper .product-item-image {
    width: 94px;
    height: 94px;
    border-radius: 3px; }
  .transfer-items-wrapper .product-item-wrapper .product-item-metadata {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 0 24px;
    flex: 1; }
  .transfer-items-wrapper .product-item-wrapper .product-item-quantity {
    min-width: fit-content;
    display: flex;
    align-items: center;
    padding: 0 32px; }
    .transfer-items-wrapper .product-item-wrapper .product-item-quantity h4,
    .transfer-items-wrapper .product-item-wrapper .product-item-quantity h5 {
      font-weight: 500; }
  .transfer-items-wrapper .product-item-wrapper .product-item-price {
    min-width: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 32px;
    font-size: 18px;
    min-width: 300px; }
    .transfer-items-wrapper .product-item-wrapper .product-item-price h4,
    .transfer-items-wrapper .product-item-wrapper .product-item-price h5 {
      font-weight: 500; }
  .transfer-items-wrapper .product-item-wrapper .product-item-options {
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .transfer-items-wrapper .product-item-wrapper .product-item-options .remove-icon {
      font-size: 18px;
      color: var(--font2);
      cursor: pointer; }

.item-list {
  flex: 1;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 380px; }
mbg-account-embedded .form-control.gmd[disabled] {
  background: #E4E4E4; }

.cropArea {
  background: #E4E4E4;
  overflow: hidden;
  width: 100%;
  height: 350px; }

.modal-body-my-profile {
  padding: 0; }

.modal-footer-my-profile {
  background-color: #e0e0e0 !important;
  padding: 0;
  border: 0;
  height: 100px; }

.modal-header-my-profile {
  background: #1eb7ad;
  border: none;
  color: #fff; }

.modal-header-my-profile > span {
  font-weight: 500;
  font-size: 19px;
  line-height: 19px; }

.btn-done-my-profile {
  width: 60px;
  color: #fff !important;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  outline: none !important;
  right: 25px;
  top: 365px;
  font-size: 25px;
  background: #1eb7ad;
  padding-top: 10px; }

.btn-take-my-profile {
  width: 60px;
  padding-top: 10px;
  color: #fff !important;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  outline: none !important;
  font-size: 25px;
  right: 25px;
  top: 465px;
  background: #1eb7ad; }

.close-crop-my-profile {
  cursor: pointer; }

.mbg-input-error {
  border-bottom: 1px solid #f00 !important; }

.password-weak {
  color: var(--error);
  margin-top: 5px;
  font-size: 13px; }
@media screen and (max-width: 1400px) {
  [uib-modal-window] {
    zoom: unset !important; } }
.order-form-wrapper {
  background: #f7f7f7;
  height: 100%;
  padding-bottom: 5px;
  text-align: left;
  overflow-y: scroll;
  z-index: 20; }
  .order-form-wrapper div.disabled-tooltip {
    z-index: 20;
    position: absolute;
    width: 100%;
    height: 100%; }
  .order-form-wrapper .order-form-wrapper-header {
    height: auto;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: white; }
    .order-form-wrapper .order-form-wrapper-header label {
      margin: 5px 0px; }
    .order-form-wrapper .order-form-wrapper-header .order-header-actions {
      justify-content: space-between;
      display: flex;
      gap: 7px;
      flex-direction: column;
      height: 140px; }
      .order-form-wrapper .order-form-wrapper-header .order-header-actions .btn-save {
        border-radius: 5px;
        background-color: var(--secondary);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        width: 100%;
        transition: all .3s ease;
        height: 25px !important; }
        .order-form-wrapper .order-form-wrapper-header .order-header-actions .btn-save:focus {
          transform: scale(1.1); }
      .order-form-wrapper .order-form-wrapper-header .order-header-actions .btn-return {
        display: flex;
        justify-content: center;
        font-size: 16px;
        transition: all .3s ease;
        margin-top: 14px; }
        .order-form-wrapper .order-form-wrapper-header .order-header-actions .btn-return:focus {
          transform: scale(1.1); }
    .order-form-wrapper .order-form-wrapper-header .order-observation {
      width: 100%;
      margin-top: 0px;
      height: 25px;
      min-height: 25px;
      transition: all .1s ease; }
      .order-form-wrapper .order-form-wrapper-header .order-observation:focus {
        border-bottom: 2px solid var(--primary); }
  .order-form-wrapper .btn-open-delivery {
    height: 25px;
    width: 100%;
    border-radius: 5px;
    background-color: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    transition: all .3s ease; }
    .order-form-wrapper .btn-open-delivery:focus {
      transform: scale(1.1); }
  .order-form-wrapper .btn-select-img-order {
    height: 25px;
    width: 100%;
    border-radius: 5px;
    background-color: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-evenly; }
    .order-form-wrapper .btn-select-img-order i {
      font-size: medium; }
    .order-form-wrapper .btn-select-img-order:focus {
      transform: scale(1.1); }
  .order-form-wrapper .order-form-wrapper-body {
    height: auto;
    padding-top: 0px; }
    .order-form-wrapper .order-form-wrapper-body .search-input-box {
      display: flex;
      align-items: center; }
    .order-form-wrapper .order-form-wrapper-body .btn-open-terminal {
      border-radius: 5px;
      background-color: var(--primary);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      padding-bottom: 7px;
      transition: all .3s ease;
      width: 100%;
      gap: 24px; }
      .order-form-wrapper .order-form-wrapper-body .btn-open-terminal:focus {
        transform: scale(1.1); }
    .order-form-wrapper .order-form-wrapper-body .order-items {
      margin-top: 5px;
      background: #e5e5e5;
      border-radius: 5px; }
      .order-form-wrapper .order-form-wrapper-body .order-items .row-item-info {
        padding-right: 0px;
        margin-top: 2px; }
      .order-form-wrapper .order-form-wrapper-body .order-items .order-item-info {
        padding: 3px; }
        .order-form-wrapper .order-form-wrapper-body .order-items .order-item-info img {
          width: 100%;
          height: 280px;
          margin-bottom: 10px; }
        .order-form-wrapper .order-form-wrapper-body .order-items .order-item-info label {
          color: var(--font2); }
        .order-form-wrapper .order-form-wrapper-body .order-items .order-item-info span {
          font-weight: bold; }
      .order-form-wrapper .order-form-wrapper-body .order-items .order-items-list {
        max-height: 520px;
        overflow-y: scroll; }
        .order-form-wrapper .order-form-wrapper-body .order-items .order-items-list .icons {
          display: flex;
          justify-content: center; }
          .order-form-wrapper .order-form-wrapper-body .order-items .order-items-list .icons .img-order-item-icon {
            padding-left: 0.2vw;
            padding-right: 0.2vw; }
        .order-form-wrapper .order-form-wrapper-body .order-items .order-items-list .icons .percent-icon,
        .order-form-wrapper .order-form-wrapper-body .order-items .order-items-list .icons .delete-icon,
        .order-form-wrapper .order-form-wrapper-body .order-items .order-items-list .icons .img-order-item-icon,
        .order-form-wrapper .order-form-wrapper-body .order-items .order-items-list .icons .rentability-icon {
          transition: all 250ms ease; }
        .order-form-wrapper .order-form-wrapper-body .order-items .order-items-list .icons .percent-icon:focus,
        .order-form-wrapper .order-form-wrapper-body .order-items .order-items-list .icons .delete-icon:focus,
        .order-form-wrapper .order-form-wrapper-body .order-items .order-items-list .icons .img-order-item-icon:focus,
        .order-form-wrapper .order-form-wrapper-body .order-items .order-items-list .icons .rentability-icon:focus {
          transform: scale(1.3); }
        .order-form-wrapper .order-form-wrapper-body .order-items .order-items-list .bi-percent {
          color: var(--font3);
          width: 17px; }
          .order-form-wrapper .order-form-wrapper-body .order-items .order-items-list .bi-percent:hover {
            color: var(--font2); }
    .order-form-wrapper .order-form-wrapper-body .order-totals {
      margin: 15px 0px; }
      .order-form-wrapper .order-form-wrapper-body .order-totals .input-total input {
        font-weight: bold; }
  .order-form-wrapper .mbg-keyboard-row {
    position: relative;
    display: flex;
    justify-content: unset;
    flex-wrap: wrap; }
    @media screen and (max-width: 990px) {
      .order-form-wrapper .mbg-keyboard-row {
        justify-content: center !important; } }
    .order-form-wrapper .mbg-keyboard-row .mbg-keyboard-item {
      width: calc(100% / 2);
      padding: 0 1px; }
      @media screen and (max-width: 992px) {
        .order-form-wrapper .mbg-keyboard-row .mbg-keyboard-item {
          width: 3.5em !important; } }
      .order-form-wrapper .mbg-keyboard-row .mbg-keyboard-item button {
        width: 100%;
        height: 45px;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #fff;
        border: none;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        border-radius: 2px;
        font-weight: bold;
        color: var(--font2);
        font-family: "Montserrat", sans-serif; }
        .order-form-wrapper .mbg-keyboard-row .mbg-keyboard-item button * {
          margin: auto; }
      .order-form-wrapper .mbg-keyboard-row .mbg-keyboard-item .mbg-keyboard-enter {
        width: 100%;
        border: none;
        border-radius: 5px;
        color: #fff; }
    .order-form-wrapper .mbg-keyboard-row .mbg-keyboard-option button {
      box-shadow: none;
      border: 1px solid #9c9c9c;
      color: var(--font2);
      font-weight: bold;
      background: transparent;
      display: flex;
      flex-direction: column;
      transition: all 250ms ease; }
      .order-form-wrapper .mbg-keyboard-row .mbg-keyboard-option button span {
        font-size: 11px; }
      .order-form-wrapper .mbg-keyboard-row .mbg-keyboard-option button.active {
        color: #fff;
        background-color: var(--primary); }
      .order-form-wrapper .mbg-keyboard-row .mbg-keyboard-option button:focus {
        transform: scale(1.1); }
  .order-form-wrapper .m-auto {
    margin: auto; }
  .order-form-wrapper .input-client {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; }
commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value .label-discount-error {
  color: var(--error);
  margin-top: 8px;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: bold;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 230px; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value button[disabled="disabled"] {
  opacity: .6; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value button {
  justify-content: center;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-bottom: 8px; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value a.skip-discount {
  font-size: 11px;
  text-align: center;
  margin-bottom: 0;
  margin-top: 4px; }

commercial-summary-movement .summary-movement-wrapper .summary-movement-item commercial-handle-value .info {
  margin-bottom: 14px; }

button[disabled="disabled"] {
  opacity: .6; }

.label-discount-error {
  color: var(--error) !important;
  width: 230px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: bold; }

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

.modal-box {
  display: flex;
  justify-content: center; }
  .modal-box .discount-content {
    margin: 30px;
    width: 40%; }
  .modal-box .input-content {
    padding-bottom: 15px; }
.finalize-order-modal-wrapper {
  width: 550px; }
.images-modal-wrapper {
  max-width: 70vw;
  max-height: 90vh; }
  .images-modal-wrapper .mbg-image-upload-main-label {
    color: #FFF;
    opacity: 0.85; }
  .images-modal-wrapper .ma-container .mbg-modal .mbg-body-modal {
    max-height: calc(100vh - 35vh); }
.title-print-options-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding: 10px 38px 15px 12px;
  min-width: 500px; }
  .title-print-options-wrapper h3 {
    text-align: left;
    width: 100%;
    margin-bottom: 10px; }

.btn-modal-print {
  transition: background-color 200ms ease;
  border-radius: 32px;
  background-color: var(--primary);
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  padding: 9px 12px 9px;
  margin-left: 6px; }

.btn-modal-print:hover {
  background-color: var(--primary);
  color: #fff; }

.buttons {
  padding-bottom: 25px; }

.btn-close-modal {
  position: absolute;
  right: 5px;
  top: 5px; }
.order-list-wrapper {
  max-height: -webkit-fill-available; }
  .order-list-wrapper .new-collect {
    margin-top: 24px; }
  .order-list-wrapper .login-zaap {
    background: none;
    border: none;
    color: var(--font2);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .order-list-wrapper .login-zaap i {
      margin-right: 10px;
      font-size: 18px; }
  .order-list-wrapper i.list-icon {
    font-size: 18px;
    color: var(--font3); }
  .order-list-wrapper .order-content {
    height: 100vh;
    padding-bottom: 84px; }
  .order-list-wrapper .btn-search-primary {
    height: 44px;
    font-weight: 700;
    background-color: var(--primary);
    color: #FFF;
    width: 100%;
    border-radius: 5px;
    border: none;
    margin-top: 18px;
    width: 100% !important; }
  .order-list-wrapper .align-items {
    display: flex;
    align-items: center; }
  .order-list-wrapper .without-padding {
    padding: 0px; }
  .order-list-wrapper .help-btn {
    margin-top: 15px;
    margin-right: 15px; }
.order-list-wrapper {
  max-height: -webkit-fill-available; }
  .order-list-wrapper .new-collect {
    margin-top: 24px; }
  .order-list-wrapper .resume-details {
    margin: 14px; }
  .order-list-wrapper .resume {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .order-list-wrapper .resume-item {
    margin-bottom: 14px; }
  .order-list-wrapper .login-zaap {
    background: none;
    border: none;
    color: var(--font2);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .order-list-wrapper .login-zaap i {
      margin-right: 10px;
      font-size: 18px; }
  .order-list-wrapper i.list-icon {
    font-size: 18px;
    color: var(--font2); }
  .order-list-wrapper .generate-sale {
    color: var(--secondary) !important; }
  .order-list-wrapper .order-content {
    height: 100vh;
    padding-bottom: 84px; }
.group-order-modal-wrapper {
  padding: 30px;
  width: 700px; }
  .group-order-modal-wrapper .row {
    margin-top: 16px; }
  .group-order-modal-wrapper .relative {
    position: relative; }
  .group-order-modal-wrapper .sqrt-btn {
    margin-right: 0 !important;
    right: 4px;
    top: 2px;
    position: absolute; }
.plan-list-wrapper .help-button {
  display: flex;
  justify-content: end;
  margin-top: 15px;
  padding: 0px; }
.print-dashboard-wrapper {
  display: none; }

@media print {
  .print-dashboard-wrapper {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important; }
  body {
    margin: 0;
    padding: 0; } }
.chart-of-account-modal-outter {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100vh !important;
  width: 100vw !important; }
  .chart-of-account-modal-outter .modal-content {
    display: flex !important;
    align-items: center;
    justify-content: center; }

.chart-of-account-modal-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  left: 0px;
  position: absolute;
  width: 100%; }
  .chart-of-account-modal-wrapper .chart-of-accounts-form-wrapper {
    width: 100% !important; }
    .chart-of-account-modal-wrapper .chart-of-accounts-form-wrapper .background-white {
      border-radius: 25px !important;
      padding: 25px !important; }
  .chart-of-account-modal-wrapper .step-tabs {
    margin: 50px 15%;
    background: white;
    border-radius: 9px !important; }

.chart-of-accounts-form-wrapper input:focus {
  border: 1px solid var(--primary) !important; }

.chart-of-accounts-form-wrapper .plans {
  margin-top: 4px; }

.chart-of-accounts-form-wrapper .check-col {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  align-items: end;
  height: 80px; }

.chart-of-accounts-form-wrapper .label-checkbox {
  font-weight: 500;
  color: var(--font2); }

.chart-of-accounts-form-wrapper .mbg-label {
  margin: 0 !important; }

.chart-of-accounts-form-wrapper .align-label {
  margin-top: -6px; }

.chart-of-accounts-form-wrapper .px-5px {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.chart-of-accounts-form-wrapper .mb-5px {
  margin-bottom: 5px !important; }

.chart-of-accounts-form-wrapper h4 ~ .form-row .form-group {
  padding-left: 0 !important; }

.chart-of-accounts-form-wrapper .pt-2rem {
  padding-top: 2rem; }
  .chart-of-accounts-form-wrapper .pt-2rem label {
    margin-bottom: .5rem !important; }

.chart-of-accounts-form-wrapper .min-heigth {
  min-height: 6.25rem; }

.chart-of-accounts-form-wrapper .bg-default-blue .col-togglable {
  transition: opacity ease-in-out 500ms,opacity ease-out 500ms,height 500ms;
  overflow: hidden;
  opacity: 1;
  height: auto; }
  .chart-of-accounts-form-wrapper .bg-default-blue .col-togglable.CLOSED {
    opacity: 0;
    height: 0; }

.chart-of-accounts-form-wrapper .bg-default-blue .col-clickacle {
  padding: 2rem; }
  .chart-of-accounts-form-wrapper .bg-default-blue .col-clickacle i.fas.fa-chevron-down {
    transition: ease 500ms; }
  .chart-of-accounts-form-wrapper .bg-default-blue .col-clickacle.OPENED i.fas.fa-chevron-down {
    transform: rotate(180deg); }

.chart-of-accounts-form-wrapper .bg-default-blue .person-container {
  padding: 1rem; }

.chart-of-accounts-form-wrapper .bg-default-blue .show-more-label {
  margin: 0 1rem; }

.chart-of-accounts-form-wrapper .bg-default-blue .grid-header {
  padding: 1rem;
  background: #1e47a6;
  color: #fff; }

.chart-of-accounts-form-wrapper .bg-default-blue .grid-header ~ div.row [class^='col'] {
  border: 1px solid #cecece;
  min-height: 6rem;
  display: flex;
  justify-content: center;
  align-items: center; }

.chart-of-accounts-form-wrapper .fix-height {
  min-height: 25px;
  display: flex;
  justify-content: end;
  flex-direction: column; }

.chart-of-accounts-form-wrapper .action-btn {
  width: 25px !important;
  height: 25px;
  border-radius: .5rem; }
  @media screen and (min-width: 992px) {
    .chart-of-accounts-form-wrapper .action-btn {
      width: 4.5rem; } }
  .chart-of-accounts-form-wrapper .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }
  .chart-of-accounts-form-wrapper .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }

.chart-of-accounts-form-wrapper .mg-b-sm-1 {
  margin-bottom: 1rem; }
  @media screen and (min-width: 992px) {
    .chart-of-accounts-form-wrapper .mg-b-sm-1 {
      margin-bottom: unset; } }

.chart-of-accounts-form-wrapper .btn-create {
  float: left;
  width: 100%; }
  @media screen and (min-width: 992px) {
    .chart-of-accounts-form-wrapper .btn-create {
      float: unset;
      width: unset; } }

.chart-of-accounts-form-wrapper mbg-text-area textarea {
  resize: none; }

.chart-of-accounts-form-wrapper .switch {
  width: 47px;
  height: 25px; }
  .chart-of-accounts-form-wrapper .switch small {
    width: 25px;
    height: 25px; }

.modal-create-person-chart-of-accounts .swal2-popup.swal2-modal.swal2-show {
  border-radius: 2rem;
  padding: 4rem; }
  .modal-create-person-chart-of-accounts .swal2-popup.swal2-modal.swal2-show select.swal2-select {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    padding: 8px 14px;
    flex: 1;
    outline: none;
    width: inherit;
    height: 44px;
    max-width: 100%;
    cursor: text;
    display: flex;
    align-items: center; }
  .modal-create-person-chart-of-accounts .swal2-popup.swal2-modal.swal2-show .swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 4rem;
    background: initial;
    background-color: #ff991f;
    color: #fff;
    font-size: 1.0625em; }

.modal-create-person-chart-of-accounts .m-b-05-rem {
  margin-bottom: 0.5rem !important; }
i.fas.fa-check {
  color: #00b300; }

.mb-status.revenue_and_expense {
  background-image: linear-gradient(110deg, var(--mbListStatusActive) 50%, #e30000 50%);
  font-size: 1.25rem; }

.totalizer {
  padding-right: 2%;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center; }
  .totalizer label {
    font-size: 13px;
    font-weight: 500;
    color: var(--font2); }
    .totalizer label span {
      font-weight: 600; }

.chart-of-account-list-header mbg-input-search .mbg-input-search-wrapper .input-group-search {
  background-color: white;
  border: #ddd 1px solid; }

.chart-of-account-list-header .new-chart {
  color: var(--secondary) !important; }

.btn-search-primary {
  height: 44px;
  font-weight: 700;
  background-color: var(--primary);
  color: #FFF;
  width: 100% !important;
  border-radius: 5px;
  border: none;
  margin-top: 18px; }
.importation-form .mbg-select-list {
  max-width: 500px !important; }

.importation-form .btn-create {
  max-width: 12em; }

.importation-form .label-importation {
  margin-left: 15px; }

.importation-form .downloadXls {
  margin-top: 20px; }
  .importation-form .downloadXls a {
    color: #000; }
    .importation-form .downloadXls a:hover {
      color: var(--primary); }
.dre-view-wrapper label {
  cursor: unset !important; }

.dre-view-wrapper .justify-content-end {
  justify-content: end; }

.dre-view-wrapper .btn-create-wrapper {
  gap: 8px; }

.dre-view-wrapper .btn-generate, .dre-view-wrapper .btn-showCurrent {
  flex: 1;
  border-radius: 5px;
  width: 100%;
  height: 25px;
  border: none;
  background: var(--secondary);
  color: #FFF;
  font-weight: bold; }

.dre-view-wrapper .cl-loading {
  border: 5px solid var(--primary);
  border-top: 5px solid transparent; }

.dre-view-wrapper .searching {
  margin-left: 6px; }

.dre-view-wrapper .data {
  margin-top: 26px; }

.dre-view-wrapper .fa-2x {
  transition: 0.3s ease; }

.dre-view-wrapper .rotate {
  transform: rotate(90deg); }

.dre-view-wrapper .options {
  display: flex;
  justify-content: center; }

.dre-view-wrapper i.fas.fa-spinner {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.dre-view-wrapper .input-number {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  padding: 8px 14px;
  flex: 1;
  outline: none;
  height: 44px;
  width: 100%;
  cursor: text;
  text-align: right; }

.dre-view-wrapper .help-button {
  margin-bottom: 5px;
  margin-right: 10px; }
.dre-view-table-component .right {
  text-align: right !important; }

.dre-view-table-component .left {
  text-align: left !important; }

.dre-view-table-component .center {
  text-align: center !important; }

.dre-view-table-component .profits {
  background-color: #d5d5d5b9 !important; }
  .dre-view-table-component .profits td {
    background-color: #d5d5d5b9 !important;
    color: black !important; }

.dre-view-table-component .dre-item-list {
  margin: 16px 0px; }
  .dre-view-table-component .dre-item-list thead > tr > th {
    padding: 2px 6px;
    background: var(--primary);
    color: white; }
    .dre-view-table-component .dre-item-list thead > tr > th:first-child {
      border-radius: 5px 0 0 5px; }
    .dre-view-table-component .dre-item-list thead > tr > th:last-child {
      border-radius: 0 5px 5px 0; }
  .dre-view-table-component .dre-item-list tbody > tr > td {
    background-color: white;
    padding: 2px 16px; }
  .dre-view-table-component .dre-item-list .borderless table {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none; }

.dre-view-table-component .hide-line-on-table {
  border-style: solid;
  border-color: transparent;
  border-width: 2px 0px 2px 0px !important; }

.dre-view-table-component #showPercentages {
  cursor: pointer; }
.management-sale-main mbg-input-date input {
  background-color: transparent;
  border: 1px solid #ccc; }

.management-sale-main .input-status {
  margin: 0px !important;
  min-width: 0px !important;
  justify-content: none !important;
  padding-left: 3px !important; }

.management-sale-main .status {
  padding: 0px 3px 0px 0px !important; }

.management-sale-main .input-payment {
  margin: 0px !important;
  min-width: 0px !important;
  justify-content: none !important;
  padding-left: 3px !important; }

.management-sale-main .payment {
  padding: 0px 3px 0px 0px !important; }

.management-sale-main .mbg-select-wrapper .mbg-select-input-fake {
  background: none; }

.management-sale-main .input-employer {
  padding: 1.3rem;
  padding-left: 0px !important; }

.management-sale-main .label-employer {
  padding-left: 3px !important; }

.management-sale-main .new-sale {
  color: var(--secondary) !important; }

.management-sale-main .col-sm-2 {
  padding-right: 7px !important; }

.management-sale-main .col-sm-11 {
  padding: 0 !important; }
.management-simple-sale-list thead > tr > th {
  padding: 7px 14px !important; }

.management-simple-sale-list thead {
  background-color: var(--primary) !important; }

.management-simple-sale-list tbody > tr > td {
  padding: 1px 14px !important; }

.management-simple-sale-list .table > thead > tr > th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.management-simple-sale-list .table > thead > tr > th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.management-simple-sale-list .table > thead > tr > th > span {
  color: white !important; }

.management-simple-sale-list .table > tbody > tr > td, .management-simple-sale-list .table > tbody > tr > th, .management-simple-sale-list .table > tfoot > tr > td, .management-simple-sale-list .table > tfoot > tr > th, .management-simple-sale-list .table > thead > tr > td, .management-simple-sale-list .table > thead > tr > th {
  vertical-align: -webkit-baseline-middle;
  border-top: 2px solid #f8f8f8; }

.management-simple-sale-list tbody:nth-child(odd) .tr-main {
  background-color: #efefef; }

.management-simple-sale-list .right {
  text-align: right !important; }

.management-simple-sale-list .left {
  text-align: left !important; }

.management-simple-sale-list .center {
  text-align: center !important; }

.management-simple-sale-list .mb-status {
  margin: auto; }

.management-simple-sale-list .icon-hide {
  display: flex;
  justify-content: center;
  width: 30px; }

.management-simple-sale-list .mb-status {
  display: grid; }

.management-simple-sale-list .mb-status .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  margin-left: 30px;
  margin-top: -20px; }

.management-simple-sale-list .mb-status:hover .tooltiptext {
  visibility: visible; }
.fiscal-group-form h4 {
  margin: 0px; }

.fiscal-group-form i:focus, .fiscal-group-form i:hover {
  transition: ease-in 0.1s;
  color: var(--primary);
  transform: scale(1.2); }

.fiscal-group-form .height-6 {
  height: 6rem;
  display: flex; }

.fiscal-group-form .link-in-center {
  margin: auto 0; }
  .fiscal-group-form .link-in-center.save i {
    color: #81b759; }

.fiscal-group-form .fa-2rem {
  font-size: 2rem; }

.fiscal-group-form .input-label {
  margin-bottom: 3px; }

.fiscal-group-form .taxation-group-form .btn-check {
  display: flex;
  align-items: flex-end;
  margin-top: 36px; }

.fiscal-group-form .taxation-group-form .table-fiscal-group {
  background-color: #dddddd61;
  border-radius: 5px;
  margin-bottom: 0;
  height: 445px;
  display: block;
  overflow: auto; }
  .fiscal-group-form .taxation-group-form .table-fiscal-group thead {
    background-color: red !important;
    position: sticky;
    top: 0;
    z-index: 1; }
  .fiscal-group-form .taxation-group-form .table-fiscal-group thead > tr > th {
    padding: 7px 14px !important;
    vertical-align: inherit; }
  .fiscal-group-form .taxation-group-form .table-fiscal-group tbody > tr > td {
    padding: 7px 14px !important;
    vertical-align: inherit; }

.fiscal-group-form .taxation-group-form .table-fiscal-group thead > tr > th {
  background-color: var(--primary);
  color: #eeeeee; }

.fiscal-group-form .taxation-group-form .table > thead > tr > th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.fiscal-group-form .taxation-group-form .table > thead > tr > th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.fiscal-group-form .taxation-group-form .table > tbody {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.fiscal-group-form .taxation-group-form .center {
  text-align: center !important; }

.fiscal-group-form .taxation-group-form .activity {
  font-weight: 700;
  color: #eeeeee;
  padding: 0px 10px;
  border-radius: 5px;
  white-space: nowrap; }

.fiscal-group-form .taxation-group-form .blue {
  background-color: #65b1ed; }

.fiscal-group-form .taxation-group-form .green {
  background-color: #81b759; }

.fiscal-group-form .taxation-group-form .red {
  background-color: #fa806b; }

.fiscal-group-form .taxation-group-form .hideLineOnTable {
  border: 2px #eeeeee solid; }

.fiscal-group-form .link-ncm {
  margin-top: 20px; }

.fiscal-group-form .link-ncm-custom-tooltip {
  margin-top: 10px; }
.ncm-link-fiscalgroup {
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 70vw;
  min-height: 50vh; }
  .ncm-link-fiscalgroup .title {
    margin-bottom: 10px;
    text-align: center; }
  .ncm-link-fiscalgroup .btn-close-modal {
    right: 10px !important;
    top: 10px !important; }
  .ncm-link-fiscalgroup .content-modal div.input-fake {
    padding: 0px !important; }
.fiscal-group-list .header-list {
  display: flex;
  align-items: center; }

.fiscal-group-list .align-items {
  display: flex;
  align-items: center; }

.fiscal-group-list .help-button {
  margin-top: 14px;
  margin-right: 10px; }

.fiscal-group-list .justify-end {
  justify-content: end; }

.fiscal-group-list .without-padding {
  padding: 0px; }
.uf-rules-content .flex-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.uf-rules-content .center-title {
  margin-bottom: auto;
  margin-top: auto;
  padding: 0px; }

.uf-rules-content .mbg-label {
  margin-bottom: 8px;
  font-weight: 600; }

.uf-rules-content .modal-dimensions {
  flex-grow: 1;
  flex-basis: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  padding: 3% 3% 3% 3%;
  width: 95rem; }
  .uf-rules-content .modal-dimensions .modal-dimensions-scrollable {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 40rem; }
  .uf-rules-content .modal-dimensions .close-x {
    font-size: 2.5em; }
    .uf-rules-content .modal-dimensions .close-x:hover {
      scale: 1.2;
      transition: all .2s ease;
      color: var(--error); }
  .uf-rules-content .modal-dimensions .state-item {
    margin-top: 8px; }

.uf-rules-content .col-width-100 {
  width: 100%; }
.company-parameters .input-label {
  margin-bottom: 5px;
  font-weight: bold; }

.company-parameters .name-text-block {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .company-parameters .name-text-block .description {
    overflow: hidden;
    max-width: 40vw;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 2px; }

.company-parameters .list-v2-hover-body-td {
  overflow: none;
  height: 100%; }
  .company-parameters .list-v2-hover-body-td .table > tbody > tr:focus .description {
    overflow: visible;
    text-wrap: break-word;
    white-space: normal; }

.company-parameters .limited-text {
  max-width: 15vw;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.company-parameters .help-button {
  display: flex;
  justify-content: end;
  margin-top: 40px; }
.parameter-edit {
  justify-content: center;
  display: flex;
  flex-direction: column; }
  .parameter-edit .close-x {
    height: 1.5%;
    font-size: 0.95em;
    border: 0;
    color: grey; }
  .parameter-edit .btn.focus, .parameter-edit .btn:focus, .parameter-edit .btn:hover {
    color: red;
    text-decoration: none;
    scale: 1.1;
    transition: all 0.2s linear; }
  .parameter-edit .inputs-block {
    flex-direction: column; }
  .parameter-edit .footer-button {
    margin: 20px 0px 0px 0px; }
  .parameter-edit .boolean-area {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px; }
  .parameter-edit .label-icon {
    display: flex;
    justify-content: space-between; }
  .parameter-edit .disabled-reason {
    color: red;
    font-size: small; }
  .parameter-edit .header-modal {
    margin-bottom: 30px; }
  .parameter-edit .mbg-label {
    margin-bottom: 0px;
    font-weight: 100; }
  .parameter-edit .modal-padding {
    padding: 12px; }
  .parameter-edit .cancel-link {
    font-size: 12px;
    margin-top: 10px; }
  .parameter-edit .parameter-label {
    margin-top: 14px;
    font-weight: 100; }
  .parameter-edit .second-parameter-label {
    font-weight: 100; }
  .parameter-edit .parameter-edit-alert {
    margin-top: 5px; }
  .parameter-edit .info {
    color: var(--primarySub);
    transition: all .1s ease-in-out;
    cursor: pointer;
    scale: 1.1; }
.edit-company-parameter-76 {
  width: 750px; }
  .edit-company-parameter-76 .header {
    width: 100%; }
    .edit-company-parameter-76 .header .mbg-close-modal {
      position: absolute;
      right: 5px; }
    .edit-company-parameter-76 .header h4 {
      padding: 20px 120px 0 20px; }
  .edit-company-parameter-76 .body {
    width: 100%;
    display: grid;
    padding: 30px; }
    .edit-company-parameter-76 .body .points span {
      font-size: large; }
    .edit-company-parameter-76 .body .details {
      width: 720px;
      margin-top: 5px;
      margin-bottom: 5px; }
      .edit-company-parameter-76 .body .details .message-label {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
      .edit-company-parameter-76 .body .details .message-form {
        text-align: center;
        width: 100%; }
        .edit-company-parameter-76 .body .details .message-form .tag-row {
          width: 100%;
          display: flex;
          position: relative;
          justify-content: space-between;
          margin: 2px; }
          .edit-company-parameter-76 .body .details .message-form .tag-row .tag-button {
            margin: 2px 0;
            border-radius: 5px;
            border: 0;
            color: white;
            background: var(--primary); }
          .edit-company-parameter-76 .body .details .message-form .tag-row[disabled] .tag-button {
            background: dimgray; }
        .edit-company-parameter-76 .body .details .message-form .message {
          border-radius: 10px;
          padding: 10px;
          height: 300px;
          width: 700px;
          resize: none; }
      .edit-company-parameter-76 .body .details .inner-link {
        color: blue !important; }
    .edit-company-parameter-76 .body .value {
      margin-top: 20px; }
      .edit-company-parameter-76 .body .value span {
        font-size: large; }
  .edit-company-parameter-76 .boolean-area {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px; }
  .edit-company-parameter-76 .btn-emails {
    width: 140px;
    margin: 2px 50px;
    border: 0;
    border-radius: 5px;
    color: white;
    text-align: center;
    padding: 0px 10px;
    background: var(--secondary); }
  .edit-company-parameter-76 .footer-button {
    margin: 50px 0px 10px 0px; }
.required-client-fields-wrapper {
  max-width: 764px;
  padding: 15px; }
  .required-client-fields-wrapper .boolean-area {
    padding: 5px;
    display: flex;
    gap: 20px;
    align-items: center; }
    .required-client-fields-wrapper .boolean-area label {
      width: 25%; }
  .required-client-fields-wrapper .boolean-area:first-child {
    padding-top: 15px; }
.logs-parameter {
  width: 70vw; }
  .logs-parameter .mbg-header-modal {
    padding: 0 !important; }
  .logs-parameter .not-result {
    height: 50px;
    display: flex;
    justify-content: center; }
.discharge-component-wrapper .mbg-input {
  text-align: end;
  width: max-content; }

.discharge-component-wrapper .document {
  font-size: 12px; }

.discharge-component-wrapper .btn-search {
  margin-top: 18px;
  width: 100% !important; }

.discharge-component-wrapper .btn-search-primary {
  margin-top: 18px;
  width: 100% !important; }

.discharge-component-wrapper .btn-search-success {
  margin-top: 18px;
  width: 100% !important; }

.discharge-component-wrapper .scrollable-table {
  overflow-x: auto;
  margin: 14px 0; }

.discharge-component-wrapper .totalizers {
  margin-left: 15px; }

.discharge-component-wrapper .table {
  margin-bottom: 0px; }

.discharge-component-wrapper .table-production-inputs {
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  padding: 10px 12px;
  color: white;
  font-weight: 700; }

.discharge-component-wrapper .totals {
  margin: 14px 0;
  padding: 0 12px;
  width: 100%; }
  .discharge-component-wrapper .totals .table-production-inputs:first-of-type {
    background-color: var(--primaryAlphaAD); }
  .discharge-component-wrapper .totals .table-production-inputs:nth-of-type(2) {
    background-color: var(--primary); }

.discharge-component-wrapper .right {
  text-align: right !important;
  width: 300px; }
.mannequin-client-wrapper .btn-search {
  width: 100%; }

.mannequin-client-wrapper .btn-search-primary {
  width: 100%; }

.mannequin-client-wrapper .btn-search-success {
  width: 100%; }
.resume-client-component-wrapper {
  padding: 10px; }
  .resume-client-component-wrapper tbody > tr > td:first-child {
    width: 450px !important; }
  .resume-client-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .resume-client-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .resume-client-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .resume-client-component-wrapper .m-auto {
    margin: auto; }
  .resume-client-component-wrapper .text-center {
    text-align: center; }
.customer-data-component-wrapper {
  padding: 10px; }
  .customer-data-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .customer-data-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .customer-data-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .customer-data-component-wrapper .component-body {
    margin: 14px 0; }
.points-history-component-wrapper {
  padding: 10px; }
  .points-history-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .points-history-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .points-history-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .points-history-component-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0; }
.limits-history-component-wrapper {
  padding: 10px; }
  .limits-history-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .limits-history-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .limits-history-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .limits-history-component-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0; }
.discount-coupon-details-wrapper {
  width: 600px; }
  .discount-coupon-details-wrapper .mbg-body-modal {
    gap: 8px;
    display: flex;
    flex-direction: column; }
    .discount-coupon-details-wrapper .mbg-body-modal .coupon-detail-wrapper {
      display: flex;
      gap: 8px; }
      .discount-coupon-details-wrapper .mbg-body-modal .coupon-detail-wrapper .flex-1 {
        flex: 1; }
.abc-curve-component-wrapper .mbg-input {
  text-align: end;
  width: max-content; }

.abc-curve-component-wrapper button {
  margin-top: 18px; }

.abc-curve-component-wrapper .switch-colorful {
  margin-top: 10px; }

.abc-curve-component-wrapper .table-abc-curve {
  background-color: #dddddd61;
  border-radius: 5px;
  margin-bottom: 0; }
  .abc-curve-component-wrapper .table-abc-curve thead > tr > th {
    padding: 7px 14px !important; }
  .abc-curve-component-wrapper .table-abc-curve tbody > tr > td {
    padding: 7px 14px !important; }

.abc-curve-component-wrapper .table-abc-curve thead > tr > th {
  background-color: var(--primary);
  color: #eeeeee; }

.abc-curve-component-wrapper .table > thead > tr > th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.abc-curve-component-wrapper .table > thead > tr > th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.abc-curve-component-wrapper .totalizers, .abc-curve-component-wrapper .totalizers-by-page {
  background-color: var(--primary);
  color: #eeeeee;
  font-weight: 700;
  bottom: 0;
  position: sticky;
  z-index: 1; }
  .abc-curve-component-wrapper .totalizers td:first-child, .abc-curve-component-wrapper .totalizers-by-page td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .abc-curve-component-wrapper .totalizers td:last-child, .abc-curve-component-wrapper .totalizers-by-page td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }

.abc-curve-component-wrapper .totalizers-by-page {
  background-color: color-mix(in srgb, var(--primary), white 20%);
  bottom: 31px;
  position: sticky;
  z-index: 1; }

.abc-curve-component-wrapper .scrollable-table {
  max-height: calc(100vh - 370px);
  overflow: auto;
  margin: 14px 0; }

.abc-curve-component-wrapper .abc-curve-presentation {
  display: flex;
  gap: 8px; }
  .abc-curve-component-wrapper .abc-curve-presentation .abc-color-switch {
    width: 72px;
    display: flex;
    flex-direction: column;
    align-items: center; }

.abc-curve-component-wrapper .abc-curve-btn-group {
  display: flex;
  flex: 1; }
  .abc-curve-component-wrapper .abc-curve-btn-group .abc-curve-btn-filter {
    flex: 1;
    height: 44px;
    padding: 0 18px;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    transition: all 300ms ease; }
    .abc-curve-component-wrapper .abc-curve-btn-group .abc-curve-btn-filter * {
      cursor: pointer; }
    .abc-curve-component-wrapper .abc-curve-btn-group .abc-curve-btn-filter:hover {
      background-color: #f5f5f5; }
    .abc-curve-component-wrapper .abc-curve-btn-group .abc-curve-btn-filter.active {
      background-color: #ddd; }
      .abc-curve-component-wrapper .abc-curve-btn-group .abc-curve-btn-filter.active:hover {
        background-color: #ddd;
        opacity: 0.8; }
    .abc-curve-component-wrapper .abc-curve-btn-group .abc-curve-btn-filter.active-a {
      background-color: RGB(119 201 119); }
      .abc-curve-component-wrapper .abc-curve-btn-group .abc-curve-btn-filter.active-a:hover {
        background-color: RGB(119 201 119);
        opacity: 0.8; }
    .abc-curve-component-wrapper .abc-curve-btn-group .abc-curve-btn-filter.active-b {
      background-color: RGB(115 208 229); }
      .abc-curve-component-wrapper .abc-curve-btn-group .abc-curve-btn-filter.active-b:hover {
        background-color: RGB(115 208 229);
        opacity: 0.8; }
    .abc-curve-component-wrapper .abc-curve-btn-group .abc-curve-btn-filter.active-c {
      background-color: RGB(247 242 126); }
      .abc-curve-component-wrapper .abc-curve-btn-group .abc-curve-btn-filter.active-c:hover {
        background-color: RGB(247 242 126);
        opacity: 0.8; }
    .abc-curve-component-wrapper .abc-curve-btn-group .abc-curve-btn-filter:first-child {
      border-left: 1px solid #ddd;
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
      border-right: none; }
    .abc-curve-component-wrapper .abc-curve-btn-group .abc-curve-btn-filter:last-child {
      border-right: 1px solid #ddd;
      border-bottom-right-radius: 8px;
      border-top-right-radius: 8px;
      border-left: none; }

.abc-curve-component-wrapper .action-button-wrapper {
  display: flex;
  gap: 16px; }
  .abc-curve-component-wrapper .action-button-wrapper .action-button {
    flex: 1; }
.located-abc-product-itens {
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 90vw;
  min-height: 20vh;
  max-height: 80vh; }
  .located-abc-product-itens .title {
    margin-bottom: 10px;
    text-align: center; }
  .located-abc-product-itens .btn-close-modal {
    right: 10px !important;
    top: 10px !important; }
  .located-abc-product-itens .content-modal .input-search div.input-fake {
    padding: 0px !important; }
  .located-abc-product-itens .locate-product-btn {
    color: var(--secondary);
    height: 25px;
    width: 100px;
    background-color: var(--secondary); }
  .located-abc-product-itens .search-products-table {
    overflow: auto;
    max-height: 200px; }
  .located-abc-product-itens .located-products-table {
    overflow: auto;
    max-height: 400px; }
  .located-abc-product-itens .is-colorful .curve-A {
    background: #77c977 !important; }
  .located-abc-product-itens .is-colorful .curve-B {
    background: #73d0e5 !important; }
  .located-abc-product-itens .is-colorful .curve-C {
    background: #f7f27e !important; }
.stock-component-wrapper {
  display: grid; }
  .stock-component-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .stock-component-wrapper .action-buttons {
    gap: 8px; }
  .stock-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .stock-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .stock-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .stock-component-wrapper .col-filter-icon {
    width: auto; }
    .stock-component-wrapper .col-filter-icon div {
      margin-top: 18px;
      width: 44px;
      height: 44px;
      background-color: white;
      border-radius: 7px;
      border: 1px solid var(--neutral3); }
      .stock-component-wrapper .col-filter-icon div i {
        color: var(--font2);
        font-size: 16px; }
      .stock-component-wrapper .col-filter-icon div i[class="fas fa-filter"] {
        transform: translate(13px, 13px) !important; }
      .stock-component-wrapper .col-filter-icon div i[class="fas fa-minus"] {
        transform: translate(15px, 12px) !important; }
  .stock-component-wrapper .scrollable-table {
    overflow-x: scroll;
    margin: 14px 0; }
  .stock-component-wrapper .scrollable-table-overflow-hidden {
    overflow-x: hidden;
    margin: 14px 0; }
  .stock-component-wrapper tbody > tr > td:first-child {
    padding-right: 10px;
    width: 200px !important; }
  .stock-component-wrapper .switch {
    margin-top: 10px; }

.product-form-modal-v2 {
  top: 10px; }
  .product-form-modal-v2 .modal-dialog {
    transform: none !important; }
.transfer-component-wrapper .mbg-input {
  text-align: end;
  width: max-content; }

.transfer-component-wrapper .btn-search {
  margin-top: 18px;
  width: 100% !important; }

.transfer-component-wrapper .btn-search-primary {
  margin-top: 18px;
  width: 100% !important; }

.transfer-component-wrapper .btn-search-success {
  margin-top: 18px;
  width: 100% !important; }

.transfer-component-wrapper .mbg-input-wrapper {
  display: block; }

.transfer-component-wrapper .col-filter-icon div {
  margin-left: -25px;
  margin-top: 18px;
  width: 44px;
  height: 44px;
  background-color: white;
  border-radius: 7px;
  border: 1px solid var(--neutral3); }
  .transfer-component-wrapper .col-filter-icon div i {
    color: var(--font2);
    font-size: 16px; }
  .transfer-component-wrapper .col-filter-icon div i[class="fas fa-filter"] {
    transform: translate(13px, 13px) !important; }
  .transfer-component-wrapper .col-filter-icon div i[class="fas fa-minus"] {
    transform: translate(15px, 12px) !important; }

.transfer-component-wrapper .scrollable-table {
  overflow-x: auto;
  margin: 14px 0; }
.losses-and-expenses-component-wrapper {
  display: grid; }
  .losses-and-expenses-component-wrapper .m-t-5 {
    margin-top: 5px; }
  .losses-and-expenses-component-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .losses-and-expenses-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .losses-and-expenses-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .losses-and-expenses-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .losses-and-expenses-component-wrapper .scrollable-table {
    overflow-x: scroll;
    margin-top: 14px; }
  .losses-and-expenses-component-wrapper .scrollable-table-overflow-hidden {
    overflow-x: hidden;
    margin: 14px 0; }
  .losses-and-expenses-component-wrapper .list-v2 .mb-status {
    margin: auto; }
  .losses-and-expenses-component-wrapper .col-filter-icon div {
    margin-left: -25px;
    margin-top: 18px;
    width: 44px;
    height: 44px;
    background-color: white;
    border-radius: 7px;
    border: 1px solid var(--neutral3); }
    .losses-and-expenses-component-wrapper .col-filter-icon div i {
      color: var(--font2);
      font-size: 16px; }
    .losses-and-expenses-component-wrapper .col-filter-icon div i[class="fas fa-filter"] {
      transform: translate(13px, 13px) !important; }
    .losses-and-expenses-component-wrapper .col-filter-icon div i[class="fas fa-minus"] {
      transform: translate(15px, 12px) !important; }
.products-on-offer-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%; }
  .products-on-offer-wrapper .btn-search, .products-on-offer-wrapper .btn-search-success {
    margin-top: 18px; }
  .products-on-offer-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .products-on-offer-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .products-on-offer-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .products-on-offer-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .products-on-offer-wrapper tbody > tr > td:first-child {
    width: 200px !important; }
  .products-on-offer-wrapper .col-filter-icon div {
    margin-left: -25px;
    margin-top: 18px;
    width: 44px;
    height: 44px;
    background-color: white;
    border-radius: 7px;
    border: 1px solid var(--neutral3); }
    .products-on-offer-wrapper .col-filter-icon div i {
      color: var(--font2);
      font-size: 16px; }
    .products-on-offer-wrapper .col-filter-icon div i[class="fas fa-filter"] {
      transform: translate(13px, 13px) !important; }
    .products-on-offer-wrapper .col-filter-icon div i[class="fas fa-minus"] {
      transform: translate(15px, 12px) !important; }
  .products-on-offer-wrapper .list-v2 .table tr td {
    white-space: nowrap; }
  .products-on-offer-wrapper .list-v2 .table tr th {
    white-space: nowrap; }
  .products-on-offer-wrapper .row-grid {
    padding-bottom: 5px;
    display: flex; }
    .products-on-offer-wrapper .row-grid .table {
      padding-bottom: 5px;
      overflow: auto;
      margin: 0; }
  .products-on-offer-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0; }
  .products-on-offer-wrapper .mbg-select-wrapper {
    min-height: 42px; }
.registration-inconsistencies-component-wrapper {
  display: grid; }
  .registration-inconsistencies-component-wrapper .m-t-5 {
    margin-top: 5px; }
  .registration-inconsistencies-component-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .registration-inconsistencies-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .registration-inconsistencies-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .registration-inconsistencies-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .registration-inconsistencies-component-wrapper .scrollable-table {
    overflow-x: scroll;
    margin-top: 14px; }
  .registration-inconsistencies-component-wrapper .list-v2 .mb-status {
    margin: auto; }
  .registration-inconsistencies-component-wrapper .col-filter-icon div {
    margin-left: -25px;
    margin-top: 18px;
    width: 44px;
    height: 44px;
    background-color: white;
    border-radius: 7px;
    border: 1px solid var(--neutral3); }
    .registration-inconsistencies-component-wrapper .col-filter-icon div i {
      color: var(--font2);
      font-size: 16px; }
    .registration-inconsistencies-component-wrapper .col-filter-icon div i[class="fas fa-filter"] {
      transform: translate(13px, 13px) !important; }
    .registration-inconsistencies-component-wrapper .col-filter-icon div i[class="fas fa-minus"] {
      transform: translate(15px, 12px) !important; }
  .registration-inconsistencies-component-wrapper .justify-end {
    justify-content: end; }
  .registration-inconsistencies-component-wrapper .margin-right {
    margin-right: 20px; }
  .registration-inconsistencies-component-wrapper .switch-filter {
    display: flex;
    flex-direction: column; }
  .registration-inconsistencies-component-wrapper .switch-margin-top {
    margin-top: 5px; }
  .registration-inconsistencies-component-wrapper .without_padding {
    padding: 0px; }
  .registration-inconsistencies-component-wrapper .m-t-15 {
    margin-top: 15px; }
.stock-position-component-wrapper {
  display: grid; }
  .stock-position-component-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .stock-position-component-wrapper .action-buttons {
    gap: 8px; }
  .stock-position-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .stock-position-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .stock-position-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .stock-position-component-wrapper .col-filter-icon {
    width: auto; }
    .stock-position-component-wrapper .col-filter-icon div {
      margin-top: 18px;
      width: 44px;
      height: 44px;
      background-color: white;
      border-radius: 7px;
      border: 1px solid var(--neutral3); }
      .stock-position-component-wrapper .col-filter-icon div i {
        color: var(--font2);
        font-size: 16px; }
      .stock-position-component-wrapper .col-filter-icon div i[class="fas fa-filter"] {
        transform: translate(13px, 13px) !important; }
      .stock-position-component-wrapper .col-filter-icon div i[class="fas fa-minus"] {
        transform: translate(15px, 12px) !important; }
  .stock-position-component-wrapper .scrollable-table {
    overflow-x: scroll;
    margin: 14px 0; }
  .stock-position-component-wrapper tbody > tr > td:first-child {
    padding-right: 10px;
    width: 200px !important; }
  .stock-position-component-wrapper .switch {
    margin-top: 10px; }

.product-form-modal-v2 {
  top: 10px; }
  .product-form-modal-v2 .modal-dialog {
    transform: none !important; }
.sales-by-product-component-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%; }
  .sales-by-product-component-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .sales-by-product-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .sales-by-product-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .sales-by-product-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .sales-by-product-component-wrapper tbody > tr > td:first-child {
    width: 200px !important; }
  .sales-by-product-component-wrapper .col-filter-icon div {
    margin-left: -25px;
    margin-top: 18px;
    width: 44px;
    height: 44px;
    background-color: white;
    border-radius: 7px;
    border: 1px solid var(--neutral3); }
    .sales-by-product-component-wrapper .col-filter-icon div i {
      color: var(--font2);
      font-size: 16px; }
    .sales-by-product-component-wrapper .col-filter-icon div i[class="fas fa-filter"] {
      transform: translate(13px, 13px) !important; }
    .sales-by-product-component-wrapper .col-filter-icon div i[class="fas fa-minus"] {
      transform: translate(15px, 12px) !important; }
  .sales-by-product-component-wrapper .list-v2 .table tr td {
    white-space: nowrap; }
  .sales-by-product-component-wrapper .list-v2 .table tr th {
    white-space: nowrap; }
  .sales-by-product-component-wrapper .row-grid {
    padding-bottom: 5px;
    display: flex; }
    .sales-by-product-component-wrapper .row-grid .table {
      padding-bottom: 5px;
      overflow: auto;
      margin: 0; }
  .sales-by-product-component-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0; }
  .sales-by-product-component-wrapper .scrollable-table-overflow-hidden {
    overflow-x: hidden;
    margin: 14px 0; }
  .sales-by-product-component-wrapper .mbg-select-wrapper {
    min-height: 42px; }
.sales-by-vendor-component-wrapper .mbg-input {
  text-align: end;
  width: max-content; }

.sales-by-vendor-component-wrapper .mb-input-date-wrapper .mbg-date-between {
  width: 100%; }

.sales-by-vendor-component-wrapper .btn-search {
  margin-top: 18px;
  width: 100% !important; }

.sales-by-vendor-component-wrapper .btn-search-primary {
  margin-top: 18px;
  width: 100% !important; }

.sales-by-vendor-component-wrapper .btn-search-success {
  margin-top: 18px;
  width: 100% !important; }

.sales-by-vendor-component-wrapper .scrollable-table {
  overflow-x: auto;
  margin: 14px 0; }
.sales-component-wrapper {
  display: flex;
  flex-direction: column; }
  .sales-component-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .sales-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .sales-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .sales-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .sales-component-wrapper .col-filter-icon div {
    margin-left: -25px;
    margin-top: 18px;
    width: 44px;
    height: 44px;
    background-color: white;
    border-radius: 7px;
    border: 1px solid var(--neutral3); }
    .sales-component-wrapper .col-filter-icon div i {
      color: var(--font2);
      font-size: 16px; }
    .sales-component-wrapper .col-filter-icon div i[class="fas fa-filter"] {
      transform: translate(13px, 13px) !important; }
    .sales-component-wrapper .col-filter-icon div i[class="fas fa-minus"] {
      transform: translate(15px, 12px) !important; }
  .sales-component-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0; }
  .sales-component-wrapper tbody > tr > td:first-child {
    width: 200px !important; }
.select-modal-window .modal-content {
  padding: 20px; }
  .select-modal-window .modal-content header {
    padding: 8px 10px;
    position: relative; }
    .select-modal-window .modal-content header button.btn.mbg-close-modal {
      position: absolute;
      top: 0;
      right: 5px; }
  .select-modal-window .modal-content .select-modal-main {
    max-height: 50vh;
    overflow: auto; }
  .select-modal-window .modal-content footer {
    display: flex;
    justify-content: center; }
    .select-modal-window .modal-content footer .save-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      height: 50px;
      background-color: var(--contrast);
      min-width: 300px;
      font-size: 14px;
      font-weight: 600;
      color: #fff;
      border-radius: 40px;
      border: 0px;
      text-transform: uppercase; }
.sales-by-department-component-wrapper {
  height: 100%;
  width: 100%; }
  .sales-by-department-component-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .sales-by-department-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .sales-by-department-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .sales-by-department-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .sales-by-department-component-wrapper tbody > tr > td:first-child {
    width: 200px !important; }
  .sales-by-department-component-wrapper .no-padding {
    padding: 0; }
  .sales-by-department-component-wrapper .col-filter-icon div {
    margin-top: 18px;
    width: 44px;
    height: 44px;
    background-color: white;
    border-radius: 7px;
    border: 1px solid var(--neutral3); }
    .sales-by-department-component-wrapper .col-filter-icon div i {
      color: var(--font2);
      font-size: 16px; }
    .sales-by-department-component-wrapper .col-filter-icon div i[class="fas fa-filter"] {
      transform: translate(13px, 13px) !important; }
    .sales-by-department-component-wrapper .col-filter-icon div i[class="fas fa-minus"] {
      transform: translate(15px, 12px) !important; }
  .sales-by-department-component-wrapper .list-v2 .table tr td {
    white-space: nowrap; }
  .sales-by-department-component-wrapper .list-v2 .table tr th {
    white-space: nowrap; }
  .sales-by-department-component-wrapper .row-grid {
    display: flex;
    height: calc( 100% - 250px); }
    .sales-by-department-component-wrapper .row-grid .table-wrapper {
      display: grid;
      margin: 12px 0 0 0; }
      .sales-by-department-component-wrapper .row-grid .table-wrapper .table {
        overflow: auto;
        margin: 0; }
  .sales-by-department-component-wrapper .report-actions {
    gap: 12px;
    display: flex;
    justify-content: space-around;
    padding: 0 15px; }
    .sales-by-department-component-wrapper .report-actions .col-filter-icon {
      width: 44px; }
    .sales-by-department-component-wrapper .report-actions .button {
      flex: 1;
      width: 77px; }
    .sales-by-department-component-wrapper .report-actions .print-details-switch {
      width: 77px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .sales-by-department-component-wrapper .report-actions .print-details-switch label {
        text-align: center; }
.profitability-wrapper .cl-loading {
  border: 5px solid var(--primary);
  border-top: 5px solid transparent; }

.profitability-wrapper .searching {
  margin-left: 6px; }

.profitability-wrapper [class^=btn-search] {
  margin-top: 18px;
  width: 100% !important; }

.profitability-wrapper .action-icons {
  display: flex;
  justify-content: space-around;
  align-items: center; }

.profitability-wrapper .mbg-btn-loading {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 5px solid #fff;
  border-radius: 100%;
  border-top: 5px solid transparent;
  -webkit-animation: mbg-btn-animate infinite linear 1s;
  animation: mbg-btn-animate infinite linear 1s; }
.sales-with-refund-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%; }
  .sales-with-refund-wrapper .btn-search, .sales-with-refund-wrapper .btn-search-success {
    margin-top: 18px; }
  .sales-with-refund-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .sales-with-refund-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .sales-with-refund-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .sales-with-refund-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .sales-with-refund-wrapper tbody > tr > td:first-child {
    width: 200px !important; }
  .sales-with-refund-wrapper .col-filter-icon div {
    margin-left: -25px;
    margin-top: 18px;
    width: 44px;
    height: 44px;
    background-color: white;
    border-radius: 7px;
    border: 1px solid var(--neutral3); }
    .sales-with-refund-wrapper .col-filter-icon div i {
      color: var(--font2);
      font-size: 16px; }
    .sales-with-refund-wrapper .col-filter-icon div i[class="fas fa-filter"] {
      transform: translate(13px, 13px) !important; }
    .sales-with-refund-wrapper .col-filter-icon div i[class="fas fa-minus"] {
      transform: translate(15px, 12px) !important; }
  .sales-with-refund-wrapper .list-v2 .table tr td {
    white-space: nowrap; }
  .sales-with-refund-wrapper .list-v2 .table tr th {
    white-space: nowrap; }
  .sales-with-refund-wrapper .row-grid {
    padding-bottom: 5px;
    display: flex; }
    .sales-with-refund-wrapper .row-grid .table {
      padding-bottom: 5px;
      overflow: auto;
      margin: 0; }
  .sales-with-refund-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0; }
  .sales-with-refund-wrapper .mbg-select-wrapper {
    min-height: 42px; }
.product-composition-sales-wrapper {
  padding: 0px 12px; }
  .product-composition-sales-wrapper .buttons-box {
    width: 100%;
    justify-content: end;
    padding-right: 24px; }
  .product-composition-sales-wrapper .cl-loading {
    border: 5px solid var(--primary);
    border-top: 5px solid transparent; }
  .product-composition-sales-wrapper .searching {
    margin-left: 6px; }
  .product-composition-sales-wrapper [class^=btn-search] {
    margin-top: 18px;
    width: 100% !important; }
  .product-composition-sales-wrapper .action-icons {
    display: flex;
    justify-content: space-around;
    align-items: center; }
  .product-composition-sales-wrapper .mbg-btn-loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 5px solid #fff;
    border-radius: 100%;
    border-top: 5px solid transparent;
    -webkit-animation: mbg-btn-animate infinite linear 1s;
    animation: mbg-btn-animate infinite linear 1s; }
  .product-composition-sales-wrapper .scrollable-table {
    overflow-x: auto; }
.ranking-component-wrapper {
  display: grid; }
  .ranking-component-wrapper .action-buttons {
    display: flex;
    gap: 12px; }
    .ranking-component-wrapper .action-buttons > button {
      flex: 1; }
  .ranking-component-wrapper .mbg-input {
    text-align: end;
    width: max-content; }
  .ranking-component-wrapper .btn-search {
    margin-top: 18px;
    width: 100% !important; }
  .ranking-component-wrapper .btn-search-primary {
    margin-top: 18px;
    width: 100% !important; }
  .ranking-component-wrapper .btn-search-success {
    margin-top: 18px;
    width: 100% !important; }
  .ranking-component-wrapper .col-filter-icon {
    margin-top: 18px;
    width: 44px;
    height: 44px;
    background-color: white;
    border-radius: 7px;
    border: 1px solid var(--neutral3); }
    .ranking-component-wrapper .col-filter-icon i {
      color: var(--font2);
      font-size: 16px; }
    .ranking-component-wrapper .col-filter-icon i[class="fas fa-filter"] {
      transform: translate(13px, 13px) !important; }
    .ranking-component-wrapper .col-filter-icon i[class="fas fa-minus"] {
      transform: translate(15px, 12px) !important; }
  .ranking-component-wrapper .scrollable-table {
    overflow-x: scroll;
    margin: 14px 0; }
  .ranking-component-wrapper .scrollable-table-overflow-hidden {
    overflow-x: hidden;
    margin: 14px 0; }
  .ranking-component-wrapper cp-branch-company svg {
    width: 27px; }
  .ranking-component-wrapper .mbg-select-wrapper {
    min-height: 42px; }
.associated-product-sales-wrapper {
  padding: 0px 12px; }
  .associated-product-sales-wrapper .p-none {
    padding: 0px; }
  .associated-product-sales-wrapper .buttons-box {
    width: 100%;
    justify-content: end;
    padding-right: 24px; }
  .associated-product-sales-wrapper .cl-loading {
    border: 5px solid var(--primary);
    border-top: 5px solid transparent; }
  .associated-product-sales-wrapper .searching {
    margin-left: 6px; }
  .associated-product-sales-wrapper [class^=btn-search] {
    margin-top: 18px;
    width: 100% !important; }
  .associated-product-sales-wrapper .action-icons {
    display: flex;
    justify-content: space-around;
    align-items: center; }
  .associated-product-sales-wrapper .mbg-btn-loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 5px solid #fff;
    border-radius: 100%;
    border-top: 5px solid transparent;
    -webkit-animation: mbg-btn-animate infinite linear 1s;
    animation: mbg-btn-animate infinite linear 1s; }
  .associated-product-sales-wrapper .scrollable-table {
    overflow-x: auto; }
.extra-and-main-barcode-group-details-modal-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  display: flex;
  flex-direction: column; }
  .extra-and-main-barcode-group-details-modal-wrapper .administrative-list-wrapper {
    width: 100%;
    min-width: 900px; }
  .extra-and-main-barcode-group-details-modal-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 24px 12px;
    display: flex;
    flex-direction: column; }
    .extra-and-main-barcode-group-details-modal-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative; }
    .extra-and-main-barcode-group-details-modal-wrapper .content-modal-wrapper .footer-modal {
      min-height: 80px; }
    .extra-and-main-barcode-group-details-modal-wrapper .content-modal-wrapper .footer-button {
      margin: 5px; }
      .extra-and-main-barcode-group-details-modal-wrapper .content-modal-wrapper .footer-button button {
        height: 25px; }
  .extra-and-main-barcode-group-details-modal-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0;
    max-height: 40rem; }
.administrative-magement .administrative-management-home .page-wrapper {
  padding: 0; }

.administrative-magement .administrative-management-home .options-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20px; }
  .administrative-magement .administrative-management-home .options-container .option-button {
    display: flex;
    flex-direction: column;
    margin: 0px 10px; }

.administrative-magement .administrative-management-home .card-container {
  display: flex;
  flex-wrap: wrap; }

.administrative-magement .administrative-management-home .card-wrapper {
  background-color: #fff;
  color: #444;
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 20px;
  width: 208px;
  border: 1px solid #dfe1e5;
  border-radius: 3px;
  box-shadow: none;
  cursor: pointer;
  opacity: 1;
  overflow: hidden; }
  .administrative-magement .administrative-management-home .card-wrapper:hover {
    border: 1px solid var(--secondary); }
  .administrative-magement .administrative-management-home .card-wrapper .card-thumbnail {
    height: 207px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 208px;
    background-repeat: no-repeat;
    background-size: 208px auto;
    border: none;
    display: block;
    position: relative; }
  .administrative-magement .administrative-management-home .card-wrapper .card-metadata {
    border-top: 1px solid #e2e2e2;
    padding: 16px 6px 14px 6px;
    position: relative; }
    .administrative-magement .administrative-management-home .card-wrapper .card-metadata .card-title {
      color: var(--font2);
      font-size: 12px;
      letter-spacing: 0.15px;
      line-height: 18px;
      margin-left: 2px;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: top;
      white-space: nowrap;
      font-weight: bold;
      text-align: center; }
    .administrative-magement .administrative-management-home .card-wrapper .card-metadata .card-metadata-row {
      padding-top: 5px;
      display: flex;
      align-items: center; }

.administrative-magement .administrative-management-home .btn-icon {
  border: none;
  background: transparent;
  color: var(--font2);
  min-width: fit-content;
  padding: 10px 14px;
  border-radius: 7px;
  margin-right: 5px;
  border-radius: 50px; }
  .administrative-magement .administrative-management-home .btn-icon.active {
    background: var(--primary);
    color: #fff;
    font-weight: bold; }
  .administrative-magement .administrative-management-home .btn-icon i {
    margin: 0px 8px; }

.administrative-magement .right {
  text-align: right !important; }

.administrative-magement .left {
  text-align: left !important; }

.administrative-magement .center {
  text-align: center !important; }

.administrative-magement .m-auto {
  margin: auto; }

.administrative-magement thead, .administrative-magement thead > tr {
  top: 0;
  z-index: 1;
  position: sticky; }

.administrative-magement td {
  padding: 5px !important;
  vertical-align: middle !important; }

.administrative-magement thead {
  background-color: var(--primary) !important; }

.administrative-magement table {
  margin-top: 10px; }

.administrative-magement table > thead > tr > th > span {
  color: white !important;
  font-weight: bolder !important; }

.administrative-magement table > thead > tr > th {
  padding: 5px !important; }

.administrative-magement table > thead > tr {
  padding: 5px !important;
  height: 10px !important; }

.administrative-magement tbody:nth-child(odd) .tr-main {
  background-color: #efefef; }

.administrative-magement .table > thead > tr > th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.administrative-magement .table > thead > tr > th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.administrative-magement [class*="btn-search"] {
  height: 44px;
  font-weight: 700;
  color: #FFF;
  width: 100%;
  border-radius: 5px;
  border: none;
  font-size: 12px; }

.administrative-magement .btn-search {
  background-color: var(--secondary); }
  .administrative-magement .btn-search.loading-btn {
    opacity: 1 !important; }

.administrative-magement .btn-search-primary {
  background-color: var(--primary); }

.administrative-magement .btn-search-success {
  background-color: #0f4b14;
  width: 100px; }

.administrative-magement .btn-search-color4 {
  background-color: var(--color4); }

.administrative-magement .administrative-list-wrapper {
  max-height: calc(100vh - 370px); }

.administrative-magement .administrative-list-wrapper-with-filters-medium {
  max-height: calc(100vh - 440px); }

.administrative-magement .administrative-list-wrapper-with-filters-max {
  max-height: calc(100vh - 570px); }

.administrative-magement .filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-right: 20px; }

.administrative-magement .help-button {
  margin-top: 10px;
  display: flex;
  justify-content: end; }
.production-for-stock-wrapper .btn-search {
  width: 100%;
  margin-top: 18px; }

.production-for-stock-wrapper .btn-search-primary {
  width: 100%;
  margin-top: 18px; }

.production-for-stock-wrapper .btn-search-success {
  width: 100%;
  margin-top: 18px; }

.production-for-stock-wrapper .scrollable-table {
  overflow-x: auto;
  margin: 14px 0; }

.production-for-stock-wrapper .switch-print-detail {
  flex-direction: column;
  margin-top: 4px;
  align-items: center;
  text-align: center;
  width: 80px; }

.production-for-stock-wrapper .action-btn-wrapper {
  display: flex;
  gap: 16px; }
.administrative-column-config-wrapper .mbg-body-modal .column-config {
  display: flex;
  gap: 16px;
  align-items: stretch;
  transition: opacity 0.1s; }
  .administrative-column-config-wrapper .mbg-body-modal .column-config[in-transition=true] {
    opacity: 0; }
    .administrative-column-config-wrapper .mbg-body-modal .column-config[in-transition=true] .switch smal {
      transition: none all;
      -webkit-transition: none all; }
  .administrative-column-config-wrapper .mbg-body-modal .column-config .column-label {
    flex: 1; }
  .administrative-column-config-wrapper .mbg-body-modal .column-config .show-column {
    flex: 0;
    min-width: 52px;
    position: relative; }
    .administrative-column-config-wrapper .mbg-body-modal .column-config .show-column .mbg-switch-right {
      right: 0 !important; }
  .administrative-column-config-wrapper .mbg-body-modal .column-config .actions {
    flex: 0;
    min-width: 108px;
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .administrative-column-config-wrapper .mbg-body-modal .column-config .actions > * {
      width: 24px;
      height: 24px; }
    .administrative-column-config-wrapper .mbg-body-modal .column-config .actions a.circle {
      border: 1px solid;
      border-radius: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: var(--primary);
      color: white; }
.cashcheckin-resume-wrapper .cl-loading {
  border: 5px solid var(--primary);
  border-top: 5px solid transparent; }

.cashcheckin-resume-wrapper .searching {
  margin-left: 6px; }

.cashcheckin-resume-wrapper [class^=btn-search] {
  margin-top: 18px;
  width: 100% !important; }

.cashcheckin-resume-wrapper .multi-label {
  display: flex;
  justify-content: space-between; }

.cashcheckin-resume-wrapper .scrollable-table {
  overflow-x: auto;
  margin: 14px 0; }
sale-pdv-cancellation mbg-multi-select-v2 .mbg-multi-select-v2-wrapper .mbg-multi-select-v2-scroll ul.items-selected {
  height: 44px; }
.calculating-icms-wrapper .btn-search {
  width: 100%;
  margin-top: 18px; }

.calculating-icms-wrapper .btn-search-primary {
  width: 100%;
  margin-top: 18px; }

.calculating-icms-wrapper .btn-search-success {
  width: 100%;
  margin-top: 18px; }

.calculating-icms-wrapper .scrollable-table {
  overflow-x: auto;
  margin: 14px 0; }
.series .mbg-close-modal {
  position: fixed !important; }

.series .data {
  max-height: 400px;
  overflow-y: auto; }
.calculating-pis-cofins-wrapper .btn-search {
  width: 100%;
  margin-top: 18px; }

.calculating-pis-cofins-wrapper .btn-search-primary {
  width: 100%;
  margin-top: 18px; }

.calculating-pis-cofins-wrapper .btn-search-success {
  width: 100%;
  margin-top: 18px; }

.calculating-pis-cofins-wrapper .scrollable-table {
  overflow-x: auto;
  margin: 14px 0; }
.unused-notes-numbers-wrapper .btn-search-primary {
  width: 100%;
  margin-top: 18px; }
.cashier-conference-form-wrapper .cashier-conference-payment-info-list {
  margin-top: 50px; }
  .cashier-conference-form-wrapper .cashier-conference-payment-info-list .row-payment-info-list {
    margin-top: 5px; }

.cashier-conference-form-wrapper .btn-reprocess {
  height: 44px;
  margin: auto;
  font-weight: 700;
  background-color: var(--primary);
  color: #FFF; }

.cashier-conference-form-wrapper .icon-historic {
  margin-top: 10px; }

.cashier-conference-form-wrapper .input-green input {
  border: 2px solid green; }

.cashier-conference-form-wrapper .input-red input {
  border: 2px solid red; }

.cashier-conference-form-wrapper .print-div {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px; }
.entry-historic-modal-wrapper sg-tree-list th {
  color: white !important; }
.cashier-conference-action-modal-wrapper {
  min-width: 1000px;
  min-height: 500px; }
  .cashier-conference-action-modal-wrapper .input-text-observation {
    min-width: 100%;
    min-height: 150px; }
  .cashier-conference-action-modal-wrapper .difference-message {
    font-size: 19px;
    text-align: center;
    margin-bottom: 20px; }
.cashier-conference-list-wrapper .ellipsis-observation {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.cashier-conference-list-wrapper .help-button {
  display: flex;
  justify-content: end;
  margin-top: 28px; }
.cashier-conference-config-modal-wrapper {
  width: 650px;
  height: 380px; }
.recipe-form-wrapper .tab-body label {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #292929;
  margin-bottom: 10px; }

.recipe-form-wrapper .tab-body .span-alert {
  color: red;
  font-weight: bold; }

.recipe-form-wrapper .tab-body h4 {
  margin: 0px; }

.recipe-form-wrapper .tab-body .space-bottom {
  margin-bottom: 30px; }

.recipe-form-wrapper .tab-body .status {
  background-color: rgba(0, 0, 0, 0.1);
  color: white;
  font-weight: bold;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  padding-top: 15px;
  margin-left: auto;
  margin-right: auto; }

.recipe-form-wrapper .full-page {
  width: 100%; }

.recipe-form-wrapper input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  min-height: 44px; }

.recipe-form-wrapper .active-field {
  background-color: white; }

.recipe-form-wrapper .active-status {
  background-color: #00ad00 !important; }

.recipe-form-wrapper .mbg-list-v2 {
  margin-top: 15px !important; }
  .recipe-form-wrapper .mbg-list-v2 input {
    text-align: right; }

.recipe-form-wrapper [disabled="disabled"] .mbg-select-input-fake {
  background: #f5f5f5;
  font-weight: 500; }

.recipe-form-wrapper [disabled="disabled"] .mbg-input-wrapper input {
  background: #f5f5f5;
  font-weight: 500; }

.recipe-form-wrapper [disabled="disabled"] .mbg-list-v2 input {
  background: #f5f5f5; }

.recipe-form-wrapper .import-recipe-button {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0;
  margin: 0; }
  .recipe-form-wrapper .import-recipe-button .fas {
    font-size: 44px !important; }
.import-recipe-modal {
  width: 60vw; }
.recipe-wrapper {
  margin: 25px; }
  .recipe-wrapper .search-row {
    height: 70px;
    margin-bottom: 25px; }
    .recipe-wrapper .search-row div {
      margin-top: auto;
      margin-bottom: auto; }
    .recipe-wrapper .search-row .search {
      width: 34%;
      padding: 0px !important; }
  .recipe-wrapper .right-side {
    margin-left: auto; }
  .recipe-wrapper .btn-create {
    border: 0px;
    border-radius: 30px;
    background-color: #ff991f;
    color: white;
    font-weight: bold;
    width: 200px;
    height: 50px; }
  .recipe-wrapper .help-button {
    margin-left: 10px; }
  .recipe-wrapper .align-items {
    display: flex;
    align-items: center; }
.production-form-wrapper .tab-body label {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #292929;
  margin-bottom: 10px; }

.production-form-wrapper .tab-body .span-alert {
  color: red;
  font-weight: bold; }

.production-form-wrapper .tab-body h4 {
  margin: 0px; }

.production-form-wrapper .tab-body .space-bottom {
  margin-bottom: 30px; }

.production-form-wrapper .tab-body .status {
  background-color: rgba(0, 0, 0, 0.1);
  color: white;
  font-weight: bold;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  padding-top: 15px;
  margin-left: auto;
  margin-right: auto; }

.production-form-wrapper .full-page {
  width: 100%; }

.production-form-wrapper .edit-quantity-switch {
  margin-top: 7px; }

.production-form-wrapper input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  min-height: 44px;
  background-color: white; }
  .production-form-wrapper input[disabled] {
    background-color: transparent; }

.production-form-wrapper .active-field {
  background-color: white; }

.production-form-wrapper .active-status {
  background-color: #00ad00 !important; }

.production-form-wrapper .totalizers {
  background-color: var(--primary);
  color: #eeeeee;
  font-weight: 700; }
  .production-form-wrapper .totalizers td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .production-form-wrapper .totalizers td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }

.production-form-wrapper .table {
  margin-bottom: 0px; }

.production-form-wrapper .table-production-inputs {
  background-color: #dddddd61;
  border-radius: 5px;
  margin-bottom: 0; }
  .production-form-wrapper .table-production-inputs thead > tr > th {
    padding: 7px 14px !important; }
  .production-form-wrapper .table-production-inputs tbody > tr > td {
    padding: 7px 30px !important; }

.production-form-wrapper .table-production-inputs thead > tr > th {
  background-color: var(--primary);
  color: #eeeeee; }

.production-form-wrapper .table > thead > tr > th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.production-form-wrapper .table > thead > tr > th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }
.production-list-wrapper mbg-input-search .mbg-input-search-wrapper .input-group-search {
  background-color: white; }

.production-list-wrapper .align-items {
  display: flex;
  align-items: center; }

.production-list-wrapper .help-button {
  margin-bottom: 5px; }
.production-simulation-wrapper .btn-create {
  margin-top: 16px; }

.production-simulation-wrapper .header-list {
  display: flex;
  justify-content: center;
  font-size: 25px; }

.production-simulation-wrapper .recipes-list {
  max-height: 300px;
  overflow-y: scroll; }

.production-simulation-wrapper .items-list {
  max-height: 520px;
  overflow-y: scroll; }

.production-simulation-wrapper .btn-print {
  margin-top: 15px;
  margin-bottom: 25px; }

.production-simulation-wrapper .help-button {
  display: flex;
  justify-content: end;
  margin-top: 12px; }

.production-simulation-wrapper .align-items {
  display: flex;
  align-items: center; }
.printer-model-form-wrapper .tab-body label {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #292929;
  margin-bottom: 10px; }

.printer-model-form-wrapper .tab-body h4 {
  margin: 0px; }

.printer-model-form-wrapper .tab-body .space-bottom {
  margin-bottom: 30px; }

.printer-model-form-wrapper .tab-body .space-top {
  margin-top: 29px; }

.printer-model-form-wrapper .tab-body .add-button {
  background-color: var(--primary);
  color: white;
  font-weight: bold;
  padding: 12px;
  border-radius: 9px; }

.printer-model-form-wrapper .tab-body .status {
  background-color: rgba(0, 0, 0, 0.1);
  color: white;
  font-weight: bold;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  padding-top: 15px;
  margin-left: auto;
  margin-right: auto; }

.printer-model-form-wrapper .tab-body .parameter-form {
  display: flex; }
  .printer-model-form-wrapper .tab-body .parameter-form .fields {
    width: -webkit-fill-available; }
  .printer-model-form-wrapper .tab-body .parameter-form .preview {
    width: 800px; }

.printer-model-form-wrapper .full-page {
  width: 100%; }

.printer-model-form-wrapper input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  min-height: 44px; }

.printer-model-form-wrapper .bg-input {
  width: 300px; }

.printer-model-form-wrapper .active-field {
  background-color: white; }

.printer-model-form-wrapper .active-status {
  background-color: #00ad00 !important; }
.printer-model-wrapper {
  margin: 25px; }
  .printer-model-wrapper .search-row {
    height: 70px;
    margin-bottom: 25px; }
    .printer-model-wrapper .search-row div {
      margin-top: auto;
      margin-bottom: auto; }
    .printer-model-wrapper .search-row .search {
      width: 34%; }
  .printer-model-wrapper .right-side {
    margin-left: auto; }
  .printer-model-wrapper .btn-create {
    border: 0px;
    border-radius: 30px;
    background-color: #ff991f;
    color: white;
    font-weight: bold;
    width: 200px;
    height: 50px; }
  .printer-model-wrapper .align-items {
    display: flex;
    align-items: center; }
.ticket-parameter-form-wrapper .padding-adjust {
  padding: 0px 12px; }

.ticket-parameter-form-wrapper .tab-body label {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #292929;
  margin-bottom: 10px; }

.ticket-parameter-form-wrapper .tab-body .span-alert {
  color: red;
  font-weight: bold; }

.ticket-parameter-form-wrapper .tab-body h4 {
  margin: 0px; }

.ticket-parameter-form-wrapper .tab-body .space-bottom {
  margin-bottom: 30px; }

.ticket-parameter-form-wrapper .tab-body .space-top {
  margin-top: 29px; }

.ticket-parameter-form-wrapper .tab-body .add-button {
  background-color: var(--primary);
  color: white;
  font-weight: bold;
  padding: 12px;
  border-radius: 9px; }

.ticket-parameter-form-wrapper .tab-body .status {
  background-color: rgba(0, 0, 0, 0.1);
  color: white;
  font-weight: bold;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  padding-top: 15px;
  margin-left: auto;
  margin-right: auto; }

.ticket-parameter-form-wrapper .tab-body .parameter-form {
  display: flex; }
  .ticket-parameter-form-wrapper .tab-body .parameter-form .fields {
    width: 100%; }
  .ticket-parameter-form-wrapper .tab-body .parameter-form .preview {
    width: 800px; }

.ticket-parameter-form-wrapper .button-padding {
  padding-left: 27px !important; }

.ticket-parameter-form-wrapper .action-buttons {
  display: flex;
  justify-content: center;
  margin-top: 8px; }
  .ticket-parameter-form-wrapper .action-buttons.add-button .input-square-button .default {
    background-color: var(--success) !important; }
  .ticket-parameter-form-wrapper .action-buttons.secondary-color .input-square-button .default {
    background-color: var(--error) !important; }

.ticket-parameter-form-wrapper .full-page {
  width: 100%; }

.ticket-parameter-form-wrapper input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  min-height: 44px; }

.ticket-parameter-form-wrapper .bg-input {
  width: 300px; }

.ticket-parameter-form-wrapper .active-field {
  background-color: white; }

.ticket-parameter-form-wrapper .active-status {
  background-color: #00ad00 !important; }

.ticket-parameter-form-wrapper .test-button {
  background-color: #048f78;
  color: white;
  font-weight: bold;
  width: 200px;
  padding: 12px;
  border-radius: 9px; }

.ticket-parameter-form-wrapper fieldset {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding-left: 10px; }

.ticket-parameter-form-wrapper legend {
  font-size: revert-layer;
  padding: 5px 10px;
  margin-bottom: 2px;
  padding-bottom: 0px;
  width: auto !important; }

.ticket-parameter-form-wrapper label {
  font-size: small;
  font-weight: 100; }

.ticket-parameter-form-wrapper .list-v2 label.column-title {
  font-weight: bold; }

.ticket-parameter-form-wrapper .import-btn .btn {
  height: 41px;
  width: 130px;
  font-size: 14px; }

.ticket-parameter-form-wrapper .scrolling {
  overflow-x: auto; }
.import-tag-parameters-wrapper .ma-container .bt-actions {
  margin-top: 6px; }

.import-tag-parameters-wrapper .ma-container .row-bt {
  margin-bottom: 6px; }

.import-tag-parameters-wrapper .mbg-header-modal {
  min-height: 95px !important; }

.import-tag-parameters-wrapper input[type="file"] {
  display: none; }

.import-tag-parameters-wrapper .btn-select-file {
  height: 35px;
  width: 180px;
  border-radius: 4px;
  color: #333;
  border-color: #333;
  display: flex;
  align-items: center;
  justify-content: space-evenly; }

.import-tag-parameters-wrapper .import-btn {
  margin-top: 15px;
  justify-content: flex-end; }
.ticket-parameter-wrapper {
  margin: 25px; }
  .ticket-parameter-wrapper .search-row {
    height: 70px;
    margin-bottom: 25px; }
    .ticket-parameter-wrapper .search-row div {
      margin-bottom: auto; }
    .ticket-parameter-wrapper .search-row .search {
      width: 34%; }
  .ticket-parameter-wrapper .right-side {
    margin-left: auto; }
  .ticket-parameter-wrapper .btn-create {
    border: 0px;
    border-radius: 30px;
    background-color: #ff991f;
    color: white;
    font-weight: bold;
    width: 200px;
    height: 50px; }
  .ticket-parameter-wrapper .align-items {
    display: flex;
    align-items: center; }
  .ticket-parameter-wrapper .help-button {
    margin-top: 15px; }
.single-notev2-form .links-wrapper i {
  margin-left: 20px;
  width: 24px; }

.single-notev2-form .import-movement-buttom {
  margin-left: 15px; }
  .single-notev2-form .import-movement-buttom .fas {
    font-size: 28px !important; }

.single-notev2-form .group-commercial-search {
  margin-top: 12px; }

.single-notev2-form .info {
  padding: 24px 34px; }
  .single-notev2-form .info label {
    color: var(--font2);
    font-weight: 100;
    font-size: 15px;
    margin: 3px 0; }
    .single-notev2-form .info label.title {
      font-weight: 600;
      color: var(--font3); }
    .single-notev2-form .info label.default {
      font-size: 15px; }
  .single-notev2-form .info a {
    color: var(--font2);
    text-decoration: none; }
    .single-notev2-form .info a span {
      text-decoration: underline;
      color: #2747a9;
      margin-left: 5px; }
    .single-notev2-form .info a.decoration-underline {
      text-decoration: underline; }
  .single-notev2-form .info h3 {
    color: #000;
    width: 100%;
    text-align: right;
    line-height: 30px; }
  .single-notev2-form .info p.success {
    color: var(--success); }
  .single-notev2-form .info p.err {
    font-size: 11px;
    color: var(--error); }
  .single-notev2-form .info mbg-input-text {
    width: 100%; }

.single-notev2-form .title-empty-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-left: 1px solid #f5f5f5;
  height: 100%;
  background: #f6f6f6;
  padding: 20px 0; }
  .single-notev2-form .title-empty-list img {
    width: 40px;
    margin-bottom: 10px; }
  .single-notev2-form .title-empty-list label {
    color: var(--font2); }
  .single-notev2-form .title-empty-list .refresh-product-nfe-complementary {
    height: 35px;
    border-radius: 5px;
    background-color: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin-top: 10px; }
    .single-notev2-form .title-empty-list .refresh-product-nfe-complementary i {
      margin-right: 5px; }

.single-notev2-form .form-actions .btn-save, .single-notev2-form .form-actions .btn-emit {
  height: 30px;
  border-radius: 5px;
  font-weight: 700;
  background-color: var(--secondary);
  color: #FFF;
  border: none;
  padding: 0 20px; }

.single-notev2-form .form-actions .btn-cancel {
  height: 30px;
  font-weight: 700;
  background-color: transparent;
  color: #000;
  border: none;
  padding: 0 20px; }

.single-notev2-form .form-actions .space {
  gap: 5px; }
.note-data .actions {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start !important; }
  .note-data .actions a {
    margin-left: 5px;
    font-size: 16px;
    transition: .3s; }
    .note-data .actions a:hover {
      scale: 1.2; }

.note-data .input-label {
  margin-bottom: 0px; }

.note-data .action-btn {
  margin-top: 32px;
  width: 100%;
  height: 4.5rem;
  border-radius: .5rem; }
  @media screen and (min-width: 992px) {
    .note-data .action-btn {
      width: 4.5rem; } }
  .note-data .action-btn.btn-search {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }

.note-data .lower-data {
  margin-top: 12px; }

.note-data .see-operation i {
  color: #009dea; }

.note-data .see-operation .tooltip-operation {
  position: absolute;
  right: 10px;
  background: #009dea;
  z-index: 999999;
  color: #fff;
  top: -85px;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 3px 3px 10px #666;
  display: none; }
  .note-data .see-operation .tooltip-operation .bold {
    font-weight: bold; }

.note-data .see-operation:hover .tooltip-operation {
  display: block; }

.note-data .edit[disabled] .update-btn {
  color: var(--mbListStatusInactive) !important; }

.note-data .align-button {
  margin-top: 18px; }

.note-data .action-btn {
  width: 100%;
  height: 4.5rem;
  border-radius: .5rem;
  margin-top: 14px !important; }
  @media screen and (min-width: 992px) {
    .note-data .action-btn {
      width: 4.5rem; } }
  .note-data .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }
  .note-data .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }

.note-data .referenced-docs ::-webkit-scrollbar {
  height: 5px !important; }

.note-data .referenced-docs .selection-area {
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  border-radius: 4px;
  display: flex;
  align-items: center;
  height: 25px;
  overflow-x: auto; }
  .note-data .referenced-docs .selection-area .selection-item {
    position: relative;
    border-radius: 4px;
    background-color: white;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 14px; }
    .note-data .referenced-docs .selection-area .selection-item label {
      font-style: italic;
      font-weight: bold;
      margin-right: 4px; }
    .note-data .referenced-docs .selection-area .selection-item .close-icon {
      margin: 0 6px; }

.note-data .referenced-docs .span-switch {
  display: flex;
  align-items: center;
  height: 32px; }
.operationtype-registration-modal .input-label {
  margin-bottom: 0px !important; }

.operationtype-registration-modal .page-wrapper {
  max-width: 35vw; }
.select-cst .mbg-label {
  margin-bottom: 5px;
  margin-top: 10px; }

.select-cst .dimensions {
  width: 55rem;
  padding: 1em; }

.select-cst .header-modal {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.select-cst .close-x {
  font-size: 2em; }
  .select-cst .close-x:hover {
    scale: 1.2;
    transition: all .2s ease;
    color: var(--error); }

.select-cst .cancel-link {
  margin-top: 10px;
  font-size: 13px; }
.freight-data .actions {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start !important; }
  .freight-data .actions a {
    margin-left: 5px;
    font-size: 16px;
    transition: .3s; }
    .freight-data .actions a:hover {
      scale: 1.2; }

.freight-data .mbg-label {
  margin-bottom: 0px !important; }
.note-resume .actions {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start !important; }
  .note-resume .actions a {
    margin-left: 5px;
    font-size: 16px;
    transition: .3s; }
    .note-resume .actions a:hover {
      scale: 1.2; }

.note-resume .mbg-label {
  margin-bottom: 0px !important; }
.additional-data .actions {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start !important; }
  .additional-data .actions a {
    margin-left: 5px;
    font-size: 16px;
    transition: .3s; }
    .additional-data .actions a:hover {
      scale: 1.2; }

.additional-data .mbg-label {
  margin-bottom: 0px !important; }

.additional-data .observations textarea {
  width: 100%;
  min-height: 80px;
  max-height: 180px;
  padding: 15px; }
  .additional-data .observations textarea[disabled] {
    background-color: #f5f5f5; }
  .additional-data .observations textarea:focus {
    border: 1px solid var(--primary) !important; }
.single-note-product-list .table > thead > tr > th {
  padding: 3px 14px !important;
  border: none;
  background: var(--primary);
  vertical-align: middle;
  color: #FFFFFF;
  text-align: center; }
  .single-note-product-list .table > thead > tr > th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .single-note-product-list .table > thead > tr > th:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }

.single-note-product-list .table .align-left {
  text-align: left !important; }

.single-note-product-list .table tbody:nth-child(even) {
  background-color: #eaeaea; }
  .single-note-product-list .table tbody:nth-child(even) .sub-list tbody:nth-child(odd) {
    background-color: #eaeaea; }
  .single-note-product-list .table tbody:nth-child(even) .sub-list tbody:nth-child(even) {
    background-color: #f5f5f5; }

.single-note-product-list .table tbody:nth-child(odd) {
  background-color: #f5f5f5; }

.single-note-product-list .table > tbody {
  cursor: unset;
  border: transparent; }
  .single-note-product-list .table > tbody > tr > td {
    padding: 3px 14px !important;
    border: none;
    font-weight: 400;
    vertical-align: middle; }

.single-note-product-list .align-left {
  text-align: left !important; }

.single-note-product-list .align-right {
  text-align: right !important; }

.single-note-product-list .align-center {
  text-align: center !important; }

.single-note-product-list .align-unset {
  text-align: unset !important; }

.single-note-product-list .word-break {
  word-break: break-word; }
.single-note-taxation-product .input-label {
  margin-bottom: 0px; }

.single-note-taxation-product .area {
  padding: 20px; }
.operation-type-list-modal {
  width: 70vw; }
  .operation-type-list-modal .close-button {
    cursor: pointer; }
    .operation-type-list-modal .close-button i {
      font-size: 20px; }
    .operation-type-list-modal .close-button :hover {
      color: var(--primary); }
  .operation-type-list-modal .filter {
    margin-bottom: 5px; }
  .operation-type-list-modal .mbg-label {
    margin-bottom: 0px;
    margin-top: 0px; }
  @media screen and (max-width: 1366px) {
    .operation-type-list-modal {
      font-size: 10px !important; }
      .operation-type-list-modal .mbg-pagination-wrapper {
        scale: 0.7; }
      .operation-type-list-modal .ma-container .mbg-modal .mbg-footer-modal {
        margin: 0px;
        padding: 0px;
        scale: 0.7; }
      .operation-type-list-modal .ma-container label.mbg-label.input-label.mbg-label, .operation-type-list-modal .ma-container .mbg-label {
        font-size: 10px !important;
        margin-top: 0px;
        margin-bottom: 0px; }
      .operation-type-list-modal .ma-container .mbg-modal .mbg-close-modal {
        top: -15px;
        scale: 0.7; }
      .operation-type-list-modal select-v2 .mbg-select-input-fake {
        height: 30px;
        max-width: 100%; }
      .operation-type-list-modal mbg-input-search .mbg-input-search-wrapper .input-group-search {
        height: 30px; }
        .operation-type-list-modal mbg-input-search .mbg-input-search-wrapper .input-group-search .search-icon {
          padding-top: 10px !important; }
      .operation-type-list-modal .list-v2 {
        max-height: 350px;
        overflow-y: auto; }
        .operation-type-list-modal .list-v2 .table > thead > tr.thin-rows > th {
          font-size: 9px; } }
.single-note-payments .mbg-label {
  margin-bottom: .5rem !important; }

.single-note-payments .action-btn {
  width: 100%;
  height: 4.5rem;
  border-radius: .5rem;
  margin-top: 38px; }
  .single-note-payments .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff;
    height: 25px;
    width: 25px; }
.tax-product-tax-benefit .table.table-tax-benefit thead th, .tax-product-tax-benefit .table.table-tax-benefit thead td, .tax-product-tax-benefit .table.table-tax-benefit tbody th, .tax-product-tax-benefit .table.table-tax-benefit tbody td {
  padding: 3px 14px !important; }
.referenced-rural-producer .input-label {
  margin-bottom: 0px; }

.referenced-rural-producer .add-btn {
  display: flex;
  align-items: center;
  margin-top: 30px; }

.referenced-rural-producer .action-btn {
  width: 100%;
  height: 4.5rem;
  border-radius: .5rem; }
  .referenced-rural-producer .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }
  .referenced-rural-producer .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }

.referenced-rural-producer .form {
  margin-bottom: 5px; }
.taxation-product-icms .icon-area {
  padding-top: 44px;
  display: flex;
  justify-content: right; }
  .taxation-product-icms .icon-area .calcule-icms-taxation-btn {
    border-radius: 5px;
    background-color: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 10px; }
    .taxation-product-icms .icon-area .calcule-icms-taxation-btn i {
      margin-right: 10px; }

.taxation-product-icms .wrap-tabs {
  display: flex;
  flex-wrap: wrap; }

.taxation-product-icms div[disabled="disabled"] input {
  background: #f5f5f5; }
.generates-credit-or-debit .close-button:hover {
  scale: 1.2;
  transition: all .2s ease;
  color: var(--error); }
.taxation-product-ipi .wrap-tabs {
  display: flex;
  flex-wrap: wrap; }
.taxation-product-pis-cofins .wrap-tabs {
  display: flex;
  flex-wrap: wrap; }
.taxation-product-info .wrap-tabs {
  display: flex;
  flex-wrap: wrap; }
.single-note-list-v2 .new {
  color: var(--secondary) !important; }

.single-note-list-v2 .filters-position {
  margin-bottom: 10px;
  padding-left: 0px !important; }

.single-note-list-v2 .mg-tp-20px {
  margin-top: 20px; }

.single-note-list-v2 .without-padding {
  padding: 0px; }
.view-movement-group-notes .page-wrapper {
  min-width: 60vw; }

.view-movement-group-notes .content-modal {
  overflow: auto;
  margin-top: 24px;
  max-height: 60vh; }

@media screen and (max-width: 1280px) {
  .view-movement-group-notes .nfe-key {
    max-width: 200px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }
.generate-title-single-note {
  max-height: 85vh; }
  .generate-title-single-note .scrollabe {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto; }
  .generate-title-single-note .input-label {
    margin-bottom: 0px !important; }
  .generate-title-single-note .parcels-data {
    max-height: 40vh; }
  .generate-title-single-note .btns {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  @media screen and (max-width: 1280px) {
    .generate-title-single-note .page-wrapper {
      max-width: 80vw; }
    .generate-title-single-note .parcels-data {
      max-height: 30vh; } }
.cfop-form .input-label {
  margin-bottom: 0px; }

.cfop-form .commercial-back {
  float: right; }

.cfop-form .switch {
  margin: 10px 0px -10px 0px;
  display: flex;
  flex-direction: column; }

.cfop-form span.switch {
  background-color: var(--neutral3); }

.cfop-form .switch.checked {
  background-color: var(--success); }
.cfop-list .search-wrapper {
  margin-bottom: 10px; }

.cfop-list .btn-create-wrapper {
  margin-top: 18px; }

.cfop-list .help-button {
  display: flex;
  justify-content: end;
  margin-top: 18px; }

.cfop-list .align-items {
  display: flex;
  align-items: center; }
.tag-v2-print-wrapper {
  padding: 4px; }
  .tag-v2-print-wrapper .select-print-parameters {
    background-color: white;
    padding: 10px;
    border-radius: 6px;
    border: #e1e1e1 solid 2px; }
    .tag-v2-print-wrapper .select-print-parameters h3 {
      font-size: 20px; }
    .tag-v2-print-wrapper .select-print-parameters label {
      padding: 10px;
      font-weight: 500; }
  .tag-v2-print-wrapper .mbg-link {
    margin-right: 20px; }
  .tag-v2-print-wrapper .btn-open-terminal {
    padding: 12px;
    border-radius: 5px;
    background-color: var(--primary);
    color: #fff;
    border: none;
    width: -webkit-fill-available; }
  .tag-v2-print-wrapper .btn-search-green {
    padding: 12px;
    border-radius: 5px;
    background-color: var(--success);
    color: #fff;
    border: none;
    width: -webkit-fill-available;
    min-width: 180px; }
    .tag-v2-print-wrapper .btn-search-green.btn-search-secondary {
      background-color: var(--secondary); }
  .tag-v2-print-wrapper input {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    min-height: 40px;
    height: 40px;
    background-color: white; }
  .tag-v2-print-wrapper .space {
    margin-bottom: 12px; }
  .tag-v2-print-wrapper .select-any-stock-wrapper {
    margin-top: 0px; }
  .tag-v2-print-wrapper .empty-list {
    height: 304px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--font3);
    flex-direction: column; }
    .tag-v2-print-wrapper .empty-list h5 {
      margin-bottom: 2px; }
  .tag-v2-print-wrapper .dropdown-menu {
    margin-left: -75px;
    padding: 0 10px; }
  .tag-v2-print-wrapper .action-buttons {
    display: flex;
    gap: 8px;
    align-items: center; }
    .tag-v2-print-wrapper .action-buttons > div {
      flex: 1; }
  .tag-v2-print-wrapper .checkbox-wrapper {
    display: flex;
    gap: 12px; }
.fractionation-table-form-wrapper .tab-body label {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #292929;
  margin-bottom: 10px; }

.fractionation-table-form-wrapper .tab-body .span-alert {
  color: red;
  font-weight: bold; }

.fractionation-table-form-wrapper .tab-body h4 {
  margin: 0px; }

.fractionation-table-form-wrapper .tab-body .space-bottom {
  margin-bottom: 30px; }

.fractionation-table-form-wrapper .tab-body .status {
  background-color: rgba(0, 0, 0, 0.1);
  color: white;
  font-weight: bold;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  padding-top: 15px;
  margin-left: auto;
  margin-right: auto; }

.fractionation-table-form-wrapper .tab-body .input-item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  min-height: 44px;
  max-width: 100px; }

.fractionation-table-form-wrapper .tab-body .table {
  margin-bottom: 0px; }

.fractionation-table-form-wrapper .tab-body .totalizers {
  background-color: var(--primary);
  color: #eeeeee;
  font-weight: 700; }
  .fractionation-table-form-wrapper .tab-body .totalizers td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .fractionation-table-form-wrapper .tab-body .totalizers td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }

.fractionation-table-form-wrapper .tab-body .weight:hover {
  text-decoration: underline; }

.fractionation-table-form-wrapper .add-weight {
  background-color: var(--primary);
  color: white;
  font-weight: bold;
  width: 100vw; }

.fractionation-table-form-wrapper .full-page {
  width: 100%; }

.fractionation-table-form-wrapper .active-field {
  background-color: white; }

.fractionation-table-form-wrapper .active-status {
  background-color: #00ad00 !important; }

.fractionation-table-form-wrapper .products-filter {
  display: flex;
  flex-direction: row;
  align-items: stretch; }

.fractionation-table-form-wrapper product-item-search .product-item-search-wrapper .input-terminal .select-filter select {
  transform: translateY(-12px) translateX(-4px) !important; }
.fractionation-table-wrapper {
  margin: 25px; }
  .fractionation-table-wrapper .search-row {
    margin-bottom: 10px; }
    .fractionation-table-wrapper .search-row .search-input {
      width: 35vw; }
  .fractionation-table-wrapper .right-side {
    margin-left: auto; }
  .fractionation-table-wrapper .align-items {
    display: flex;
    align-items: center; }
  .fractionation-table-wrapper .help-button {
    margin-left: 10px; }
.entry-fractionation-modal .modal-dialog {
  width: 80%;
  margin-top: 6rem !important;
  transform: translate(0, 0%) !important; }

.entry-fractionation-modal .mbg-body-modal {
  max-height: calc(100vh - 370px) !important; }

.entry-fractionation-modal-wrapper {
  width: 70vw;
  height: 80vh; }
  .entry-fractionation-modal-wrapper .ma-container .bt-actions {
    margin-top: 6px; }
  .entry-fractionation-modal-wrapper .ma-container .row-bt {
    margin-bottom: 6px; }
  .entry-fractionation-modal-wrapper .ma-container .mbg-modal .mbg-body-modal {
    padding: 0px 15px 0px 15px !important; }
  .entry-fractionation-modal-wrapper .mbg-header-modal {
    min-height: 95px !important; }
  .entry-fractionation-modal-wrapper .btn.gmd.raised.btn-default {
    text-transform: uppercase !important; }
  .entry-fractionation-modal-wrapper input {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    min-height: 44px; }
  .entry-fractionation-modal-wrapper .span-alert {
    color: red;
    font-weight: bold; }
  .entry-fractionation-modal-wrapper .inline-grid {
    display: inline-grid; }

.modal-center .fractionation-form-wrapper {
  width: 70vw;
  height: 80vh; }
.fractionation-form-wrapper .tab-body label {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #292929;
  margin-bottom: 10px; }

.fractionation-form-wrapper .tab-body .span-alert {
  color: red;
  font-weight: bold; }

.fractionation-form-wrapper .tab-body h4 {
  margin: 0px; }

.fractionation-form-wrapper .tab-body .space-bottom {
  margin-bottom: 30px; }

.fractionation-form-wrapper .tab-body .status {
  background-color: rgba(0, 0, 0, 0.1);
  color: white;
  font-weight: bold;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  padding-top: 15px;
  margin-left: auto;
  margin-right: auto; }

.fractionation-form-wrapper .full-page {
  width: 100%; }

.fractionation-form-wrapper input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  min-height: 44px;
  background-color: white; }
  .fractionation-form-wrapper input [disabled="disabled"] {
    background-color: transparent; }

.fractionation-form-wrapper .quantity-column {
  width: 35px !important; }

.fractionation-form-wrapper .active-field {
  background-color: white; }

.fractionation-form-wrapper .active-status {
  background-color: #00ad00 !important; }

.fractionation-form-wrapper .totalizers {
  background-color: var(--primary);
  border-radius: 5px;
  height: 25px;
  display: flex;
  align-items: center; }
  .fractionation-form-wrapper .totalizers .totals {
    display: flex;
    justify-content: end; }
  .fractionation-form-wrapper .totalizers > div > label {
    color: #eeeeee;
    font-weight: 700; }
  .fractionation-form-wrapper .totalizers td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .fractionation-form-wrapper .totalizers td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }

.fractionation-form-wrapper .table {
  margin-bottom: 0px; }

.fractionation-form-wrapper .table > thead > tr > th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.fractionation-form-wrapper .table > thead > tr > th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.fractionation-form-wrapper .totalizers td {
  text-align: right; }

.fractionation-form-wrapper .totalizers td:first-child {
  text-align: left; }

.fractionation-form-modal {
  overflow: auto; }
  .fractionation-form-modal .table-responsive {
    max-height: 50vh; }
    .fractionation-form-modal .table-responsive thead {
      position: sticky;
      top: 0;
      z-index: 10; }
.fractionation-list-wrapper .search-filters {
  margin-bottom: 10px; }
  .fractionation-list-wrapper .search-filters .align-right {
    display: flex;
    justify-content: flex-end; }
  .fractionation-list-wrapper .search-filters .help-button {
    margin-top: 16px;
    margin-left: 10px; }
.breed-form-wrapper .input-label {
  margin-bottom: 5px; }
.breed-list-wrapper .justify-end {
  display: flex;
  justify-content: end; }

.breed-list-wrapper .align-items {
  align-items: center; }
.ecommerce-list-wrapper {
  max-height: -webkit-fill-available; }
  .ecommerce-list-wrapper .help-button {
    margin-top: 25px; }
  .ecommerce-list-wrapper .justify-end {
    display: flex;
    justify-content: end; }
  .ecommerce-list-wrapper .new-collect {
    margin-top: 24px; }
  .ecommerce-list-wrapper .login-zaap {
    background: none;
    border: none;
    color: var(--font2);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .ecommerce-list-wrapper .login-zaap i {
      margin-right: 10px;
      font-size: 18px; }
  .ecommerce-list-wrapper i.list-icon {
    font-size: 18px;
    color: var(--font2); }
  .ecommerce-list-wrapper .quick-search {
    height: 44px;
    margin: 15px 0px;
    font-weight: 700;
    background-color: #fff;
    border: 2px solid var(--primary);
    color: var(--primary); }
    .ecommerce-list-wrapper .quick-search.active {
      background-color: var(--primary);
      color: #fff; }
  .ecommerce-list-wrapper .ecommerce-content {
    height: 100vh;
    padding-bottom: 84px; }
    .ecommerce-list-wrapper .ecommerce-content .new-catalog-content {
      height: 100%; }
      .ecommerce-list-wrapper .ecommerce-content .new-catalog-content svg {
        width: 74px;
        margin-bottom: 22px;
        fill: var(--font3); }
      .ecommerce-list-wrapper .ecommerce-content .new-catalog-content h4 {
        font-size: 15px;
        margin-top: 2px;
        color: var(--font3);
        text-align: center;
        margin-bottom: 0; }
      .ecommerce-list-wrapper .ecommerce-content .new-catalog-content mbg-btn-form {
        margin-top: 24px; }
  .ecommerce-list-wrapper .select-options {
    font: inherit; }
  .ecommerce-list-wrapper .center-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    flex: 0.6; }
  .ecommerce-list-wrapper * {
    user-select: none; }
  .ecommerce-list-wrapper button {
    font-weight: bold;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 38px;
    min-width: fit-content;
    height: 38px;
    margin: 0 5px;
    cursor: pointer;
    color: #666;
    text-decoration: none;
    outline: none; }
    .ecommerce-list-wrapper button.active {
      background: var(--primary);
      color: #FFF; }
    .ecommerce-list-wrapper button:hover {
      background-color: var(--neutral3);
      color: #666; }
    .ecommerce-list-wrapper button:focus {
      background-color: var(--neutral3);
      color: #666; }
    .ecommerce-list-wrapper button[key="previous"], .ecommerce-list-wrapper button[key="next"] {
      text-decoration: underline;
      margin: 0 14px;
      opacity: 0;
      pointer-events: none; }
      .ecommerce-list-wrapper button[key="previous"].visible, .ecommerce-list-wrapper button[key="next"].visible {
        opacity: 1;
        pointer-events: all; }
    .ecommerce-list-wrapper button svg {
      width: 16px; }
.ecommerce-order-wrapper {
  max-height: -webkit-fill-available; }
  .ecommerce-order-wrapper .new-collect {
    margin-top: 24px; }
  .ecommerce-order-wrapper .login-zaap {
    background: none;
    border: none;
    color: var(--font2);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .ecommerce-order-wrapper .login-zaap i {
      margin-right: 10px;
      font-size: 18px; }
  .ecommerce-order-wrapper i.order-icon {
    font-size: 18px;
    color: var(--font2); }
  .ecommerce-order-wrapper .ecommerce-content {
    height: 100vh;
    padding-bottom: 84px; }
    .ecommerce-order-wrapper .ecommerce-content .new-catalog-content {
      height: 100%; }
      .ecommerce-order-wrapper .ecommerce-content .new-catalog-content svg {
        width: 74px;
        margin-bottom: 22px;
        fill: var(--font3); }
      .ecommerce-order-wrapper .ecommerce-content .new-catalog-content h4 {
        font-size: 15px;
        margin-top: 2px;
        color: var(--font3);
        text-align: center;
        margin-bottom: 0; }
      .ecommerce-order-wrapper .ecommerce-content .new-catalog-content mbg-btn-form {
        margin-top: 24px; }
  .ecommerce-order-wrapper .select-options {
    font: inherit; }
.ecommerce-product-wrapper {
  max-height: -webkit-fill-available; }
  .ecommerce-product-wrapper svg > g > path {
    fill: var(--font3); }
  .ecommerce-product-wrapper .new-collect {
    margin-top: 24px; }
  .ecommerce-product-wrapper .login-zaap {
    background: none;
    border: none;
    color: var(--font2);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .ecommerce-product-wrapper .login-zaap i {
      margin-right: 10px;
      font-size: 18px; }
  .ecommerce-product-wrapper button.btn.quick-search, .ecommerce-product-wrapper button.btn.quick-import {
    width: 128px; }
  .ecommerce-product-wrapper i.list-icon {
    font-size: 18px;
    color: var(--font2); }
  .ecommerce-product-wrapper .quick-search {
    height: 44px;
    margin: 15px 0px;
    font-weight: 700;
    background-color: #fff;
    border: 2px solid var(--primary);
    color: var(--primary); }
    .ecommerce-product-wrapper .quick-search.active {
      background-color: var(--primary);
      color: #fff; }
  .ecommerce-product-wrapper .quick-import {
    height: 44px;
    margin: 15px 0px;
    font-weight: 700;
    background-color: #fff;
    border: 2px solid var(--secondary);
    color: var(--secondary); }
    .ecommerce-product-wrapper .quick-import.active {
      background-color: var(--secondary);
      color: #fff; }
  .ecommerce-product-wrapper .ecommerce-content {
    height: 100vh;
    padding-bottom: 84px; }
    .ecommerce-product-wrapper .ecommerce-content .new-catalog-content {
      height: 100%; }
      .ecommerce-product-wrapper .ecommerce-content .new-catalog-content svg {
        width: 74px;
        margin-bottom: 22px;
        fill: var(--font3); }
      .ecommerce-product-wrapper .ecommerce-content .new-catalog-content h4 {
        font-size: 15px;
        margin-top: 2px;
        color: var(--font3);
        text-align: center;
        margin-bottom: 0; }
      .ecommerce-product-wrapper .ecommerce-content .new-catalog-content mbg-btn-form {
        margin-top: 24px; }
  .ecommerce-product-wrapper .select-options {
    font: inherit; }
  .ecommerce-product-wrapper .table > thead {
    color: #fff; }
    .ecommerce-product-wrapper .table > thead > tr > th {
      height: 1px !important;
      vertical-align: middle;
      padding: 2px 10px !important;
      color: #fff;
      border: none;
      font-weight: 500;
      background: var(--primary); }
      .ecommerce-product-wrapper .table > thead > tr > th label.column-title {
        color: white;
        margin: 0;
        display: flex; }
        .ecommerce-product-wrapper .table > thead > tr > th label.column-title .column-title-sort {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-left: 5px;
          width: 18px;
          height: 20px; }
        .ecommerce-product-wrapper .table > thead > tr > th label.column-title.events-none {
          pointer-events: none; }
      .ecommerce-product-wrapper .table > thead > tr > th:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      .ecommerce-product-wrapper .table > thead > tr > th:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
      .ecommerce-product-wrapper .table > thead > tr > th.width-48 {
        width: 48px; }
  .ecommerce-product-wrapper .table tbody {
    background: whitesmoke; }
  .ecommerce-product-wrapper .table tbody:nth-child(odd) {
    background-color: #eaeaea; }
  .ecommerce-product-wrapper .table > tbody > tr {
    border: grey 2px;
    cursor: unset; }
    .ecommerce-product-wrapper .table > tbody > tr > td {
      border: none;
      font-weight: 400;
      vertical-align: middle;
      padding: 2px 10px !important; }
  .ecommerce-product-wrapper .justify-center {
    display: flex;
    justify-content: center; }
  .ecommerce-product-wrapper .product-select {
    width: 100%;
    max-width: 560px; }
    .ecommerce-product-wrapper .product-select .mbg-select-input-fake {
      height: 30px; }
  .ecommerce-product-wrapper .center-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    flex: 0.6; }
    .ecommerce-product-wrapper .center-wrapper button {
      font-weight: bold;
      background: transparent;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      width: 38px;
      min-width: fit-content;
      height: 38px;
      margin: 0 5px;
      cursor: pointer;
      color: #666;
      text-decoration: none;
      outline: none; }
      .ecommerce-product-wrapper .center-wrapper button.active {
        background: var(--primary);
        color: #FFF; }
      .ecommerce-product-wrapper .center-wrapper button:hover {
        background-color: var(--neutral3);
        color: #666; }
      .ecommerce-product-wrapper .center-wrapper button:focus {
        background-color: var(--neutral3);
        color: #666; }
      .ecommerce-product-wrapper .center-wrapper button[key="previous"], .ecommerce-product-wrapper .center-wrapper button[key="next"] {
        text-decoration: underline;
        margin: 0 14px;
        opacity: 0;
        pointer-events: none; }
        .ecommerce-product-wrapper .center-wrapper button[key="previous"].visible, .ecommerce-product-wrapper .center-wrapper button[key="next"].visible {
          opacity: 1;
          pointer-events: all; }
      .ecommerce-product-wrapper .center-wrapper button svg {
        width: 16px; }
  .ecommerce-product-wrapper * {
    user-select: none; }
  .ecommerce-product-wrapper .help-button {
    margin-top: 25px; }
  .ecommerce-product-wrapper .invalid-product {
    color: var(--error);
    margin-left: 15px; }

.ecommerce-product .swal2-actions .swal2-confirm {
  background-color: var(--secondary) !important; }

.ecommerce-product .swal2-actions .swal2-cancel {
  background-color: var(--primary) !important; }
.product-variant-modal-wrapper {
  margin: 40px; }
  .product-variant-modal-wrapper .loading {
    display: flex;
    align-items: center;
    flex-direction: column; }
  .product-variant-modal-wrapper .title {
    text-align: center; }
  .product-variant-modal-wrapper .body-wrapper {
    max-height: 50vh;
    overflow: auto; }
  .product-variant-modal-wrapper .buttons {
    margin: 20px 0 20px 0; }
    .product-variant-modal-wrapper .buttons .row {
      display: flex;
      justify-content: center; }
  .product-variant-modal-wrapper tr {
    background: whitesmoke; }
    .product-variant-modal-wrapper tr td {
      padding: 5px 10px; }
  .product-variant-modal-wrapper tr:nth-child(odd) {
    background-color: #eaeaea; }
  .product-variant-modal-wrapper .product-select {
    width: 300px;
    display: block; }
.category-import-selector-wrapper {
  margin: 40px; }
  .category-import-selector-wrapper .loading {
    display: flex;
    align-items: center;
    flex-direction: column; }
  .category-import-selector-wrapper .title {
    text-align: center; }
  .category-import-selector-wrapper .body-wrapper {
    max-height: 50vh;
    overflow: auto; }
  .category-import-selector-wrapper .buttons {
    margin: 20px 0 20px 0; }
    .category-import-selector-wrapper .buttons .row {
      display: flex;
      justify-content: center; }
  .category-import-selector-wrapper tr {
    background: whitesmoke; }
    .category-import-selector-wrapper tr td {
      padding: 5px 10px; }
  .category-import-selector-wrapper tr:nth-child(odd) {
    background-color: #eaeaea; }
  .category-import-selector-wrapper .product-select {
    width: 300px;
    display: block; }
.wallets-choice-wrapper .box-limit {
  max-width: 1000px; }
  .wallets-choice-wrapper .box-limit .wallet {
    margin: 5px 10px; }
    .wallets-choice-wrapper .box-limit .wallet img {
      border: 1px solid;
      border-radius: 25px;
      padding: 4px;
      width: 100px;
      height: 100px; }
.show-qrcode-wrapper .box-limit {
  max-width: 500px; }
  .show-qrcode-wrapper .box-limit .qrCode {
    margin: 5px 10px; }
    .show-qrcode-wrapper .box-limit .qrCode img {
      border: 1px solid;
      border-radius: 5px;
      padding: 4px;
      width: 400px;
      height: 400px; }
.note-entry-history .change-company {
  margin-bottom: 12px; }

.note-entry-history .pagination-content .totalizer {
  position: relative;
  display: block; }
  .note-entry-history .pagination-content .totalizer label,
  .note-entry-history .pagination-content .totalizer span {
    font-weight: 600; }

.note-entry-history .correct-label {
  display: flex;
  justify-content: center;
  flex-direction: column; }
  .note-entry-history .correct-label label {
    font-weight: 400;
    font-size: inherit; }
.note-entry-search-bar .row {
  margin-bottom: 10px; }

.note-entry-search-bar .mbg-select-wrapper .mbg-select-input-fake,
.note-entry-search-bar .mb-input-date-wrapper .mbg-date-between input {
  background: transparent !important; }

.note-entry-search-bar .align-items {
  display: flex;
  align-items: center; }

.note-entry-search-bar .justify-end {
  justify-content: end; }

.note-entry-search-bar .without-padding {
  padding: 0px; }

.note-entry-search-bar .help-btn {
  margin-right: 10px; }
.entry-cfop-rules-content .flex-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .entry-cfop-rules-content .flex-div .close-x {
    height: 1.5%;
    font-size: 2em; }

.entry-cfop-rules-content .center-title {
  margin-bottom: auto;
  margin-top: auto; }

.entry-cfop-rules-content .center-label {
  padding-top: 11px; }

.entry-cfop-rules-content .action-btn {
  width: 100%;
  height: 4.5rem;
  border-radius: .5rem; }
  @media screen and (min-width: 992px) {
    .entry-cfop-rules-content .action-btn {
      width: 4.5rem; } }
  .entry-cfop-rules-content .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }
  .entry-cfop-rules-content .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }
  .entry-cfop-rules-content .action-btn.btn-plus, .entry-cfop-rules-content .action-btn.btn-close {
    width: 25px;
    height: 25px; }

.entry-cfop-rules-content .rules {
  margin-bottom: 24px; }

.entry-cfop-rules-content .modal-dimensions {
  flex-grow: 1;
  flex-basis: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  padding: 5% 6% 6% 5%;
  width: 95rem; }
  .entry-cfop-rules-content .modal-dimensions .modal-dimensions-scrollable {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 24px;
    max-height: 40rem; }
  .entry-cfop-rules-content .modal-dimensions .close-x {
    font-size: 2.5em; }
    .entry-cfop-rules-content .modal-dimensions .close-x:hover {
      scale: 1.2;
      transition: all .2s ease;
      color: var(--error); }

.entry-cfop-rules-content .col-width-100 {
  width: 100%; }
.page-options .row {
  margin-bottom: 10px; }

.page-options .new {
  color: var(--secondary);
  z-index: 1;
  position: relative;
  font-size: 3em; }

.page-options .return {
  font-size: 2em; }

.page-options .config {
  font-size: 2em; }
.configContent .page-title {
  font-size: 1.5em;
  font-weight: 700;
  font-family: MontSerrat, sans-serif;
  color: var(--color1) !important;
  padding-top: 0.8em; }

.configContent .flex-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .configContent .flex-div .close-x {
    height: 1.5%;
    font-size: 2.5em; }
    .configContent .flex-div .close-x:hover {
      scale: 1.2;
      transition: all .2s ease;
      color: var(--error); }

.configContent .modal-dimensions {
  flex-grow: 1;
  flex-basis: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  padding: 5% 6% 6% 5%;
  width: 70rem; }
  .configContent .modal-dimensions .modal-dimensions-scrollable {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 40rem;
    margin-top: 24px; }
  .configContent .modal-dimensions .options-wrapper .options a {
    display: flex;
    align-items: center;
    color: var(--color1);
    margin-bottom: 2.5em;
    font-weight: 700; }
    .configContent .modal-dimensions .options-wrapper .options a i {
      margin-right: 10px; }
    .configContent .modal-dimensions .options-wrapper .options a:hover {
      color: var(--primary);
      scale: 1.05;
      transition: all .1s ease; }
.note-entry-form .header {
  margin-bottom: 5px;
  display: flex;
  align-items: stretch; }

.note-entry-form .links-wrapper i {
  margin-left: 20px;
  width: 24px; }

.note-entry-form .input-label {
  margin-bottom: 0px;
  color: var(--color1) !important; }

.note-entry-form .totalizer label {
  padding-top: 15px;
  font-size: 17px; }

.note-entry-form .swal2-popup button:focus {
  transition: all .3s ease;
  scale: 1.2; }

.note-entry-form .btn-options {
  height: 25px !important;
  min-width: 150px !important;
  padding: 0 14px;
  color: var(--primary);
  background-color: #fff;
  font-weight: 600;
  border: 1px solid var(--primary);
  border-radius: 6px; }
.repass-options-wrapper {
  padding: 12px 12px 24px 12px;
  width: 32vw;
  display: flex;
  flex-direction: column;
  gap: 12px; }
  .repass-options-wrapper .header-box {
    display: flex;
    flex-direction: column-reverse; }
  .repass-options-wrapper .layout-div {
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: last baseline; }
  .repass-options-wrapper .close-box {
    padding-right: 12px; }
  .repass-options-wrapper select-v2 .mbg-select-input-fake {
    width: 100% !important; }
  .repass-options-wrapper .footer-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 0px;
    flex-direction: column;
    gap: 12px; }
    .repass-options-wrapper .footer-box mbg-btn-form .mbg-btn-form-wrapper button {
      height: 25px !important; }
    .repass-options-wrapper .footer-box .cancel-bottom {
      color: var(--font1); }
.entry-note-data .input-label {
  margin-bottom: 0px;
  color: var(--color1) !important; }

.entry-note-data .icon-area {
  padding-left: 5px !important;
  display: flex;
  justify-content: right; }

.entry-note-data .fit-left {
  padding-left: 0; }

.entry-note-data .fit-right {
  padding-right: 0; }

.entry-note-data .dfe-monitor-icon {
  padding-right: 5px; }

.entry-note-data .actions {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start !important; }
  .entry-note-data .actions a {
    margin-left: 5px;
    font-size: 16px;
    transition: .3s; }
    .entry-note-data .actions a:hover {
      scale: 1.2; }

@media screen and (max-width: 1280px) {
  .entry-note-data .col-lg-1, .entry-note-data .col-lg-10, .entry-note-data .col-lg-11, .entry-note-data .col-lg-12, .entry-note-data .col-lg-2, .entry-note-data .col-lg-3, .entry-note-data .col-lg-4, .entry-note-data .col-lg-5, .entry-note-data .col-lg-6, .entry-note-data .col-lg-7,
  .entry-note-data .col-lg-8, .entry-note-data .col-lg-9, .entry-note-data .col-md-1, .entry-note-data .col-md-10, .entry-note-data .col-md-11, .entry-note-data .col-md-12, .entry-note-data .col-md-2, .entry-note-data .col-md-3, .entry-note-data .col-md-4, .entry-note-data .col-md-5,
  .entry-note-data .col-md-6, .entry-note-data .col-md-7, .entry-note-data .col-md-8, .entry-note-data .col-md-9, .entry-note-data .col-sm-1, .entry-note-data .col-sm-10, .entry-note-data .col-sm-11, .entry-note-data .col-sm-12, .entry-note-data .col-sm-2, .entry-note-data .col-sm-3,
  .entry-note-data .col-sm-4, .entry-note-data .col-sm-5, .entry-note-data .col-sm-6, .entry-note-data .col-sm-7, .entry-note-data .col-sm-8, .entry-note-data .col-sm-9, .entry-note-data .col-xs-1, .entry-note-data .col-xs-10, .entry-note-data .col-xs-11, .entry-note-data .col-xs-12,
  .entry-note-data .col-xs-2, .entry-note-data .col-xs-3, .entry-note-data .col-xs-4, .entry-note-data .col-xs-5, .entry-note-data .col-xs-6, .entry-note-data .col-xs-7, .entry-note-data .col-xs-8, .entry-note-data .col-xs-9 {
    padding-right: 5px;
    padding-left: 5px; } }

.correct-tooltip {
  left: 10% !important; }
.note-entry-product-data .group-commercial-search {
  margin-top: 15px; }

.note-entry-product-data .input-label {
  margin-bottom: 0px;
  color: var(--color1) !important; }

.note-entry-product-data .input {
  width: 100%; }
  .note-entry-product-data .input input {
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    padding: 8px 14px;
    flex: 1;
    outline: none;
    width: inherit;
    height: 44px; }
  .note-entry-product-data .input *:disabled {
    background-color: #f5f5f5; }
  .note-entry-product-data .input input:focus {
    border-bottom: 2px solid #063c8e; }

.note-entry-product-data .icon-area {
  padding-top: 20px;
  display: flex;
  justify-content: right; }
  .note-entry-product-data .icon-area .margin {
    margin-left: 5px; }

.note-entry-product-data .adjust-left {
  padding-left: 3px; }

.note-entry-product-data .adjust-right {
  padding-right: 3px; }

.note-entry-product-data .fit-sides {
  padding-left: 3px;
  padding-right: 3px; }

.note-entry-product-data .title {
  font-size: 1.5em;
  font-weight: 700;
  font-family: MontSerrat,sans-serif;
  color: var(--color1) !important;
  margin: 0;
  position: relative; }

.note-entry-product-data .actions {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start !important; }
  .note-entry-product-data .actions a {
    margin-left: 5px;
    font-size: 16px;
    transition: .3s; }
    .note-entry-product-data .actions a:hover {
      scale: 1.2; }

.note-entry-product-data .product-selection {
  margin-bottom: 30px; }

@media screen and (max-width: 1280px) {
  .note-entry-product-data .with-padding {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  .note-entry-product-data .col-lg-1, .note-entry-product-data .col-lg-10, .note-entry-product-data .col-lg-11, .note-entry-product-data .col-lg-12, .note-entry-product-data .col-lg-2, .note-entry-product-data .col-lg-3, .note-entry-product-data .col-lg-4, .note-entry-product-data .col-lg-5, .note-entry-product-data .col-lg-6, .note-entry-product-data .col-lg-7,
  .note-entry-product-data .col-lg-8, .note-entry-product-data .col-lg-9, .note-entry-product-data .col-md-1, .note-entry-product-data .col-md-10, .note-entry-product-data .col-md-11, .note-entry-product-data .col-md-12, .note-entry-product-data .col-md-2, .note-entry-product-data .col-md-3, .note-entry-product-data .col-md-4, .note-entry-product-data .col-md-5,
  .note-entry-product-data .col-md-6, .note-entry-product-data .col-md-7, .note-entry-product-data .col-md-8, .note-entry-product-data .col-md-9, .note-entry-product-data .col-sm-1, .note-entry-product-data .col-sm-10, .note-entry-product-data .col-sm-11, .note-entry-product-data .col-sm-12, .note-entry-product-data .col-sm-2, .note-entry-product-data .col-sm-3,
  .note-entry-product-data .col-sm-4, .note-entry-product-data .col-sm-5, .note-entry-product-data .col-sm-6, .note-entry-product-data .col-sm-7, .note-entry-product-data .col-sm-8, .note-entry-product-data .col-sm-9, .note-entry-product-data .col-xs-1, .note-entry-product-data .col-xs-10, .note-entry-product-data .col-xs-11, .note-entry-product-data .col-xs-12,
  .note-entry-product-data .col-xs-2, .note-entry-product-data .col-xs-3, .note-entry-product-data .col-xs-4, .note-entry-product-data .col-xs-5, .note-entry-product-data .col-xs-6, .note-entry-product-data .col-xs-7, .note-entry-product-data .col-xs-8, .note-entry-product-data .col-xs-9 {
    padding-right: 5px;
    padding-left: 5px; } }

.product-form-modal-product-data .modal-dialog {
  width: 95%;
  min-height: 95%;
  height: 95%;
  transform: none !important; }

.product-form-modal-product-data .modal-content {
  width: 100% !important;
  height: 100%; }
  .product-form-modal-product-data .modal-content .page-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    overflow: auto; }
.table-itens .icons {
  display: flex;
  justify-content: center; }

.table-itens .item-table {
  padding-bottom: 0px !important; }

.table-itens .fa-gift {
  color: red; }

.table-itens .boxes-icon {
  margin-top: 3px;
  font-size: medium;
  color: var(--font3);
  transition: 300ms; }
  .table-itens .boxes-icon:hover {
    color: var(--primary);
    transform: scale(1.1); }
.transport-data .input-label {
  margin-bottom: 0px;
  color: var(--color1) !important; }

.transport-data .input {
  width: 100%; }
  .transport-data .input input {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px 14px;
    flex: 1;
    outline: none;
    width: inherit;
    height: 44px; }
  .transport-data .input input:focus {
    border-bottom: 2px solid #063c8e; }

.transport-data .plus-transport {
  margin-top: 38px; }

.transport-data .loose-freight-actions {
  display: flex;
  margin-top: -38px; }
  .transport-data .loose-freight-actions .square-button {
    margin-right: 5px; }

@media screen and (max-width: 1280px) {
  .transport-data .col-lg-1, .transport-data .col-lg-10, .transport-data .col-lg-11, .transport-data .col-lg-12, .transport-data .col-lg-2, .transport-data .col-lg-3, .transport-data .col-lg-4, .transport-data .col-lg-5, .transport-data .col-lg-6, .transport-data .col-lg-7,
  .transport-data .col-lg-8, .transport-data .col-lg-9, .transport-data .col-md-1, .transport-data .col-md-10, .transport-data .col-md-11, .transport-data .col-md-12, .transport-data .col-md-2, .transport-data .col-md-3, .transport-data .col-md-4, .transport-data .col-md-5,
  .transport-data .col-md-6, .transport-data .col-md-7, .transport-data .col-md-8, .transport-data .col-md-9, .transport-data .col-sm-1, .transport-data .col-sm-10, .transport-data .col-sm-11, .transport-data .col-sm-12, .transport-data .col-sm-2, .transport-data .col-sm-3,
  .transport-data .col-sm-4, .transport-data .col-sm-5, .transport-data .col-sm-6, .transport-data .col-sm-7, .transport-data .col-sm-8, .transport-data .col-sm-9, .transport-data .col-xs-1, .transport-data .col-xs-10, .transport-data .col-xs-11, .transport-data .col-xs-12,
  .transport-data .col-xs-2, .transport-data .col-xs-3, .transport-data .col-xs-4, .transport-data .col-xs-5, .transport-data .col-xs-6, .transport-data .col-xs-7, .transport-data .col-xs-8, .transport-data .col-xs-9 {
    padding-right: 5px;
    padding-left: 5px; } }

.transport-data .register[disabled] .update-btn span, .transport-data .register[disabled] .update-btn i {
  color: var(--mbListStatusInactive) !important; }
.totalizers .section {
  margin-top: 20px; }

.totalizers .input-label {
  margin-bottom: 0px;
  color: var(--color1) !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.totalizers .input {
  width: 100%; }
  .totalizers .input input {
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    padding: 8px 14px;
    flex: 1;
    outline: none;
    width: inherit;
    height: 44px; }
  .totalizers .input input:focus {
    border-bottom: 2px solid #063c8e; }

@media screen and (max-width: 1280px) {
  .totalizers .with-padding {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  .totalizers .col-lg-1, .totalizers .col-lg-10, .totalizers .col-lg-11, .totalizers .col-lg-12, .totalizers .col-lg-2, .totalizers .col-lg-3, .totalizers .col-lg-4, .totalizers .col-lg-5, .totalizers .col-lg-6, .totalizers .col-lg-7,
  .totalizers .col-lg-8, .totalizers .col-lg-9, .totalizers .col-md-1, .totalizers .col-md-10, .totalizers .col-md-11, .totalizers .col-md-12, .totalizers .col-md-2, .totalizers .col-md-3, .totalizers .col-md-4, .totalizers .col-md-5,
  .totalizers .col-md-6, .totalizers .col-md-7, .totalizers .col-md-8, .totalizers .col-md-9, .totalizers .col-sm-1, .totalizers .col-sm-10, .totalizers .col-sm-11, .totalizers .col-sm-12, .totalizers .col-sm-2, .totalizers .col-sm-3,
  .totalizers .col-sm-4, .totalizers .col-sm-5, .totalizers .col-sm-6, .totalizers .col-sm-7, .totalizers .col-sm-8, .totalizers .col-sm-9, .totalizers .col-xs-1, .totalizers .col-xs-10, .totalizers .col-xs-11, .totalizers .col-xs-12,
  .totalizers .col-xs-2, .totalizers .col-xs-3, .totalizers .col-xs-4, .totalizers .col-xs-5, .totalizers .col-xs-6, .totalizers .col-xs-7, .totalizers .col-xs-8, .totalizers .col-xs-9 {
    padding-right: 5px;
    padding-left: 5px; } }
.entry-item-info-wrapper {
  margin-top: 30px; }
  .entry-item-info-wrapper .input-label {
    margin-top: 5px !important; }
  .entry-item-info-wrapper .toggle {
    margin-left: 5px;
    color: var(--font1); }
    .entry-item-info-wrapper .toggle i {
      transition: transform 200ms ease; }
      .entry-item-info-wrapper .toggle i.active {
        transform: rotate(180deg); }
  @media screen and (max-width: 1280px) {
    .entry-item-info-wrapper .with-padding {
      padding-right: 15px !important;
      padding-left: 15px !important; }
    .entry-item-info-wrapper .col-lg-1, .entry-item-info-wrapper .col-lg-10, .entry-item-info-wrapper .col-lg-11, .entry-item-info-wrapper .col-lg-12, .entry-item-info-wrapper .col-lg-2, .entry-item-info-wrapper .col-lg-3, .entry-item-info-wrapper .col-lg-4, .entry-item-info-wrapper .col-lg-5, .entry-item-info-wrapper .col-lg-6, .entry-item-info-wrapper .col-lg-7,
    .entry-item-info-wrapper .col-lg-8, .entry-item-info-wrapper .col-lg-9, .entry-item-info-wrapper .col-md-1, .entry-item-info-wrapper .col-md-10, .entry-item-info-wrapper .col-md-11, .entry-item-info-wrapper .col-md-12, .entry-item-info-wrapper .col-md-2, .entry-item-info-wrapper .col-md-3, .entry-item-info-wrapper .col-md-4, .entry-item-info-wrapper .col-md-5,
    .entry-item-info-wrapper .col-md-6, .entry-item-info-wrapper .col-md-7, .entry-item-info-wrapper .col-md-8, .entry-item-info-wrapper .col-md-9, .entry-item-info-wrapper .col-sm-1, .entry-item-info-wrapper .col-sm-10, .entry-item-info-wrapper .col-sm-11, .entry-item-info-wrapper .col-sm-12, .entry-item-info-wrapper .col-sm-2, .entry-item-info-wrapper .col-sm-3,
    .entry-item-info-wrapper .col-sm-4, .entry-item-info-wrapper .col-sm-5, .entry-item-info-wrapper .col-sm-6, .entry-item-info-wrapper .col-sm-7, .entry-item-info-wrapper .col-sm-8, .entry-item-info-wrapper .col-sm-9, .entry-item-info-wrapper .col-xs-1, .entry-item-info-wrapper .col-xs-10, .entry-item-info-wrapper .col-xs-11, .entry-item-info-wrapper .col-xs-12,
    .entry-item-info-wrapper .col-xs-2, .entry-item-info-wrapper .col-xs-3, .entry-item-info-wrapper .col-xs-4, .entry-item-info-wrapper .col-xs-5, .entry-item-info-wrapper .col-xs-6, .entry-item-info-wrapper .col-xs-7, .entry-item-info-wrapper .col-xs-8, .entry-item-info-wrapper .col-xs-9 {
      padding-right: 5px;
      padding-left: 5px; } }
.product-grid-purchase {
  overflow: auto; }
  .product-grid-purchase .table .col-lg-1, .product-grid-purchase .table .col-lg-2, .product-grid-purchase .table .col-lg-3, .product-grid-purchase .table .col-lg-4, .product-grid-purchase .table .col-lg-5, .product-grid-purchase .table .col-lg-6,
  .product-grid-purchase .table .col-lg-7, .product-grid-purchase .table .col-lg-8, .product-grid-purchase .table .col-lg-9, .product-grid-purchase .table .col-lg-10, .product-grid-purchase .table .col-lg-11, .product-grid-purchase .table .col-lg-12,
  .product-grid-purchase .table .col-md-1, .product-grid-purchase .table .col-md-2, .product-grid-purchase .table .col-md-3, .product-grid-purchase .table .col-md-4, .product-grid-purchase .table .col-md-5, .product-grid-purchase .table .col-md-6,
  .product-grid-purchase .table .col-md-7, .product-grid-purchase .table .col-md-8, .product-grid-purchase .table .col-md-9, .product-grid-purchase .table .col-md-10, .product-grid-purchase .table .col-md-11, .product-grid-purchase .table .col-md-12,
  .product-grid-purchase .table .col-sm-1, .product-grid-purchase .table .col-sm-2, .product-grid-purchase .table .col-sm-3, .product-grid-purchase .table .col-sm-4, .product-grid-purchase .table .col-sm-5, .product-grid-purchase .table .col-sm-6,
  .product-grid-purchase .table .col-sm-7, .product-grid-purchase .table .col-sm-8, .product-grid-purchase .table .col-sm-9, .product-grid-purchase .table .col-sm-10, .product-grid-purchase .table .col-sm-11, .product-grid-purchase .table .col-sm-12,
  .product-grid-purchase .table .col-xs-1, .product-grid-purchase .table .col-xs-2, .product-grid-purchase .table .col-xs-3, .product-grid-purchase .table .col-xs-4, .product-grid-purchase .table .col-xs-5, .product-grid-purchase .table .col-xs-6,
  .product-grid-purchase .table .col-xs-7, .product-grid-purchase .table .col-xs-8, .product-grid-purchase .table .col-xs-9, .product-grid-purchase .table .col-xs-10, .product-grid-purchase .table .col-xs-11, .product-grid-purchase .table .col-xs-12 {
    padding-right: 2px;
    padding-left: 2px; }
  .product-grid-purchase .table table {
    border-radius: 5px; }
  .product-grid-purchase .table tbody {
    border: 1px solid #ccc;
    border-radius: 5px; }
  .product-grid-purchase .table th {
    padding: 15px; }
  .product-grid-purchase .table td {
    vertical-align: middle; }
    .product-grid-purchase .table td label {
      color: var(--font2); }
  .product-grid-purchase .table th, .product-grid-purchase .table td {
    position: relative;
    border: none;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    height: 54px; }
    .product-grid-purchase .table th:first-child, .product-grid-purchase .table td:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .product-grid-purchase .table th:last-child, .product-grid-purchase .table td:last-child {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
  .product-grid-purchase .table label {
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
  .product-grid-purchase .grid-center-content {
    text-align: center;
    padding: 15px; }
  .product-grid-purchase .grid-adicional-link {
    position: absolute;
    right: 18px;
    top: 16px;
    color: var(--font2);
    text-decoration: underline;
    cursor: pointer; }
  .product-grid-purchase .grid-product-item-name-wrapper {
    align-items: center;
    height: 100%; }
    .product-grid-purchase .grid-product-item-name-wrapper .grid-product-item-circle {
      width: 18px;
      min-width: 18px;
      height: 18px;
      border-radius: 50%;
      margin: 0 12px 0 0; }
  .product-grid-purchase .grid-transclude-edit-wrapper {
    min-width: 300px;
    min-height: 60px;
    padding-top: 7px; }
  .product-grid-purchase .grid-product-edit-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: var(--font2);
    font-weight: 500; }
    .product-grid-purchase .grid-product-edit-wrapper:hover svg {
      opacity: 1; }
    .product-grid-purchase .grid-product-edit-wrapper svg {
      width: 18px;
      height: 18px;
      position: absolute;
      left: 11px;
      top: 10px;
      cursor: pointer;
      opacity: 0;
      fill: var(--font2); }
    .product-grid-purchase .grid-product-edit-wrapper .grid-product-money {
      font-size: 16px;
      font-weight: 600;
      background: transparent !important; }
    .product-grid-purchase .grid-product-edit-wrapper .label {
      width: 100%;
      background-color: transparent; }
      .product-grid-purchase .grid-product-edit-wrapper .label span {
        text-align: right;
        font-size: 1.1em; }
    .product-grid-purchase .grid-product-edit-wrapper input {
      text-align: right;
      width: 100% !important;
      background: transparent; }
      .product-grid-purchase .grid-product-edit-wrapper input.grid-product-barcode {
        background: transparent !important; }
      .product-grid-purchase .grid-product-edit-wrapper input.grid-product-stock {
        background: transparent !important; }
      .product-grid-purchase .grid-product-edit-wrapper input.stock-input {
        margin-bottom: 2px;
        background: #f5f5f5; }
      .product-grid-purchase .grid-product-edit-wrapper input.stock-input:hover,
      .product-grid-purchase .grid-product-edit-wrapper input .stock-input:focus {
        border-bottom: 2px solid #ccc !important;
        margin-bottom: 0px; }
      .product-grid-purchase .grid-product-edit-wrapper input.input-cost {
        font-weight: 300;
        font-size: 1em; }
      .product-grid-purchase .grid-product-edit-wrapper input.product-item-invalid {
        text-decoration: line-through;
        text-decoration-color: #ff002e; }
    .product-grid-purchase .grid-product-edit-wrapper input[type='number'] {
      -moz-appearance: textfield; }
    .product-grid-purchase .grid-product-edit-wrapper input::-webkit-outer-spin-button,
    .product-grid-purchase .grid-product-edit-wrapper input::-webkit-inner-spin-button {
      -webkit-appearance: none; }
    .product-grid-purchase .grid-product-edit-wrapper input {
      padding: 0;
      border: none;
      text-align: right;
      outline: none; }
      .product-grid-purchase .grid-product-edit-wrapper input.ng-touched.ng-invalid {
        border: 1px solid #b00020; }
      .product-grid-purchase .grid-product-edit-wrapper input[disabled="disabled"] {
        background: #f5f5f5; }
      .product-grid-purchase .grid-product-edit-wrapper input::-webkit-input-placeholder {
        color: var(--font3);
        font-style: italic; }
      .product-grid-purchase .grid-product-edit-wrapper input:-moz-placeholder {
        /* Firefox 18- */
        color: var(--font3);
        font-style: italic; }
      .product-grid-purchase .grid-product-edit-wrapper input::-moz-placeholder {
        /* Firefox 19+ */
        color: var(--font3);
        font-style: italic; }
      .product-grid-purchase .grid-product-edit-wrapper input:-ms-input-placeholder {
        color: var(--font3);
        font-style: italic; }
    .product-grid-purchase .grid-product-edit-wrapper div.product-item-invalid {
      text-decoration: line-through;
      text-decoration-color: #ff002e; }
  .product-grid-purchase .input-cost .mbg-input-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    height: 20px;
    flex-direction: column-reverse;
    font-size: 15px; }
    .product-grid-purchase .input-cost .mbg-input-wrapper input {
      font-weight: 300; }
.product-inline-purchase-wrapper .default-header-inline * {
  border: 0; }

.product-inline-purchase-wrapper .default-header-inline .barcode-col {
  padding-right: 6px;
  justify-content: center; }

.product-inline-purchase-wrapper .default-header-inline .stock-col {
  padding-right: 6px;
  justify-content: center; }

.product-inline-purchase-wrapper .default-header-inline label {
  display: flex;
  text-align: center;
  color: var(--font2);
  font-weight: 600; }

.product-inline-purchase-wrapper .inline-content {
  max-height: 50vh;
  overflow: auto; }
  .product-inline-purchase-wrapper .inline-content .click-enable-item {
    display: flex;
    justify-content: center;
    align-items: center; }

.product-inline-purchase-wrapper .inline-y:first-child .inline-row {
  border-top: 1px solid #ccc; }

.product-inline-purchase-wrapper .inline-row {
  display: flex;
  height: 44px;
  border: 1px solid #ccc; }
  .product-inline-purchase-wrapper .inline-row div {
    flex: 1; }
    .product-inline-purchase-wrapper .inline-row div.product-item-invalid {
      text-decoration: line-through;
      text-decoration-color: #ff002e; }
  .product-inline-purchase-wrapper .inline-row .x-value-col {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 154px; }
    .product-inline-purchase-wrapper .inline-row .x-value-col span {
      font-weight: 600;
      color: var(--font2); }
  .product-inline-purchase-wrapper .inline-row .y-value-col {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 174px; }
  .product-inline-purchase-wrapper .inline-row .barcode-col {
    display: flex;
    align-items: center;
    justify-content: center; }
  .product-inline-purchase-wrapper .inline-row .stock-col {
    display: flex;
    align-items: center;
    justify-content: center; }
  .product-inline-purchase-wrapper .inline-row .grid-product-item-circle {
    max-width: 18px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin: 0 12px 0 0; }
  .product-inline-purchase-wrapper .inline-row input {
    background: transparent;
    height: 100%;
    width: 100%;
    padding-right: 14px; }
    .product-inline-purchase-wrapper .inline-row input.input-error {
      color: #ff002e; }
  .product-inline-purchase-wrapper .inline-row input[type="number"] {
    -moz-appearance: textfield; }
  .product-inline-purchase-wrapper .inline-row input::-webkit-outer-spin-button,
  .product-inline-purchase-wrapper .inline-row input::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  .product-inline-purchase-wrapper .inline-row input {
    padding: 0 6px;
    border: none;
    text-align: right;
    outline: none; }
    .product-inline-purchase-wrapper .inline-row input.ng-touched.ng-invalid {
      border: 1px solid #b00020; }
    .product-inline-purchase-wrapper .inline-row input[disabled="disabled"] {
      background: #f5f5f5; }
    .product-inline-purchase-wrapper .inline-row input::-webkit-input-placeholder {
      color: var(--font3);
      font-style: italic; }
    .product-inline-purchase-wrapper .inline-row input:-moz-placeholder {
      /* Firefox 18- */
      color: var(--font3);
      font-style: italic; }
    .product-inline-purchase-wrapper .inline-row input::-moz-placeholder {
      /* Firefox 19+ */
      color: var(--font3);
      font-style: italic; }
    .product-inline-purchase-wrapper .inline-row input:-ms-input-placeholder {
      color: var(--font3);
      font-style: italic; }
  .product-inline-purchase-wrapper .inline-row .inline-product-money {
    color: var(--font2);
    font-size: 16px;
    font-weight: 600; }
.note-entry-observation .observation {
  padding: 6px;
  border-radius: 3px; }
  .note-entry-observation .observation textarea {
    width: 100%;
    min-height: 80px;
    max-height: 140px;
    padding: 5px; }
.dismember-select-purchase {
  min-width: 50vw;
  max-width: 60vw; }
  .dismember-select-purchase .modal-content {
    background-color: var(--bgColor); }
  .dismember-select-purchase .ma-container .mbg-modal .mbg-header-modal {
    padding: 0px 20px; }
  .dismember-select-purchase .ma-container .mbg-modal .mbg-body-modal {
    padding: 0px 4px; }
  .dismember-select-purchase .tab-content {
    height: 411px;
    max-height: 411px; }
  .dismember-select-purchase .step-tabs ul.nav-tabs {
    display: block; }
  .dismember-select-purchase .nav-tabs.nav-justified > li :hover {
    cursor: default; }
  .dismember-select-purchase .nav-tabs.nav-justified > .active > a,
  .dismember-select-purchase .nav-tabs.nav-justified > .active > a:focus,
  .dismember-select-purchase .nav-tabs.nav-justified > .active > a:hover {
    border: none;
    border-top: 3px solid var(--primary); }
  .dismember-select-purchase .step-tabs .tab-content .tab-body {
    padding: 4px 16px; }
  .dismember-select-purchase .ma-container label .mbg-label .input-label .mbg-label,
  .dismember-select-purchase .mbg-label {
    margin-bottom: 32px; }
  .dismember-select-purchase .ma-container .mbg-modal h4 {
    padding: 5px 0px;
    color: var(--font2); }
  .dismember-select-purchase .col-md-12 {
    padding: 0px; }
  .dismember-select-purchase .product-sizes,
  .dismember-select-purchase .product-colors {
    margin-top: 16px; }
  .dismember-select-purchase .cancel-link {
    margin: 18px 24px 18px 24px; }
  .dismember-select-purchase .variations {
    margin-top: 24px;
    margin-left: 16px; }
  .dismember-select-purchase .distribute h5 {
    color: var(--font2);
    font-weight: 400;
    text-align: center; }
    .dismember-select-purchase .distribute h5 span.items {
      display: flex;
      align-items: center;
      justify-content: center; }
    .dismember-select-purchase .distribute h5 span.count {
      font-size: 26px;
      font-weight: 600;
      margin-left: 10px; }
  .dismember-select-purchase .inline-grid {
    margin-top: 24px; }
    .dismember-select-purchase .inline-grid .inline-content {
      overflow: auto;
      max-height: 264px; }
    .dismember-select-purchase .inline-grid .inline-row {
      display: flex;
      height: 44px; }
      .dismember-select-purchase .inline-grid .inline-row.selected {
        background-color: #eee; }
      .dismember-select-purchase .inline-grid .inline-row .inline-col {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-grow: 1; }
        .dismember-select-purchase .inline-grid .inline-row .inline-col .field {
          border: 0; }
          .dismember-select-purchase .inline-grid .inline-row .inline-col .field mbg-select {
            width: 100%; }
        .dismember-select-purchase .inline-grid .inline-row .inline-col .col-md-2,
        .dismember-select-purchase .inline-grid .inline-row .inline-col .col-md-8 {
          padding-left: 0px;
          padding-right: 0px; }
        .dismember-select-purchase .inline-grid .inline-row .inline-col .field,
        .dismember-select-purchase .inline-grid .inline-row .inline-col .inline-header {
          justify-content: center;
          align-items: center;
          display: flex; }
      .dismember-select-purchase .inline-grid .inline-row.cell {
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc; }
        .dismember-select-purchase .inline-grid .inline-row.cell.first-child {
          border-top: 1px solid #ccc; }
        .dismember-select-purchase .inline-grid .inline-row.cell label {
          display: flex;
          text-align: center;
          font-weight: 500; }
        .dismember-select-purchase .inline-grid .inline-row.cell .inline-product-barcode {
          padding: 0 6px;
          border: none;
          text-align: center;
          outline: none;
          background: transparent;
          height: 100%;
          width: 100%;
          font-weight: 500; }
      .dismember-select-purchase .inline-grid .inline-row .select {
        margin: auto 16px; }
        .dismember-select-purchase .inline-grid .inline-row .select.fake {
          visibility: hidden;
          cursor: default; }
  .dismember-select-purchase label {
    cursor: pointer !important; }
  .dismember-select-purchase .loading {
    height: 30vh;
    display: flex;
    align-items: center;
    justify-content: center; }
.generate-title-purchase {
  max-height: 85vh; }
  .generate-title-purchase .page-wrapper {
    max-width: 65vw; }
  .generate-title-purchase .title-list-table {
    margin-top: 12px;
    max-height: 70vh; }
  .generate-title-purchase .parcels-data {
    max-height: 40vh; }
  .generate-title-purchase .scrollabe {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto; }
  .generate-title-purchase .input-label {
    margin-bottom: 5px !important; }
  .generate-title-purchase .btns {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  @media screen and (max-width: 1280px) {
    .generate-title-purchase .page-wrapper {
      max-width: 80vw; }
    .generate-title-purchase .parcels-data {
      max-height: 30vh; } }
  .generate-title-purchase .update-btn {
    font-size: 13px !important; }

.discount-generate-title-purchase .modal-box {
  width: 20vw; }
  .discount-generate-title-purchase .modal-box .discount-content {
    width: 55%; }
.product-distribution {
  width: 80vw; }
  .product-distribution .loading {
    height: 30vh;
    display: flex;
    align-items: center;
    justify-content: center; }
  .product-distribution .without-grid .table.table-product-without-grid > tbody > tr > td {
    border: 1px solid #ccc; }
    .product-distribution .without-grid .table.table-product-without-grid > tbody > tr > td mbg-input-text input,
    .product-distribution .without-grid .table.table-product-without-grid > tbody > tr > td mbg-input-number input,
    .product-distribution .without-grid .table.table-product-without-grid > tbody > tr > td mbg-input-money input {
      background: transparent;
      border: none;
      padding: 0;
      text-align: right; }
    .product-distribution .without-grid .table.table-product-without-grid > tbody > tr > td mbg-select mbg-input-text input {
      text-align: left; }
    .product-distribution .without-grid .table.table-product-without-grid > tbody > tr > td mbg-select .mbg-select-wrapper
.mbg-icon-select {
      right: 0px; }
    .product-distribution .without-grid .table.table-product-without-grid > tbody > tr > td .product-name {
      height: 44px;
      display: flex;
      align-items: center; }
  .product-distribution .with-grid .title {
    font-weight: 600;
    font-size: 18px; }
  .product-distribution .with-grid .info {
    display: flex;
    flex-direction: column; }
    .product-distribution .with-grid .info .sub-title {
      font-weight: 100; }
    .product-distribution .with-grid .info .item-name {
      margin: 5px 0;
      color: var(--warn);
      font-weight: 600;
      font-size: 20px; }
  .product-distribution .with-grid .small-info {
    color: var(--font2);
    font-weight: 400;
    text-align: center; }
    .product-distribution .with-grid .small-info .distribute .itens {
      display: flex;
      align-items: center;
      justify-content: center; }
    .product-distribution .with-grid .small-info .distribute .count {
      font-size: 26px;
      font-weight: 600;
      margin-left: 10px; }
    .product-distribution .with-grid .small-info .accept {
      color: var(--success); }
      .product-distribution .with-grid .small-info .accept svg {
        margin-right: 5px;
        width: 22px;
        color: var(--success); }
    .product-distribution .with-grid .small-info .decline {
      color: #ffc107;
      display: flex;
      align-items: center;
      justify-content: center; }
  .product-distribution .modal-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 2vh; }
.product-linking {
  overflow: auto;
  min-width: fit-content;
  max-height: 90vh; }
  .product-linking .page-wrapper {
    display: flex;
    flex-direction: column;
    padding: 24px;
    max-width: 90vw; }
  .product-linking .header-modal {
    margin-bottom: 10px; }
    .product-linking .header-modal .btn-pre-register-definitions {
      height: 44px;
      border-radius: 5px;
      background-color: var(--primary);
      color: #fff;
      border: none; }
  .product-linking .data-modal {
    margin-bottom: 30px; }
  .product-linking .review-close-modal {
    position: absolute;
    right: 6px;
    top: 0px;
    font-size: 15px;
    color: var(--font2);
    z-index: 999; }
  .product-linking .xml-items-wrapper {
    min-width: fit-content;
    max-width: 90vw;
    overflow: auto;
    max-height: 59vh; }
    .product-linking .xml-items-wrapper .xml-items-header {
      display: flex;
      min-width: fit-content;
      height: 25px;
      font-weight: bold;
      color: #fff;
      background-color: var(--primary);
      border-radius: 4px;
      margin-bottom: 8px; }
    .product-linking .xml-items-wrapper .xml-item-wrapper {
      border-radius: 5px;
      height: auto;
      min-height: 50px;
      background: #fff;
      margin-bottom: 8px;
      box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.3);
      color: var(--font2); }
      .product-linking .xml-items-wrapper .xml-item-wrapper .xml-item {
        display: flex; }
        .product-linking .xml-items-wrapper .xml-item-wrapper .xml-item .xml-link-item-wrapper {
          display: flex;
          align-items: center; }
          .product-linking .xml-items-wrapper .xml-item-wrapper .xml-item .xml-link-item-wrapper a {
            text-decoration: underline;
            font-size: 12px;
            color: #337ab7;
            margin-bottom: 5px; }
    .product-linking .xml-items-wrapper .xml-col {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-right: 1em; }
      .product-linking .xml-items-wrapper .xml-col span {
        font-size: 11px;
        color: #46908a; }
      .product-linking .xml-items-wrapper .xml-col.xml-col-status {
        align-items: center;
        min-width: 15px;
        max-width: 2vw; }
        .product-linking .xml-items-wrapper .xml-col.xml-col-status i {
          color: var(--success);
          font-size: 18px; }
          .product-linking .xml-items-wrapper .xml-col.xml-col-status i[class="fas fa-adjust"] {
            color: #e47b0e; }
      .product-linking .xml-items-wrapper .xml-col.xml-col-number {
        max-width: 0.5vw;
        align-items: center; }
      .product-linking .xml-items-wrapper .xml-col.xml-col-reference {
        min-width: 100px;
        max-width: 15vw;
        align-items: flex-start; }
        .product-linking .xml-items-wrapper .xml-col.xml-col-reference .tooltip-inner {
          overflow-wrap: anywhere; }
        .product-linking .xml-items-wrapper .xml-col.xml-col-reference p {
          max-width: 90%;
          overflow: hidden;
          text-overflow: ellipsis;
          margin: 0px; }
      .product-linking .xml-items-wrapper .xml-col.xml-col-quantity, .product-linking .xml-items-wrapper .xml-col.xml-col-box-quantity, .product-linking .xml-items-wrapper .xml-col.xml-col-box-value, .product-linking .xml-items-wrapper .xml-col.xml-col-subtotal {
        min-width: 100px;
        max-width: 15vw;
        align-items: center; }
      .product-linking .xml-items-wrapper .xml-col.xml-col-action {
        display: flex;
        flex-direction: row;
        max-width: 200px; }
      .product-linking .xml-items-wrapper .xml-col.xml-col-name {
        align-items: flex-start;
        align-items: stretch;
        padding-right: 10px;
        min-width: 20vw; }
        .product-linking .xml-items-wrapper .xml-col.xml-col-name mbg-select {
          width: 90%; }
          .product-linking .xml-items-wrapper .xml-col.xml-col-name mbg-select[disabled="disabled"] .mbg-select-wrapper .mbg-icon-select {
            display: none; }
        .product-linking .xml-items-wrapper .xml-col.xml-col-name .mbg-select-input-fake input[disabled="disabled"] {
          background: transparent; }
        .product-linking .xml-items-wrapper .xml-col.xml-col-name label {
          margin: 0; }
        .product-linking .xml-items-wrapper .xml-col.xml-col-name .mbg-select-input-fake {
          height: 30px;
          border: none;
          max-width: 90%; }
          .product-linking .xml-items-wrapper .xml-col.xml-col-name .mbg-select-input-fake input {
            height: 30px;
            padding: 0; }
      .product-linking .xml-items-wrapper .xml-col.xml-col-actions {
        min-width: 150px;
        max-width: 20vw;
        align-items: center;
        flex-direction: row; }
  .product-linking .action-btn {
    padding: 5px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin-left: 5px;
    margin-right: 5px;
    transition: all .2s ease;
    padding: 10px;
    max-width: 150px; }
    .product-linking .action-btn span {
      margin-left: 6px; }
    .product-linking .action-btn:hover {
      transform: scale(1.09);
      transition: all .3s ease; }
  .product-linking square-button button {
    height: 34px !important;
    width: 34px !important;
    border-radius: 5px !important; }
  .product-linking .btn-new-product {
    margin-right: 0px;
    background-color: var(--secondary); }
  .product-linking .btn-edit-product {
    background-color: var(--secondary); }
  .product-linking .btn-unlink-product {
    background-color: var(--neutral3); }
    .product-linking .btn-unlink-product:hover {
      background-color: var(--error); }
  .product-linking .btn-product-distribution {
    background-color: var(--footerPrimary); }
  .product-linking .btn-imei {
    background-color: var(--primary); }
  .product-linking .btn-add-batch {
    background-color: var(--primary); }
  .product-linking .fa-times-circle {
    color: var(--error) !important; }
  .product-linking .register-all {
    margin-bottom: 12px;
    background-color: var(--contrast); }
  .product-linking .pagination-content {
    margin-top: 12px; }

.product-form-modal-product-data {
  width: calc(100%) !important;
  height: calc(100% - 45px);
  top: 45px; }
  .product-form-modal-product-data .modal-dialog {
    width: 95%;
    min-height: 95%;
    height: 95%;
    transform: none !important; }
  .product-form-modal-product-data .modal-content {
    width: 100% !important;
    height: 100%;
    overflow: hidden; }
    .product-form-modal-product-data .modal-content .page-wrapper {
      width: 100% !important;
      max-width: 100% !important;
      height: 100%;
      overflow: auto; }

.customClassModalProduct {
  max-height: 50vh; }

.properties-scrollbar-review-xml {
  max-width: 85vw;
  overflow: auto; }
  .properties-scrollbar-review-xml ::-webkit-scrollbar {
    width: 10px !important; }
.reversal-note-entry {
  min-width: 70vw; }
  .reversal-note-entry .list-reversal {
    max-height: 60vh; }
  .reversal-note-entry .list-reversal-note-entry {
    overflow-y: scroll; }
  .reversal-note-entry .header-modal {
    margin-bottom: 10px; }
  .reversal-note-entry .data-modal {
    margin-bottom: 30px; }
  .reversal-note-entry .without-stock {
    color: #ff0000;
    font-weight: 400; }
.modal-entry-imei-wrapper {
  padding: 44px;
  width: 500px; }
  .modal-entry-imei-wrapper.large {
    width: 1000px; }
  .modal-entry-imei-wrapper h3 {
    font-weight: 500;
    margin-bottom: 15px; }
  .modal-entry-imei-wrapper .mbg-close-modal {
    color: var(--font2);
    position: absolute;
    right: 16px;
    top: 32px;
    font-size: 14px; }
    .modal-entry-imei-wrapper .mbg-close-modal i {
      margin-left: 7px; }
  .modal-entry-imei-wrapper .imei-wrapper {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: auto;
    scrollbar-width: auto; }
    .modal-entry-imei-wrapper .imei-wrapper::-webkit-scrollbar {
      display: auto; }
    .modal-entry-imei-wrapper .imei-wrapper .wrapper-imei {
      margin-top: 14px; }
.modal-pre-register-definitions-wrapper {
  padding: 44px;
  width: 1000px; }
  .modal-pre-register-definitions-wrapper.large {
    width: 1000px; }
  .modal-pre-register-definitions-wrapper cp-page-title {
    margin-bottom: 15px; }
  .modal-pre-register-definitions-wrapper .mbg-close-modal {
    color: var(--font2);
    position: absolute;
    right: 16px;
    top: 32px;
    font-size: 12px; }
    .modal-pre-register-definitions-wrapper .mbg-close-modal i {
      margin-left: 7px; }
.purchase-devolution {
  height: 80vh; }
  .purchase-devolution input {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    min-height: 44px;
    text-align-last: end;
    background-color: white; }
    .purchase-devolution input[disabled="disabled"] {
      background: transparent; }
  .purchase-devolution .list-v2 {
    max-height: 60vh;
    overflow-y: auto; }
  @media screen and (max-width: 1366px) {
    .purchase-devolution {
      font-size: 10px !important; }
      .purchase-devolution .mbg-pagination-wrapper {
        scale: 0.7; }
      .purchase-devolution .ma-container .mbg-modal .mbg-footer-modal {
        margin: 0px;
        padding: 0px;
        scale: 0.7; }
      .purchase-devolution .ma-container label.mbg-label.input-label.mbg-label, .purchase-devolution .ma-container .mbg-label {
        font-size: 10px !important;
        margin-top: 0px;
        margin-bottom: 0px; }
      .purchase-devolution .ma-container .mbg-modal .mbg-close-modal {
        top: -15px;
        scale: 0.7; }
      .purchase-devolution .ma-container .row {
        margin-top: 0px; }
      .purchase-devolution .mbg-btn-form-wrapper {
        scale: 0.8; } }
.modal-cost-raise-alert-wrapper {
  padding: 44px;
  width: 800px; }
  .modal-cost-raise-alert-wrapper h3 {
    font-weight: 500;
    margin-bottom: 15px; }
  .modal-cost-raise-alert-wrapper .pd-top-20 {
    padding-top: 20px; }
  .modal-cost-raise-alert-wrapper .cancel {
    padding-right: 25px;
    color: var(--font2); }
  .modal-cost-raise-alert-wrapper .name-label {
    padding-left: 15px;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 15px; }
  .modal-cost-raise-alert-wrapper .entry-item-wrapper {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: auto;
    scrollbar-width: auto; }
    .modal-cost-raise-alert-wrapper .entry-item-wrapper::-webkit-scrollbar {
      display: auto; }
    .modal-cost-raise-alert-wrapper .entry-item-wrapper .wrapper-entry-item {
      margin-top: 14px;
      padding-right: 10px; }
.register-all {
  width: 95vw; }
  .register-all .header-modal {
    margin-bottom: 10px; }
  .register-all .data-modal {
    margin-bottom: 30px; }
  .register-all .review-close-modal {
    position: absolute;
    right: 6px;
    top: 10px;
    font-size: 15px;
    color: var(--font2);
    z-index: 999; }
  .register-all .review-all-wrapper {
    overflow: auto;
    max-height: 59vh; }
    .register-all .review-all-wrapper .review-all-header {
      display: flex;
      overflow: hidden;
      height: auto;
      min-height: 25px;
      font-weight: bold;
      color: #fff;
      background-color: var(--primary);
      border-radius: 4px;
      margin-bottom: 8px; }
    .register-all .review-all-wrapper .review-all-item-wrapper {
      border-radius: 5px;
      height: auto;
      min-height: 25px;
      background: #fff;
      margin-bottom: 8px;
      box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.3);
      padding: 8px 0 0 0; }
      .register-all .review-all-wrapper .review-all-item-wrapper .review-all-item {
        display: flex;
        padding-bottom: 8px; }
    .register-all .review-all-wrapper .review-all-col {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-right: 1em; }
      .register-all .review-all-wrapper .review-all-col.review-all-number {
        max-width: 2vw;
        align-items: center; }
      .register-all .review-all-wrapper .review-all-col.review-all-reference {
        max-width: 6vw;
        align-items: center; }
        .register-all .review-all-wrapper .review-all-col.review-all-reference .tooltip-inner {
          overflow-wrap: anywhere; }
        .register-all .review-all-wrapper .review-all-col.review-all-reference p {
          margin: 0px; }
      .register-all .review-all-wrapper .review-all-col.review-all-prod-reference {
        max-width: 10vw;
        align-items: flex-start; }
        .register-all .review-all-wrapper .review-all-col.review-all-prod-reference .tooltip-inner {
          overflow-wrap: anywhere; }
        .register-all .review-all-wrapper .review-all-col.review-all-prod-reference p {
          margin: 0px; }
      .register-all .review-all-wrapper .review-all-col.review-all-box-name {
        max-width: 20vw;
        align-items: flex-start; }
        .register-all .review-all-wrapper .review-all-col.review-all-box-name input {
          width: 20vw; }
      .register-all .review-all-wrapper .review-all-col.review-all-box-barcode {
        max-width: 9vw;
        align-items: flex-start; }
        .register-all .review-all-wrapper .review-all-col.review-all-box-barcode input {
          width: 9vw; }
      .register-all .review-all-wrapper .review-all-col.review-all-box-measure-unit, .register-all .review-all-wrapper .review-all-col.review-all-box-brand {
        max-width: 8vw; }
        .register-all .review-all-wrapper .review-all-col.review-all-box-measure-unit mbg-select,
        .register-all .review-all-wrapper .review-all-col.review-all-box-measure-unit input-v2, .register-all .review-all-wrapper .review-all-col.review-all-box-brand mbg-select,
        .register-all .review-all-wrapper .review-all-col.review-all-box-brand input-v2 {
          width: 8vw; }
          .register-all .review-all-wrapper .review-all-col.review-all-box-measure-unit mbg-select [disabled="disabled"],
          .register-all .review-all-wrapper .review-all-col.review-all-box-measure-unit input-v2 [disabled="disabled"], .register-all .review-all-wrapper .review-all-col.review-all-box-brand mbg-select [disabled="disabled"],
          .register-all .review-all-wrapper .review-all-col.review-all-box-brand input-v2 [disabled="disabled"] {
            pointer-events: all; }
      .register-all .review-all-wrapper .review-all-col.review-all-box-category {
        max-width: 8vw; }
        .register-all .review-all-wrapper .review-all-col.review-all-box-category input-v2 {
          width: 8vw; }
          .register-all .review-all-wrapper .review-all-col.review-all-box-category input-v2 [disabled="disabled"] {
            pointer-events: all; }
      .register-all .review-all-wrapper .review-all-col.review-all-name {
        max-width: 14vw;
        align-items: flex-start; }
        .register-all .review-all-wrapper .review-all-col.review-all-name label {
          display: -webkit-box;
          line-clamp: 1;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; }
  .register-all .action-btn {
    padding: 5px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin-left: 5px;
    margin-right: 5px;
    transition: all .2s ease;
    padding: 10px; }
    .register-all .action-btn span {
      margin-left: 6px; }
    .register-all .action-btn:hover {
      transform: scale(1.09);
      transition: all .3s ease; }
  .register-all .pagination-content {
    margin-top: 12px; }
  .register-all .forward-button {
    padding: 0; }
    .register-all .forward-button .rectangular-button {
      height: 25px; }
  .register-all .footer-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px; }
    .register-all .footer-buttons mbg-btn-form {
      width: 200px; }
  .register-all category-search-modal .col-md-7 {
    width: 50%; }
  .register-all category-search-modal .col-md-1 {
    width: 10%; }
  .register-all category-search-modal label {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
.loose-freight .input-label {
  margin-bottom: 2px !important; }

@media screen and (max-width: 1280px) {
  .loose-freight {
    max-height: 70vh;
    overflow-y: auto; } }
.batch-register-cfop-rules-content .flex-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .batch-register-cfop-rules-content .flex-div .close-x {
    height: 1.5%;
    font-size: 2em; }

.batch-register-cfop-rules-content .center-title {
  margin-bottom: auto;
  margin-top: auto; }

.batch-register-cfop-rules-content .rules {
  margin-bottom: 24px; }

.batch-register-cfop-rules-content .modal-dimensions {
  flex-grow: 1;
  flex-basis: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  padding: 5% 6% 6% 5%;
  width: 95rem; }
  .batch-register-cfop-rules-content .modal-dimensions .modal-dimensions-scrollable {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 24px;
    max-height: 40rem; }
  .batch-register-cfop-rules-content .modal-dimensions .close-x {
    font-size: 2.5em; }
    .batch-register-cfop-rules-content .modal-dimensions .close-x:hover {
      scale: 1.2;
      transition: all .2s ease;
      color: var(--error); }

.batch-register-cfop-rules-content .col-width-100 {
  width: 100%; }
.dismember-product {
  min-width: 50vw;
  max-width: 60vw; }
  .dismember-product .cancel-link {
    margin: 18px 24px 18px 24px; }
  .dismember-product .inline-grid {
    margin-top: 24px; }
    .dismember-product .inline-grid .inline-content {
      overflow: auto;
      max-height: 264px; }
    .dismember-product .inline-grid .inline-row {
      display: flex;
      height: 44px; }
      .dismember-product .inline-grid .inline-row.selected {
        background-color: #eee; }
      .dismember-product .inline-grid .inline-row .inline-col {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-grow: 1; }
        .dismember-product .inline-grid .inline-row .inline-col .field {
          border: 0; }
          .dismember-product .inline-grid .inline-row .inline-col .field mbg-select {
            width: 100%; }
        .dismember-product .inline-grid .inline-row .inline-col .col-md-2,
        .dismember-product .inline-grid .inline-row .inline-col .col-md-8 {
          padding-left: 0px;
          padding-right: 0px; }
        .dismember-product .inline-grid .inline-row .inline-col .field,
        .dismember-product .inline-grid .inline-row .inline-col .inline-header {
          justify-content: center;
          align-items: center;
          display: flex; }
      .dismember-product .inline-grid .inline-row.cell {
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc; }
        .dismember-product .inline-grid .inline-row.cell.first-child {
          border-top: 1px solid #ccc; }
        .dismember-product .inline-grid .inline-row.cell label {
          display: flex;
          text-align: center;
          font-weight: 500; }
  .dismember-product .loading {
    height: 30vh;
    display: flex;
    align-items: center;
    justify-content: center; }
.review-register-all-repass-wrapper {
  width: 100%;
  min-width: 1042px; }
  .review-register-all-repass-wrapper h4 {
    font-size: 16px !important;
    color: var(--font1) !important;
    padding: 0px !important; }
  .review-register-all-repass-wrapper .ma-container .row {
    margin-right: -15px;
    margin-left: -15px; }
    .review-register-all-repass-wrapper .ma-container .row .options-action {
      height: 25px; }
  .review-register-all-repass-wrapper .ma-container .mbg-body-modal .row, .review-register-all-repass-wrapper .ma-container .mbg-header-modal .row {
    margin-right: -15px;
    margin-left: -15px; }
.generate-freight-finance {
  max-height: 85vh; }
  .generate-freight-finance .title-list-table {
    margin-top: 12px;
    max-height: 70vh; }
  .generate-freight-finance .parcels-data {
    max-height: 40vh; }
  .generate-freight-finance .scrollabe {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto; }
  .generate-freight-finance .input-label {
    margin-bottom: 5px !important; }
  .generate-freight-finance .btns {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  @media screen and (max-width: 1280px) {
    .generate-freight-finance .page-wrapper {
      max-width: 80vw; }
    .generate-freight-finance .parcels-data {
      max-height: 30vh; } }
.view-unitcost-with-freight .shipping-value {
  font-size: 20px;
  color: var(--secondary); }

.view-unitcost-with-freight .list {
  max-height: 60vh;
  overflow-y: auto; }
.generate-difal-finance {
  max-height: 85vh; }
  .generate-difal-finance .page-wrapper {
    max-width: 65vw; }
  .generate-difal-finance .title-list-table {
    margin-top: 12px;
    max-height: 70vh; }
  .generate-difal-finance .parcels-data {
    max-height: 40vh; }
  .generate-difal-finance .scrollabe {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto; }
  .generate-difal-finance .input-label {
    margin-bottom: 5px !important; }
  .generate-difal-finance .btns {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  @media screen and (max-width: 1280px) {
    .generate-difal-finance .page-wrapper {
      max-width: 80vw; }
    .generate-difal-finance .parcels-data {
      max-height: 30vh; } }

.discount-generate-title-purchase .modal-box {
  width: 20vw; }
  .discount-generate-title-purchase .modal-box .discount-content {
    width: 55%; }

.checkbox-row {
  padding-top: 15px; }
.inactive-product-actions .page-wrapper {
  max-width: 65vw; }
  .inactive-product-actions .page-wrapper .subtitle p {
    font-size: 14px;
    text-align: center; }
    .inactive-product-actions .page-wrapper .subtitle p span {
      color: var(--error); }
.dfc-view-wrapper label {
  cursor: unset !important; }

.dfc-view-wrapper .justify-content-end {
  justify-content: end; }

.dfc-view-wrapper .btn-generate, .dfc-view-wrapper .btn-showCurrent {
  flex: 1;
  border-radius: 34px;
  width: 100%;
  height: 44px;
  border: none;
  background: var(--secondary);
  color: #FFF;
  font-weight: bold; }

.dfc-view-wrapper .cl-loading {
  border: 5px solid var(--primary);
  border-top: 5px solid transparent; }

.dfc-view-wrapper .searching {
  margin-left: 6px; }

.dfc-view-wrapper .data {
  margin-top: 26px; }

.dfc-view-wrapper .fa-2x {
  transition: 0.3s ease; }

.dfc-view-wrapper .rotate {
  transform: rotate(90deg); }

.dfc-view-wrapper .options {
  display: flex;
  justify-content: center; }

.dfc-view-wrapper i.fas.fa-spinner {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.dfc-view-wrapper .input-number {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  padding: 8px 14px;
  flex: 1;
  outline: none;
  height: 44px;
  width: 100%;
  cursor: text;
  text-align: right; }

.dfc-view-wrapper .help-button {
  margin-top: 30px;
  display: flex;
  justify-content: end; }
.dfc-view-table-component {
  display: grid; }
  .dfc-view-table-component .right {
    text-align: right !important; }
  .dfc-view-table-component .left {
    text-align: left !important; }
  .dfc-view-table-component .center {
    text-align: center !important; }
  .dfc-view-table-component .dfc-item-list-wrapper {
    display: block;
    width: 100%;
    overflow: auto; }
  .dfc-view-table-component .dfc-item-list {
    margin: 16px 0px; }
    .dfc-view-table-component .dfc-item-list thead > tr > th {
      white-space: nowrap;
      border-bottom: 0;
      padding: 2px 10px;
      background: var(--primary);
      color: white; }
    .dfc-view-table-component .dfc-item-list tbody > tr > td {
      white-space: nowrap;
      background-color: white;
      padding: 2px 16px; }
    .dfc-view-table-component .dfc-item-list .borderless table {
      border-top-style: none;
      border-left-style: none;
      border-right-style: none;
      border-bottom-style: none; }
  .dfc-view-table-component .hide-line-on-table {
    border-style: solid;
    border-color: transparent;
    border-width: 2px 0px 2px 0px !important; }
  .dfc-view-table-component #showPercentages {
    cursor: pointer; }
.dfc-view-children-component {
  padding: 0px 50px 50px 50px; }
  .dfc-view-children-component .title {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px; }
  .dfc-view-children-component .right {
    text-align: right !important; }
  .dfc-view-children-component .left {
    text-align: left !important; }
  .dfc-view-children-component .center {
    text-align: center !important; }
  .dfc-view-children-component .dfc-item-list-wrapper {
    display: block;
    width: calc( 100vw - 350px);
    overflow: auto;
    max-height: 50vh; }
  .dfc-view-children-component .dfc-item-list {
    margin: 16px 0px; }
    .dfc-view-children-component .dfc-item-list thead > tr > th {
      white-space: nowrap;
      border-bottom: 0;
      padding: 2px 10px;
      background: var(--primary);
      color: white; }
    .dfc-view-children-component .dfc-item-list tbody > tr > td {
      white-space: nowrap;
      background-color: white;
      padding: 2px 16px; }
    .dfc-view-children-component .dfc-item-list .borderless table {
      border-top-style: none;
      border-left-style: none;
      border-right-style: none;
      border-bottom-style: none; }
  .dfc-view-children-component .hide-line-on-table {
    border-style: solid;
    border-color: transparent;
    border-width: 2px 0px 2px 0px !important; }
  .dfc-view-children-component #showPercentages {
    cursor: pointer; }
  .dfc-view-children-component .btn-close {
    top: 15px;
    right: 25px;
    position: absolute; }
.employee-bonus-form-wrapper {
  margin: 15px; }
  .employee-bonus-form-wrapper .add-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border-radius: 15px;
    background-color: var(--secondary); }
    .employee-bonus-form-wrapper .add-btn button {
      border: none;
      font-weight: bold;
      color: white;
      font-size: 12px; }
  .employee-bonus-form-wrapper .col-1-5 {
    width: 20% !important; }
  .employee-bonus-form-wrapper .person-list .icon img {
    max-height: 60px;
    max-width: 80px;
    border-radius: 18px; }
  .employee-bonus-form-wrapper .person-list .names {
    margin-left: 20px; }
    .employee-bonus-form-wrapper .person-list .names .name {
      font-weight: bold;
      text-overflow: ellipsis;
      border-bottom: solid 1px darkgray; }
    .employee-bonus-form-wrapper .person-list .names .nickname {
      margin-left: 10px;
      font-style: italic;
      font-weight: bold;
      text-overflow: ellipsis; }
.employee-bonus-list-wrapper {
  margin: 15px; }
  .employee-bonus-list-wrapper .mb-status {
    width: 45px;
    height: 45px;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mbListTextLight); }
  .employee-bonus-list-wrapper .person-list .icon img {
    max-height: 60px;
    max-width: 80px;
    border-radius: 18px; }
  .employee-bonus-list-wrapper .person-list .names {
    margin-left: 20px; }
    .employee-bonus-list-wrapper .person-list .names .name {
      font-weight: bold;
      text-overflow: ellipsis;
      border-bottom: solid 1px darkgray; }
    .employee-bonus-list-wrapper .person-list .names .nickname {
      margin-left: 10px;
      font-style: italic;
      font-weight: bold;
      text-overflow: ellipsis; }
  .employee-bonus-list-wrapper .help-button {
    margin-right: 15px; }
  .employee-bonus-list-wrapper .align-items {
    display: flex !important;
    align-items: center !important; }
  .employee-bonus-list-wrapper .justify-end {
    justify-content: end !important; }
  .employee-bonus-list-wrapper .without-padding {
    padding: 0px !important; }
  .employee-bonus-list-wrapper .new-button {
    display: flex;
    justify-content: end;
    margin-top: 15px; }
  .employee-bonus-list-wrapper .help-button-without-new {
    margin-right: 15px;
    margin-top: 10px; }
.price-list-modal .modal-dialog {
  width: 80%;
  margin-top: 6rem !important;
  transform: translate(0, 0%) !important; }

.price-list-modal .mbg-body-modal {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 30px) !important;
  padding-top: 0px !important;
  margin: 0 15px !important; }

.price-list-modal .list-v2 .table > tbody > tr.thin-rows > td {
  padding: 3px !important; }

.price-list-modal-wrapper {
  width: 95vw; }
  .price-list-modal-wrapper cp-dollar-icon.focus-green:focus svg {
    fill: green;
    transform: scale(1.1); }
  .price-list-modal-wrapper cp-check-icon:focus svg, .price-list-modal-wrapper cp-information-icon:focus svg {
    fill: var(--primary);
    transform: scale(1.1); }
  .price-list-modal-wrapper .ma-container .apply-button {
    width: 70px;
    height: 25px;
    margin: auto;
    font-weight: 700;
    color: #FFF;
    background-color: var(--primary);
    display: flex;
    align-items: center; }
    .price-list-modal-wrapper .ma-container .apply-button:hover {
      background-color: #666; }
  .price-list-modal-wrapper .ma-container .bt-actions {
    margin-top: 6px; }
  .price-list-modal-wrapper .ma-container .row-bt {
    margin-bottom: 6px; }
  .price-list-modal-wrapper .ma-container .mbg-modal {
    max-height: 90vh; }
  .price-list-modal-wrapper .ma-container .mbg-organization {
    display: flex;
    padding-bottom: 12px !important;
    min-height: 30px; }
    .price-list-modal-wrapper .ma-container .mbg-organization .organization-display {
      display: flex;
      justify-content: stretch;
      gap: 12px; }
      .price-list-modal-wrapper .ma-container .mbg-organization .organization-display mbg-multi-select {
        flex: 1; }
  .price-list-modal-wrapper .ma-container .mbg-organization-icon {
    align-self: end;
    text-align: center; }
  .price-list-modal-wrapper .ma-container .show-column {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px; }
  .price-list-modal-wrapper .mbg-header-modal {
    margin-top: 20px;
    min-height: 30px !important; }
  .price-list-modal-wrapper .btn.gmd.raised.btn-default {
    text-transform: uppercase !important; }
  .price-list-modal-wrapper .price-list-info {
    margin-bottom: 15px; }
  .price-list-modal-wrapper .resume {
    display: flex;
    flex-direction: column;
    justify-content: left;
    margin-bottom: 14px; }
  .price-list-modal-wrapper .label-checkbox {
    margin-top: 11px;
    margin-right: 5px;
    display: inline-flex; }
  .price-list-modal-wrapper .resume-item {
    margin-top: 14px;
    margin-right: 15px; }
  .price-list-modal-wrapper .mbg-footer-modal .modal-buttons {
    margin-top: 24px; }

.footer-list {
  display: flex;
  flex-direction: row;
  align-self: center;
  text-align: center;
  padding: 10px 20px;
  margin: 15px 30px;
  border-radius: 5px;
  border-style: solid;
  border-color: #6666669b;
  border-width: thin;
  width: fit-content; }
  .footer-list .sub-title {
    font-weight: bold;
    color: var(--primary); }
  .footer-list .details {
    margin-left: 15px;
    font-weight: bold; }
  .footer-list > div {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center; }

.price-list-swal {
  display: grid !important; }
  .price-list-swal .sweet-confirm {
    order: 1 !important; }
  .price-list-swal .sweet-deny {
    order: 2 !important; }
  .price-list-swal .sweet-cancel {
    order: 3 !important; }

@media (max-height: 800px) {
  .price-list-modal-wrapper {
    min-height: 80vh; }
    .price-list-modal-wrapper .mbg-modal .mbg-body-modal {
      padding: 4px 15px; }
    .price-list-modal-wrapper .resume-item {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .price-list-modal-wrapper .margin-input {
      width: calc(100% * 5 / 12);
      display: flex;
      gap: 12px;
      justify-content: flex-end; }
    .price-list-modal-wrapper list-v2 table {
      margin-bottom: none; }
    .price-list-modal-wrapper .footer-list {
      padding: 4px 20px;
      margin: 4px 30px; }
    .price-list-modal-wrapper .mbg-footer-modal .modal-buttons {
      margin-top: 8px; } }
.price-sheet-modal-wrapper label.underlined {
  text-decoration-line: underline; }

.price-sheet-modal-wrapper div.product-data div {
  display: flex;
  gap: 1ch; }
  .price-sheet-modal-wrapper div.product-data div label {
    display: inline-table; }
  .price-sheet-modal-wrapper div.product-data div span {
    text-overflow: ellipsis;
    overflow: hidden; }
.price-rounding-rule-modal-wrapper .ma-container .mbg-modal {
  width: 1090px !important; }

.price-rounding-rule-modal-wrapper .switch-btn {
  height: 44px;
  margin-top: 4px; }

.price-rounding-rule-modal-wrapper .action-btn {
  width: 100%;
  height: 4.5rem;
  border-radius: .5rem; }
  @media screen and (min-width: 1992px) {
    .price-rounding-rule-modal-wrapper .action-btn {
      width: 4.5rem; } }
  .price-rounding-rule-modal-wrapper .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff;
    margin-top: 4.5rem; }
  .price-rounding-rule-modal-wrapper .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }
.dfe-monitor-history .pagination-content .totalizer {
  position: relative;
  display: block; }
  .dfe-monitor-history .pagination-content .totalizer label,
  .dfe-monitor-history .pagination-content .totalizer span {
    font-weight: 600; }

.dfe-monitor-history button {
  margin-top: 18px; }

.dfe-monitor-history .fa-file-pdf {
  font-size: 20px; }

.dfe-monitor-history .vertical-middle {
  vertical-align: middle; }

.dfe-monitor-history .help-button {
  display: flex;
  justify-content: end;
  margin-top: 20px;
  padding-right: 10px; }

.dfe-monitor-history .btn-search {
  height: 30px;
  font-weight: 700;
  background-color: var(--primary);
  color: #FFF;
  border-radius: 5px;
  border: none; }

.dfe-monitor-history .btn-export {
  height: 30px;
  font-weight: 700;
  background-color: #0f4b14;
  color: #FFF;
  border-radius: 5px;
  border: none; }

.dfe-monitor-history .print-buttons {
  display: grid;
  align-items: end;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px; }
  .dfe-monitor-history .print-buttons button {
    margin: 0;
    white-space: nowrap; }
.release-notes-form-wrapper .release-notes-html {
  width: 100%;
  height: 500px;
  max-height: 500px; }

.release-notes-form-wrapper .release-notes-component {
  margin-top: 15px; }

.release-notes-form-wrapper .release-notes-switch {
  margin-top: 8px; }

.release-notes-form-wrapper .btn-edit-type {
  margin-top: 30px; }
.product-variation-list-wrapper {
  padding: 24px; }
  .product-variation-list-wrapper .sphere {
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%; }
  .product-variation-list-wrapper .col-md-1 {
    width: 3%; }
  .product-variation-list-wrapper .product-variation-align {
    display: flex;
    align-items: center; }
  .product-variation-list-wrapper .help {
    margin-top: 18px; }
  .product-variation-list-wrapper .options-and-help-buttons {
    display: flex;
    justify-content: end; }
.conductor-wrapper .filters {
  display: flex;
  align-items: end; }

.conductor-wrapper .align-items {
  display: flex;
  align-items: center; }

.conductor-wrapper .justify-end {
  justify-content: end; }

.conductor-wrapper .without-padding {
  padding: 0px; }

.conductor-wrapper .help-button {
  margin-top: 20px;
  margin-right: 10px; }
.conductor-form-wrapper .options {
  font-size: 12px; }

.conductor-form-wrapper .input-label {
  margin-bottom: 5px; }
.insurance-wrapper .align-items {
  display: flex;
  align-items: center; }

.insurance-wrapper .justify-end {
  justify-content: end; }

.insurance-wrapper .without-padding {
  padding: 0px; }

.insurance-wrapper .help-button {
  margin-top: 18px;
  margin-right: 10px; }
.insurance-form-wrapper .mbg-label {
  margin-bottom: 5px; }
.fiscal-inventory-list-wrapper .dropdown {
  display: flex;
  justify-content: center; }

.fiscal-inventory-list-wrapper .help-button {
  margin-top: 22px;
  margin-right: 10px; }

.fiscal-inventory-list-wrapper .align-items {
  display: flex;
  align-items: center; }

.fiscal-inventory-list-wrapper .justify-end {
  justify-content: end; }

.fiscal-inventory-list-wrapper .without-padding {
  padding: 0px; }
.ignore-fiscal-inventory-items cp-page-title .cp-page-title-wrapper .mbg-title {
  font-size: 1.3em; }

.ignore-fiscal-inventory-items .flex-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .ignore-fiscal-inventory-items .flex-div .close-x {
    height: 1.5%;
    font-size: 1.8em; }

.ignore-fiscal-inventory-items .center-title {
  margin-bottom: auto;
  margin-top: auto; }

.ignore-fiscal-inventory-items .center-label {
  padding-top: 11px; }

.ignore-fiscal-inventory-items .action-btn {
  border-radius: .5rem; }
  @media screen and (min-width: 992px) {
    .ignore-fiscal-inventory-items .action-btn {
      width: 25px;
      height: 25px; } }
  .ignore-fiscal-inventory-items .action-btn.btn-plus {
    color: #fff;
    background: #063c8e;
    border: 0px solid #fff; }
  .ignore-fiscal-inventory-items .action-btn.btn-close {
    color: #ff3030;
    background: #fff;
    border: 1px solid #cecece; }

.ignore-fiscal-inventory-items .rules {
  margin-bottom: 24px;
  padding-right: 30px; }

.ignore-fiscal-inventory-items .modal-dimensions {
  padding: 5% 6% 6% 5%;
  width: 80rem; }
  .ignore-fiscal-inventory-items .modal-dimensions .modal-dimensions-scrollable {
    overflow-y: auto;
    margin-top: 24px;
    max-height: 40rem;
    width: 100%; }
  .ignore-fiscal-inventory-items .modal-dimensions .close-x {
    font-size: 2.5em; }
    .ignore-fiscal-inventory-items .modal-dimensions .close-x:hover {
      scale: 1.2;
      transition: all .2s ease;
      color: var(--error); }

.ignore-fiscal-inventory-items .col-width-90 {
  width: 90.8%; }

.ignore-fiscal-inventory-items .col-width-91 {
  width: 91.66666667%; }
.fiscal-inventory-form-wrapper .inventory-filters {
  margin-top: 10px; }
  .fiscal-inventory-form-wrapper .inventory-filters mbg-input-search .mbg-input-search-wrapper .input-group-search.top-layout {
    background-color: #FFF; }
  .fiscal-inventory-form-wrapper .inventory-filters cp-delete-icon svg {
    fill: #FFF; }

.fiscal-inventory-form-wrapper .items-content {
  max-height: 50vh;
  overflow-y: auto; }

.fiscal-inventory-form-wrapper .form-button {
  width: 100%;
  height: 25px;
  margin: auto;
  font-weight: 700;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center; }

.fiscal-inventory-form-wrapper .add-product {
  margin-top: 38px; }
  .fiscal-inventory-form-wrapper .add-product[disabled="disabled"] i {
    color: var(--font2); }
  .fiscal-inventory-form-wrapper .add-product i {
    color: var(--primary); }

.fiscal-inventory-form-wrapper .generate {
  background-color: var(--primary); }

.fiscal-inventory-form-wrapper .save {
  background-color: var(--secondary); }

.fiscal-inventory-form-wrapper .finish {
  background-color: #0f4b14; }

.fiscal-inventory-form-wrapper .remove {
  background-color: var(--error); }

.fiscal-inventory-form-wrapper .table {
  margin-top: 0px;
  margin-bottom: 0px; }
  .fiscal-inventory-form-wrapper .table .totalizers, .fiscal-inventory-form-wrapper .table .totalizers-by-page {
    background-color: var(--primary);
    color: #eeeeee;
    font-weight: 700; }
    .fiscal-inventory-form-wrapper .table .totalizers td:first-child, .fiscal-inventory-form-wrapper .table .totalizers-by-page td:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .fiscal-inventory-form-wrapper .table .totalizers td:last-child, .fiscal-inventory-form-wrapper .table .totalizers-by-page td:last-child {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    .fiscal-inventory-form-wrapper .table .totalizers > td, .fiscal-inventory-form-wrapper .table .totalizers-by-page > td {
      padding: 3px 14px !important; }
  .fiscal-inventory-form-wrapper .table .totalizers-by-page {
    background-color: #013d97ad; }
  .fiscal-inventory-form-wrapper .table .label-totalizers {
    width: 250px; }
  .fiscal-inventory-form-wrapper .table .value-totalizers {
    width: 200px;
    text-align: right; }
.add-item .input-label {
  margin-bottom: 5px !important; }

.add-item .content-modal {
  margin-bottom: 20px; }
.series .mbg-close-modal {
  position: fixed !important; }

.series .data {
  max-height: 400px;
  overflow-y: auto; }
.edit-item .page-wrapper {
  width: 50vw; }

.edit-item .input-label {
  margin-bottom: 5px !important; }

.edit-item .content-modal {
  margin-bottom: 20px; }
.inventory-item-bulk-removal .page-wrapper {
  width: 90vw;
  max-width: 90vw; }

.inventory-item-bulk-removal .bulk-item-filters {
  margin-bottom: 14px; }

.inventory-item-bulk-removal .data {
  max-height: 60vh;
  overflow-y: auto; }

.inventory-item-bulk-removal .ma-container .mbg-modal h4 {
  padding: 0;
  color: var(--font1);
  margin-top: 0; }
.series-info .page-title {
  font-size: 1.5em;
  font-weight: 700;
  font-family: MontSerrat, sans-serif;
  color: var(--color1) !important;
  padding-top: 0.8em; }

.series-info .flex-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .series-info .flex-div .close-x {
    height: 1.5%;
    font-size: 2.5em; }
    .series-info .flex-div .close-x:hover {
      scale: 1.2;
      transition: all .2s ease;
      color: var(--error); }

.series-info .modal-dimensions {
  display: flex;
  width: 70rem;
  justify-content: normal; }
  .series-info .modal-dimensions .modal-dimensions-scrollable {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 30rem; }
  .series-info .modal-dimensions .series {
    font-style: italic;
    font-size: 15px; }
    .series-info .modal-dimensions .series span {
      padding-right: 3px; }
.vehicle-list-wrapper .filters {
  display: flex;
  align-items: end; }

.vehicle-list-wrapper .align-items {
  display: flex;
  align-items: center; }

.vehicle-list-wrapper .justify-end {
  justify-content: end; }

.vehicle-list-wrapper .without-padding {
  padding: 0px; }

.vehicle-list-wrapper .help-button {
  margin-top: 18px;
  margin-right: 10px; }
.vehicle-form-wrapper .input-label {
  margin-bottom: 5px; }
.integration-store-form-wrapper .switch-btn {
  height: 44px;
  margin-top: 4px; }

.integration-store-form-wrapper .custom-margin {
  margin: 20px; }

.integration-store-form-wrapper .custom-margin-bottom {
  margin-bottom: 18px; }

.integration-store-form-wrapper .step-tabs .tab-content .tab-body {
  padding: none; }

.integration-store-form-wrapper .main-infos {
  margin-bottom: 8px;
  display: flex;
  align-items: stretch; }
  .integration-store-form-wrapper .main-infos > div {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: flex-end; }

.integration-store-form-wrapper .detail-infos .info-box-wrapper {
  min-width: 54vw !important; }

.integration-store-form-wrapper .share-button {
  display: flex;
  justify-content: flex-start;
  background-color: var(--primary);
  color: white;
  font-weight: bold;
  padding: 12px;
  border-radius: 8px;
  margin-right: 15px;
  width: 43%;
  height: 25px;
  align-items: center; }

.integration-store-form-wrapper .action-buttons {
  display: flex;
  justify-content: center;
  margin-top: 21px; }
  .integration-store-form-wrapper .action-buttons.add-button {
    margin-left: 15px; }
  .integration-store-form-wrapper .action-buttons.secondary-color {
    background-color: var(--error) !important; }

.integration-store-form-wrapper .boolean-area {
  display: flex;
  justify-items: center; }

.integration-store-form-wrapper .custom-padding {
  padding-left: 30px; }

.integration-store-form-wrapper .custom-padding-left {
  padding-left: 0px; }

.integration-store-form-wrapper .custom-margin-left {
  margin-left: 2px; }

.integration-store-form-wrapper .without-padding {
  padding: 0px; }

.integration-store-form-wrapper .action-buttoms {
  right: 1px;
  position: absolute;
  display: flex;
  align-items: center; }
  .integration-store-form-wrapper .action-buttoms a {
    font-weight: bold;
    margin-bottom: 20px; }
  .integration-store-form-wrapper .action-buttoms .save-btn {
    height: 30px;
    border-radius: 5px;
    font-weight: 700;
    background-color: var(--secondary);
    color: #FFF;
    border: none;
    padding: 0 20px; }
  .integration-store-form-wrapper .action-buttoms .help-button {
    padding: 0px; }

.integration-store-form-wrapper .custom-margin-top {
  margin-top: 2px; }
.mdfe-form-wrapper .header {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px; }

.mdfe-form-wrapper .fa-save {
  margin-right: 8px; }

.mdfe-form-wrapper .actions {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start !important; }
  .mdfe-form-wrapper .actions a {
    margin-left: 5px;
    font-size: 16px;
    transition: .3s; }
    .mdfe-form-wrapper .actions a:hover {
      scale: 1.2; }

.mdfe-form-wrapper .mbg-label {
  margin-bottom: 2px !important; }
.section-road-data .step-tabs {
  margin-top: 20px;
  background-color: #f2f2f2; }

.section-road-data .step-tabs ul.nav-tabs li.active a {
  color: var(--primary) !important;
  border-top: 3px solid var(--primary) !important; }
  .section-road-data .step-tabs ul.nav-tabs li.active a:hover {
    color: var(--primary) !important; }

.section-road-data div[class^="gmd"] ul[class="nav nav-tabs"] > li[class~="active"] > a {
  border: none; }

.section-road-data div[class^="gmd"] ul[class="nav nav-tabs"] > li > a:hover, .section-road-data div[class^="gmd"] ul[class="nav nav-tabs"] > li > a:focus {
  background-color: #fff;
  border: none;
  color: var(--neutral2); }

.section-road-data .plus {
  margin-top: 35px; }

.section-road-data .selection-area {
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  flex: 1;
  border-radius: 4px;
  padding: 5px;
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
  height: 100px; }
  .section-road-data .selection-area .selection-item {
    position: relative;
    border-radius: 4px;
    background-color: #fff;
    height: 26px;
    padding: 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px; }
    .section-road-data .selection-area .selection-item label {
      color: var(--neutral2);
      font-style: italic;
      font-weight: 500;
      margin-right: 4px; }
    .section-road-data .selection-area .selection-item .close-icon {
      margin: 0 6px;
      color: var(--neutral2); }

.section-road-data .modal-vehicle {
  display: flex;
  justify-content: space-between; }

.section-road-data .switch-container {
  display: flex;
  flex-direction: column;
  align-items: center; }

.section-road-data .switch-button {
  margin: 0px; }

.section-road-data li:not([class~="active"]) uib-tab-heading.with-errors {
  text-decoration: underline red; }

.section-road-data .popover.top {
  z-index: 1000 !important; }

.section-road-data .tab-body {
  padding: 0px !important; }

.section-road-data .align-buttons {
  margin-top: 35px; }

.section-road-data .align-action-buttons {
  display: flex;
  justify-content: flex-end; }
.section-tax-data .form-button {
  width: 100%;
  height: 44px;
  margin: auto;
  font-weight: 700;
  color: #FFF;
  margin-top: 14px; }

.section-tax-data .new {
  margin-top: 35px; }
.section-tax-cte-data .form-button {
  width: 100%;
  height: 44px;
  margin: auto;
  font-weight: 700;
  color: #FFF;
  margin-top: 14px; }

.section-tax-cte-data .new {
  margin-top: 35px; }
.section-additional-information .observation textarea {
  width: 100%;
  min-height: 100px;
  max-height: 100vh;
  padding: 10px;
  border-radius: 10px; }
.mdfe-insurance .col-md-2 {
  width: 14%; }

.mdfe-insurance .col-md-1 {
  width: 5%; }

.mdfe-insurance .action-buttons {
  display: flex;
  align-items: flex-end;
  height: inherit;
  padding-left: 0px;
  padding-bottom: 20px; }
.mdfe-list-wrapper .display-flex {
  display: flex;
  justify-content: center; }

.mdfe-list-wrapper .primary-blue {
  background-color: #0747a6; }

.mdfe-list-wrapper .actions {
  display: flex;
  margin: 0;
  padding: 0;
  gap: 1.6em;
  justify-content: end;
  align-items: center; }

.mdfe-list-wrapper .actions .links-wrapper {
  display: flex;
  margin-top: 10px; }

.mdfe-list-wrapper .links-wrapper a {
  gap: .3em; }

.mdfe-list-wrapper .input-date-time {
  height: 25px; }

.mdfe-list-wrapper .helper-button {
  margin-right: 10px; }
.mdfe-history-modal {
  width: 60vw; }
  .mdfe-history-modal .not-result {
    height: 50px;
    text-align: center; }
  .mdfe-history-modal .content-modal {
    max-height: 65vh;
    overflow-x: auto; }
  .mdfe-history-modal .description-mdfe {
    justify-content: space-around; }
.mdfe-view-linked-notes-modal {
  width: 60vw; }
.send-notes-modal-wrapper .mbg-label {
  margin-bottom: 5px !important; }
.send-many-notes-modal-wrapper .mbg-label {
  margin-bottom: 5px !important; }
.mdfe-emission-config .dimensions {
  width: 95rem;
  padding: 1em; }

.mdfe-emission-config .header-modal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 2em; }

.mdfe-emission-config .close-x {
  font-size: 2.5em; }
  .mdfe-emission-config .close-x:hover {
    scale: 1.2;
    transition: all .2s ease;
    color: var(--error); }

.mdfe-emission-config .mbg-label {
  margin-bottom: 5px !important; }
.item-for-discount-list-wrapper {
  max-height: -webkit-fill-available; }
  .item-for-discount-list-wrapper .new-collect {
    margin-top: 24px; }
  .item-for-discount-list-wrapper .login-zaap {
    background: none;
    border: none;
    color: var(--font2);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .item-for-discount-list-wrapper .login-zaap i {
      margin-right: 10px;
      font-size: 18px; }
  .item-for-discount-list-wrapper i.list-icon {
    font-size: 18px;
    color: var(--font3); }
  .item-for-discount-list-wrapper .item-for-discount-content {
    height: 100vh;
    padding-bottom: 84px; }
  .item-for-discount-list-wrapper .help-button {
    display: flex;
    justify-content: end;
    margin-top: 28px;
    padding: 0px 15px 0px 0px; }
  .item-for-discount-list-wrapper .align-items {
    display: flex;
    align-items: center; }
.treasury-movement-wrapper {
  padding: 20px; }
  .treasury-movement-wrapper .group-buttons {
    max-height: fit-content;
    margin: 14px -15px; }
    .treasury-movement-wrapper .group-buttons .btn-cashier {
      height: 64px;
      border-radius: 4px;
      border: 2px solid var(--neutral3);
      margin: 0 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--font3);
      min-width: 144px; }
      .treasury-movement-wrapper .group-buttons .btn-cashier svg {
        width: 24px;
        margin-right: 7px; }
      .treasury-movement-wrapper .group-buttons .btn-cashier span {
        font-weight: 600; }
      .treasury-movement-wrapper .group-buttons .btn-cashier.active {
        border: 2px solid var(--secondary);
        color: var(--secondary); }
      .treasury-movement-wrapper .group-buttons .btn-cashier.opacity {
        opacity: 0.5; }
  .treasury-movement-wrapper textarea {
    resize: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px 14px;
    flex: 1;
    background: transparent;
    outline: none;
    width: 500px;
    font-weight: 500;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    height: 74px;
    background: #fff; }
    .treasury-movement-wrapper textarea:focus {
      border: 1px solid var(--primary) !important; }
  .treasury-movement-wrapper .with-errors .mbg-select-input-fake, .treasury-movement-wrapper .with-errors input {
    border-color: red; }
  .treasury-movement-wrapper .foot .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
.treasury-movement-list-wrapper .to-form-buttom {
  color: var(--secondary) !important; }

.treasury-movement-list-wrapper .help-button {
  margin-left: 10px; }

.treasury-movement-list-wrapper .align-items {
  align-items: center; }
.stock-transformation-form-body {
  background: white;
  border-radius: 10px;
  padding: 20px; }
  .stock-transformation-form-body .table-label {
    padding: 20px;
    display: flex; }
  .stock-transformation-form-body .stock-transformation-form-items {
    display: grid;
    grid-template-columns: 40% 11% 11% 11% 11% 11% 5%;
    padding: 0 10px;
    margin-bottom: 5px; }
    .stock-transformation-form-body .stock-transformation-form-items .item-atribute {
      padding: 0 10px; }
  .stock-transformation-form-body .stock-transformation-form-total {
    display: grid;
    grid-template-columns: 71% 12% 12% 5%;
    padding: 0 10px; }
    .stock-transformation-form-body .stock-transformation-form-total .item-atribute {
      padding: 0 24px;
      font-weight: bold; }
  .stock-transformation-form-body .action-btn {
    width: 100%;
    height: 4.5rem;
    border-radius: .5rem; }
    @media screen and (min-width: 992px) {
      .stock-transformation-form-body .action-btn {
        width: 4.5rem; } }
    .stock-transformation-form-body .action-btn.btn-plus {
      color: #fff;
      background: #063c8e;
      border: 0px solid #fff; }
    .stock-transformation-form-body .action-btn.btn-close {
      color: #ff3030;
      background: #fff;
      border: 1px solid #cecece; }
.stock-transformation-list-wrapper .stock-transformation-list-header {
  display: flex;
  margin-top: 20px; }

.stock-transformation-list-wrapper .align-items {
  display: flex;
  align-items: center; }

.stock-transformation-list-wrapper .margin-bottom {
  margin-bottom: 25px; }

.stock-transformation-list-wrapper .help-btn {
  margin-left: 20px; }

.stock-transformation-list-body {
  margin: 15px; }
  .stock-transformation-list-body .mb-status {
    display: inline-flex; }
.card-brand-list-wrapper .new-adjustment {
  color: var(--secondary) !important; }

.card-brand-list-wrapper .help-button {
  margin-top: 10px;
  margin-right: 10px; }

.card-brand-list-wrapper .justify-end {
  display: flex;
  justify-content: end; }

.card-brand-list-wrapper .without-padding {
  padding: 0px; }
.card-brand-form-wrapper .input-label {
  margin-bottom: 5px; }
.purchase-order-form-wrapper {
  background: #f7f7f7;
  height: 100%;
  padding-bottom: 5px;
  text-align: left;
  overflow-y: scroll; }
  .purchase-order-form-wrapper .purchase-order-form-wrapper-header {
    height: auto;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: white; }
    .purchase-order-form-wrapper .purchase-order-form-wrapper-header label {
      margin: 5px 0px; }
    .purchase-order-form-wrapper .purchase-order-form-wrapper-header .purchase-order-header-actions {
      justify-content: space-between;
      display: flex;
      flex-direction: column;
      height: 100%; }
      .purchase-order-form-wrapper .purchase-order-form-wrapper-header .purchase-order-header-actions .btn-save {
        border-radius: 5px;
        background-color: var(--secondary);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        width: 100%;
        height: 25px;
        margin-top: 6px; }
      .purchase-order-form-wrapper .purchase-order-form-wrapper-header .purchase-order-header-actions .btn-return {
        display: flex;
        justify-content: center;
        margin: 15px 0px;
        font-size: 16px; }
    .purchase-order-form-wrapper .purchase-order-form-wrapper-header .purchase-order-observation {
      width: 100%;
      margin-top: 0px;
      height: 130px;
      min-height: 118px; }
  .purchase-order-form-wrapper .purchase-order-form-wrapper-body {
    height: auto;
    padding-top: 0px; }
    .purchase-order-form-wrapper .purchase-order-form-wrapper-body .btn-open-terminal {
      border-radius: 5px;
      background-color: var(--primary);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      width: 100%;
      height: 25px;
      gap: 12px; }
    .purchase-order-form-wrapper .purchase-order-form-wrapper-body .purchase-order-items {
      margin-top: 5px;
      background: #e5e5e5;
      border-radius: 5px; }
      .purchase-order-form-wrapper .purchase-order-form-wrapper-body .purchase-order-items .row-item-info {
        padding-right: 0px;
        margin-top: 2px; }
      .purchase-order-form-wrapper .purchase-order-form-wrapper-body .purchase-order-items .purchase-order-item-info {
        padding: 3px; }
        .purchase-order-form-wrapper .purchase-order-form-wrapper-body .purchase-order-items .purchase-order-item-info img {
          width: 100%;
          height: 280px;
          margin-bottom: 10px; }
        .purchase-order-form-wrapper .purchase-order-form-wrapper-body .purchase-order-items .purchase-order-item-info label {
          color: var(--font2); }
        .purchase-order-form-wrapper .purchase-order-form-wrapper-body .purchase-order-items .purchase-order-item-info span {
          font-weight: bold; }
      .purchase-order-form-wrapper .purchase-order-form-wrapper-body .purchase-order-items .purchase-order-items-list {
        max-height: 520px;
        overflow-y: scroll; }
        .purchase-order-form-wrapper .purchase-order-form-wrapper-body .purchase-order-items .purchase-order-items-list .icons {
          display: flex;
          justify-content: center; }
        .purchase-order-form-wrapper .purchase-order-form-wrapper-body .purchase-order-items .purchase-order-items-list .bi-percent {
          color: var(--font3);
          width: 17px; }
          .purchase-order-form-wrapper .purchase-order-form-wrapper-body .purchase-order-items .purchase-order-items-list .bi-percent:hover {
            color: var(--font2); }
    .purchase-order-form-wrapper .purchase-order-form-wrapper-body .purchase-order-totals {
      margin: 15px 0px; }
      .purchase-order-form-wrapper .purchase-order-form-wrapper-body .purchase-order-totals .input-total input {
        font-weight: bold; }
.finalize-order-modal-wrapper {
  width: 550px; }
.purchase-order-list-wrapper .btn-new {
  color: var(--secondary) !important; }

.purchase-order-list-wrapper .align-items {
  display: flex;
  align-items: center; }
.purchase-order-list-wrapper .input-height {
  height: 25px !important; }

.purchase-order-list-wrapper .resume {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 25px; }

.purchase-order-list-wrapper .resume-item {
  margin-bottom: 14px; }

.purchase-order-list-wrapper .purchase-order-content {
  height: 100vh;
  padding-bottom: 84px; }

.purchase-order-list-wrapper .buttons {
  width: 100%;
  display: flex;
  justify-content: right;
  height: 25px; }
  .purchase-order-list-wrapper .buttons ul li {
    list-style: none; }
  .purchase-order-list-wrapper .buttons ul {
    display: inline-flex; }
  .purchase-order-list-wrapper .buttons li {
    margin-left: 12px; }
  .purchase-order-list-wrapper .buttons .action:hover {
    transform: scale(1.2);
    cursor: pointer; }
  .purchase-order-list-wrapper .buttons .btn-cancel {
    color: var(--error);
    font-size: 22px; }
  .purchase-order-list-wrapper .buttons .btn-edit {
    color: var(--footerPrimary);
    font-size: 22px; }
  .purchase-order-list-wrapper .buttons .btn-arrow {
    color: var(--font3);
    font-size: 22px; }
  .purchase-order-list-wrapper .buttons .btn-whatsapp {
    color: green;
    font-size: 22px; }
  .purchase-order-list-wrapper .buttons .btn-print {
    color: grey;
    font-size: 22px; }
.quotation-list-wrapper .btn-new {
  color: var(--secondary) !important; }

.quotation-list-wrapper short-company .short-name {
  font-size: 14px !important; }

.quotation-list-wrapper .layout-adjustment {
  margin-top: -12px;
  margin-bottom: 12px; }

.quotation-list-wrapper .calculator {
  margin-right: 3px !important; }

.quotation-list-wrapper .align-items {
  display: flex;
  align-items: center; }

.quotation-list-wrapper .justify-end {
  display: flex;
  justify-content: end; }
.send-quotation-to-online-wrapper {
  padding: 12px 12px 24px 12px;
  width: 32vw;
  display: flex;
  flex-direction: column;
  gap: 12px; }
  .send-quotation-to-online-wrapper .header-box {
    display: flex;
    flex-direction: column-reverse; }
  .send-quotation-to-online-wrapper .layout-div {
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: last baseline; }
    .send-quotation-to-online-wrapper .layout-div div:nth-child(2) {
      width: 11vw; }
.quotation-form-wrapper {
  background: #f7f7f7;
  height: 100%;
  padding-bottom: 5px;
  text-align: left;
  overflow-y: scroll; }
  .quotation-form-wrapper mbg-multi-select .mbg-multi-select-wrapper .mbg-multi-select-scroll {
    height: 25px !important; }
  .quotation-form-wrapper mbg-multi-select .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li {
    height: 20px !important; }
  .quotation-form-wrapper .header-quotation {
    display: flex;
    justify-content: space-around;
    align-items: end;
    padding: 0px; }
    .quotation-form-wrapper .header-quotation .header-date {
      max-width: 165px; }
    .quotation-form-wrapper .header-quotation .no-pad {
      padding: 0px; }
    .quotation-form-wrapper .header-quotation .no-pad-l {
      padding-left: 0px; }
    .quotation-form-wrapper .header-quotation .no-pad-r {
      padding-right: 0px; }
  .quotation-form-wrapper .quotation-form-wrapper-header {
    height: auto;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 36px;
    background: white; }
    .quotation-form-wrapper .quotation-form-wrapper-header mbg-multi-select-v2 {
      height: 180px; }
    .quotation-form-wrapper .quotation-form-wrapper-header label {
      margin: 5px 0px; }
    .quotation-form-wrapper .quotation-form-wrapper-header .btn-actions-with-filters-display {
      display: flex;
      align-items: center;
      flex-direction: column;
      padding-right: 22px;
      transition: 0.3s all ease-in-out; }
      .quotation-form-wrapper .quotation-form-wrapper-header .btn-actions-with-filters-display:focus {
        transform: scale(1.1); }
    .quotation-form-wrapper .quotation-form-wrapper-header .btn-actions-without-filters-display {
      display: flex;
      align-items: end;
      flex-direction: row;
      justify-content: center; }
      .quotation-form-wrapper .quotation-form-wrapper-header .btn-actions-without-filters-display .btn-eye {
        font-size: x-large;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 6px 11px -28px 70px;
        transition: 0.3s all ease-in-out; }
        .quotation-form-wrapper .quotation-form-wrapper-header .btn-actions-without-filters-display .btn-eye:focus {
          transform: scale(1.1); }
      .quotation-form-wrapper .quotation-form-wrapper-header .btn-actions-without-filters-display .btn-return {
        font-size: x-large;
        width: 30px;
        padding: 0px;
        margin: 0px 0px 6px 12px;
        justify-content: end;
        transition: 0.3s all ease-in-out; }
        .quotation-form-wrapper .quotation-form-wrapper-header .btn-actions-without-filters-display .btn-return:focus {
          transform: scale(1.1); }
    .quotation-form-wrapper .quotation-form-wrapper-header .btn-finish {
      border-radius: 5px;
      background-color: #1eb75c;
      color: #fff;
      border: none;
      height: 25px;
      width: 100%;
      margin: 5px;
      min-width: 100px;
      transition: 0.3s all ease-in-out; }
      .quotation-form-wrapper .quotation-form-wrapper-header .btn-finish:focus {
        transform: scale(1.1); }
    .quotation-form-wrapper .quotation-form-wrapper-header .btn-save {
      border-radius: 5px;
      background-color: var(--secondary);
      color: #fff;
      border: none;
      height: 25px;
      width: 100%;
      margin: 5px;
      min-width: 100px;
      transition: 0.3s all ease-in-out; }
      .quotation-form-wrapper .quotation-form-wrapper-header .btn-save:focus {
        transform: scale(1.1); }
    .quotation-form-wrapper .quotation-form-wrapper-header .btn-generate {
      border-radius: 5px;
      background-color: var(--primary);
      color: #fff;
      border: none;
      height: 25px;
      width: 100%;
      margin: 5px;
      min-width: 100px;
      transition: 0.3s all ease-in-out; }
      .quotation-form-wrapper .quotation-form-wrapper-header .btn-generate:focus {
        transform: scale(1.1); }
    .quotation-form-wrapper .quotation-form-wrapper-header .btn-eye {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0px 28px 0px 0px;
      font-size: x-large;
      transition: 0.3s all ease-in-out; }
      .quotation-form-wrapper .quotation-form-wrapper-header .btn-eye:focus {
        transform: scale(1.1); }
    .quotation-form-wrapper .quotation-form-wrapper-header .btn-return {
      display: flex;
      justify-content: center;
      margin: 5px 0px;
      font-size: x-large;
      margin: 10px 0px 0px 16px;
      min-width: 125px;
      max-width: 130px;
      transition: 0.3s all ease-in-out; }
      .quotation-form-wrapper .quotation-form-wrapper-header .btn-return:focus {
        transform: scale(1.1); }
    .quotation-form-wrapper .quotation-form-wrapper-header .switch-label {
      font-size: 14px;
      display: flex;
      text-align: center;
      padding: 0px 10px; }
    .quotation-form-wrapper .quotation-form-wrapper-header .btn-switch {
      display: flex;
      justify-content: center;
      align-items: center;
      transition: 0.3s all ease-in-out; }
      .quotation-form-wrapper .quotation-form-wrapper-header .btn-switch:focus {
        transform: scale(1.1); }
    .quotation-form-wrapper .quotation-form-wrapper-header .input-quotation-participant {
      width: 100%;
      margin-top: 0px; }
    .quotation-form-wrapper .quotation-form-wrapper-header .quotation-participant-link {
      height: 28px;
      display: flex;
      flex-direction: row-reverse;
      align-items: center; }
  .quotation-form-wrapper .quotation-form-wrapper-body {
    height: auto;
    padding-top: 0px; }
    .quotation-form-wrapper .quotation-form-wrapper-body .consult-button {
      height: 25px !important; }
    .quotation-form-wrapper .quotation-form-wrapper-body .btn-open-terminal {
      border-radius: 5px;
      background-color: var(--primary);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      min-width: 100px;
      width: 100%;
      transition: 0.3s all ease-in-out; }
      .quotation-form-wrapper .quotation-form-wrapper-body .btn-open-terminal i {
        padding-right: 6px; }
      .quotation-form-wrapper .quotation-form-wrapper-body .btn-open-terminal:focus {
        transform: scale(1.1); }
    .quotation-form-wrapper .quotation-form-wrapper-body > .quotation-grid {
      height: 500px;
      display: grid;
      grid-template-columns: auto;
      grid-template-rows: auto auto;
      column-gap: 8px;
      row-gap: 4px; }
      .quotation-form-wrapper .quotation-form-wrapper-body > .quotation-grid.double-list {
        grid-template-columns: 65% 35%; }
      .quotation-form-wrapper .quotation-form-wrapper-body > .quotation-grid .input-fake {
        justify-content: flex-start !important; }
        .quotation-form-wrapper .quotation-form-wrapper-body > .quotation-grid .input-fake > div {
          font-weight: bold;
          font-size: 16px;
          overflow: hidden;
          text-overflow: ellipsis; }
      .quotation-form-wrapper .quotation-form-wrapper-body > .quotation-grid > .quotation-items {
        overflow-y: scroll;
        overflow-x: hidden; }
      .quotation-form-wrapper .quotation-form-wrapper-body > .quotation-grid > div {
        overflow-y: scroll;
        overflow-x: hidden; }
    .quotation-form-wrapper .quotation-form-wrapper-body .item-by-company-title {
      text-align: center;
      padding: 20px; }
    .quotation-form-wrapper .quotation-form-wrapper-body .btn-remove-products {
      border-radius: 5px;
      background-color: var(--error);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      min-width: 100px;
      width: 100%;
      transition: 0.3s all ease-in-out; }
      .quotation-form-wrapper .quotation-form-wrapper-body .btn-remove-products i {
        padding-right: 6px; }
      .quotation-form-wrapper .quotation-form-wrapper-body .btn-remove-products:focus {
        transform: scale(1.1); }
    .quotation-form-wrapper .quotation-form-wrapper-body .quotation-totals {
      margin: 15px 0px; }
      .quotation-form-wrapper .quotation-form-wrapper-body .quotation-totals .input-total input {
        font-weight: bold; }
      .quotation-form-wrapper .quotation-form-wrapper-body .quotation-totals.align-totalizers {
        display: flex;
        justify-content: flex-end; }
.typing-modal-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  display: flex;
  flex-direction: column; }
  .typing-modal-wrapper.modalPadding {
    background-color: rgba(0, 0, 0, 0.25);
    padding: 60px; }
    .typing-modal-wrapper.modalPadding.content-modal-wrapper {
      background-color: #fff !important; }
  .typing-modal-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    max-height: 80vh; }
    .typing-modal-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative; }
    .typing-modal-wrapper .content-modal-wrapper .title {
      margin: 10px 0px 0px 20px; }
    .typing-modal-wrapper .content-modal-wrapper .footer-modal {
      min-height: 120px; }
    .typing-modal-wrapper .content-modal-wrapper mbg-btn-form .mbg-btn-form-wrapper button {
      height: 25px !important; }
    .typing-modal-wrapper .content-modal-wrapper .footer-button {
      margin: 5px;
      transition: all 0.3s ease-in-out; }
      .typing-modal-wrapper .content-modal-wrapper .footer-button:hover, .typing-modal-wrapper .content-modal-wrapper .footer-button:focus {
        transform: scale(1.05); }
    .typing-modal-wrapper .content-modal-wrapper .cancel-button:focus {
      font-weight: bold; }
.inform-participants-modal-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  display: flex;
  flex-direction: column; }
  .inform-participants-modal-wrapper .header-viewMode {
    display: flex;
    justify-content: space-between;
    align-items: baseline; }
    .inform-participants-modal-wrapper .header-viewMode cp-page-title {
      margin: 0 auto; }
  .inform-participants-modal-wrapper .edit-mode-title div {
    margin-top: 24px; }
  .inform-participants-modal-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 8px;
    display: flex;
    flex-direction: column; }
    .inform-participants-modal-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative; }
    .inform-participants-modal-wrapper .content-modal-wrapper .title {
      margin-left: 10px 0px 0px 20px; }
    .inform-participants-modal-wrapper .content-modal-wrapper .footer-modal {
      min-height: 80px; }
    .inform-participants-modal-wrapper .content-modal-wrapper .footer-button {
      margin: 5px; }
      .inform-participants-modal-wrapper .content-modal-wrapper .footer-button button {
        height: 25px; }
  .inform-participants-modal-wrapper .action-btn {
    width: 100%;
    height: 30px;
    border-radius: .5rem; }
    @media screen and (min-width: 992px) {
      .inform-participants-modal-wrapper .action-btn {
        width: 4.5rem; } }
    .inform-participants-modal-wrapper .action-btn.btn-plus {
      color: #fff;
      background: #063c8e;
      border: 0px solid #fff; }
    .inform-participants-modal-wrapper .action-btn.btn-close {
      color: #ff3030;
      background: #fff;
      border: 1px solid #cecece; }
  .inform-participants-modal-wrapper .ellipsis {
    max-width: 80% !important; }
  .inform-participants-modal-wrapper .nickname {
    margin-left: 15px;
    font-style: italic; }
  .inform-participants-modal-wrapper .fix-heigth {
    min-height: 50px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 30px; }
  .inform-participants-modal-wrapper .add-all-suppliers {
    display: flex;
    justify-content: end;
    margin-top: 20px;
    margin-bottom: -30px; }
  .inform-participants-modal-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0;
    max-height: 40rem; }
  .inform-participants-modal-wrapper .button-clustered-map {
    width: 16rem;
    margin-top: 4.5rem;
    padding: 4px;
    font-size: 1.3rem;
    background: #063c8e;
    border: none;
    color: white;
    font-weight: bold; }
  .inform-participants-modal-wrapper .supplier-input {
    padding-left: 3.4%; }

.inform-participants-modal .modal-dialog {
  min-width: 50%;
  margin-top: 10rem !important;
  transform: translate(0, 0%) !important; }

.inform-participants-modal .mbg-body-modal {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 30px) !important;
  padding-left: 4rem !important; }
  .inform-participants-modal .mbg-body-modal .row-flex {
    padding-bottom: 1rem; }
.choose-suppliers-modal-wrapper {
  padding: 24px;
  min-width: 30vw;
  height: 50vh;
  overflow-y: hidden;
  max-height: 80vh; }
  .choose-suppliers-modal-wrapper .supplier-box {
    overflow-y: auto;
    height: 60%; }
  .choose-suppliers-modal-wrapper check-list > div > div {
    display: grid;
    grid-template-columns: 1fr 1fr; }
.fill-map-modal-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  display: flex;
  flex-direction: column; }
  .fill-map-modal-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 8px;
    display: flex;
    flex-direction: column; }
    .fill-map-modal-wrapper .content-modal-wrapper .header-modal-wrapper {
      padding: 15px; }
    .fill-map-modal-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      position: relative; }
      .fill-map-modal-wrapper .content-modal-wrapper .body-modal-wrapper .search-row {
        margin-left: 0px; }
    .fill-map-modal-wrapper .content-modal-wrapper .footer-modal {
      margin-bottom: 24px; }
    .fill-map-modal-wrapper .content-modal-wrapper .footer-button {
      margin: 5px; }
      .fill-map-modal-wrapper .content-modal-wrapper .footer-button button {
        height: 25px; }
    .fill-map-modal-wrapper .content-modal-wrapper .fa-2x {
      transition: 0.3s ease; }
  .fill-map-modal-wrapper .action-btn {
    width: 100%;
    height: 4.5rem;
    border-radius: .5rem;
    color: #fff;
    background: var(--primary);
    border: 0px solid #fff;
    height: 25px; }
  .fill-map-modal-wrapper .action-btn-svg > svg {
    width: 24px;
    border-radius: .5rem;
    z-index: 1;
    fill: var(--primary); }
    .fill-map-modal-wrapper .action-btn-svg > svg:hover {
      fill: var(--secondary); }
  .fill-map-modal-wrapper mbg-input-search .mbg-input-search-wrapper .input-group-search {
    height: 25px !important; }
  .fill-map-modal-wrapper mbg-input-search .mbg-input-search-wrapper .input-group-search .search-icon {
    padding-top: 5px !important; }
  .fill-map-modal-wrapper .ellipsis {
    max-width: 80% !important; }
  .fill-map-modal-wrapper .nickname {
    margin-left: 15px;
    font-style: italic; }
  .fill-map-modal-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0;
    max-height: 40rem; }

.fill-map-modal .modal-dialog {
  min-width: 50%;
  margin-top: 10rem !important;
  transform: translate(0, 0%) !important; }

.fill-map-modal .mbg-body-modal {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 30px) !important;
  padding-left: 4rem !important; }
  .fill-map-modal .mbg-body-modal .row-flex {
    padding-bottom: 1rem; }
.generate-order-modal-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  display: flex;
  flex-direction: column; }
  .generate-order-modal-wrapper .administrative-list-wrapper {
    width: 100%;
    min-width: 60vw; }
  .generate-order-modal-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 24px 12px;
    display: flex;
    flex-direction: column; }
    .generate-order-modal-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative; }
    .generate-order-modal-wrapper .content-modal-wrapper .footer-modal {
      min-height: 80px; }
    .generate-order-modal-wrapper .content-modal-wrapper .footer-button {
      margin: 5px; }
      .generate-order-modal-wrapper .content-modal-wrapper .footer-button button {
        height: 25px;
        padding: 6px 24px; }
  .generate-order-modal-wrapper .action-btn {
    width: 100%;
    height: 30px;
    border-radius: .5rem; }
    @media screen and (min-width: 992px) {
      .generate-order-modal-wrapper .action-btn {
        width: 4.5rem; } }
    .generate-order-modal-wrapper .action-btn.btn-plus {
      color: #fff;
      background: #063c8e;
      border: 0px solid #fff; }
    .generate-order-modal-wrapper .action-btn.btn-close {
      color: #ff3030;
      background: #fff;
      border: 1px solid #cecece; }
  .generate-order-modal-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0;
    max-height: 40rem; }
.product-winner-details-modal-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  display: flex;
  flex-direction: column; }
  .product-winner-details-modal-wrapper .administrative-list-wrapper {
    width: 100%;
    min-width: 900px; }
  .product-winner-details-modal-wrapper .content-modal-wrapper {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 24px 12px;
    display: flex;
    flex-direction: column; }
    .product-winner-details-modal-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative; }
    .product-winner-details-modal-wrapper .content-modal-wrapper .footer-modal {
      min-height: 80px; }
    .product-winner-details-modal-wrapper .content-modal-wrapper .footer-button {
      margin: 5px; }
      .product-winner-details-modal-wrapper .content-modal-wrapper .footer-button button {
        height: 25px; }
  .product-winner-details-modal-wrapper .action-btn {
    width: 100%;
    height: 30px;
    border-radius: .5rem; }
    @media screen and (min-width: 992px) {
      .product-winner-details-modal-wrapper .action-btn {
        width: 4.5rem; } }
    .product-winner-details-modal-wrapper .action-btn.btn-plus {
      color: #fff;
      background: #063c8e;
      border: 0px solid #fff; }
    .product-winner-details-modal-wrapper .action-btn.btn-close {
      color: #ff3030;
      background: #fff;
      border: 1px solid #cecece; }
  .product-winner-details-modal-wrapper .scrollable-table {
    overflow-x: auto;
    margin: 14px 0;
    max-height: 40rem; }
.lack-map-form-wrapper {
  background: #f7f7f7;
  height: 100%;
  padding-bottom: 5px;
  text-align: left;
  overflow-y: scroll; }
  .lack-map-form-wrapper mbg-multi-select .mbg-multi-select-wrapper .mbg-multi-select-scroll {
    height: 25px !important; }
  .lack-map-form-wrapper mbg-multi-select .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li {
    height: 20px !important; }
  .lack-map-form-wrapper mbg-multi-select-v2 {
    height: 188px; }
  .lack-map-form-wrapper .header-quotation {
    display: flex;
    align-items: end;
    padding: 0px; }
    .lack-map-form-wrapper .header-quotation .header-date {
      padding-left: 0px; }
  .lack-map-form-wrapper .teste:focus i, .lack-map-form-wrapper .teste:hover i {
    transform: scale(1.5);
    color: #23527c; }
  .lack-map-form-wrapper .next-item {
    align-self: center;
    display: flex;
    gap: 6px;
    padding: 5px; }
    .lack-map-form-wrapper .next-item span {
      color: black;
      font-weight: bold;
      align-self: inherit;
      font-size: 16px; }
    .lack-map-form-wrapper .next-item i {
      font-size: 24px;
      cursor: pointer; }
  .lack-map-form-wrapper .lack-map-form-wrapper-header {
    padding-top: 5px;
    background: white; }
    .lack-map-form-wrapper .lack-map-form-wrapper-header mbg-multi-select-v2 {
      height: 188px; }
    .lack-map-form-wrapper .lack-map-form-wrapper-header label {
      margin: 5px 0px; }
    .lack-map-form-wrapper .lack-map-form-wrapper-header .btn-actions-with-filters-display {
      display: flex;
      align-items: center;
      flex-direction: column;
      padding-right: 22px; }
    .lack-map-form-wrapper .lack-map-form-wrapper-header .btn-actions-without-filters-display {
      display: flex;
      align-items: center;
      flex-direction: row;
      justify-content: end; }
      .lack-map-form-wrapper .lack-map-form-wrapper-header .btn-actions-without-filters-display .btn-eye {
        font-size: x-large;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 6px 11px -28px 70px; }
      .lack-map-form-wrapper .lack-map-form-wrapper-header .btn-actions-without-filters-display .btn-return {
        font-size: x-large;
        width: 30px;
        padding: 0px;
        margin: 0px 0px 6px 18px;
        justify-content: end; }
    .lack-map-form-wrapper .lack-map-form-wrapper-header .btn-save {
      border-radius: 5px;
      background-color: var(--secondary);
      color: #fff;
      border: none;
      height: 25px;
      width: 100%;
      margin: 5px;
      min-width: 100px;
      transition: 0.3s all ease-in-out; }
      .lack-map-form-wrapper .lack-map-form-wrapper-header .btn-save:focus {
        transform: scale(1.1); }
    .lack-map-form-wrapper .lack-map-form-wrapper-header .btn-finish {
      border-radius: 5px;
      background-color: #1eb75c;
      color: #fff;
      border: none;
      height: 25px;
      width: 100%;
      margin: 5px;
      min-width: 100px;
      transition: 0.3s all ease-in-out;
      font-weight: bold; }
      .lack-map-form-wrapper .lack-map-form-wrapper-header .btn-finish:focus {
        transform: scale(1.1); }
    .lack-map-form-wrapper .lack-map-form-wrapper-header .btn-repass {
      background-color: var(--primary) !important; }
    .lack-map-form-wrapper .lack-map-form-wrapper-header .btn-eye {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0px 28px 0px 0px;
      font-size: x-large; }
    .lack-map-form-wrapper .lack-map-form-wrapper-header .btn-return {
      display: flex;
      justify-content: center;
      margin: 5px 0px;
      font-size: x-large;
      margin: 10px 0px 0px 16px;
      min-width: 125px;
      max-width: 130px; }
    .lack-map-form-wrapper .lack-map-form-wrapper-header .input-quotation-participant {
      width: 100%;
      margin-top: 0px;
      height: 160px; }
  .lack-map-form-wrapper .lack-map-form-wrapper-body {
    height: 100%;
    padding: 0px; }
    .lack-map-form-wrapper .lack-map-form-wrapper-body > .quotation-grid {
      height: 500px;
      display: grid;
      grid-template-columns: auto;
      column-gap: 8px;
      row-gap: 4px; }
      .lack-map-form-wrapper .lack-map-form-wrapper-body > .quotation-grid.double-list {
        grid-template-columns: 65% 35%; }
      .lack-map-form-wrapper .lack-map-form-wrapper-body > .quotation-grid .input-fake {
        justify-content: flex-start !important; }
        .lack-map-form-wrapper .lack-map-form-wrapper-body > .quotation-grid .input-fake > div {
          font-weight: bold;
          font-size: 16px;
          overflow: hidden;
          text-overflow: ellipsis; }
      .lack-map-form-wrapper .lack-map-form-wrapper-body > .quotation-grid > .lack-map-items {
        overflow-y: scroll;
        overflow-x: hidden; }
      .lack-map-form-wrapper .lack-map-form-wrapper-body > .quotation-grid > div {
        overflow-y: scroll;
        overflow-x: hidden; }
    .lack-map-form-wrapper .lack-map-form-wrapper-body .lack-map-lists {
      display: inline-flex; }
    .lack-map-form-wrapper .lack-map-form-wrapper-body .lack-map-items {
      background: #e5e5e5;
      border-radius: 5px; }
      .lack-map-form-wrapper .lack-map-form-wrapper-body .lack-map-items .row-item-info {
        padding-right: 0px;
        margin-top: 2px; }
      .lack-map-form-wrapper .lack-map-form-wrapper-body .lack-map-items .lack-map-items-list {
        display: grid;
        overflow-y: scroll;
        align-items: start; }
        .lack-map-form-wrapper .lack-map-form-wrapper-body .lack-map-items .lack-map-items-list .icons {
          display: flex;
          justify-content: center; }
        .lack-map-form-wrapper .lack-map-form-wrapper-body .lack-map-items .lack-map-items-list .fake-focus {
          background-color: var(--neutral3); }
    .lack-map-form-wrapper .lack-map-form-wrapper-body .lack-map-items-by-participant {
      border-radius: 5px;
      display: flex;
      flex-direction: column;
      overflow-y: scroll; }
    .lack-map-form-wrapper .lack-map-form-wrapper-body .item-by-participant-title {
      text-align: center;
      padding: 20px; }
    .lack-map-form-wrapper .lack-map-form-wrapper-body .lack-map-totals {
      margin: 15px 0px; }
      .lack-map-form-wrapper .lack-map-form-wrapper-body .lack-map-totals .input-total input {
        font-weight: bold; }
      .lack-map-form-wrapper .lack-map-form-wrapper-body .lack-map-totals.align-totalizers {
        display: flex;
        justify-content: flex-end; }
.repass-wrapper {
  padding: 24px 36px; }
  .repass-wrapper .supplier-overflow {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    max-height: 40vh; }
    .repass-wrapper .supplier-overflow .box-supplier {
      display: flex;
      gap: 6px; }
  .repass-wrapper .padding-left {
    padding-left: 0px !important; }
  .repass-wrapper .padding-right {
    padding-right: 0px !important; }
  .repass-wrapper .padding-zero {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .repass-wrapper .footer-button {
    margin: 5px; }
    .repass-wrapper .footer-button button {
      height: 25px;
      padding: 6px 24px; }
.evaluation-form-wrapper .page-wrapper {
  padding: 12px; }

.evaluation-form-wrapper .winner input-v2 input, .evaluation-form-wrapper .winner div.input-fake {
  border: 1px solid var(--color1); }

.evaluation-form-wrapper search-input-terminal .search-input-terminal-wrapper .input-terminal .select-filter,
.evaluation-form-wrapper search-input-terminal .search-input-terminal-wrapper .input-terminal span,
.evaluation-form-wrapper search-input-terminal .search-input-terminal-wrapper .input-terminal .type-filter {
  display: none !important; }

.evaluation-form-wrapper .top-header {
  display: flex;
  justify-content: space-between; }
  .evaluation-form-wrapper .top-header a {
    color: var(--defaultColor); }
  .evaluation-form-wrapper .top-header .save-div {
    margin-right: 8rem;
    font-size: 1.5rem; }

.evaluation-form-wrapper .central-box {
  border: 3px solid #ddd;
  border-radius: 6px;
  padding: 12px;
  margin: 12px 0px;
  max-height: 72vh; }
  .evaluation-form-wrapper .central-box .header-box div:not(:first-child) {
    padding-left: 0px; }
  .evaluation-form-wrapper .central-box .header-box .description {
    width: 100%; }
  .evaluation-form-wrapper .central-box .header-box .suppliers-repeat-box {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 12px; }
    .evaluation-form-wrapper .central-box .header-box .suppliers-repeat-box div.fake-input-v2 {
      width: 200px;
      padding: 4px 12px 4px 4px;
      border: 1px solid #ddd;
      border-radius: 5px;
      background: #fff;
      display: flex;
      justify-content: left;
      align-items: flex-start;
      gap: 12px;
      font-weight: 500;
      overflow-x: hidden;
      overflow-y: hidden; }
    .evaluation-form-wrapper .central-box .header-box .suppliers-repeat-box .identifier {
      background-color: var(--primary);
      color: white;
      border-radius: 100%;
      padding: 2px 4px;
      display: flex;
      justify-content: center;
      font-size: 10px; }
  .evaluation-form-wrapper .central-box .main-box {
    margin: 12px 24px 0px 0px; }
    .evaluation-form-wrapper .central-box .main-box .header-main-box {
      display: flex;
      max-width: 100%;
      margin-bottom: 12px;
      align-items: end; }
      .evaluation-form-wrapper .central-box .main-box .header-main-box .title-main-box {
        display: flex;
        flex-direction: column;
        gap: 6px; }
        .evaluation-form-wrapper .central-box .main-box .header-main-box .title-main-box label {
          font-size: 1.6rem; }
      .evaluation-form-wrapper .central-box .main-box .header-main-box .icons-main {
        display: flex;
        gap: 2rem;
        padding-left: 30px;
        width: 100px; }
        .evaluation-form-wrapper .central-box .main-box .header-main-box .icons-main svg {
          width: 25px; }
    .evaluation-form-wrapper .central-box .main-box .totalizer-by-supplier-box {
      margin-left: 0px; }
      .evaluation-form-wrapper .central-box .main-box .totalizer-by-supplier-box .totalizer-by-supplier {
        display: flex;
        border-left: 3px solid #ddd;
        border-right: 3px solid #ddd;
        border-bottom: 3px solid #ddd;
        padding: 6px 0px; }
        .evaluation-form-wrapper .central-box .main-box .totalizer-by-supplier-box .totalizer-by-supplier .totalizer-by-supplier-repeat {
          width: 400px; }
    .evaluation-form-wrapper .central-box .main-box .totals {
      background: var(--bgColor);
      z-index: 9;
      position: sticky;
      bottom: 0;
      display: flex;
      border-bottom: 3px solid #ddd;
      border-top: 3px solid #ddd; }
      .evaluation-form-wrapper .central-box .main-box .totals > div {
        display: flex;
        min-width: 400px;
        width: 100%;
        flex-direction: column;
        padding: 24px 12px 12px 12px;
        gap: 6px;
        position: relative;
        max-width: 730px; }
      .evaluation-form-wrapper .central-box .main-box .totals > div:not(:last-child) {
        border-right: 3px solid #ddd; }
      .evaluation-form-wrapper .central-box .main-box .totals .arround-identifier {
        display: flex;
        justify-content: center;
        color: white;
        border-radius: 100%;
        padding: 2px;
        width: 30px;
        margin: 0 auto 6px;
        position: absolute;
        top: -8px;
        right: 46%; }
        .evaluation-form-wrapper .central-box .main-box .totals .arround-identifier .supplier-identifier {
          background-color: var(--primary);
          color: white;
          border-radius: 100%;
          padding: 2px;
          display: flex;
          justify-content: center;
          width: 20px; }
    .evaluation-form-wrapper .central-box .main-box .desert-right {
      background: var(--bgColor);
      z-index: 10;
      position: sticky;
      bottom: 0;
      right: 0;
      border-top: 3px solid #ddd;
      border-left: 3px solid #ddd; }
    .evaluation-form-wrapper .central-box .main-box .desert-left {
      background: var(--bgColor);
      z-index: 10;
      position: sticky;
      bottom: 0;
      left: 0;
      border-top: 3px solid #ddd;
      border-right: 3px solid #ddd;
      display: flex;
      flex-direction: column;
      gap: 12px;
      justify-content: end;
      align-items: end;
      padding-right: 12px;
      padding-bottom: 20px; }
    .evaluation-form-wrapper .central-box .main-box .box-scroll {
      display: flex;
      max-height: 35vh;
      height: 100%;
      overflow-y: auto;
      border-top: 3px solid #ddd;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      margin-left: 0px;
      display: grid;
      grid-template-columns: 26% auto 100px;
      width: 100%;
      overflow-x: auto; }
      .evaluation-form-wrapper .central-box .main-box .box-scroll .products-box {
        border-right: 3px solid #ddd;
        border-left: 3px solid #ddd;
        padding: 30px 30px 12px;
        display: flex;
        flex-direction: column;
        gap: 6px;
        height: max-content;
        position: sticky;
        left: 0;
        z-index: 10;
        background-color: var(--bgColor); }
        .evaluation-form-wrapper .central-box .main-box .box-scroll .products-box .filter-class div input-v2 input {
          background-color: var(--primary);
          border-radius: 6px;
          border: 1px solid var(--primary);
          color: white; }
        .evaluation-form-wrapper .central-box .main-box .box-scroll .products-box .filter-class-bottom {
          border-bottom: 2px solid var(--primary); }
        .evaluation-form-wrapper .central-box .main-box .box-scroll .products-box .product-repeat {
          display: flex;
          gap: 6px; }
          .evaluation-form-wrapper .central-box .main-box .box-scroll .products-box .product-repeat div {
            padding: 0px; }
      .evaluation-form-wrapper .central-box .main-box .box-scroll .supplier-box {
        display: flex;
        padding: 0px;
        height: max-content; }
        .evaluation-form-wrapper .central-box .main-box .box-scroll .supplier-box .before-repeat:not(:last-child) {
          border-right: 3px solid #ddd; }
        .evaluation-form-wrapper .central-box .main-box .box-scroll .supplier-box .before-repeat {
          max-width: 100%; }
        .evaluation-form-wrapper .central-box .main-box .box-scroll .supplier-box .arround-identifier {
          display: flex;
          justify-content: center;
          color: white;
          border-radius: 100%;
          padding: 2px;
          width: 30px;
          margin: 0 auto 6px; }
          .evaluation-form-wrapper .central-box .main-box .box-scroll .supplier-box .arround-identifier .supplier-identifier {
            background-color: var(--primary);
            color: white;
            border-radius: 100%;
            padding: 2px;
            display: flex;
            justify-content: center;
            width: 20px; }
        .evaluation-form-wrapper .central-box .main-box .box-scroll .supplier-box .supplier-repeat {
          display: grid;
          gap: 6px;
          padding: 0px 12px 6px 12px;
          min-width: 400px;
          grid-template-columns: 1fr 1fr 1fr; }
          .evaluation-form-wrapper .central-box .main-box .box-scroll .supplier-box .supplier-repeat span {
            width: 100%;
            text-align: end; }
      .evaluation-form-wrapper .central-box .main-box .box-scroll .actions-box {
        border-left: 3px solid #ddd;
        border-right: 3px solid #ddd;
        padding: 48px 12px 0px;
        height: max-content;
        position: sticky;
        right: 0;
        z-index: 10;
        background: var(--bgColor);
        height: 100%; }
        .evaluation-form-wrapper .central-box .main-box .box-scroll .actions-box div {
          display: flex;
          gap: 5px;
          align-items: center; }
        .evaluation-form-wrapper .central-box .main-box .box-scroll .actions-box .winner-repeat {
          height: 30.8px;
          width: 50%;
          margin: 0 auto;
          border-right: 3px solid #ddd; }
          .evaluation-form-wrapper .central-box .main-box .box-scroll .actions-box .winner-repeat .win-circle {
            background-color: var(--primary);
            color: white;
            border-radius: 100%;
            padding: 2px 6px;
            display: flex;
            justify-content: center;
            height: 25px;
            width: 25px; }
        .evaluation-form-wrapper .central-box .main-box .box-scroll .actions-box .edit-repeat cp-edit-icon svg {
          width: 20px; }
  .evaluation-form-wrapper .central-box .totalizer-by-winners {
    display: flex;
    margin: 24px 24px 24px 0px;
    align-items: center; }
    .evaluation-form-wrapper .central-box .totalizer-by-winners > div:first-child {
      width: 27%;
      display: flex;
      justify-content: end;
      padding-right: 12px; }
    .evaluation-form-wrapper .central-box .totalizer-by-winners div:nth-child(2) {
      width: 400px; }
      .evaluation-form-wrapper .central-box .totalizer-by-winners div:nth-child(2) input-v2 input {
        border: 1px solid var(--color1); }
.choose-winner-supplier-wrapper {
  padding: 12px 12px 24px 12px;
  width: 32vw;
  display: flex;
  flex-direction: column;
  gap: 12px; }
  .choose-winner-supplier-wrapper .header-box {
    display: flex;
    flex-direction: column-reverse; }
  .choose-winner-supplier-wrapper .layout-div {
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: last baseline; }
    .choose-winner-supplier-wrapper .layout-div div:nth-child(2) {
      width: 20vw; }
      .choose-winner-supplier-wrapper .layout-div div:nth-child(2) select-v2 .box-list .item-list .item {
        line-height: 18px !important; }
  .choose-winner-supplier-wrapper .close-box {
    padding-right: 12px; }
  .choose-winner-supplier-wrapper select-v2 .mbg-select-input-fake {
    width: 100% !important; }
  .choose-winner-supplier-wrapper .footer-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 0px;
    flex-direction: column;
    gap: 12px; }
    .choose-winner-supplier-wrapper .footer-box mbg-btn-form .mbg-btn-form-wrapper button {
      height: 25px !important; }
    .choose-winner-supplier-wrapper .footer-box .cancel-bottom {
      color: var(--font1); }
.purchase-suggestion-form-wrapper {
  background: #f7f7f7;
  padding-bottom: 5px;
  text-align: left;
  overflow-y: scroll; }
  .purchase-suggestion-form-wrapper mbg-multi-select .mbg-multi-select-wrapper .mbg-multi-select-scroll {
    height: 25px !important; }
  .purchase-suggestion-form-wrapper mbg-multi-select .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li {
    height: 20px !important; }
  .purchase-suggestion-form-wrapper .header-purchase-suggestion {
    display: flex;
    justify-content: space-around;
    align-items: end;
    padding: 0px; }
    .purchase-suggestion-form-wrapper .header-purchase-suggestion .header-date {
      max-width: 165px; }
    .purchase-suggestion-form-wrapper .header-purchase-suggestion .no-pad {
      padding: 0px; }
    .purchase-suggestion-form-wrapper .header-purchase-suggestion .no-pad-l {
      padding-left: 0px; }
    .purchase-suggestion-form-wrapper .header-purchase-suggestion .no-pad-r {
      padding-right: 0px; }
  .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-header {
    height: auto;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: white; }
    .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-header label {
      margin: 5px 0px; }
    .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-header .side-buttons {
      display: flex;
      align-items: center;
      flex-direction: column;
      padding-right: 46px; }
      .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-header .side-buttons button:hover {
        transform: scale(1.1); }
    .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-header .btn-generate-order {
      border-radius: 5px;
      background-color: #1eb75c;
      color: #fff;
      border: none;
      height: 25px;
      width: 100%;
      margin: 5px;
      min-width: 100px;
      transition: 0.3s all ease-in-out; }
    .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-header .btn-save-suggestion {
      border-radius: 5px;
      background-color: var(--info);
      color: #fff;
      border: none;
      height: 25px;
      width: 100%;
      margin: 5px;
      min-width: 100px;
      transition: 0.3s all ease-in-out; }
    .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-header .btn-generate-suggestion {
      border-radius: 5px;
      background-color: var(--secondary);
      color: #fff;
      border: none;
      height: 25px;
      width: 100%;
      margin: 5px;
      min-width: 100px;
      transition: 0.3s all ease-in-out; }
      .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-header .btn-generate-suggestion i {
        padding-right: 6px; }
  .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-product-filter {
    height: auto;
    padding-top: 0px;
    margin: 5px 0 5px -15px; }
    .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-product-filter .product-filter-buttons {
      display: flex;
      align-items: center;
      column-gap: 25px; }
    .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-product-filter .btn-open-terminal {
      height: 25px !important;
      border-radius: 5px;
      background-color: var(--primary);
      color: #fff;
      text-align: center;
      border: none;
      transition: 0.3s all ease-in-out; }
      .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-product-filter .btn-open-terminal i {
        padding-right: 6px; }
      .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-product-filter .btn-open-terminal:hover {
        transform: scale(1.1); }
    .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-product-filter .btn-remove-products {
      height: 25px !important;
      border-radius: 5px;
      background-color: var(--error);
      color: #fff;
      text-align: center;
      border: none;
      transition: 0.3s all ease-in-out; }
      .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-product-filter .btn-remove-products i {
        padding-right: 6px; }
      .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-product-filter .btn-remove-products:hover {
        transform: scale(1.1); }
    .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-product-filter .action-btn-svg > svg {
      width: 28px;
      border-radius: .5rem;
      z-index: 1;
      fill: var(--primary); }
      .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-product-filter .action-btn-svg > svg:hover {
        fill: var(--secondary); }
  .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-items {
    height: auto;
    padding-top: 0px; }
    .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-items > .purchase-suggestion-grid {
      height: 500px;
      display: grid;
      grid-template-columns: auto;
      grid-template-rows: auto auto;
      column-gap: 8px;
      row-gap: 4px; }
      .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-items > .purchase-suggestion-grid.double-list {
        grid-template-columns: 65% 35%; }
      .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-items > .purchase-suggestion-grid .input-fake {
        justify-content: flex-start !important; }
        .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-items > .purchase-suggestion-grid .input-fake > div {
          font-weight: bold;
          font-size: 16px;
          overflow: hidden;
          text-overflow: ellipsis; }
      .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-items > .purchase-suggestion-grid > .purchase-suggestion-items {
        overflow-y: auto;
        overflow-x: hidden; }
      .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-items > .purchase-suggestion-grid > div {
        overflow-y: scroll;
        overflow-x: hidden; }
    .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-items .item-by-company-title {
      text-align: center;
      padding: 20px; }
    .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-items .purchase-suggestion-totals {
      margin: 15px 0px; }
      .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-items .purchase-suggestion-totals .input-total input {
        font-weight: bold; }
      .purchase-suggestion-form-wrapper .purchase-suggestion-form-wrapper-items .purchase-suggestion-totals.align-totalizers {
        display: flex;
        justify-content: flex-end; }
  .purchase-suggestion-form-wrapper .action-btns {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-right: 5px; }
.product-tags-list-wrapper {
  height: 100%;
  padding: 24px; }
  .product-tags-list-wrapper .right-side {
    margin-left: auto; }
  .product-tags-list-wrapper .help {
    margin-top: 18px; }
  .product-tags-list-wrapper .options-and-help-buttons {
    display: flex;
    justify-content: end; }
  .product-tags-list-wrapper .align-items {
    align-items: center; }
  .product-tags-list-wrapper .margin-top {
    margin-top: 10px; }
.product-tags-form-wrapper .input-label {
  margin-bottom: 5px; }
.service-order-form .header {
  margin-bottom: 5px;
  display: flex;
  align-items: flex-end; }
  .service-order-form .header .links-wrapper i {
    margin-left: 20px;
    width: 24px; }

.service-order-form .totalizer label {
  padding-top: 15px;
  font-size: 17px; }
.service-order-data .mbg-label {
  margin-bottom: 5px; }
.service-products .mbg-label {
  margin-bottom: 5px; }

.service-products .flex-end-vertical {
  justify-content: flex-end; }
.service-specifications .mbg-label {
  margin-bottom: 5px; }

.service-specifications .specification {
  border-radius: 3px; }
  .service-specifications .specification textarea {
    width: 100%;
    min-height: 80px;
    max-height: 180px; }
    .service-specifications .specification textarea[disabled] {
      background-color: #f5f5f5; }

.service-specifications .section-image {
  background-color: #f5f5f5;
  height: 140px; }
  .service-specifications .section-image mbg-image-upload .mbg-image-upload-wrapper.bottom {
    display: flex;
    flex-direction: row; }
  .service-specifications .section-image mbg-image-upload img {
    object-fit: contain; }
  .service-specifications .section-image mbg-image-upload-main {
    padding: 5px; }

.service-specifications .section-document {
  height: 140px;
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5;
  border-radius: 6px; }

.service-specifications .mbg-input-file-wrapper .input-fake {
  margin-top: 5px;
  height: 130px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important; }
.service-contents .mbg-label {
  margin-bottom: 5px; }

.service-contents .flex-end-vertical {
  justify-content: flex-end; }
.service-equipments .mbg-label {
  margin-bottom: 5px !important; }
.service-observations .mbg-label {
  margin-bottom: 5px; }

.service-observations .observations {
  border-radius: 3px; }
  .service-observations .observations textarea {
    width: 100%;
    min-height: 80px;
    max-height: 180px;
    padding: 15px; }
    .service-observations .observations textarea[disabled] {
      background-color: #f5f5f5; }
.service-order-finance {
  max-height: 85vh; }
  .service-order-finance .page-wrapper {
    max-width: 65vw; }
  .service-order-finance .title-list-table {
    margin-top: 12px;
    max-height: 70vh; }
  .service-order-finance .scrollabe {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto; }
  @media screen and (max-width: 1280px) {
    .service-order-finance .page-wrapper {
      max-width: 80vw; } }
.group-service-order-modal-wrapper {
  padding: 30px;
  width: 50vw; }
  .group-service-order-modal-wrapper label {
    margin-top: 8px; }
  .group-service-order-modal-wrapper .relative {
    position: relative; }
  .group-service-order-modal-wrapper .sqrt-btn {
    margin-right: 0 !important;
    right: 4px;
    top: 2px;
    position: absolute; }
  .group-service-order-modal-wrapper .label-checkbox {
    font-weight: 500;
    color: var(--font2); }
  .group-service-order-modal-wrapper .input-fake {
    margin-top: 0px; }
.cfps-modal-wrapper {
  padding: 30px;
  width: 50vw; }
  .cfps-modal-wrapper label {
    margin-top: 8px; }
  .cfps-modal-wrapper .relative {
    position: relative; }
  .cfps-modal-wrapper .sqrt-btn {
    margin-right: 0 !important;
    right: 4px;
    top: 2px;
    position: absolute; }
  .cfps-modal-wrapper .label-checkbox {
    font-weight: 500;
    color: var(--font2); }
  .cfps-modal-wrapper .input-fake {
    margin-top: 0px; }
.service-order-list .mbg-label {
  margin-bottom: 0px;
  font-weight: 700; }

.service-order-list .service-order-filters .data {
  display: flex;
  justify-content: space-between; }

.service-order-list .service-order-filters mbg-input-date .mb-input-date-wrapper .mbg-date-between {
  width: 100%; }

.service-order-list .service-order-filters .btn-print {
  height: 25px;
  font-weight: 700;
  background-color: var(--primary);
  color: #FFF;
  width: 100%;
  border-radius: 5px;
  border: none;
  margin-top: 32px;
  width: 100% !important; }

.service-order-list .company-filter {
  margin: 15px 0px 0px 0px; }

.service-order-list .align-items {
  display: flex;
  align-items: center; }

.service-order-list .help-button {
  margin-top: 20px; }
.title-print-options-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding: 10px 38px 15px 12px;
  min-width: 500px; }
  .title-print-options-wrapper h3 {
    text-align: left;
    width: 100%;
    margin-bottom: 10px; }

.btn-modal-print {
  transition: background-color 200ms ease;
  border-radius: 32px;
  background-color: var(--primary);
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  padding: 9px 12px 9px;
  margin-left: 6px; }

.btn-modal-print:hover {
  background-color: var(--primary);
  color: #fff; }

.buttons {
  padding-bottom: 25px; }

.btn-close-modal {
  position: absolute;
  right: 5px;
  top: 5px; }
.service-order-layout-options-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding: 10px 38px 15px 12px;
  min-width: 500px; }
  .service-order-layout-options-wrapper h3 {
    text-align: left;
    width: 100%;
    margin-bottom: 10px; }

.btn-modal-print {
  transition: background-color 200ms ease;
  border-radius: 32px;
  background-color: var(--primary);
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  padding: 9px 12px 9px;
  margin-left: 6px; }

.btn-modal-print:hover {
  background-color: var(--primary);
  color: #fff; }

.buttons {
  padding-bottom: 25px; }

.btn-close-modal {
  position: absolute;
  right: 5px;
  top: 5px; }

.btn-a4 {
  background-color: #3085d6; }
.modal-situation-register {
  max-height: 640px;
  background: #fff;
  overflow: hidden;
  border-radius: 12px;
  display: flex;
  flex-direction: column; }
  .modal-situation-register .modal-situation-register-header {
    min-height: fit-content;
    position: relative;
    padding: 34px 34px 0 34px; }
    .modal-situation-register .modal-situation-register-header .mbg-close-modal {
      color: var(--font2);
      position: absolute;
      right: 16px;
      top: 32px;
      font-size: 14px; }
      .modal-situation-register .modal-situation-register-header .mbg-close-modal i {
        margin-left: 7px; }
  .modal-situation-register mbg-select[fetch="$ctrl.indicators"] .mbg-select-input-fake span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 26px; }
  .modal-situation-register .modal-situation-register-body {
    flex: 1;
    overflow: auto;
    overflow-x: hidden;
    padding: 0 34px 24px 34px; }
  .modal-situation-register .modal-situation-register-footer {
    min-height: fit-content;
    padding: 24px 34px 24px 34px; }
    .modal-situation-register .modal-situation-register-footer .cancel-link {
      margin-bottom: 14px; }
.fiscal-documents-modal-wrapper {
  padding: 24px 24px 24px 24px;
  min-width: 30vw; }
  .fiscal-documents-modal-wrapper .fix-padding {
    padding-left: 3%;
    padding-right: 2%;
    margin-bottom: 2%; }
.inform-equipment-data .page-wrapper {
  width: 40vw; }

.inform-equipment-data .ma-container .mbg-modal h4 {
  padding: 0;
  color: var(--font1);
  margin-top: 0; }

.inform-equipment-data .observation-text-area {
  border-radius: 3px; }
  .inform-equipment-data .observation-text-area textarea {
    padding: 15px;
    width: 100%;
    min-height: 15vh;
    max-height: 20vh; }
    .inform-equipment-data .observation-text-area textarea[disabled] {
      background-color: #f5f5f5; }

.inform-equipment-data .mbg-label {
  margin-bottom: 5px; }

.inform-equipment-data .input-fake {
  overflow: hidden;
  text-overflow: ellipsis; }

.inform-equipment-data .footer-modal {
  scale: 0.9; }
.select-person-modal {
  padding: 12px; }
  .select-person-modal .page-wrapper {
    width: 35vw; }
  .select-person-modal .ma-container .mbg-modal h4 {
    padding: 0;
    color: var(--font1);
    margin-top: 0; }
  .select-person-modal .selection-area {
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    min-height: 8em;
    align-content: flex-start;
    max-height: 30vh;
    overflow-y: auto; }
    .select-person-modal .selection-area .selection-item {
      position: relative;
      border-radius: 4px;
      background-color: #fff;
      height: 26px;
      padding: 0 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 8px;
      margin-bottom: 10px; }
      .select-person-modal .selection-area .selection-item label {
        color: var(--neutral2);
        font-style: italic;
        font-weight: 500;
        margin-right: 4px; }
      .select-person-modal .selection-area .selection-item .close-icon {
        margin: 0 6px;
        color: var(--neutral2); }
  .select-person-modal .footer-modal {
    scale: 0.9; }
.centralize-branches-efd-contribuitions-modal-wrapper .ma-container .mbg-modal {
  width: 1090px !important; }

.centralize-branches-efd-contribuitions-modal-wrapper .input-organizations {
  display: flex;
  justify-content: center; }
.sped-contribuicoes-form-wrapper .download-sped div {
  top: 10px; }

.sped-contribuicoes-form-wrapper .download-sped a {
  color: #000; }
  .sped-contribuicoes-form-wrapper .download-sped a:hover {
    color: var(--primary); }

.sped-contribuicoes-form-wrapper .title {
  margin-left: 30px;
  margin-bottom: -40px;
  z-index: 1; }
  .sped-contribuicoes-form-wrapper .title h4 {
    background: #f8f8f8;
    width: max-content;
    padding: 0 10px; }

.sped-contribuicoes-form-wrapper .configuration-block {
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 2px;
  flex-direction: column;
  margin-top: 20px;
  padding: 12px 0; }

.sped-contribuicoes-form-wrapper .boxes {
  display: flex;
  flex-direction: row;
  height: 70px;
  margin-top: 10px; }

.sped-contribuicoes-form-wrapper .box {
  background-color: var(--primary);
  width: 50px;
  height: 50px;
  margin: 10px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  border-radius: 3px;
  transition: 0.2s ease; }
  .sped-contribuicoes-form-wrapper .box span {
    color: #FFF;
    font-weight: 600;
    font-size: 15px; }

.sped-contribuicoes-form-wrapper .box:hover {
  background-color: #20C2E0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 5px;
  transition: 0.1s ease; }
  .sped-contribuicoes-form-wrapper .box:hover span {
    font-size: 17px; }

.sped-contribuicoes-form-wrapper .area {
  padding: 5px 0;
  margin: 5px 0; }

.sped-contribuicoes-form-wrapper .without-margin {
  margin: 0px; }

.sped-contribuicoes-form-wrapper .btn-create {
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  border: 2px solid !important;
  background: #ff991f00 !important;
  color: var(--font3) !important;
  font-weight: bold;
  padding: 15px !important; }
  .sped-contribuicoes-form-wrapper .btn-create i {
    font-size: 20px;
    padding: 0 5px;
    color: var(--font3) !important; }

.sped-contribuicoes-form-wrapper .btn-open-terminal {
  margin-left: 14px;
  height: 44px;
  border-radius: 5px;
  background-color: var(--primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0px 10px; }
  .sped-contribuicoes-form-wrapper .btn-open-terminal span {
    margin-left: 6px;
    margin-right: 6px; }

.sped-contribuicoes-form-wrapper .btn-create:hover {
  color: var(--secondary) !important; }
  .sped-contribuicoes-form-wrapper .btn-create:hover i {
    color: var(--secondary) !important; }

.sped-contribuicoes-form-wrapper .period {
  margin: 0 10px; }

.sped-contribuicoes-form-wrapper .help-button {
  display: flex;
  justify-content: end; }
form.product-form-v3-wrapper {
  transition: all .2s ease; }
  form.product-form-v3-wrapper.is-modal {
    padding: 25px; }
  form.product-form-v3-wrapper .field-title {
    margin-bottom: auto; }
  form.product-form-v3-wrapper .switch-center {
    margin: 5px 0px; }
  form.product-form-v3-wrapper .multi-info-data {
    display: flex;
    flex-direction: row;
    gap: 5px;
    width: 100%; }
  form.product-form-v3-wrapper input-v2[type='money'] input, form.product-form-v3-wrapper input-v2[type='number'] input, form.product-form-v3-wrapper input-v2[type='percentage'] input {
    text-align: end; }
  form.product-form-v3-wrapper input-v2 .input-v2 input, form.product-form-v3-wrapper input-v2 .input-v2 .input-button {
    height: 25px; }
  form.product-form-v3-wrapper input-v2 .input-square-button .square-button {
    width: 20px;
    height: 20px;
    display: flex; }
  form.product-form-v3-wrapper input-v2 i {
    zoom: 75%; }
  form.product-form-v3-wrapper mbg-input-tags input {
    height: 25px;
    padding: 2px 14px;
    flex: auto;
    min-height: unset;
    max-width: 350px; }
  form.product-form-v3-wrapper select-v2 .mbg-select-input-fake {
    height: 25px;
    padding: 2px 14px; }
    form.product-form-v3-wrapper select-v2 .mbg-select-input-fake span {
      display: flex;
      overflow: hidden;
      max-height: 100%; }
  form.product-form-v3-wrapper div.modal-list input-v2[type='money'] input, form.product-form-v3-wrapper div.modal-list input-v2[type='number'] input, form.product-form-v3-wrapper div.modal-list input-v2[type='percentage'] input {
    text-align: end; }
  form.product-form-v3-wrapper div.modal-list input-v2 i {
    zoom: 100%; }
  form.product-form-v3-wrapper div.modal-list .input-search .with-select {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px; }
  form.product-form-v3-wrapper div.modal-list .input-search .no-padding-right {
    padding-right: 0px !important; }
  form.product-form-v3-wrapper .step-tabs .tab-content .tab-body {
    padding: 0 0 0 5px; }
  form.product-form-v3-wrapper .action-btn {
    width: 100%;
    height: 25px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    border: 0px solid #fff;
    color: #fff; }
    @media screen and (min-width: 992px) {
      form.product-form-v3-wrapper .action-btn {
        width: 4.5rem; } }
    form.product-form-v3-wrapper .action-btn svg {
      fill: white; }
    form.product-form-v3-wrapper .action-btn.btn-primary {
      background: var(--primary); }
    form.product-form-v3-wrapper .action-btn.btn-secondary {
      background: var(--secondary); }
    form.product-form-v3-wrapper .action-btn.btn-success {
      background: var(--success); }
      form.product-form-v3-wrapper .action-btn.btn-success:focus, form.product-form-v3-wrapper .action-btn.btn-success:hover {
        background: var(--mbListStatusActive); }
    form.product-form-v3-wrapper .action-btn.btn-error {
      background: var(--error); }
    form.product-form-v3-wrapper .action-btn cp-edit-icon {
      height: 10px;
      zoom: 0.85;
      display: contents; }
  form.product-form-v3-wrapper .batch-button {
    transition: all .2s ease; }
    form.product-form-v3-wrapper .batch-button button {
      height: 25px;
      padding: 0 16px;
      color: var(--primary);
      background-color: none;
      border-radius: 6px;
      font-weight: 600;
      border: 1px solid var(--primary); }
      form.product-form-v3-wrapper .batch-button button:focus, form.product-form-v3-wrapper .batch-button button:hover {
        color: white;
        background-color: var(--primary); }
    form.product-form-v3-wrapper .batch-button:hover {
      transform: scale(1.1); }
  form.product-form-v3-wrapper .contrast {
    color: var(--contrast); }
  form.product-form-v3-wrapper .primary {
    color: var(--primary); }
  form.product-form-v3-wrapper .action-buttoms {
    right: 56px;
    position: absolute;
    display: row;
    flex-direction: column; }
    form.product-form-v3-wrapper .action-buttoms a {
      font-weight: bold; }
    form.product-form-v3-wrapper .action-buttoms .save-btn {
      height: 30px;
      border-radius: 5px;
      font-weight: 700;
      background-color: var(--secondary);
      color: #FFF;
      border: none;
      padding: 0 20px; }
  form.product-form-v3-wrapper [class^='col-md'] {
    padding: 0 5px; }
  form.product-form-v3-wrapper .row {
    margin: 0 -5px; }
  form.product-form-v3-wrapper .step-tabs ul.nav-tabs li {
    align-self: stretch; }
    form.product-form-v3-wrapper .step-tabs ul.nav-tabs li a {
      min-height: min-content;
      height: 100%; }
    form.product-form-v3-wrapper .step-tabs ul.nav-tabs li uib-tab-heading {
      padding: 10px; }
  form.product-form-v3-wrapper .mbg-dropdown-wrapper span .title-option:focus svg, form.product-form-v3-wrapper .mbg-dropdown-wrapper span .title-option:hover svg {
    fill: #0f0f0f; }
  form.product-form-v3-wrapper li:not([class~="active"]) uib-tab-heading.with-errors {
    text-decoration: underline red; }
  form.product-form-v3-wrapper div.step-tabs > div {
    height: calc((100vh - calc(150px - 45px))/ var(--global-zoom, 1)); }
    form.product-form-v3-wrapper div.step-tabs > div .tab-content {
      overflow-y: auto;
      height: calc((100vh - calc(147px))/ var(--global-zoom, 1)); }

.company-wrapper {
  margin-bottom: 10px;
  padding-right: 10px; }
  .company-wrapper .short-company {
    margin-bottom: 5px; }

.switch-container {
  height: 32px; }
  .switch-container span.switch {
    scale: 0.9; }
    .switch-container span.switch:focus {
      border-bottom: solid 2px var(--primary);
      transition: background 0.3s ease-in-out; }
  .switch-container .sphere {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 5px; }
  .switch-container .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li svg {
    z-index: 5; }
  .switch-container .mbg-select-list .sphere {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50%;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 5px; }

.print-tags {
  margin-left: 6px; }
.product-v3-data-wrapper label {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.product-v3-data-wrapper mbg-checkbox label {
  height: 22px; }

.product-v3-data-wrapper .price-sheet-display {
  display: flex;
  flex-wrap: wrap; }

.product-v3-data-wrapper .field-title.underlined {
  text-decoration-line: underline; }

.product-v3-data-wrapper .div-dropdown {
  position: relative; }

.product-v3-data-wrapper .price-sheets-box {
  width: 75%;
  flex: 1; }
  .product-v3-data-wrapper .price-sheets-box .pricesheet-values {
    flex: 1;
    width: 100%; }
  .product-v3-data-wrapper .price-sheets-box .pricesheet-action {
    display: flex;
    flex-direction: column;
    padding-left: 5px; }
    .product-v3-data-wrapper .price-sheets-box .pricesheet-action .action-btn.btn-success {
      height: 119px; }

.product-v3-data-wrapper .stock-box {
  width: 25%; }

.product-v3-data-wrapper .external-link-icon {
  font-size: 2rem;
  margin-bottom: 10px; }

.product-v3-data-wrapper .without-padding {
  padding-right: 0px !important;
  padding-left: 0px !important; }

.product-v3-data-wrapper square-button {
  margin: 1px; }
.create-product-group-modal .mbg-label {
  margin-bottom: 2px !important; }
product-v3-fiscal .tax-benefits {
  display: flex;
  flex-direction: row;
  margin: 5px 0; }
  product-v3-fiscal .tax-benefits > div.tax-benefits-list {
    width: -webkit-fill-available; }
  product-v3-fiscal .tax-benefits > div.action-buttons {
    display: flex;
    padding: 0 8px; }

product-v3-fiscal list-v2 th {
  padding: 0 14px !important; }
.product-parameters-wrapper div.switch-list-wrapper > div.flex-column {
  display: grid;
  grid-template-columns: 50% 50%; }
  .product-parameters-wrapper div.switch-list-wrapper > div.flex-column :focus {
    border-bottom: solid 2px var(--primary);
    transition: background 0.3s ease-in-out; }
.specifications-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-direction: row; }
  .specifications-wrapper text-area-description .textArea {
    line-break: anywhere;
    max-height: 200px; }
  .specifications-wrapper .product-description {
    width: 100%; }
    .specifications-wrapper .product-description .col-md-12 {
      padding: 0; }
    .specifications-wrapper .product-description textarea {
      resize: none;
      width: 100%;
      height: 120px;
      border: 1px solid #ddd;
      border-radius: 5px;
      padding-bottom: 2px;
      background-color: #fff;
      z-index: 2;
      position: relative; }
  .specifications-wrapper .product-measurements {
    width: 50%; }
    .specifications-wrapper .product-measurements > .row {
      height: 180px; }
  .specifications-wrapper .product-images {
    width: 50%; }
    .specifications-wrapper .product-images mbg-image-upload mbg-image-upload-main {
      width: inherit; }
    .specifications-wrapper .product-images mbg-image-upload .mbg-image-upload-wrapper.bottom {
      display: flex;
      flex-direction: row; }
    .specifications-wrapper .product-images mbg-image-upload img {
      object-fit: contain; }
  .specifications-wrapper .image-box-for-resgistration-service {
    width: 100%; }
  .specifications-wrapper .mbg-link,
  .specifications-wrapper mbg-image-upload-main .options {
    z-index: 100; }
product-profile-aggregate .aggregates-footer {
  position: relative; }
  product-profile-aggregate .aggregates-footer .pagination {
    z-index: 2; }
  product-profile-aggregate .aggregates-footer .totalizer {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: end; }
.product-v3-grid-wrapper {
  z-index: 1;
  position: relative; }
  .product-v3-grid-wrapper .toggle-view-mode {
    display: flex;
    margin: 7px 0; }
  .product-v3-grid-wrapper table tbody > tr:nth-of-type(odd).stripe {
    background-color: #efefef; }
  .product-v3-grid-wrapper table thead th {
    padding: 0 10px;
    color: var(--font2);
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: solid 1px #cccccc; }
  .product-v3-grid-wrapper table tbody .ignore {
    text-decoration: line-through red; }
  .product-v3-grid-wrapper table tbody td {
    padding: 0 10px;
    border: solid 1px #cccccc;
    position: relative;
    z-index: 3; }
    .product-v3-grid-wrapper table tbody td .variation1-detail {
      display: flex; }
    .product-v3-grid-wrapper table tbody td.grid-item {
      min-width: 280px; }
  .product-v3-grid-wrapper .inline th, .product-v3-grid-wrapper .grid th {
    position: relative; }
  .product-v3-grid-wrapper .inline .grid-actions, .product-v3-grid-wrapper .grid .grid-actions {
    display: flex;
    gap: 6px;
    justify-content: center; }
    .product-v3-grid-wrapper .inline .grid-actions > div, .product-v3-grid-wrapper .grid .grid-actions > div {
      height: 18px;
      width: 18px;
      z-index: 10; }
  .product-v3-grid-wrapper .inline input, .product-v3-grid-wrapper .grid input {
    background: none;
    border: none;
    padding: 0;
    justify-items: self-end; }
  .product-v3-grid-wrapper .inline {
    flex: 1; }
  .product-v3-grid-wrapper .grid-details {
    display: flex;
    flex-direction: column; }
    .product-v3-grid-wrapper .grid-details > div {
      display: flex;
      justify-content: space-between;
      height: 22px; }
      .product-v3-grid-wrapper .grid-details > div label {
        text-wrap: nowrap; }
  .product-v3-grid-wrapper .grid-item-wrapper {
    display: flex;
    flex-direction: row;
    gap: 8px; }
    .product-v3-grid-wrapper .grid-item-wrapper .matrix-actions {
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center; }
      .product-v3-grid-wrapper .grid-item-wrapper .matrix-actions > div {
        z-index: 10; }
  .product-v3-grid-wrapper i.fas.fa-calendar {
    color: var(--font3);
    font-size: 18px; }
    .product-v3-grid-wrapper i.fas.fa-calendar:focus, .product-v3-grid-wrapper i.fas.fa-calendar:hover {
      color: var(--secondary);
      scale: 1.1; }
  .product-v3-grid-wrapper .product-grid-wrapper {
    padding: 16px;
    height: auto;
    display: flex;
    z-index: 1;
    position: relative; }
    .product-v3-grid-wrapper .product-grid-wrapper td input:focus {
      border-bottom: solid 1px var(--primary); }
  .product-v3-grid-wrapper input-v2.barcode-input > div > div > input {
    padding-right: 0px !important; }
.product-grid-item-edit-wrapper {
  min-width: 85vw;
  max-width: calc(95vw - 40px);
  margin: 20px 40px; }
  .product-grid-item-edit-wrapper h4 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 9px;
    margin-top: 6px; }
    .product-grid-item-edit-wrapper h4 span {
      margin-left: 4px; }
  .product-grid-item-edit-wrapper .pagination-modal {
    position: absolute;
    right: 0px;
    margin-right: 20px; }
  .product-grid-item-edit-wrapper .cancel {
    color: var(--font2); }
  .product-grid-item-edit-wrapper p {
    font-size: 12px; }
  .product-grid-item-edit-wrapper .mbg-close-modal {
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 21px;
    margin-right: 10px;
    font-size: 13px;
    color: var(--font2);
    z-index: 1; }
  .product-grid-item-edit-wrapper .barcodes {
    overflow: auto;
    margin-left: -15px;
    padding: 0 30px 0 45px;
    margin-top: 24px;
    max-height: 50vh;
    background: white;
    border-radius: 12px; }
    .product-grid-item-edit-wrapper .barcodes product-v3-manage-barcode-module {
      min-width: 1500px;
      margin: 0 15px 16px 15px;
      display: block; }
  .product-grid-item-edit-wrapper .animate-next {
    opacity: 1;
    transition: opacity 200ms ease; }
    .product-grid-item-edit-wrapper .animate-next.animate {
      opacity: 0; }
  .product-grid-item-edit-wrapper .mbg-circle {
    margin-top: 10px; }
  .product-grid-item-edit-wrapper .modal-buttons {
    margin: 14px 0;
    gap: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center; }
product-v3-manage-barcode-module .barcode-dropdown,
product-v3-manage-barcode-module .bacode-information,
product-v3-manage-barcode-module .barcode-box {
  padding: 6px; }

product-v3-manage-barcode-module .barcode-dropdown {
  width: 20px; }

product-v3-manage-barcode-module .bacode-information {
  width: 180px; }

product-v3-manage-barcode-module .barcode-box {
  width: calc(100% - 200px); }

product-v3-manage-barcode-module .action-btn-wrapper {
  display: flex;
  justify-content: space-around;
  position: absolute;
  top: 10px;
  right: 0; }

product-v3-manage-barcode-module .barcode-item:not(:first-child) {
  border-top: 2px solid #ddd;
  padding-top: 12px; }

product-v3-manage-barcode-module .dynamic-cube-row {
  min-height: 60px;
  display: flex;
  flex-direction: column; }
  product-v3-manage-barcode-module .dynamic-cube-row .toggle-measure {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: end;
    z-index: 5; }

product-v3-manage-barcode-module mbg-dynamic-cube {
  width: 172px;
  height: 96px;
  display: block; }

product-v3-manage-barcode-module label {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

product-v3-manage-barcode-module .group-price-div span {
  cursor: pointer;
  color: var(--primarySub);
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 5px;
  transition: all 0.2s ease-in-out; }
  product-v3-manage-barcode-module .group-price-div span:focus {
    scale: 1.1; }

product-v3-manage-barcode-module .bordertop {
  border-top: 2px solid #ddd;
  padding-top: 12px; }

product-v3-manage-barcode-module .barcodebox {
  margin-bottom: 12px;
  padding-bottom: 12px; }

product-v3-manage-barcode-module .weight-control {
  display: flex;
  gap: 12px; }

product-v3-manage-barcode-module select-v2.select-no-padding .mbg-select-input-fake {
  padding: 0 !important; }
.nutritional-wrapper .high-in-container {
  min-width: 448px; }
  .nutritional-wrapper .high-in-container .high-in-switchs {
    display: flex;
    justify-content: space-around;
    gap: 24px; }
    .nutritional-wrapper .high-in-container .high-in-switchs .high-in {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px; }
      .nutritional-wrapper .high-in-container .high-in-switchs .high-in label {
        font-weight: 400;
        max-width: min-content; }

.nutritional-wrapper .observation {
  min-width: 400px;
  flex: 1; }

.nutritional-wrapper .values-list {
  margin-top: 12px !important;
  max-height: 50vh;
  height: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
  z-index: 3;
  position: relative; }
  .nutritional-wrapper .values-list input {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    min-height: 25px;
    text-align: end;
    padding-right: 12px; }
    .nutritional-wrapper .values-list input::-webkit-inner-spin-button, .nutritional-wrapper .values-list input::-webkit-outer-spin-button {
      -webkit-appearance: none; }
.product-list-v3-wrapper {
  height: 100%;
  padding: 24px; }
  .product-list-v3-wrapper .btn-search-primary:focus,
  .product-list-v3-wrapper .fa.fa-plus-circle.new:focus,
  .product-list-v3-wrapper a.title-option.dropdown-toggle:focus {
    scale: 1.1; }
  .product-list-v3-wrapper div.search-button:focus {
    scale: 1.3; }
  .product-list-v3-wrapper .fas.fa-camera.btn-camera:focus {
    scale: 0.6; }
  .product-list-v3-wrapper .product-list-v3 {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    height: 100%;
    gap: 8px; }
    .product-list-v3-wrapper .product-list-v3 .product-list-header {
      flex: 0;
      display: flex;
      align-items: stretch;
      flex-direction: row;
      gap: 8px; }
      .product-list-v3-wrapper .product-list-v3 .product-list-header short-company {
        width: 25%; }
      .product-list-v3-wrapper .product-list-v3 .product-list-header .product-list-filters-wrapper {
        flex: 1; }
      .product-list-v3-wrapper .product-list-v3 .product-list-header .product-list-filters {
        display: flex;
        align-items: stretch;
        gap: 16px; }
        .product-list-v3-wrapper .product-list-v3 .product-list-header .product-list-filters button.btn-search-primary, .product-list-v3-wrapper .product-list-v3 .product-list-header .product-list-filters button.quick-search {
          margin-top: 0;
          flex: 0;
          width: 108px;
          min-width: 108px;
          max-width: 108px; }
        .product-list-v3-wrapper .product-list-v3 .product-list-header .product-list-filters page-options {
          margin-top: 0;
          flex: 0;
          width: 48px; }
        .product-list-v3-wrapper .product-list-v3 .product-list-header .product-list-filters search-input-terminal {
          flex: 1; }
      .product-list-v3-wrapper .product-list-v3 .product-list-header mbg-dropdown {
        margin-top: 0;
        height: 44px;
        display: flex; }
    .product-list-v3-wrapper .product-list-v3 .toggle-sub-list {
      display: flex;
      justify-content: flex-end; }
      .product-list-v3-wrapper .product-list-v3 .toggle-sub-list .rotate-90 {
        rotate: 90deg; }
    .product-list-v3-wrapper .product-list-v3 .product-list-details {
      flex: 0;
      display: flex;
      width: 100%;
      gap: 18px; }
      .product-list-v3-wrapper .product-list-v3 .product-list-details .grid-column {
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 8px; }
        .product-list-v3-wrapper .product-list-v3 .product-list-details .grid-column .input-fake {
          flex: 1;
          overflow: hidden; }
          .product-list-v3-wrapper .product-list-v3 .product-list-details .grid-column .input-fake span {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
        .product-list-v3-wrapper .product-list-v3 .product-list-details .grid-column > div {
          display: flex;
          align-items: stretch; }
          .product-list-v3-wrapper .product-list-v3 .product-list-details .grid-column > div label {
            flex: 1; }
    .product-list-v3-wrapper .product-list-v3 .product-list-pagination {
      flex: 0; }
    .product-list-v3-wrapper .product-list-v3 .product-list-wrapper {
      flex: 1;
      overflow-y: auto; }
    .product-list-v3-wrapper .product-list-v3 .quick-search {
      height: 44px;
      margin: auto;
      font-weight: 700;
      background-color: #ff991fb8;
      color: #FFF; }
      .product-list-v3-wrapper .product-list-v3 .quick-search:hover {
        background-color: #ff991f; }
  .product-list-v3-wrapper .help-button {
    align-items: center;
    display: flex;
    margin-top: 8px; }
.equipment-form-wrapper .mbg-label {
  margin-bottom: 5px; }
.equipment-list-wrapper .mbg-label {
  margin-bottom: 5px;
  font-weight: 700; }

.equipment-list-wrapper .without-padding {
  padding: 0px; }

.equipment-list-wrapper .justify-end {
  justify-content: end; }

.equipment-list-wrapper .align-items {
  align-items: center; }

.equipment-list-wrapper .help-button {
  margin-right: 10px;
  margin-top: 18px; }
.service-code-form-wrapper .mbg-label {
  margin-bottom: 0px; }

.service-code-form-wrapper .col-md-1 {
  width: 5%; }

.service-code-form-wrapper .col-md-8 {
  width: 70%; }

.service-code-form-wrapper .plus {
  margin-top: 39px; }

.service-code-form-wrapper .selection-area {
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  flex: 1;
  border-radius: 4px;
  padding: 5px;
  display: flex;
  margin-top: 32px;
  flex-wrap: wrap;
  height: 60px;
  overflow: auto; }
  .service-code-form-wrapper .selection-area .selection-item {
    position: relative;
    border-radius: 4px;
    background-color: #fff;
    height: 26px;
    padding: 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px; }
    .service-code-form-wrapper .selection-area .selection-item label {
      color: var(--neutral2);
      font-style: italic;
      font-weight: 500;
      margin-right: 4px; }
    .service-code-form-wrapper .selection-area .selection-item .close-icon {
      margin: 0 6px;
      color: var(--neutral2); }
.service-code-list-wrapper .mbg-label {
  margin-bottom: 5px;
  font-weight: 700; }

.service-code-list-wrapper .align-items {
  display: flex;
  align-items: center; }

.service-code-list-wrapper .justify-end {
  justify-content: end; }

.service-code-list-wrapper .help-button {
  margin-right: 10px;
  margin-top: 30px; }

.service-code-list-wrapper .without-padding {
  padding: 0px; }
.choose-org-to-price-modal-wrapper {
  padding: 24px 24px 24px 36px;
  min-width: 30vw; }
  .choose-org-to-price-modal-wrapper .mbg-close-modal {
    position: absolute;
    right: 0; }
.service-order-situation-list-wrapper .mbg-label {
  margin-bottom: 5px;
  font-weight: 700; }

.service-order-situation-list-wrapper .align-items {
  display: flex;
  align-items: center; }

.service-order-situation-list-wrapper .justify-end {
  justify-content: end; }

.service-order-situation-list-wrapper .without-padding {
  padding: 0px; }

.service-order-situation-list-wrapper .help-button {
  margin-top: 18px;
  margin-right: 10px; }
.nfse-list mbg-input-search .mbg-input-search-wrapper .input-group-search {
  background-color: white; }

.nfse-list .mbg-label {
  margin-bottom: 0px;
  font-weight: 700; }

.nfse-list .nfse-filters {
  display: flex;
  align-items: flex-end;
  padding: 0; }

.nfse-list .icons cp-historic-icon {
  margin: 0 0 0 3px; }

.nfse-list .icons cp-consult-icon {
  margin: 3px 0 0 3px; }

.nfse-list .align-items {
  display: flex;
  align-items: center; }

.nfse-list .justify-end {
  justify-content: end; }

.nfse-list .help-button {
  margin-right: 10px; }

.nfse-list .without-padding {
  padding: 0px; }

.nfse-list .links-wrapper {
  display: flex;
  margin-top: 34px; }
  .nfse-list .links-wrapper a {
    gap: .3em; }
.nfse-emission-config .dimensions {
  width: 70rem;
  padding: 1em; }

.nfse-emission-config .header-modal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 2em; }

.nfse-emission-config .close-x {
  font-size: 2.5em; }
  .nfse-emission-config .close-x:hover {
    scale: 1.2;
    transition: all .2s ease;
    color: var(--error); }
.nfse-security-config .dimensions {
  width: 75rem;
  padding: 1em; }

.nfse-security-config .header-modal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 2em; }

.nfse-security-config .close-x {
  font-size: 2.5em; }
  .nfse-security-config .close-x:hover {
    scale: 1.2;
    transition: all .2s ease;
    color: var(--error); }
.send-many-nfse-modal-wrapper .mbg-label {
  margin-bottom: 5px !important; }
.nfse-details .flex-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .nfse-details .flex-div .close-x {
    height: 1.5%;
    font-size: 2.5em; }
    .nfse-details .flex-div .close-x:hover {
      scale: 1.2;
      transition: all .2s ease;
      color: var(--error); }

.nfse-details .modal-dimensions {
  flex-grow: 1;
  flex-basis: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  padding: 5% 6% 6% 5%;
  width: 50vw; }
  .nfse-details .modal-dimensions .modal-dimensions-scrollable {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 40rem; }
    .nfse-details .modal-dimensions .modal-dimensions-scrollable label {
      font-weight: bold;
      margin-right: 5px; }
.nfse-events {
  width: 60vw; }
  .nfse-events .not-result {
    height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 24px; }
  .nfse-events .content-modal {
    max-height: 65vh;
    overflow-x: auto; }
.nfse-form .header {
  margin-bottom: 5px;
  display: flex;
  align-items: flex-end; }
  .nfse-form .header .links-wrapper i {
    margin-left: 20px;
    width: 24px; }

.nfse-form .totalizer label {
  padding-top: 15px;
  font-size: 17px; }
.nfse-data .mbg-label {
  margin-bottom: 5px; }
/* Remove a borda vermelha da validação do firefox */
.mbg-login-view input:invalid {
	box-shadow: none;
	outline: none;
}

@keyframes jumping {
	0% {
		transform: translate(-50%,-50%);
	}
	50% {
		transform: translate(-50%,-55%);
	}
	100% {
		transform: translate(-50%,-50%);
	}
}

.mbg-login-view .mbg-login-modal {
	max-width: 400px;
	padding: 30px;
	height: 300px;
	width: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: 700;
	color: #333;
	font-size: 22px;
	z-index: 2;
	will-change: transform, opacity;
	animation: jumping 1500ms ease infinite;
	transition: opacity 500ms linear;
	opacity: 0;
}

.mbg-login-view .mbg-login-modal.active {
	opacity: 1;
}

/* Container que envolve o componente de login e a frase "powered by" */
.mbg-login-view {
	width: 100%;
	height: 100vh;
	background: #f7f7f7;
	background: linear-gradient(-45deg,#f7f7f7, #ffffff);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-family: 'Montserrat', sans-serif;
	min-height: 600px;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Componente que exibe a marca da mobiage */
.mbg-login-view .poweredby {
	width: 100%;
	font-size: 12px;
	text-align: center;
	color: #bdbdbd;
	margin-bottom: 20px;
	user-select: none;
}

/* Logo da Mobiage */
.mbg-login-view .poweredby .logo {
	display: inline-block;
	vertical-align: bottom;
	width: 55px;
	margin-left: 2px;
}

/* Container que envolve todo o componente de login: */
.mbg-login-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	will-change: filter;
	transition: filter 500ms linear;
}

.mbg-login-wrapper.blur {
	filter: blur(5px);
}

/* Container do form central */
.mbg-login-form-wrapper {
	width: 620px;
	height: 500px;
	background-color: white;
	box-shadow: 5px 5px 15px rgba(0,0,0,.1), 15px 15px 70px rgba(0,0,0,.1);
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

/* Atributos comuns ás duas partes do form central */
.mbg-login-form-part {
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	display: block;
	will-change: transform;
}

/* div que servirá de âncora para o position absolute das forms de login e forgot */
.mbg-login-form-part-anchor {
	width: 100%;
	height: 100%;
	position: relative;
}

/* Parte esquerda do form */
.mbg-login-form-left {
	z-index: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	display: flex;
	flex-direction: row;
	will-change: transform, background-color;
	transform: translate3d(0,0,0);
	transition:
		transform 1000ms cubic-bezier(0.720, 0.010, 0.235, 0.995),
		background-color 0ms 483ms linear,
		border-top-left-radius 1000ms linear,
		border-bottom-left-radius 1000ms linear,
		border-top-right-radius 1000ms linear,
		border-bottom-right-radius 1000ms linear;
}

/* Parte direita do form */
.mbg-login-form-right {
	z-index: 1;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	transform: translate3d(100%,0,0);
	will-change: transform, background-color;
	transition:
		transform 1000ms cubic-bezier(0.720, 0.010, 0.235, 0.995),
		background-color 500ms 0ms linear,
		border-top-left-radius 1000ms linear,
		border-bottom-left-radius 1000ms linear,
		border-top-right-radius 1000ms linear,
		border-bottom-right-radius 1000ms linear;
}

.mbg-login-form-right.mobile{
	display: none;
	transition: none;
}

/* Ao trocar para a tela de inscrever-se */
.mbg-login-form-left.sign-up {
	transform: translate3d(100%,0,0);

	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;

	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* Ao trocar para a tela de inscrever-se */
.mbg-login-form-right.sign-up {
	background-color: #ffffff;
	transform: translate3d(0%,0,0);

	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;

	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* Background para a animação */
.mbg-login-form-part-background {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50%;
	height: 100%;
	background-color: white;
}

/* Elemento para preencher o fundo */
.mbg-login-form-part-background.right {
	right: 0;
	left: auto;
}

/* form */
.mbg-login-form {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 30px;
	display: flex;
	flex-direction: column;
	will-change: transform;
	transition: transform 750ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	transform: translate3d(0,0,0);

	display: flex;
    justify-content: center;
}

/* Classe para esconder um elemento */
.hide {
	display: none!important;
}


/* Para alternar entre login e esqueci minha senha */
.mbg-login-form.forgot-pass,
.mbg-login-form.pick-organization,
.mbg-login-form.register-step-one,
.mbg-login-form.register-step-two,
.mbg-login-form.register-step-three,
.mbg-login-form.forgot-pass-success,
.mbg-login-form.reset-pass,
.mbg-login-form.reset-pass-success{
	transform: translate3d(-100%,0,0);
}

.mbg-register-step-one,
.mbg-register-step-two,
.mbg-register-step-three {
	transform: translate3d(100%, 0, 0);
	justify-content: space-around;
}

.mbg-register-step-one.register-step-one,
.mbg-register-step-two.register-step-two,
.mbg-register-step-three.register-step-three {
	transform: translate3d(0,0,0);
}

.mbg-login-form.one.register-step-two,
.mbg-login-form.one.register-step-three,
.mbg-login-form.two.register-step-three
{
	transform: translate3d(-100%,0,0);
}

.mbg-forgot-form {
	transform: translate3d(100%,0,0);
	margin-top: 30px;
}

.mbg-reset-pass-form {
	transform: translate3d(100%, 0,0);
	/* margin-top: 30px; */
}

.mbg-reset-pass-form.reset-pass{
	transform: translate(0) !important;
}

.mbg-reset-pass-form .reset-pass-text {
	width: 100%;
	font-size: 14px;
	color: #999999;
}

.mbg-reset-pass-form .reset-pass-text.error {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	text-align: center;
	color: #999999;
}

.mbg-reset-pass-form .mbg-reset-pass-container {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.mbg-reset-pass-form .mbg-reset-pass-container .or {
	margin-top: 10px;
	margin-bottom: 0px;
}

.mbg-reset-pass-form .mbg-reset-pass-content {
	position: relative;
	height: 250px;
}

.mbg-reset-pass-form .mbg-reset-pass-validating-ticket {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	transform: translate(0, -50%);
	transition: opacity 250ms linear;
	opacity: 0;
}

.mbg-reset-pass-form .mbg-reset-pass-validating-ticket.active {
	opacity: 1;
}

.mbg-reset-pass-form .mbg-reset-pass-form-container {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	transition: opacity 250ms linear;
	opacity: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.reset-pass-icon {
	width: 100%;
	font-size: 40px;
	text-align: center;
	color: #999999;
}

.mbg-reset-pass-form .mbg-reset-pass-form-container.active {
	opacity: 1;
}

/* Loading Indicator */
@keyframes login-form-button-send-rotator {
  0% { transform: scale(0.4) translate(-20%, -20%) rotate(0deg); }
  100% { transform: scale(0.4) translate(-20%, -20%) rotate(270deg); }
}

@keyframes login-form-button-send-dash {
	0% {
	 stroke-dashoffset: 184; /* offset */
 }
	50% {
	 stroke-dashoffset: 46; /* offset / 4 */
	 transform:rotate(135deg);
 }
 100% {
	 stroke-dashoffset: 184; /* offset */
	 transform:rotate(450deg);
 }
}

.mbg-reset-pass-form .mbg-login-spinner-path {
  stroke-dasharray: 187; /* offset */
  stroke-dashoffset: 0;
	transform-origin: center;
	animation: login-form-button-send-dash 1.4s ease-in-out infinite;
}

mbg-login-send-button.WARN .send-button-error-container.ativo {
    color: #f26f43;
    font-weight: 400;
	margin-bottom: 17px;
}

.mbg-reset-pass-form .send-button .mbg-login-spinner-path {
	stroke: #fff;
}

.mbg-login-spinner {
	animation: login-form-button-send-rotator 1.4s linear infinite;
}

.mbg-reset-pass-validating-ticket {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.mbg-reset-pass-success {
	transform: translate3d(100%, 0, 0);
}

.mbg-reset-pass-success.reset-pass-success {
	transform: translate3d(0, 0, 0);
}

.mbg-forgot-success {
	transform: translate3d(100%,0,0);
}

.mbg-forgot-success.forgot-pass-success {
	transform: translate3d(0%,0,0);
}

.mbg-login-form.mbg-sign-up-form {
	padding-top: 60px;
}

.mbg-forgot-form.forgot-pass {
	transform: translate3d(0,0,0);
}

.mbg-forgot-form.forgot-pass-success {
	transform: translate3d(-100%,0,0);
}

.mbg-login-text-container{
	font-size: 11px;
	color:#7b7b7b;
	margin-top: 15px;
}

.mbg-forgot-form .forgot-text-container {
	font-size: 11px;
	color:#7b7b7b;
	margin-top: 15px;
}

.mbg-forgot-success-content {
	height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.mbg-forgot-success .forgot-icone {
	margin-bottom: 10px;
	font-size: 40px;
	text-align: center;
	color: #999999;
}

.mbg-forgot-success .forgot-text-container {
	font-size: 14px;
	/* background-color: palegoldenrod; */
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	color: #999999;
	text-align: center;
	margin-top: 5px;
}

.mbg-login-form form {
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Container do login por redes sociais */
.mbg-login-form .social-container {
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 20px;
}

/* Container dos botões do facebook e google */
.mbg-login-form .social-container .button-container {
	width: 250px;
	height: 35px;
	display: flex;
	margin-top: 20px;
	user-select: none;
}

/* Atributos comuns aos dois botões */
.mbg-login-form .social-container .button-container .button {
	width: 50%;
	height: 35px;
	display: inline-block;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #f5f5f5;
	will-change: background-color;
	transition: background-color 100ms linear;
	cursor: pointer;
	line-height: 35px;
	font-size: 12px;
	text-align: center;
	color: #f26f43
}

/* Atributos específicos do first-child (botão do facebook) */
.mbg-login-form .social-container .button-container .button:first-child {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: 1px solid #ffffff;
	color: #5989c7;
}

/* Hover do Botão do Google */
.mbg-login-form .social-container .button-container .button:hover {
	background-color: #f26f43;
	color: white;
}

/* Hover do Botão do facebook  */
.mbg-login-form .social-container .button-container .button:first-child:hover {
	background-color: #5989c7;
	color: white;
}

/* Ícone do Botão */
.mbg-login-form .social-container .button-container .button .icon {
	display: inline;
	margin-right: 2.5px;
	font-size: 13px;
	vertical-align: middle;
}

/* Texto do Botão */
.mbg-login-form .social-container .button-container .button .text {
	display: inline;
	vertical-align: middle;
}

/* Título do form */
.mbg-login-view .titulo {
	width: 100%;
	height: auto;
	color: #999999;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	user-select: none;
}

.mbg-login-form.mbg-sign-up-form .titulo {
	margin-top: 10px;
	text-transform: none;
	font-size: 14px;
	color: #ffffff;
}

.ml-f-title {
	width: 100%;
    height: auto;
	color: #bcbcbc;
    text-transform: none;
    font-weight: 700;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Detalhe entre os botões sociais e o form (Ou) */
.mbg-login-form .or {
	margin-top: 10px;
    width: 100px;
    color: #d8d8d8;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mbg-login-form.mbg-sign-up-form .or {
	transform: none;
	margin-top: 10px;
}

.mbg-login-form .or .detail .pathdetaillogin{
	fill: #d8d8d8;
	stroke: #d8d8d8;
	stroke-miterlimit: 10;
	stroke-width: 2px;
}

.mbg-login-form.mbg-sign-up-form .or .detail .pathdetaillogin{
	fill: #ffffff;
	stroke: #ffffff;
}

.mbg-login-form.mbg-forgot-form .or {
	margin-top: 10px;
}

/* Svg do "ou" */
.mbg-login-form .or .detail {
	fill: #d8d8d8;
	stroke: #d8d8d8;
	stroke-miterlimit: 10;
	stroke-width: 2px;
	display: inline-block;
	margin-right: 5px;
	width: 40px;
	vertical-align: middle;
}

.mbg-sign-up-form .mbg-login-input-container {
	height: 40px;
	background-color: rgba(0,0,0,0.15);
	border: none;
	color: #ffffff;
}

.mbg-sign-up-form .mbg-login-input-container .icone-container {
	color: rgba(255, 255, 255, 0.5);
	line-height: 40px;
	height: 40px;
}

.mbg-sign-up-form .mbg-login-input-container.ativo .icone-container {
	color: #ffffff;
}

.mbg-sign-up-form .input-row {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.mbg-sign-up-form .mbg-login-input-container .input {
	height: 40px;
	color: #ffffff;
}

.mbg-sign-up-form .input-row .mbg-login-input-container.password {
	width: 48%;
	margin-top: 0px;
}

.mbg-sign-up-form .mbg-login-input-container .input::-webkit-input-placeholder {
	color: rgba(255,255,255,0.5);
}

.mbg-sign-up-form .mbg-login-input-container .input::-moz-placeholder {
	color: rgba(255,255,255,0.5);
}

.mbg-sign-up-form .mbg-login-input-container.ativo .input {
	color: #ffffff;
}

.mbg-login-form .bottom {
	font-size: 10px;
	color: #7b7b7b;
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 0px;
	white-space: nowrap;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.mbg-login-form .bottom .voltar{
	font-size: 12px;
	display: inline;
	cursor: pointer;
}

.mbg-login-form.mbg-sign-up-form .bottom{
	padding-top: 10px;
}

.mbg-login-form.mbg-sign-up-form .bottom .voltar{
	color: white;
	margin-top: 0px;
}

.mbg-login-form .bottom .signup {
	display: inline;
	margin-right: 10px;
	text-decoration: underline;
	cursor: pointer;
}

.mbg-login-form .bottom .forgotpass {
	display: inline;
	margin-left: 10px;
	color: #7b7b7b;
	cursor: pointer;
}

.mbg-login-form-right-content {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
}

.mbg-login-logo {
	width: 180px;
	height: 180px;
	background-size: contain;
	background-position: center center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%,0) scale(1);
	transition: transform 1000ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
}

.mbg-login-logo.mobile {
	transition: none;
	display: none;
}

.mbg-pick-organization-form .voltar-container {
	display: none;
	margin-top: -10px;
}

.mbg-login-logo-phrase {
	position: absolute;
	font-size: 11.5px;
	color: #ffffff;
	font-weight: 400;
	width: 100%;
	text-align: center;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 10px 15px 30px 15px;
	transform: translate3d(0%, 0%,0);
	transition: transform 1000ms 250ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	user-select: none;
}

.mbg-login-bottom-alternative {
	width: 100%;
	font-size: 12px;
	font-weight: 700;
	color: #bdbdbd;
	text-align: center;
	padding-top: 30px;
	user-select: none;
}

.mbg-login-bottom-alternative-icon-container {
	display: inline-block;
}

.mbg-login-inside-container {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	text-align: center;
}

.mbg-login-bottom-alternative .icone {
	width: 35px;
	fill: #bdbdbd;
	will-change: transform;
	transition: transform 250ms ease;
	cursor: pointer;
	display: inline-block;
}

.mbg-login-bottom-alternative .icone:first-child {
	width: 40px;
}

.mbg-login-bottom-alternative .mbg-login-inside-container:hover .icone {
	transform: scale(1.15);
}

.mbg-login-bottom-alternative-texto {
	transform: translate3d(-50%,-30%,0);
	transition: transform 500ms ease, opacity 500ms;
	opacity: 0;
	will-change: transform, opacity;
	position: absolute;
	text-align: center;
	left: 50%;
	bottom: -20px;
}

.mbg-login-bottom-alternative .mbg-login-inside-container:hover .mbg-login-bottom-alternative-texto {
	transform: translate3d(-50%,0%,0);
	opacity: 1;
}




.mbg-pick-organization-form {
	transform: translate3d(100%, 0, 0);
	/* background-color: red; */
	justify-content: space-around;
}

.mbg-pick-organization-form.pick-organization {
	transform: translate3d(0,0,0);
}

.mbg-pick-organization-form .organizations-container {
	padding-top: 10px;
	flex-grow: 1;
	overflow-y: auto;
	overflow-x: hidden;
}

.mbg-pick-organization-form .organizations-container .organization {
	min-height: 50px;
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	transition: transform 250ms ease;
	-webkit-tap-highlight-color: transparent;
}

.mbg-pick-organization-form .organizations-container .organization:hover {
	transform: translate3d(3px,0,0);
}

.mbg-pick-organization-form .organizations-container .organization .logo {
	height: 50px;
	width: 50px;
	background-size: contain;
	background-position: center center;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 22px;
	user-select: none;
	position: relative;
}

.mbg-pick-organization-form .organizations-container .organization .name {
	width: calc(100% - 70px);
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-left: 10px;
	font-size: 14px;
	color: #999999;
	padding-right: 5px;
}

.mbg-pick-organization-form .organizations-container .organization .confirmation {
	width: 20px;
	height: 100%;
	font-size: 20px;
	right: 10px;
	transform: translateX(0px) translateY(10px);
	transition: transform 250ms ease, opacity 250ms linear;
	opacity: 0;
}

.mbg-pick-organization-form .organizations-container .organization:hover .confirmation {
	transform: translateX(-3px) translateY(10px);
}

.mbg-pick-organization-form .organizations-container .organization .confirmation.ativo {
	transform: translateX(0px) translateY(0px);
	opacity: 1;
}

.mbg-pick-organization-form .organizations-container .organization:hover .confirmation.ativo {
	transform: translateX(-3px) translateY(0px);
	opacity: 1;
}

.mbg-login-form.mbg-pick-organization-form .bottom {
	padding-top: 0px;
	height: 65px;
}

.mbg-login-form.mbg-pick-organization-form .or .detail {
	width: 50px;
	margin-top: 15px;
}

.mbg-login-form-right.pick-organization .mbg-login-logo{
	transform: translate3d(-50%, -130%, 0) scale(0.7);
}

.mbg-login-form-right.pick-organization .mbg-login-logo-phrase {
	transition: transform 1000ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	transform: translate3d(0%, 100%,0);
}

.mbg-login-form-right .profile-photo-container {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transition: transform 1000ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	transform: translate3d(-50%, 250%, 0);
	display: flex;
	justify-content: center;
	align-items: center;
	user-select: none;
}

.mbg-login-form-right.pick-organization .profile-photo-container {
	transform: translate3d(-50%, -50%, 0);
}

.mbg-login-form-right .profile-photo-container .miscdetail {
  color: var(--loginTextColor);
	top: 50%;
	left: 50%;
	position: absolute;
	stroke-miterlimit: 10;
	stroke-width: 2px;
	transform: translate3d(-50%, -50%, 0);
}

.mbg-login-form-right .profile-photo-container .miscdetail.left {
	width: 80px;
	height: auto;
	transition: transform 1000ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	transform: translate3d(-150%, 0%, 0);
}

.mbg-login-form-right.pick-organization .profile-photo-container .miscdetail.left {
	transform: translate3d(-150%, -700%, 0);
}

.mbg-login-form-right .profile-photo-container .miscdetail.right {
	width: 55px;
	transition: transform 500ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	transform: translate3d(110%, 500%, 0);
}

.mbg-login-form-right.pick-organization .profile-photo-container .miscdetail.right {
	transform: translate3d(110%, -400%, 0);
}

.mbg-login-form-right .profile-photo-container .photo-border {
	height: 100px;
	width: 100px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mbg-login-form-right .profile-photo-container .photo-border .profile-photo {
  color: var(--loginTextColor);
	width: 75px;
	height: 75px;
	background-position: center center;
	background-size: contain;
	border-radius: 50%;
	font-size: 46px;
	text-align: center;
	line-height: 75px;
	font-weight: 700;
}

.mbg-login-form-right .welcome-message {
	width: 100%;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	right: 50%;
	transform: translate3d(-50%, 250%, 0);
	transition: transform 750ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	text-align: center;
	padding-top: 20px;
	font-size: 22px;
	font-weight: 700;
	user-select: none;
}

.mbg-login-form-right.pick-organization .welcome-message {
	transition: transform 1000ms 100ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	transform: translate3d(-50%, 50%, 0);
}

.mbg-login-form-right .welcome-message .username {
	display: inline;
}

.mbg-login-form-right .cancellogin {
	position: absolute;
	bottom: 30px;
	left: 50%;
	font-size: 12px;
	transform: translate3d(-50%, 300%, 0);
	transition: transform 1000ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	color: #ffffff;
	cursor: pointer;
}

.mbg-login-form-right.pick-organization .cancellogin {
	transform: translate3d(-50%, 0%, 0);
}

.mbg-login-view input:-webkit-autofill,
.mbg-login-view input:-webkit-autofill:hover,
.mbg-login-view input:-webkit-autofill:focus
.mbg-login-view input:-webkit-autofill,
.mbg-login-view textarea:-webkit-autofill,
.mbg-login-view textarea:-webkit-autofill:hover
.mbg-login-view textarea:-webkit-autofill:focus,
.mbg-login-view select:-webkit-autofill,
.mbg-login-view select:-webkit-autofill:hover,
.mbg-login-view select:-webkit-autofill:focus {
	border: none;
	box-shadow: 0 0 0px 1000px #fff inset;
	transition: background-color 5000s ease-in-out 0s;
}

.mbg-progress-circle-wrapper .progress-content > div > svg > path {
	stroke: var(--font2) !important;
}
.mbg-progress-circle-wrapper .progress-content label {
	font-family: 'Montserrat';
}

.capsLockMessage{
	font-size: 14px;
	color: var(--primary) ;
}

users-logged-list{
	display: flex;
	position: absolute;
	top: 0;
	width: 100%;
	min-height: 100%;
	height: fit-content;
	background-color: rgba(0, 0, 0, 0.3);
}

modal-box{
	display: flex;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-right: auto;
	width: 80%;
	height: fit-content;
	border-radius: 10px;
	background-color: white;
}

modal-content {
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	width: 90%;
	height: fit-content;
}

actions{
	display: flex;
}

actions i{
	margin-left: auto;
	margin-right: auto;
}
actions i:hover{
	cursor:pointer;
}

columns{
	margin: auto;
}

column-label{
	font-size: 16px;
	font-weight: bold;
	background-color: var(--primary);;
	padding: 5px;
	color: white;
}



users-logged-list label{
	margin-left: auto;
	margin-right: auto;
	background-color: var(--primary);;
	color: white;
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	padding-right: 50px;
	border-radius: 50px;
}
.text-center{
	align-content: center;
}

.central{
	display: flex;
}
.central label{
	font-size: 20px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
}

.mbg-reset-pass-button .send-button.error {
	transform: translateY(100px) !important;
}

.mbg-login-form .mbg-reset-pass-cancel {
	transform: translateY(60px) !important;
}

.weak-password {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #df3f0e;
	font-weight: 700;
	transition: opacity 500ms linear, transform 500ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	transform: translateY(0px);
	opacity: 1;
}
mbg-pagination {
  width: 100%; }

.pagination-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin-top: 14px;
  margin-bottom: 14px; }
  .pagination-wrapper .left-wrapper {
    flex: 0.2; }
  .pagination-wrapper .right-wrapper {
    flex: 0.2; }
    .pagination-wrapper .right-wrapper .page-size-options {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
    .pagination-wrapper .right-wrapper label {
      font-weight: 500;
      margin-top: 3px;
      color: var(--font2); }
    .pagination-wrapper .right-wrapper mbg-select {
      width: 76px; }
      .pagination-wrapper .right-wrapper mbg-select .mbg-select-wrapper .mbg-select-input-fake {
        border: none;
        background: transparent; }
  .pagination-wrapper .center-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    flex: 0.6; }
  .pagination-wrapper * {
    user-select: none; }
  .pagination-wrapper button {
    font-weight: bold;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 38px;
    min-width: fit-content;
    height: 38px;
    margin: 0 5px;
    cursor: pointer;
    color: #2d3748;
    text-decoration: none;
    outline: none; }
    .pagination-wrapper button.active {
      background: #2d3748;
      color: #FFF; }
    .pagination-wrapper button[key="first"], .pagination-wrapper button[key="last"] {
      text-decoration: underline;
      margin: 0 14px;
      opacity: 0;
      pointer-events: none; }
      .pagination-wrapper button[key="first"].visible, .pagination-wrapper button[key="last"].visible {
        opacity: 1;
        pointer-events: all; }
    .pagination-wrapper button svg {
      width: 16px; }
.header-catalog {
  background-color: var(--secondCatalogBg);
  border-bottom: 1px solid var(--thirdCatalogBg);
  border-radius: 4px;
  top: 0;
  display: flex;
  flex-direction: column;
  margin: 0vw 20vw 0vw 20vw;
  justify-content: space-between; }
  .header-catalog .header-content-web {
    display: flex;
    flex-direction: row; }
  .header-catalog .header-content-mobile {
    flex: 1 1 0%;
    display: none; }
  .header-catalog .header-mobile {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-transition: -webkit-transform 350ms ease;
    -webkit-transition: transform 350ms ease;
    transition: transform 350ms ease; }
    .header-catalog .header-mobile .mb-topbar-notifications {
      float: right; }
      .header-catalog .header-mobile .mb-topbar-notifications i {
        color: var(--primaryCatalogFont); }
  .header-catalog .logout-button {
    background-color: transparent;
    color: #333;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s ease; }
  .header-catalog .logout-button:hover {
    background-color: rgba(255, 77, 77, 0.1);
    color: #ff4d4d; }
  .header-catalog .logout-button i {
    font-size: 16px; }
  .header-catalog .header-web {
    width: 100%;
    display: flex;
    position: relative;
    bottom: 0;
    right: 0;
    top: 0;
    justify-content: space-between;
    margin-left: 1vw;
    margin-right: 1vw;
    -webkit-transition: -webkit-transform 350ms ease;
    -webkit-transition: transform 350ms ease;
    transition: transform 350ms ease; }
    .header-catalog .header-web .mb-topbar-notifications {
      float: right; }
      .header-catalog .header-web .mb-topbar-notifications i {
        color: var(--primaryCatalogFont); }
  .header-catalog .header-logo {
    line-height: 5vw; }
  .header-catalog .image-logo-web {
    width: 7vw;
    margin: 5px; }
  .header-catalog .input-search-wrapper-web {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
  .header-catalog .input-search-wrapper-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
  .header-catalog mbg-input-search .mbg-input-search-wrapper .input-group-search {
    background-color: #ffffff;
    border: solid 1px var(--primaryCatalogFont); }
  .header-catalog mbg-input-search .mbg-input-search-wrapper .input-group-search svg {
    fill: var(--primaryCatalogFont); }
  .header-catalog .input-search-web {
    width: 25vw; }
  .header-catalog .input-search-mobile {
    width: 100%; }
  @media screen and (max-width: 1600px) {
    .header-catalog {
      margin: 0vw 15vw 0vw 15vw; }
      .header-catalog .header-web {
        position: relative; }
      .header-catalog .header-content-mobile {
        display: none; }
      .header-catalog .image-logo-web {
        width: 7vw;
        margin: 5px; }
      .header-catalog .image-logo-mobile {
        width: 7vw;
        margin: 5px; } }
  @media screen and (max-width: 1280px) {
    .header-catalog .header-web {
      position: relative; }
    .header-catalog .header-content-mobile {
      display: none; }
    .header-catalog .image-logo-web {
      width: 7vw;
      margin: 5px; }
    .header-catalog .image-logo-mobile {
      width: 7vw;
      margin: 5px; } }
  @media screen and (max-width: 1024px) {
    .header-catalog {
      padding: 1vw 0; }
      .header-catalog .header-web {
        position: relative; }
      .header-catalog .header-content-mobile {
        display: none; }
      .header-catalog .image-logo-web {
        width: 10vw; }
      .header-catalog .image-logo-mobile {
        width: 10vw; } }
  @media screen and (max-width: 780px) {
    .header-catalog {
      padding: 3vw;
      margin: 3vw; }
      .header-catalog .image-logo-mobile {
        width: 5vw; }
      .header-catalog .header-content-web {
        display: none; }
      .header-catalog .header-content-mobile {
        display: flex; }
      .header-catalog .image-content {
        height: 25vh; }
      .header-catalog .mb-items-mobile {
        right: 300px !important; }
      .header-catalog .mb-topbar-notifications {
        margin: 4px 0px 4px 0px; }
      .header-catalog .image-logo-web {
        width: 15vw; }
      .header-catalog .image-logo-mobile {
        width: 15vw; } }
  @media screen and (max-width: 640px) {
    .header-catalog .header-content-web {
      display: none; }
    .header-catalog .header-content-mobile {
      display: flex; }
    .header-catalog .mb-topbar-notifications {
      margin: 4px 0px 4px 0px; }
    .header-catalog .mb[notifications] {
      font-size: 4vw; }
    .header-catalog .mb-items-mobile {
      left: 2vw !important;
      width: 96vw !important;
      position: fixed !important; }
    .header-catalog .image-logo-web {
      width: 15vw; }
    .header-catalog .image-logo-mobile {
      width: 15vw;
      margin: 10px; } }
  .header-catalog .mb-items {
    cursor: default;
    width: 350px;
    right: 300px;
    z-index: 9999;
    background: var(--secondCatalogBg);
    transform: translateY(0);
    pointer-events: none;
    opacity: 0;
    transition: transform 350ms ease;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 0 70px rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative; }
    .header-catalog .mb-items .mb-items-wrapper {
      height: 400px;
      overflow: auto;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
    .header-catalog .mb-items .title {
      color: var(--primaryCatalogFont);
      width: 100%;
      border-bottom: 1px solid var(--thirdCatalogBg);
      font-size: 18px; }
    .header-catalog .mb-items .minimize {
      position: absolute;
      left: 90%;
      top: -1%;
      cursor: pointer; }
    .header-catalog .mb-items .mb-item {
      display: flex;
      flex-direction: row;
      line-height: normal;
      padding: 12px;
      justify-content: space-between;
      border-bottom: 1px solid var(--thirdCatalogBg);
      cursor: default; }
      .header-catalog .mb-items .mb-item .item-aligned {
        display: flex;
        flex-direction: row; }
        .header-catalog .mb-items .mb-item .item-aligned .mb-description {
          display: flex;
          flex-direction: column;
          align-items: baseline;
          margin-left: 8px; }
          .header-catalog .mb-items .mb-item .item-aligned .mb-description .mb-name {
            font-size: 14px;
            font-weight: 700;
            color: var(--primaryCatalogFont); }
          .header-catalog .mb-items .mb-item .item-aligned .mb-description .mb-price {
            margin-top: 8px;
            font-size: 16px;
            color: var(--primaryCatalogFont);
            font-weight: 100; }
          .header-catalog .mb-items .mb-item .item-aligned .mb-description .mb-color {
            font-size: 14px;
            color: var(--primaryCatalogFont); }
          .header-catalog .mb-items .mb-item .item-aligned .mb-description .mb-size {
            font-size: 14px;
            color: var(--primaryCatalogFont); }
      .header-catalog .mb-items .mb-item .mb-remove {
        display: flex;
        margin: -8px 8px;
        flex-direction: column;
        align-items: baseline;
        justify-content: flex-start; }
        .header-catalog .mb-items .mb-item .mb-remove a {
          cursor: pointer; }
    .header-catalog .mb-items .total {
      margin: 0px 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: var(--primaryCatalogFont); }
    .header-catalog .mb-items .button {
      width: 100%;
      background-color: var(--primaryCatalogFont);
      color: var(--primaryCatalogBg);
      border: none; }
    .header-catalog .mb-items.open {
      transform: translateY(14px);
      pointer-events: all;
      opacity: 1; }
  .header-catalog .mb-items-mobile {
    cursor: default;
    width: 350px;
    right: 150px;
    z-index: 9999;
    background: #fff;
    transform: translateY(0);
    pointer-events: none;
    opacity: 0;
    transition: transform 350ms ease;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 0 70px rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative; }
    .header-catalog .mb-items-mobile .button {
      border: none; }
    .header-catalog .mb-items-mobile .mb-items-wrapper {
      height: 400px;
      overflow: auto;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
    .header-catalog .mb-items-mobile .title {
      color: var(--primaryCatalogFont);
      width: 100%;
      border-bottom: 1px solid var(--thirdCatalogBg);
      font-size: 18px; }
    .header-catalog .mb-items-mobile .minimize {
      position: absolute;
      left: 90%;
      top: -1%;
      cursor: pointer; }
    .header-catalog .mb-items-mobile .mb-item {
      display: flex;
      flex-direction: row;
      line-height: normal;
      padding: 12px;
      justify-content: space-between;
      border-bottom: 1px solid var(--thirdCatalogBg);
      cursor: default; }
      .header-catalog .mb-items-mobile .mb-item .item-aligned {
        display: flex;
        flex-direction: row; }
        .header-catalog .mb-items-mobile .mb-item .item-aligned .mb-description {
          display: flex;
          flex-direction: column;
          align-items: baseline;
          margin-left: 8px; }
          .header-catalog .mb-items-mobile .mb-item .item-aligned .mb-description .mb-name {
            font-size: 14px;
            font-weight: 700;
            color: var(--primaryCatalogFont); }
          .header-catalog .mb-items-mobile .mb-item .item-aligned .mb-description .mb-price {
            margin-top: 8px;
            font-size: 16px;
            color: var(--primaryCatalogFont);
            font-weight: 100; }
          .header-catalog .mb-items-mobile .mb-item .item-aligned .mb-description .mb-color {
            font-size: 14px;
            color: var(--primaryCatalogFont); }
          .header-catalog .mb-items-mobile .mb-item .item-aligned .mb-description .mb-size {
            font-size: 14px;
            color: var(--primaryCatalogFont); }
      .header-catalog .mb-items-mobile .mb-item .mb-remove {
        display: flex;
        margin: -8px 8px;
        flex-direction: column;
        align-items: baseline;
        justify-content: flex-start; }
        .header-catalog .mb-items-mobile .mb-item .mb-remove a {
          cursor: pointer; }
    .header-catalog .mb-items-mobile .total {
      margin: 0px 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: var(--primaryCatalogFont); }
    .header-catalog .mb-items-mobile .button {
      width: 100%;
      background-color: var(--primaryCatalogFont);
      color: white; }
    .header-catalog .mb-items-mobile.open {
      transform: translateY(14px);
      pointer-events: all;
      opacity: 1; }
.footer {
  background-color: var(--primaryCatalogBg);
  border-top: 1px solid var(--thirdCatalogBg);
  border-bottom: 1px solid var(--thirdCatalogBg);
  min-height: 104px;
  display: flex;
  margin: 0vw 20vw 0vw 20vw; }
  .footer .m-b-8 {
    margin-bottom: 8px; }
  .footer .title {
    padding-bottom: 1vh;
    display: flex;
    justify-content: center; }
  .footer .company-content {
    padding: 12px; }
    .footer .company-content .item {
      padding-bottom: 0.5vh; }
    .footer .company-content .icon {
      float: left;
      width: 1vw;
      margin-right: 15px;
      display: flex;
      justify-content: center; }
    .footer .company-content .icon i {
      font-size: 20px; }
  .footer .footer-content {
    flex: 1 1 0%;
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
    color: var(--primaryCatalogFont); }
  @media screen and (max-width: 1600px) {
    .footer {
      margin: 0vw 15vw 0vw 15vw; } }
  @media screen and (max-width: 1024px) {
    .footer .footer-content {
      flex-direction: column; }
    .footer .social-media-content .social-itens {
      justify-content: center !important; }
    .footer .social-media-content .social-itens .item {
      margin-right: 2vw !important;
      margin-left: 2vw !important; } }
  @media screen and (max-width: 780px) {
    .footer {
      padding: 4vw;
      margin: 1vw; }
      .footer .footer-content {
        flex-direction: column;
        align-items: center; }
      .footer .company-content {
        margin-bottom: 14px; }
      .footer .payment-methods ul, .footer .payment-methods li {
        padding: 0;
        text-align: center; } }
  @media screen and (max-width: 640px) {
    .footer .footer-content {
      flex-direction: column;
      align-items: center; }
    .footer .company-content {
      margin-bottom: 14px; } }
  .footer .company-content {
    justify-content: center;
    display: flex;
    flex-direction: column; }
  .footer .payment-methods {
    align-items: center;
    flex-direction: column;
    color: var(--primaryCatalogFont);
    padding: 12px; }
    .footer .payment-methods label {
      margin-bottom: 4px; }
    .footer .payment-methods ul {
      list-style: none;
      list-style-type: none;
      display: flex;
      flex-direction: column; }
  .footer .social-media-content {
    align-items: center;
    flex-direction: column;
    color: var(--primaryCatalogFont);
    padding: 12px; }
    .footer .social-media-content .social-itens {
      list-style: none;
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--primaryCatalogFont); }
      .footer .social-media-content .social-itens .item {
        display: inline;
        cursor: pointer;
        margin-right: 7px;
        margin-left: 7px; }
        .footer .social-media-content .social-itens .item .icon {
          font-size: 24px;
          color: var(--primaryCatalogFont); }
      .footer .social-media-content .social-itens .item:hover {
        opacity: 0.5; }

.powered-by {
  width: 100%;
  margin: 12px 0px 12px 0px;
  display: flex;
  align-items: center;
  justify-content: center; }

.powered-by-content {
  color: var(--primaryCatalogFont);
  width: fit-content;
  display: flex;
  opacity: 0.8;
  align-items: baseline;
  justify-content: center; }
  .powered-by-content label {
    cursor: pointer;
    font-weight: 500; }
  .powered-by-content img {
    max-width: 84px;
    height: auto;
    margin-left: 8px;
    margin-bottom: 8px; }

.powered-by-content:hover {
  opacity: 1; }
.filter-wrapper .box {
  padding: 8px; }

.filter-wrapper .box:not(:nth-of-type(1))::before,
.filter-wrapper .divider1 {
  content: "";
  border-bottom: solid 1px var(--primaryCatalogFont);
  margin: 10px;
  display: block; }

.filter-wrapper .title {
  font-size: 16px;
  margin-bottom: 4px;
  margin-top: 4px; }

.filter-wrapper .clear {
  cursor: pointer; }

.filter-wrapper .items-wrapper {
  margin-top: 4px;
  height: 200px;
  overflow: auto;
  border: solid 1px var(--primaryCatalogFont);
  border-radius: 4px;
  padding: 8px; }

.filter-wrapper .search-input {
  margin: 8px 0px; }

.filter-wrapper .item {
  margin-top: 4px;
  cursor: pointer; }

.filter-wrapper .clear-all {
  color: #2d3748;
  background-color: #dedede;
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 4px; }
  .filter-wrapper .clear-all i {
    margin-right: 4px; }

.filter-wrapper mbg-checkbox .label-cbx input:checked + .checkbox {
  border-color: #2d3748; }

.filter-wrapper mbg-checkbox .label-cbx input:checked + .checkbox svg path {
  fill: #2d3748; }

.filter-wrapper mbg-checkbox .label-cbx .checkbox svg path {
  stroke: #2d3748; }
:root {
  --primaryCatalogBg:white;
  --secondCatalogBg:rgb(251, 251, 251);
  --thirdCatalogBg:white;
  --primaryCatalogFont:black;
  --secondCatalogFont:#718096;
  --thirdCatalogFont:#2d3748; }

.catalog-content-wrapper {
  height: 100vh !important;
  overflow: auto;
  color: var(--primaryCatalogFont);
  background-color: var(--primaryCatalogBg); }
  .catalog-content-wrapper ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--secondCatalogFont) !important;
    opacity: 1 !important;
    /* Firefox */ }
  .catalog-content-wrapper :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--secondCatalogFont) !important; }
  .catalog-content-wrapper ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--secondCatalogFont) !important; }
  .catalog-content-wrapper input {
    border-color: var(--primaryCatalogFont) !important;
    background-color: var(--primaryCatalogBg) !important;
    color: var(--primaryCatalogFont) !important; }
  .catalog-content-wrapper .input-group-search {
    background-color: var(--primaryCatalogBg) !important; }
  .catalog-content-wrapper .unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .catalog-content-wrapper .mbg-address-row .mbg-address-wrapper input.mbg-input {
    border-color: var(--primaryCatalogFont);
    background-color: var(--primaryCatalogBg);
    color: var(--secondCatalogFont); }
.catalog-list-wrapper {
  background-color: var(--primaryCatalogBg); }
  .catalog-list-wrapper .body {
    display: block;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    min-height: calc(100vh - 188px); }
    .catalog-list-wrapper .body .body-wrapper {
      width: 100%;
      max-width: 1600px;
      margin-left: auto;
      margin-right: auto;
      display: flex; }
    @media screen and (max-width: 1600px) {
      .catalog-list-wrapper .body .body-wrapper {
        max-width: 1600px; } }
    @media screen and (max-width: 1024px) {
      .catalog-list-wrapper .body .body-wrapper {
        max-width: 1024px; } }
    @media screen and (max-width: 768px) {
      .catalog-list-wrapper .body .body-wrapper {
        max-width: 768px; } }
    @media screen and (max-width: 640px) {
      .catalog-list-wrapper .body .body-wrapper {
        max-width: 640px; } }
    .catalog-list-wrapper .body .body-flex {
      flex: 1 1 0%; }
    .catalog-list-wrapper .body .company-wrapper {
      width: 100%; }
    .catalog-list-wrapper .body .company-card {
      margin: 14px;
      padding: 14px;
      border: 2px solid whitesmoke;
      background-color: white;
      display: flex;
      flex-direction: row; }
    .catalog-list-wrapper .body .company-logo {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      border-radius: 0.375rem;
      width: 60%;
      height: 114px; }
    .catalog-list-wrapper .body .company-data {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .catalog-list-wrapper .body .company-data label {
        font-size: 24px; }
      .catalog-list-wrapper .body .company-data span {
        font-size: 14px;
        color: var(--thirdCatalogFont); }
    @media screen and (max-width: 640px) {
      .catalog-list-wrapper .body .company-data label {
        font-size: 18px; }
      .catalog-list-wrapper .body .company-data span {
        font-size: 14px;
        color: var(--thirdCatalogFont); }
      .catalog-list-wrapper .body .company-card {
        flex-direction: column;
        align-items: center; }
      .catalog-list-wrapper .body .company-logo {
        margin-bottom: 10px; } }
    .catalog-list-wrapper .body .body-row-flex {
      display: flex;
      flex-direction: row; }
    .catalog-list-wrapper .body .container-left {
      flex-direction: column;
      padding-right: 6rem;
      width: 20%; }
    .catalog-list-wrapper .body .container-left-wrapper {
      display: flex;
      flex-direction: column;
      height: auto;
      margin-top: 4px;
      width: 100%;
      z-index: 10; }
    @media screen and (max-width: 768px) {
      .catalog-list-wrapper .body .container-left {
        display: none; } }
    .catalog-list-wrapper .body .category-container {
      width: 100%; }
    .catalog-list-wrapper .body .catatory-list-title {
      font-size: 1.5em;
      font-weight: 700;
      font-family: MontSerrat, sans-serif;
      color: var(--thirdCatalogFont);
      margin: 0; }
    .catalog-list-wrapper .body .overflow-web {
      overflow: auto;
      height: 100%; }
    .catalog-list-wrapper .body .overflow-web::-webkit-scrollbar-track {
      background: white; }
    .catalog-list-wrapper .body .overflow-web::-webkit-scrollbar-thumb {
      background: white; }
    .catalog-list-wrapper .body .overflow-web::-webkit-scrollbar-thumb:hover {
      background: white; }
    .catalog-list-wrapper .body .overflow-mobile {
      overflow: auto;
      width: 100%; }
    .catalog-list-wrapper .body .overflow-mobile::-webkit-scrollbar-track {
      background: white; }
    .catalog-list-wrapper .body .overflow-mobile::-webkit-scrollbar-thumb {
      background: white; }
    .catalog-list-wrapper .body .overflow-mobile::-webkit-scrollbar-thumb:hover {
      background: white; }
    .catalog-list-wrapper .body .category-item {
      display: flex;
      color: var(--thirdCatalogFont);
      cursor: pointer;
      min-width: fit-content;
      margin-right: 12px;
      margin-top: 12px;
      margin-bottom: 12px; }
    .catalog-list-wrapper .body .category-item:hover {
      color: var(--primaryCatalogFont);
      font-weight: bold; }
    .catalog-list-wrapper .body .selected {
      color: var(--primaryCatalogFont);
      font-weight: bold; }
    .catalog-list-wrapper .body .container-right {
      flex: 1 1 0%; }
    .catalog-list-wrapper .body .container-right-width {
      width: 100%; }
    .catalog-list-wrapper .body .count-sort-list {
      width: 100%;
      min-height: 44px;
      display: flex;
      align-items: center;
      padding: 0px 0px 8px 8px; }
    .catalog-list-wrapper .body .sort-by {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: 50%; }
      .catalog-list-wrapper .body .sort-by mbg-select {
        width: 50%; }
      .catalog-list-wrapper .body .sort-by span {
        margin-right: 8px; }
    .catalog-list-wrapper .body .count-itens {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 50%; }
    .catalog-list-wrapper .body .divider-vertical {
      border-left: solid 1px var(--primaryCatalogFont);
      margin: 10px;
      height: 12px; }
    .catalog-list-wrapper .body .resize-list-options {
      display: flex; }
    .catalog-list-wrapper .body .column-group {
      cursor: pointer;
      display: flex;
      margin-right: 2px;
      margin-left: 2px; }
    .catalog-list-wrapper .body .column-item {
      width: 7px;
      height: 12px;
      background-color: var(--primaryCatalogFont);
      margin-right: 1px;
      margin-left: 1px; }
    .catalog-list-wrapper .body .title-list {
      width: 100%; }
      .catalog-list-wrapper .body .title-list .mbg-title {
        font-size: 1.5em;
        font-weight: 700;
        font-family: MontSerrat,sans-serif;
        color: var(--thirdCatalogFont);
        margin: 0; }
    @media screen and (max-width: 640px) {
      .catalog-list-wrapper .body .title-list {
        margin-left: 10px; }
      .catalog-list-wrapper .body .count-sort-list {
        flex-direction: column-reverse; }
      .catalog-list-wrapper .body .count-itens {
        width: 100%;
        justify-content: center;
        margin-top: 8px; }
      .catalog-list-wrapper .body .sort-by {
        width: 100%;
        justify-content: center; } }
    .catalog-list-wrapper .body .container-product-list {
      display: grid;
      grid-gap: 1.25rem;
      gap: 1.25rem;
      grid-template-columns: repeat(6, minmax(0, 1fr)); }
    @media screen and (max-width: 1024px) {
      .catalog-list-wrapper .body .container-product-list {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
      .catalog-list-wrapper .body .resize-list-options {
        display: none; }
      .catalog-list-wrapper .body .divider-vertical {
        display: none; }
      .catalog-list-wrapper .body .container-left {
        width: 30%; } }
    @media screen and (max-width: 768px) {
      .catalog-list-wrapper .body .container-product-list {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
      .catalog-list-wrapper .body .divider-vertical {
        display: flex; }
      .catalog-list-wrapper .body .mobile-nav-open-icon {
        display: flex; } }
    @media screen and (max-width: 640px) {
      .catalog-list-wrapper .body .container-right {
        width: 100vw; }
      .catalog-list-wrapper .body .container-product-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
      .catalog-list-wrapper .body .resize-list-options {
        display: none; }
      .catalog-list-wrapper .body .mobile-nav-open-icon {
        display: flex; } }
    .catalog-list-wrapper .body .product {
      overflow: hidden;
      padding: 10px;
      border-radius: 5px;
      transition: transform 350ms ease 0s;
      cursor: pointer;
      position: relative; }
    .catalog-list-wrapper .body .product:active {
      opacity: 0.7; }
    .catalog-list-wrapper .body .product-unavailable {
      color: #fff;
      background-color: #de4436;
      border-radius: 5px;
      position: absolute;
      font-weight: 500; }
    .catalog-list-wrapper .body .product-image {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      border-radius: 4px;
      width: 100%; }
    .catalog-list-wrapper .body .product-details {
      cursor: pointer;
      display: flex;
      flex-direction: column;
      flex: 1 1 0%;
      padding: 0.5rem; }
      .catalog-list-wrapper .body .product-details span {
        cursor: pointer;
        color: var(--thirdCatalogFont); }
      .catalog-list-wrapper .body .product-details label {
        cursor: pointer;
        color: var(--primaryCatalogFont);
        word-break: break-word;
        display: -webkit-box;
        font-weight: 500;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-top: 6px; }
      .catalog-list-wrapper .body .product-details .product-price {
        color: var(--primaryCatalogFont);
        font-weight: bold; }
  .catalog-list-wrapper .backdrop-container {
    display: none;
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-animation: fadeIn 1.2s ease-in-out;
    animation: fadeIn 1.2s ease-in-out; }
  .catalog-list-wrapper nav {
    width: 100%;
    height: 10vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 1; }
  .catalog-list-wrapper .mobile-nav-open-icon {
    display: none;
    font-size: 2rem;
    cursor: pointer;
    color: var(--primaryCatalogFont); }
  .catalog-list-wrapper .sidenav-container {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: solid 1px var(--primaryCatalogFont); }
  .catalog-list-wrapper .sidenav-container a {
    text-decoration: none;
    font-size: 1rem;
    color: var(--primaryCatalogFont);
    display: block;
    transition: 0.3s;
    margin: 10px 0; }
  .catalog-list-wrapper .sidenav-container a:hover {
    color: #ffffff; }
  .catalog-list-wrapper .sidenav-container .close-btn {
    font-size: 3rem;
    font-weight: 700;
    color: var(--primaryCatalogFont);
    padding-right: 1rem; }
  .catalog-list-wrapper .sidenav-container .drawer-close-button {
    height: 3rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
.product-details-wrapper {
  display: block;
  min-height: calc(100vh - 31vh);
  padding: 0vw 20vw 0vw 20vw; }
  .product-details-wrapper .btn-catalog {
    background-color: var(--thirdCatalogFont);
    color: var(--thirdCatalogBg); }
    .product-details-wrapper .btn-catalog.btn:focus, .product-details-wrapper .btn-catalog.btn:hover {
      color: var(--primaryCatalogBg); }
  .product-details-wrapper .product-details-wrapper .container-fluid {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .product-details-wrapper .product-details-wrapper .row {
    margin-left: 0;
    margin-right: 0; }
  .product-details-wrapper .container {
    display: flex;
    max-width: 100%;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 2vh; }
  .product-details-wrapper .back {
    opacity: 0.5;
    padding: 10px 0px; }
    .product-details-wrapper .back span {
      color: var(--thirdCatalogFont); }
    .product-details-wrapper .back i {
      color: var(--thirdCatalogFont);
      margin-right: 4px; }
  .product-details-wrapper .back:hover {
    opacity: 1; }
  .product-details-wrapper .content {
    display: flex;
    flex-direction: row;
    margin-top: 0;
    max-width: 100%; }
  .product-details-wrapper .image-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 62rem;
    margin: 0px 1vw 0px 1vw; }
  .product-details-wrapper .image-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    border: 1px solid #eaeaea; }
  .product-details-wrapper .image-content {
    height: 514px;
    width: 514px; }
  .product-details-wrapper .image {
    width: 100%;
    height: 100%;
    overflow: visible;
    position: relative;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .product-details-wrapper .image img {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      border-radius: 4px;
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .product-details-wrapper .scroll {
    font-size: 24px;
    color: var(--thirdCatalogFont);
    opacity: 0.5; }
  .product-details-wrapper .scroll:hover {
    opacity: 1; }
  .product-details-wrapper .image-list-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 514px; }
  .product-details-wrapper .list {
    display: flex;
    flex-direction: column;
    overflow: auto;
    scroll-behavior: smooth; }
  .product-details-wrapper .list::-webkit-scrollbar-track {
    background: white; }
  .product-details-wrapper .list::-webkit-scrollbar-thumb {
    background: white; }
  .product-details-wrapper .list::-webkit-scrollbar-thumb:hover {
    background: white; }
  .product-details-wrapper .image-list-wrapper-mobile {
    width: 100%;
    display: none;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    overflow: auto;
    scroll-behavior: smooth; }
  .product-details-wrapper .image-list-wrapper-mobile::-webkit-scrollbar-track {
    background: white; }
  .product-details-wrapper .image-list-wrapper-mobile::-webkit-scrollbar-thumb {
    background: white; }
  .product-details-wrapper .image-list-wrapper-mobile::-webkit-scrollbar-thumb:hover {
    background: white; }
  .product-details-wrapper .image-item-list {
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 0.8rem;
    position: relative;
    height: 94px;
    min-width: 94px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    transition: transform 350ms ease 0s;
    cursor: pointer;
    background-position-x: center; }
  .product-details-wrapper .image-item-list-mobile {
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 0.5rem;
    position: relative;
    height: 74px;
    min-width: 74px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    transition: transform 350ms ease 0s;
    cursor: pointer;
    margin-right: 8px;
    background-position-x: center; }
  .product-details-wrapper .details-container h1 {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 1.8em;
    font-weight: bold; }
  .product-details-wrapper .details-container .ref {
    color: var(--thirdCatalogFont);
    font-weight: 100; }
  .product-details-wrapper .details-container label {
    margin-top: 2px;
    margin-bottom: 10px; }
  .product-details-wrapper .details-container .share-container {
    padding: 3vh 0 4vh 0; }
  .product-details-wrapper .details-container .share span {
    font-weight: 100;
    opacity: 0.8; }
  .product-details-wrapper .product-price {
    color: var(--thirdCatalogFont);
    font-size: 2.22em;
    font-weight: 500 !important;
    opacity: 1 !important; }
  .product-details-wrapper .unavailable {
    color: #de4436;
    font-weight: 500;
    font-size: 16px;
    min-height: 3vh; }
  .product-details-wrapper .variation-list {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-flow: row wrap; }
  .product-details-wrapper .variation-item {
    color: var(--thirdCatalogFont);
    padding: 4px 8px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--thirdCatalogFont);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1vh; }
  .product-details-wrapper .variation-item-quantity {
    color: var(--thirdCatalogFont);
    padding: 4px 8px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--thirdCatalogFont);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px; }
  .product-details-wrapper .color-ref {
    padding: 8px;
    border-radius: 24px;
    margin-right: 4px; }
  .product-details-wrapper .check-icon {
    position: relative;
    top: -5px;
    right: 14px;
    opacity: 0;
    color: var(--thirdCatalogFont); }
  .product-details-wrapper .product-old-price {
    color: var(--thirdCatalogFont);
    font-size: 24px;
    text-decoration: line-through;
    opacity: 0.5; }
  .product-details-wrapper .discount {
    color: #a94442;
    font-size: 16px;
    margin-left: 4px;
    opacity: 0.7; }
  .product-details-wrapper .description {
    white-space: break-spaces; }
  .product-details-wrapper .share {
    color: var(--thirdCatalogFont);
    font-weight: 100; }
    .product-details-wrapper .share i {
      margin: 0px 8px 0px 8px;
      font-size: 20px;
      opacity: 1; }
    .product-details-wrapper .share i:hover {
      opacity: 0.6; }
    .product-details-wrapper .share .whatsapp-color {
      color: #06aa48; }
    .product-details-wrapper .share .facebook-color {
      color: #1c74f4; }
    .product-details-wrapper .share .twitter-color {
      color: #1da1f2; }
    .product-details-wrapper .share .email-color {
      color: #d64233; }
  @media screen and (max-width: 1600px) {
    .product-details-wrapper {
      padding: 0vw 15vw 0vw 15vw; }
      .product-details-wrapper .image-wrapper {
        display: flex; }
      .product-details-wrapper .image-list-wrapper-mobile {
        display: none; }
      .product-details-wrapper .image-list-wrapper {
        display: flex; }
      .product-details-wrapper .image-content {
        height: 514px;
        width: 514px; }
      .product-details-wrapper .image img {
        width: 100%;
        height: 514px; } }
  @media screen and (max-width: 1280px) {
    .product-details-wrapper .share-container {
      padding: 1.5vh 0 2vh 0 !important; }
    .product-details-wrapper .image-container {
      width: 30vw; }
    .product-details-wrapper .image-wrapper {
      display: flex; }
    .product-details-wrapper .image-list-wrapper-mobile {
      display: none; }
    .product-details-wrapper .image-list-wrapper {
      display: flex; }
    .product-details-wrapper .image-content {
      height: 514px;
      width: 514px; }
    .product-details-wrapper .image img {
      width: 100%;
      height: 514px; } }
  @media screen and (max-width: 1024px) {
    .product-details-wrapper .share-container {
      padding: 1vh 0 1vh 0 !important; }
    .product-details-wrapper .image-container {
      width: 25vw; }
    .product-details-wrapper .image-wrapper {
      display: flex; }
    .product-details-wrapper .image-list-wrapper-mobile {
      display: none; }
    .product-details-wrapper .image-list-wrapper {
      display: flex; }
    .product-details-wrapper .image-content {
      height: 514px;
      width: 514px; } }
  @media screen and (max-width: 780px) {
    .product-details-wrapper {
      padding: 0vw;
      margin: 1vw; }
      .product-details-wrapper .share-container {
        padding: 2vh 0 3vh 0 !important; }
      .product-details-wrapper .container {
        max-width: 100%; }
      .product-details-wrapper .content {
        flex-direction: column; }
      .product-details-wrapper .image-container {
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
        justify-content: center;
        display: contents; }
      .product-details-wrapper .image-wrapper {
        display: block;
        margin-bottom: 2vh; }
      .product-details-wrapper .image-list-wrapper-mobile {
        display: flex; }
      .product-details-wrapper .image-list-wrapper {
        display: none; }
      .product-details-wrapper .image-content {
        height: 214px;
        width: 100%; }
      .product-details-wrapper .image img {
        width: 214px;
        height: 214px; } }
  @media screen and (max-width: 640px) {
    .product-details-wrapper .container {
      max-width: 100%; }
    .product-details-wrapper .content {
      flex-direction: column; }
    .product-details-wrapper .image-container {
      max-width: 100%;
      padding-right: 0;
      padding-left: 0; }
    .product-details-wrapper .image-wrapper {
      display: block; }
    .product-details-wrapper .image-list-wrapper-mobile {
      display: flex; }
    .product-details-wrapper .image-list-wrapper {
      display: none; }
    .product-details-wrapper .image-content {
      height: 214px;
      width: 100%; }
    .product-details-wrapper .image img {
      width: 214px;
      height: 214px; } }
  .product-details-wrapper .info-product {
    padding: 1vh; }
    .product-details-wrapper .info-product .field {
      padding: 1vh; }
    .product-details-wrapper .info-product .title {
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 1vh; }
  .product-details-wrapper .packaging-button {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 5px;
    padding: 10px;
    transition: all 0.3s ease; }

.modal-content .product-details-wrapper {
  padding: 0; }
  .modal-content .product-details-wrapper .modal-close {
    height: 50px; }
    .modal-content .product-details-wrapper .modal-close button.btn-close {
      position: absolute;
      top: 15px;
      right: 20px;
      z-index: 999; }
.zoom-modal {
  background: transparent; }
  .zoom-modal .modal-dialog {
    transform: none !important;
    margin: inherit !important; }
    .zoom-modal .modal-dialog .modal-content {
      background: transparent; }
      .zoom-modal .modal-dialog .modal-content .image {
        min-height: 100vh;
        max-width: 100vw;
        object-fit: contain; }
      .zoom-modal .modal-dialog .modal-content .fa-times {
        position: absolute;
        right: 40px;
        top: 20px;
        font-size: 40px; }
      .zoom-modal .modal-dialog .modal-content .swiper {
        width: 100vw;
        max-width: 100%;
        height: 100vh;
        min-height: 0;
        min-width: 0; }
      .zoom-modal .modal-dialog .modal-content .swiper-slide {
        display: flex;
        flex-direction: row;
        justify-content: center; }
      .zoom-modal .modal-dialog .modal-content .swiper-button-prev {
        display: flex;
        flex-direction: column;
        justify-content: center; }
      .zoom-modal .modal-dialog .modal-content .swiper-button-next {
        display: flex;
        flex-direction: column;
        justify-content: center; }
.catalog-checkout-wrapper .container {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
  flex-direction: column;
  margin-bottom: 14px; }

.catalog-checkout-wrapper .image {
  max-width: 100%;
  max-height: 200px;
  height: auto;
  width: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  border-radius: 5px; }

.catalog-checkout-wrapper .mbg-error-tooltip {
  display: grid !important; }

.catalog-checkout-wrapper .btn-catalog {
  background-color: var(--primaryCatalogFont);
  color: var(--primaryCatalogBg); }

.catalog-checkout-wrapper .back {
  opacity: 0.5;
  padding: 12px; }
  .catalog-checkout-wrapper .back span {
    color: var(--primaryCatalogFont); }
  .catalog-checkout-wrapper .back i {
    color: var(--primaryCatalogFont);
    margin-right: 4px; }

.catalog-checkout-wrapper .back:hover {
  opacity: 1; }

.catalog-checkout-wrapper .total-row {
  font-weight: bold;
  background-color: #f8f9fa;
  color: #000; }

.catalog-checkout-wrapper .title-list-mobile {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.catalog-checkout-wrapper .responsive {
  display: flex;
  flex-direction: row; }

.catalog-checkout-wrapper .order-details {
  display: grid;
  width: 100%;
  margin-left: 14px;
  height: fit-content; }

.catalog-checkout-wrapper .title {
  width: 100%; }

.catalog-checkout-wrapper .title-items {
  display: flex;
  align-items: center;
  justify-content: space-between; }

@media screen and (max-width: 1600px) {
  .catalog-checkout-wrapper .responsive {
    flex-direction: row; }
  .catalog-checkout-wrapper .order-details {
    width: 50%;
    margin-left: 14px; } }

@media screen and (max-width: 1280px) {
  .catalog-checkout-wrapper .responsive {
    flex-direction: row; }
  .catalog-checkout-wrapper .order-details {
    width: 50%;
    margin-left: 14px; } }

@media screen and (max-width: 1024px) {
  .catalog-checkout-wrapper .responsive {
    flex-direction: row; }
  .catalog-checkout-wrapper .order-details {
    width: 50%;
    margin-left: 14px; } }

@media screen and (max-width: 780px) {
  .catalog-checkout-wrapper .responsive {
    flex-direction: row; }
  .catalog-checkout-wrapper .order-details {
    width: 50%;
    margin-left: 14px; } }

@media screen and (max-width: 640px) {
  .catalog-checkout-wrapper .responsive {
    flex-direction: column; }
  .catalog-checkout-wrapper .order-details {
    width: 100%;
    margin-left: 0px; } }

.catalog-checkout-wrapper .items-mobile {
  padding: 14px; }
  .catalog-checkout-wrapper .items-mobile .item-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 12px 0px 12px 0px;
    border-bottom: solid 1px #c6c6c6;
    padding-bottom: 14px; }
    .catalog-checkout-wrapper .items-mobile .item-wrapper img {
      max-width: 144px;
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain; }
    .catalog-checkout-wrapper .items-mobile .item-wrapper .item-details {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin-left: 14px; }
      .catalog-checkout-wrapper .items-mobile .item-wrapper .item-details a {
        cursor: pointer; }
      .catalog-checkout-wrapper .items-mobile .item-wrapper .item-details i {
        font-size: 14px;
        margin: 0px 8px 0px 8px;
        color: var(--primaryCatalogFont); }

.catalog-checkout-wrapper .card {
  margin-top: 24px;
  border: solid 1px #c6c6c6;
  padding: 14px 0px 14px 0px;
  border-radius: 14px; }

.catalog-checkout-wrapper .finalize {
  margin: 24px 0px 24px 0px;
  display: flex;
  align-items: center;
  justify-content: center; }

@media screen and (max-width: 640px) {
  .catalog-checkout-wrapper .header-mobile {
    flex-direction: column;
    justify-content: center; } }

.catalog-checkout-wrapper .mbg-select-wrapper .mbg-select-input-fake {
  border-color: black !important; }

.catalog-checkout-wrapper .mbg-input-number-wrapper input {
  text-align: left !important; }

.catalog-checkout-wrapper .mbg-select-wrapper {
  color: var(--primaryCatalogFont); }
  .catalog-checkout-wrapper .mbg-select-wrapper .mbg-select-input-fake {
    background-color: var(--primaryCatalogBg);
    border-color: var(--primaryCatalogFont) !important; }
  .catalog-checkout-wrapper .mbg-select-wrapper .mbg-icon-select {
    color: var(--primaryCatalogFont); }

.catalog-checkout-wrapper .image:hover,
.catalog-checkout-wrapper .item-details label:hover {
  opacity: 0.8;
  transition: opacity 0.2s; }

.catalog-checkout-wrapper .edit-icon {
  cursor: pointer;
  color: #FF9800;
  font-size: 1.2rem;
  transition: color 0.3s; }

.catalog-checkout-wrapper .edit-icon:hover {
  color: #E68900; }
.person-view-details-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 44px; }
  .person-view-details-wrapper .through {
    text-decoration: line-through; }
  .person-view-details-wrapper .content-modal-wrapper {
    width: 1024px;
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 24px 27px;
    display: flex;
    flex-direction: column; }
    .person-view-details-wrapper .content-modal-wrapper h5.spotlight {
      font-size: 20px; }
    .person-view-details-wrapper .content-modal-wrapper .input-search-person {
      margin-bottom: 20px; }
    .person-view-details-wrapper .content-modal-wrapper .person-info .person-content .bold-title {
      font-weight: bold; }
    .person-view-details-wrapper .content-modal-wrapper .person-info .title-person {
      font-size: 20px; }
    .person-view-details-wrapper .content-modal-wrapper .person-info .sub-title-person {
      margin-left: 20px;
      font-size: 18px; }
    .person-view-details-wrapper .content-modal-wrapper .person-info .left-space {
      margin-left: auto; }
    .person-view-details-wrapper .content-modal-wrapper .person-info .right-space {
      margin-right: 22px; }
    .person-view-details-wrapper .content-modal-wrapper .person-info .text-border {
      border: 2px solid rgba(0, 0, 0, 0.3);
      padding: 1px 3px;
      border-radius: 15px; }
    .person-view-details-wrapper .content-modal-wrapper .person-info .person-image {
      margin-left: auto;
      padding: 4px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 15px;
      width: fit-content;
      height: fit-content; }
      .person-view-details-wrapper .content-modal-wrapper .person-info .person-image .image-box {
        max-width: 335px;
        max-height: 335px; }
        .person-view-details-wrapper .content-modal-wrapper .person-info .person-image .image-box .img-profile {
          padding: 90px;
          font-size: 70px;
          background-color: rgba(0, 0, 0, 0.2);
          border-radius: 16px;
          color: white; }
        .person-view-details-wrapper .content-modal-wrapper .person-info .person-image .image-box img {
          border: 5px;
          border-radius: 17px; }
    .person-view-details-wrapper .content-modal-wrapper .person-more-info {
      color: #7b7b7b; }
      .person-view-details-wrapper .content-modal-wrapper .person-more-info .font {
        font-family: "Montserrat", sans-serif !important;
        font-weight: 500; }
    .person-view-details-wrapper .content-modal-wrapper .central {
      margin-left: auto;
      margin-right: auto; }
    .person-view-details-wrapper .content-modal-wrapper .row-person {
      margin-top: 20px; }
    .person-view-details-wrapper .content-modal-wrapper .illustration-search {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .person-view-details-wrapper .content-modal-wrapper .illustration-search span {
        position: absolute;
        top: 6px;
        color: var(--font2);
        font-weight: 500; }
    .person-view-details-wrapper .content-modal-wrapper .header-modal-wrapper {
      height: fit-content; }
    .person-view-details-wrapper .content-modal-wrapper .body-modal-wrapper {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative; }
      .person-view-details-wrapper .content-modal-wrapper .body-modal-wrapper h4.title-name {
        font-size: 23px; }
    .person-view-details-wrapper .content-modal-wrapper .footer-modal-wrapper {
      padding-top: 24px;
      height: fit-content; }
.birthdays-person-wrapper {
  width: 600px;
  padding: 24px 24px; }
  .birthdays-person-wrapper .customer-header {
    margin-bottom: 14px; }
    .birthdays-person-wrapper .customer-header .no-padding {
      padding: 0; }
    .birthdays-person-wrapper .customer-header button {
      background: transparent;
      border: none;
      color: #4f59d4; }
    .birthdays-person-wrapper .customer-header .right {
      display: flex;
      flex-direction: column;
      font-size: 12px;
      align-items: flex-end; }
      .birthdays-person-wrapper .customer-header .right button {
        padding: 0; }
  .birthdays-person-wrapper .message-wrapper {
    padding: 0 18px;
    height: 0;
    overflow: hidden;
    transition: all 350ms ease;
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    .birthdays-person-wrapper .message-wrapper > * {
      transition: all 350ms ease;
      opacity: 0;
      pointer-events: none; }
    .birthdays-person-wrapper .message-wrapper.visible-message {
      height: 114px; }
      .birthdays-person-wrapper .message-wrapper.visible-message * {
        opacity: 1;
        pointer-events: all; }
    .birthdays-person-wrapper .message-wrapper .message-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0;
      width: 100%; }
    .birthdays-person-wrapper .message-wrapper button {
      background: var(--primary);
      color: #fff;
      border: none;
      border-radius: 4px;
      padding: 6px 14px;
      margin-top: 5px; }
      .birthdays-person-wrapper .message-wrapper button[disabled="disabled"] {
        opacity: .4; }
    .birthdays-person-wrapper .message-wrapper textarea, .birthdays-person-wrapper .message-wrapper [ui-ace] {
      width: 100%;
      height: 64px;
      background: #fff;
      border: 1px solid #bbb;
      border-radius: 5px;
      resize: none;
      padding: 8px 14px; }
  .birthdays-person-wrapper .send-message-whatsapp {
    color: #2a922a !important; }
    .birthdays-person-wrapper .send-message-whatsapp i {
      margin-right: 5px; }
    .birthdays-person-wrapper .send-message-whatsapp.disabled {
      color: #666 !important; }
  .birthdays-person-wrapper .customers-wrapper .customer-row {
    margin-bottom: 8px;
    background: #f5f5f5;
    border-radius: 5px;
    border: 1px solid #ececec; }
  .birthdays-person-wrapper .customers-wrapper .customer {
    height: 64px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 18px; }
    .birthdays-person-wrapper .customers-wrapper .customer .customer-image .circle {
      border-radius: 50%; }
    .birthdays-person-wrapper .customers-wrapper .customer .customer-image img {
      width: 44px;
      height: 44px; }
    .birthdays-person-wrapper .customers-wrapper .customer .customer-metadata {
      padding: 0 14px;
      flex: 1; }
      .birthdays-person-wrapper .customers-wrapper .customer .customer-metadata label {
        font-size: 16px;
        margin: 0; }
      .birthdays-person-wrapper .customers-wrapper .customer .customer-metadata p {
        color: #222;
        font-size: 14px;
        margin: 0; }
    .birthdays-person-wrapper .customers-wrapper .customer .customer-options {
      display: flex;
      flex-direction: column;
      align-items: flex-end; }
      .birthdays-person-wrapper .customers-wrapper .customer .customer-options p {
        color: var(--success); }
      .birthdays-person-wrapper .customers-wrapper .customer .customer-options button {
        background: transparent;
        border: none;
        color: #4f59d4;
        padding: 0; }
        .birthdays-person-wrapper .customers-wrapper .customer .customer-options button[disabled="disabled"] {
          color: #666; }
  .birthdays-person-wrapper .paginate {
    display: flex;
    justify-content: space-between;
    margin-top: 14px; }
    .birthdays-person-wrapper .paginate button {
      background: transparent;
      border: none; }
      .birthdays-person-wrapper .paginate button[disabled="disabled"] {
        opacity: 0.4; }
  .birthdays-person-wrapper .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .birthdays-person-wrapper .empty i {
      font-size: 5em;
      color: var(--font2); }
    .birthdays-person-wrapper .empty p {
      color: #222;
      font-size: 14px;
      margin-top: 34px;
      margin-bottom: 24px; }
.basic-config-register {
  width: 30vw;
  margin-top: 15px; }
  .basic-config-register .mbg-modal {
    max-height: fit-content; }
  @media (max-height: fit-content) {
    .basic-config-register .mbg-modal {
      max-height: fit-content; } }
  .basic-config-register .basic-config-register-content {
    margin-top: 15px; }
  .basic-config-register .content-modal {
    max-height: 90%;
    flex: 1;
    margin-top: 10px;
    margin-bottom: 25px; }
    .basic-config-register .content-modal .param-row {
      margin-left: 15px; }
    .basic-config-register .content-modal .switch {
      margin-top: 25px; }
    .basic-config-register .content-modal .footer-modal {
      margin-bottom: 10px; }
  .basic-config-register .save-button {
    display: flex;
    align-items: center;
    justify-content: center; }
  .basic-config-register cp-page-title {
    margin-left: 13px; }
  .basic-config-register .m-t-14 {
    margin-top: 14px; }
.repasse-consigned-limit-config {
  height: 28rem;
  margin: 16px; }
  .repasse-consigned-limit-config .repasse-limit-credit-content .box-label {
    position: relative; }
    .repasse-consigned-limit-config .repasse-limit-credit-content .box-label label {
      font-weight: bold;
      font-size: 20px; }
    .repasse-consigned-limit-config .repasse-limit-credit-content .box-label button {
      font-size: 13px;
      position: absolute;
      top: 1rem;
      right: 0px; }
  .repasse-consigned-limit-config .repasse-limit-credit-content .back-button button {
    font-size: 14px;
    font-weight: bold; }
  .repasse-consigned-limit-config .repasse-limit-credit-content .money-input {
    width: 400px;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
.repasse-limit-credit-config {
  height: 28rem;
  margin: 16px; }
  .repasse-limit-credit-config .repasse-limit-credit-content .box-label {
    position: relative; }
    .repasse-limit-credit-config .repasse-limit-credit-content .box-label label {
      font-weight: bold;
      font-size: 20px; }
    .repasse-limit-credit-config .repasse-limit-credit-content .box-label button {
      font-size: 13px;
      position: absolute;
      top: 1rem;
      right: 0px; }
  .repasse-limit-credit-config .repasse-limit-credit-content .back-button button {
    font-size: 14px;
    font-weight: bold; }
  .repasse-limit-credit-config .repasse-limit-credit-content .money-input {
    width: 400px;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
.modal-dialog {
  display: table; }

.person-info-wrapper .ma-container .mbg-modal .mbg-body-modal {
  margin-left: 5px;
  margin-right: 5px; }
  .person-info-wrapper .ma-container .mbg-modal .mbg-body-modal .cash-account-info {
    height: 44px; }

.person-info-wrapper .button-list-credits-coupons {
  padding-right: 2.7rem; }

.person-info-wrapper .button-list-coupons {
  padding: 0 28px; }
  .person-info-wrapper .button-list-coupons a {
    color: var(--font2); }

.person-info-wrapper .button-new-coupons {
  margin-bottom: 8px; }
  .person-info-wrapper .button-new-coupons a {
    color: var(--font2); }

.person-info-wrapper .btn-create {
  flex: 1;
  border-radius: 34px;
  width: 100%;
  height: 44px;
  border: none;
  background: var(--secondary);
  color: #fff;
  font-weight: bold;
  margin-top: 24px; }

.person-info-wrapper .content-credit {
  position: relative;
  top: -33px;
  height: 0;
  overflow: hidden;
  will-change: transition;
  transition: height 400ms ease, opacity 400ms ease;
  opacity: 0; }
  .person-info-wrapper .content-credit.active {
    opacity: 1;
    height: auto; }

.person-info-wrapper .content-credit-with-payment {
  position: relative;
  top: -33px;
  height: 0;
  overflow: hidden;
  will-change: transition;
  transition: height 400ms ease, opacity 400ms ease;
  opacity: 0; }
  .person-info-wrapper .content-credit-with-payment.active {
    opacity: 1;
    height: auto; }

.person-info-wrapper .content-limit-div {
  position: relative;
  top: -33px;
  height: 0;
  overflow: hidden;
  will-change: transition;
  transition: height 400ms ease, opacity 400ms ease;
  opacity: 0; }
  .person-info-wrapper .content-limit-div.active {
    opacity: 1;
    height: auto; }

.person-info-wrapper .content-limit {
  position: relative;
  top: -33px;
  height: 0;
  overflow: hidden;
  will-change: transition;
  transition: height 400ms ease, opacity 400ms ease;
  opacity: 0; }
  .person-info-wrapper .content-limit .transfer-limit {
    padding-top: 15px; }
  .person-info-wrapper .content-limit .switch-ignore-limit-credit-transfer-config {
    margin: 20px 0px 0px 20px; }
  .person-info-wrapper .content-limit .label-transfer-ignore {
    vertical-align: middle;
    height: 4.5rem; }
  .person-info-wrapper .content-limit.active {
    opacity: 1;
    height: 380px; }

.person-info-wrapper .add-credit a {
  position: relative;
  z-index: 999;
  margin-top: 18px;
  font-size: 12px;
  color: var(--font2); }

.person-info-wrapper .config-limit a {
  position: relative;
  z-index: 999;
  margin-top: 18px;
  font-size: 12px;
  color: var(--font2); }

.person-info-wrapper .content-origin {
  margin-top: 14px;
  display: flex;
  align-items: center;
  flex-direction: column;
  opacity: 0;
  will-change: opacity;
  transition: opacity 400ms ease; }
  .person-info-wrapper .content-origin label {
    color: var(--font2); }
    .person-info-wrapper .content-origin label.origin {
      font-weight: 400; }
  .person-info-wrapper .content-origin.active {
    opacity: 1; }

.person-info-wrapper .btn-use {
  margin-bottom: auto;
  margin-top: auto;
  height: 40px;
  border-radius: 5px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  margin-left: 5px;
  padding: 8px; }

.person-info-wrapper .consigned-switch-div {
  display: flex;
  align-items: center;
  gap: 12px; }
.swal-2-utils-confirm > div {
  min-width: 500px; }
  .swal-2-utils-confirm > div div.swal2-content {
    text-align: center;
    color: #212121;
    font-weight: 400;
    font-size: 14px;
    margin: 20px 0; }
  .swal-2-utils-confirm > div div.swal2-actions {
    flex-direction: row-reverse;
    justify-content: flex-start; }
    .swal-2-utils-confirm > div div.swal2-actions button.swal2-confirm {
      background-color: white;
      color: #3c80f6;
      font-size: 14px;
      font-weight: 600; }
    .swal-2-utils-confirm > div div.swal2-actions button.swal2-cancel {
      background-color: white;
      color: #757575;
      font-size: 14px;
      font-weight: 600; }

.swal-2-utils-confirm-button div.swal2-actions {
  flex-direction: row-reverse;
  justify-content: flex-start; }
  .swal-2-utils-confirm-button div.swal2-actions button.swal2-confirm {
    background-color: white;
    color: #3c80f6;
    font-size: 14px;
    font-weight: 600; }
    .swal-2-utils-confirm-button div.swal2-actions button.swal2-confirm:hover {
      transition: all ease 0.5s;
      color: white;
      background-color: #3c80f6; }
    .swal-2-utils-confirm-button div.swal2-actions button.swal2-confirm button.swal2-deny {
      background-color: white;
      color: #d14529;
      font-size: 14px;
      font-weight: 600; }
      .swal-2-utils-confirm-button div.swal2-actions button.swal2-confirm button.swal2-deny:hover {
        transition: all ease 0.5s;
        color: white;
        background-color: #d14529; }

.swal2-select.mbg-select-input-fake {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  padding: 8px 14px;
  flex: 1;
  outline: none;
  width: inherit;
  height: 44px;
  max-width: 100%;
  cursor: text;
  display: flex;
  align-items: center; }
.modal-user-request-permission-wrapper {
  padding: 44px;
  width: 500px; }
  .modal-user-request-permission-wrapper .mbg-close-modal {
    color: var(--font2);
    position: absolute;
    right: 16px;
    top: 32px;
    font-size: 14px; }
    .modal-user-request-permission-wrapper .mbg-close-modal i {
      margin-left: 7px; }
  .modal-user-request-permission-wrapper label {
    color: var(--font2);
    margin-bottom: 5px; }
  .modal-user-request-permission-wrapper .description-user-request-permission {
    display: flex;
    flex-direction: column; }
    .modal-user-request-permission-wrapper .description-user-request-permission p {
      margin-bottom: 14px; }
    .modal-user-request-permission-wrapper .description-user-request-permission label {
      color: var(--font2);
      font-weight: 600; }
      .modal-user-request-permission-wrapper .description-user-request-permission label span {
        font-weight: 400; }

.style-modal-is-permission {
  backdrop-filter: blur(50px); }
.modal-request-permission-wrapper {
  padding: 44px;
  width: 500px; }
  .modal-request-permission-wrapper .mbg-close-modal {
    color: var(--font2);
    position: absolute;
    right: 16px;
    top: 32px;
    font-size: 14px; }
    .modal-request-permission-wrapper .mbg-close-modal i {
      margin-left: 7px; }
  .modal-request-permission-wrapper label {
    color: var(--font2);
    margin-bottom: 5px; }
  .modal-request-permission-wrapper .description-request-permission {
    display: flex;
    flex-direction: column; }
    .modal-request-permission-wrapper .description-request-permission p {
      margin-bottom: 14px; }
    .modal-request-permission-wrapper .description-request-permission label {
      color: var(--font2);
      font-weight: 600; }
      .modal-request-permission-wrapper .description-request-permission label span {
        font-weight: 400; }

.style-modal-is-permission {
  backdrop-filter: blur(50px); }
custom-theme .custom-theme-loading {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #FAFAFA;
  display: flex;
  align-items: center;
  justify-content: center; }
  custom-theme .custom-theme-loading h3 {
    color: var(--font2); }
.custom-theme-wrapper label.mbg-label.input-label {
  margin-top: 0; }

.custom-theme-wrapper button.btn-theme-skeleton .circle {
  width: 44px;
  height: 44px;
  border-radius: 50%; }

.custom-theme-wrapper button.btn-theme-skeleton .label {
  margin-top: 12px;
  height: 16px;
  width: 44px;
  display: block; }

.custom-theme-wrapper button.btn-theme {
  border: none;
  border-radius: 5px;
  color: var(--font2);
  padding: 10px 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 100px; }
  .custom-theme-wrapper button.btn-theme.active svg, .custom-theme-wrapper button.btn-theme.active label {
    opacity: 1; }
  .custom-theme-wrapper button.btn-theme svg, .custom-theme-wrapper button.btn-theme label {
    opacity: 0.5; }
  .custom-theme-wrapper button.btn-theme label {
    margin-top: 12px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    width: 96px; }
  .custom-theme-wrapper button.btn-theme * {
    cursor: pointer; }
  .custom-theme-wrapper button.btn-theme svg {
    width: 44px;
    height: 44px; }

.custom-theme-wrapper .item {
  margin-left: 28px; }
  .custom-theme-wrapper .item label {
    margin-bottom: 5px; }

.custom-theme-wrapper .image-item {
  margin-right: 14px; }

.custom-theme-wrapper mbg-image-upload-main .mbg-image-upload-main {
  background: #ccc;
  padding: 12px 0px; }

.custom-theme-wrapper mbg-image-upload-main .mbg-image-upload-main .mbg-image-upload-content {
  background-size: contain !important; }
.mbg-repasse-wrapper label {
  font-weight: 400; }

.mbg-repasse-wrapper .m-t-14 {
  margin-top: 14px; }

.mbg-repasse-wrapper .condition-content {
  max-height: 155px;
  overflow-x: hidden;
  overflow-y: auto; }
  .mbg-repasse-wrapper .condition-content .condition-item {
    margin-bottom: 8px; }

.mbg-repasse-wrapper .apply-content {
  max-height: 155px;
  overflow-x: hidden;
  overflow-y: auto; }
  .mbg-repasse-wrapper .apply-content .apply-item {
    margin-bottom: 8px; }

.mbg-repasse-wrapper .options-action {
  display: flex;
  height: 44px;
  align-items: center; }
  .mbg-repasse-wrapper .options-action h4 {
    font-size: 17px; }
  .mbg-repasse-wrapper .options-action label {
    margin-right: 14px;
    font-size: 12px;
    cursor: pointer; }
    .mbg-repasse-wrapper .options-action label.add {
      color: var(--primary); }
    .mbg-repasse-wrapper .options-action label.remove {
      color: var(--error); }
.mbg-timeline-wrapper {
  position: relative;
  overflow: hidden; }
  .mbg-timeline-wrapper ::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .mbg-timeline-wrapper ::-webkit-scrollbar-button {
    width: 0px;
    height: 0px; }
  .mbg-timeline-wrapper ::-webkit-scrollbar-thumb {
    background: var(--primary);
    background: var(--neutral3);
    border: 0px none #ffffff;
    border-radius: 50px; }
  .mbg-timeline-wrapper ::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
    background: var(--neutral3); }
  .mbg-timeline-wrapper ::-webkit-scrollbar-track {
    background: rgba(158, 158, 158, 0.22);
    border: 0px none #ffffff;
    border-radius: 50px; }
  .mbg-timeline-wrapper ::-webkit-scrollbar-corner {
    background: transparent; }
  .mbg-timeline-wrapper ul {
    list-style: none;
    padding: 0 24px;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    margin-bottom: 0px; }
    .mbg-timeline-wrapper ul.mbg-scroll-active {
      padding-left: 30px; }
    .mbg-timeline-wrapper ul::before {
      top: 0;
      bottom: 0;
      position: absolute;
      content: ' ';
      width: 3px;
      background-color: #cccccc;
      left: 50%;
      margin-left: -1.5px; }
    .mbg-timeline-wrapper ul li.item-line-wrapper {
      display: flex;
      transform: translateX(50%);
      width: 50%;
      position: relative;
      z-index: 2; }
      .mbg-timeline-wrapper ul li.item-line-wrapper.impar .icon-line {
        transform: translateX(-50%); }
      .mbg-timeline-wrapper ul li.item-line-wrapper.impar .item-line::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        position: absolute;
        width: 0;
        height: 0;
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-right: 14px solid #fff;
        left: 0;
        top: 50%;
        transform: translateY(-50%) translateX(-95%); }
      .mbg-timeline-wrapper ul li.item-line-wrapper.par {
        transform: translateX(-50%);
        flex-direction: row-reverse; }
        .mbg-timeline-wrapper ul li.item-line-wrapper.par .icon-line {
          transform: translateX(50%); }
        .mbg-timeline-wrapper ul li.item-line-wrapper.par .item-line::before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          margin-right: 10px;
          position: absolute;
          width: 0;
          height: 0;
          border-top: 14px solid transparent;
          border-bottom: 14px solid transparent;
          border-left: 14px solid #fff;
          right: 0;
          top: 50%;
          transform: translateY(-50%) translateX(155%); }
      .mbg-timeline-wrapper ul li.item-line-wrapper .icon-line {
        margin-bottom: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 64px; }
        .mbg-timeline-wrapper ul li.item-line-wrapper .icon-line .circle-icon-line {
          border-radius: 50%;
          box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
          width: 54px;
          height: 54px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #5ba3ff;
          color: #fff; }
          .mbg-timeline-wrapper ul li.item-line-wrapper .icon-line .circle-icon-line.warn {
            background-color: var(--warn); }
          .mbg-timeline-wrapper ul li.item-line-wrapper .icon-line .circle-icon-line.error {
            background-color: var(--error); }
          .mbg-timeline-wrapper ul li.item-line-wrapper .icon-line .circle-icon-line.info {
            background-color: var(--info); }
          .mbg-timeline-wrapper ul li.item-line-wrapper .icon-line .circle-icon-line.default {
            background-color: var(--neutral2); }
          .mbg-timeline-wrapper ul li.item-line-wrapper .icon-line .circle-icon-line.success {
            background-color: var(--success); }
      .mbg-timeline-wrapper ul li.item-line-wrapper .item-line {
        width: 100%;
        margin-bottom: 24px;
        position: relative;
        padding: 0 10px;
        border-radius: 4px;
        background-color: #fff;
        border: 1px solid #f1f1f1; }
        .mbg-timeline-wrapper ul li.item-line-wrapper .item-line .default-line {
          padding-bottom: 6px; }
          .mbg-timeline-wrapper ul li.item-line-wrapper .item-line .default-line h4 {
            color: var(--font2);
            margin-top: 16px; }
          .mbg-timeline-wrapper ul li.item-line-wrapper .item-line .default-line p {
            color: var(--font2);
            font-size: 12px;
            margin-bottom: 7px; }
          .mbg-timeline-wrapper ul li.item-line-wrapper .item-line .default-line span {
            font-size: 10px;
            margin-bottom: 10px;
            color: var(--font2); }
            .mbg-timeline-wrapper ul li.item-line-wrapper .item-line .default-line span i {
              margin-right: 8px; }
.mbg-dynamic-cube-wrapper {
  padding: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  --cubeWidth: 200px;
  --cubeHeight: 140px;
  --cubeDepth: 140px;
  --cubeDepthNegative: calc(-1*var(--cubeDepth));
  /* 3D Cube */ }
  .mbg-dynamic-cube-wrapper * {
    transition: all 500ms ease; }
  .mbg-dynamic-cube-wrapper .space3d {
    perspective: 1000px;
    width: var(--cubeWidth);
    height: var(--cubeHeight);
    text-align: center;
    display: inline-block; }
  .mbg-dynamic-cube-wrapper ._3dbox {
    display: inline-block;
    transition: all 0.85s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-align: center;
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transform: rotateX(-15deg) rotateY(15deg); }
  .mbg-dynamic-cube-wrapper ._3dface {
    overflow: hidden;
    position: absolute;
    border: 1px solid #888;
    background: #fff;
    box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.1), 0 0 50px rgba(0, 0, 0, 0.3);
    color: #333;
    line-height: var(--cubeWidth);
    opacity: 0.8; }
  .mbg-dynamic-cube-wrapper ._3dface--back,
  .mbg-dynamic-cube-wrapper ._3dface--front {
    width: var(--cubeWidth);
    height: var(--cubeHeight); }
  .mbg-dynamic-cube-wrapper ._3dface--back {
    translate: 0 0 var(--cubeDepthNegative); }
  .mbg-dynamic-cube-wrapper ._3dface--bottom,
  .mbg-dynamic-cube-wrapper ._3dface--top {
    width: var(--cubeWidth);
    height: var(--cubeDepth);
    transform-origin: top;
    transform: rotateX(-90deg); }
  .mbg-dynamic-cube-wrapper ._3dface--bottom {
    translate: 0 var(--cubeHeight) 0; }
  .mbg-dynamic-cube-wrapper ._3dface--left,
  .mbg-dynamic-cube-wrapper ._3dface--right {
    width: var(--cubeDepth);
    height: var(--cubeHeight);
    transform-origin: left;
    transform: rotateY(90deg); }
  .mbg-dynamic-cube-wrapper ._3dface--right {
    translate: var(--cubeWidth) 0 0; }
  .mbg-dynamic-cube-wrapper #radio-left:checked ~ .space3d ._3dbox {
    transform: rotateY(90deg); }
  .mbg-dynamic-cube-wrapper #radio-right:checked ~ .space3d ._3dbox {
    transform: rotateY(-90deg); }
  .mbg-dynamic-cube-wrapper #radio-bottom:checked ~ .space3d ._3dbox {
    transform: rotateX(90deg); }
  .mbg-dynamic-cube-wrapper #radio-top:checked ~ .space3d ._3dbox {
    transform: rotateX(-90deg); }
  .mbg-dynamic-cube-wrapper #radio-back:checked ~ .space3d ._3dbox {
    transform: rotateY(180deg); }
  .mbg-dynamic-cube-wrapper ._3dface--front,
  .mbg-dynamic-cube-wrapper ._3dface--left,
  .mbg-dynamic-cube-wrapper ._3dface--right,
  .mbg-dynamic-cube-wrapper ._3dface--top,
  .mbg-dynamic-cube-wrapper ._3dface--bottom,
  .mbg-dynamic-cube-wrapper ._3dface--back {
    background: #cc955f;
    background-size: auto 100%; }
.mbg-status-label-wrapper.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.mbg-status-label-wrapper label {
  font-size: 12px;
  color: #fff;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
  padding: 0 10px;
  border-radius: 40px;
  min-width: max-content; }
  .mbg-status-label-wrapper label.primary {
    background-color: var(--primary); }
  .mbg-status-label-wrapper label.success {
    background-color: var(--success); }
  .mbg-status-label-wrapper label.warn {
    background-color: var(--warn); }
  .mbg-status-label-wrapper label.error {
    background-color: var(--error); }
  .mbg-status-label-wrapper label.info {
    background-color: var(--info); }
  .mbg-status-label-wrapper label.light {
    background-color: var(--neutral3);
    color: var(--font2); }
  .mbg-status-label-wrapper label.default {
    background-color: var(--neutral2); }
  .mbg-status-label-wrapper label.active {
    background-color: #00ad00; }
mbg-popup-select .popup-select-wrapper {
  display: flex; }
  mbg-popup-select .popup-select-wrapper * {
    outline: none;
    user-select: none; }
  mbg-popup-select .popup-select-wrapper .style-item {
    min-width: 44px;
    height: 44px;
    border: 1px solid var(--neutral3);
    border-radius: 24px;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center; }
    mbg-popup-select .popup-select-wrapper .style-item > div {
      display: flex;
      align-items: center;
      justify-content: center; }
    mbg-popup-select .popup-select-wrapper .style-item span .transclude-div {
      display: flex;
      align-items: center;
      justify-content: center; }
    mbg-popup-select .popup-select-wrapper .style-item svg {
      width: 28px;
      height: 28px;
      fill: var(--font2);
      stroke: var(--font2); }
  mbg-popup-select .popup-select-wrapper .ng-details-wrapper {
    position: relative; }
  mbg-popup-select .popup-select-wrapper .chat-input-tool {
    display: flex;
    background-color: transparent;
    padding: 5px;
    border: none;
    border-bottom: 1px #1f1f1f;
    border-radius: 5px;
    outline: none; }
  mbg-popup-select .popup-select-wrapper .intercom-composer-popover-input {
    font-size-adjust: none;
    font-size: 100%;
    font-style: normal;
    letter-spacing: normal;
    font-stretch: normal;
    font-variant: normal;
    font-weight: 400;
    font: normal normal 100% "intercom-font", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    text-align-last: auto;
    text-decoration: none;
    -webkit-text-emphasis: none;
    text-emphasis: none;
    text-indent: 0;
    text-justify: auto;
    text-outline: none;
    text-shadow: none;
    text-transform: none;
    text-wrap: normal;
    alignment-adjust: auto;
    alignment-baseline: baseline;
    -webkit-animation: none 0 ease 0 1 normal;
    animation: none 0 ease 0 1 normal;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-appearance: normal;
    -moz-appearance: normal;
    appearance: normal;
    azimuth: center;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    background: none 0 0 auto repeat scroll padding-box transparent;
    background-color: transparent;
    background-image: none;
    baseline-shift: baseline;
    binding: none;
    bleed: 6pt;
    bookmark-label: content();
    bookmark-level: none;
    bookmark-state: open;
    bookmark-target: none;
    border: 0 none transparent;
    border-radius: 0;
    bottom: auto;
    box-align: stretch;
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice;
    box-direction: normal;
    box-flex: 0;
    box-flex-group: 1;
    box-lines: single;
    box-ordinal-group: 1;
    box-orient: inline-axis;
    box-pack: start;
    box-shadow: none;
    box-sizing: content-box;
    -webkit-column-break-after: auto;
    break-after: auto;
    -webkit-column-break-before: auto;
    break-before: auto;
    -webkit-column-break-inside: auto;
    break-inside: auto;
    caption-side: top;
    clear: none;
    clip: auto;
    color: inherit;
    color-profile: auto;
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
    -webkit-column-gap: normal;
    -moz-column-gap: normal;
    column-gap: normal;
    -webkit-column-rule: medium medium #1f1f1f;
    -moz-column-rule: medium medium #1f1f1f;
    column-rule: medium medium #1f1f1f;
    -webkit-column-span: 1;
    -moz-column-span: 1;
    column-span: 1;
    -webkit-column-width: auto;
    -moz-column-width: auto;
    column-width: auto;
    -webkit-columns: auto auto;
    -moz-columns: auto auto;
    columns: auto auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    crop: auto;
    cursor: auto;
    direction: ltr;
    display: inline;
    dominant-baseline: auto;
    drop-initial-after-adjust: text-after-edge;
    drop-initial-after-align: baseline;
    drop-initial-before-adjust: text-before-edge;
    drop-initial-before-align: caps-height;
    drop-initial-size: auto;
    drop-initial-value: initial;
    elevation: level;
    empty-cells: show;
    fit: fill;
    fit-position: 0 0;
    float: none;
    float-offset: 0 0;
    grid-columns: none;
    grid-rows: none;
    hanging-punctuation: none;
    height: auto;
    hyphenate-after: auto;
    hyphenate-before: auto;
    hyphenate-character: auto;
    hyphenate-lines: no-limit;
    hyphenate-resource: none;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    icon: auto;
    image-orientation: auto;
    image-rendering: auto;
    image-resolution: normal;
    inline-box-align: last;
    left: auto;
    line-height: inherit;
    line-stacking: inline-line-height exclude-ruby consider-shifts;
    list-style: disc outside none;
    margin: 0;
    marks: none;
    marquee-direction: forward;
    marquee-loop: 1;
    marquee-play-count: 1;
    marquee-speed: normal;
    marquee-style: scroll;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    move-to: normal;
    nav-down: auto;
    nav-index: auto;
    nav-left: auto;
    nav-right: auto;
    nav-up: auto;
    opacity: 1;
    orphans: 2;
    outline: medium none invert;
    outline-offset: 0;
    overflow: visible;
    overflow-style: auto;
    padding: 0;
    page: auto;
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: auto;
    page-policy: start;
    -webkit-perspective: none;
    perspective: none;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    pointer-events: auto;
    position: static;
    presentation-level: 0;
    punctuation-trim: none;
    quotes: none;
    rendering-intent: auto;
    resize: none;
    right: auto;
    rotation: 0;
    rotation-point: 50% 50%;
    ruby-align: auto;
    ruby-overhang: none;
    ruby-position: before;
    ruby-span: none;
    size: auto;
    string-set: none;
    table-layout: auto;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform-style: flat;
    transform-style: flat;
    transition: all 0 ease 0;
    unicode-bidi: normal;
    vertical-align: baseline;
    white-space: normal;
    white-space-collapse: collapse;
    widows: 2;
    width: auto;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    z-index: auto;
    text-align: start;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  mbg-popup-select .popup-select-wrapper .intercom-composer-popover {
    z-index: 2147483003;
    position: absolute;
    bottom: 50px;
    left: 0;
    box-shadow: 0 0px 25px 4px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    border-radius: 6px;
    transition-duration: 200ms;
    transition-delay: 0ms;
    transform-style: flat;
    transform-origin: 50% 50% 0;
    opacity: 0;
    transition: all 0.2s linear;
    visibility: hidden; }
  mbg-popup-select .popup-select-wrapper .intercom-composer-popover.active {
    visibility: visible;
    opacity: 1;
    bottom: 50px; }
  mbg-popup-select .popup-select-wrapper .intercom-details-picker {
    width: 330px;
    height: 260px; }
  mbg-popup-select .popup-select-wrapper .intercom-composer-popover-header {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    border-bottom: 1px solid #edeff1;
    background-color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  mbg-popup-select .popup-select-wrapper .intercom-composer-popover-input {
    background-image: url(https://js.intercomcdn.com/images/search.7ae40c25.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 19px 12px;
    font-weight: 400;
    font-size: 14px;
    color: #6e7a89;
    padding-left: 45px;
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    background-image: url(https://js.intercomcdn.com/images/search@2x.9f02b9f3.png);
    border: none;
    outline: none; }
  mbg-popup-select .popup-select-wrapper .intercom-composer-popover-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 5px;
    padding: 0px 20px 0px 20px;
    overflow-y: scroll;
    margin-top: 42px; }
  mbg-popup-select .popup-select-wrapper .intercom-details-picker-group {
    margin: 10px -5px; }
  mbg-popup-select .popup-select-wrapper .intercom-details-picker-group {
    margin: 10px -5px; }
  mbg-popup-select .popup-select-wrapper .intercom-details-picker-group-title {
    color: #b8c3ca;
    font-weight: 400;
    font-size: 13px;
    margin: 5px; }
  mbg-popup-select .popup-select-wrapper .content-details {
    display: flex;
    flex-wrap: wrap; }
  mbg-popup-select .popup-select-wrapper .intercom-details-picker-value {
    min-width: 44px;
    min-height: 44px;
    margin: 0 14px 14px 0;
    background-color: #fff;
    padding: 5px;
    display: inline-table;
    text-align: center;
    cursor: pointer;
    transition: transform 60ms ease-out;
    transition-delay: 60ms;
    font-size: 15px;
    font-family: "Montserrat";
    color: var(--font2);
    border: 1px solid var(--neutral3);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center; }
    mbg-popup-select .popup-select-wrapper .intercom-details-picker-value span.sphere {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      margin-right: 4px; }
  mbg-popup-select .popup-select-wrapper .one-select .intercom-details-picker-value {
    padding: 0 4px; }
  mbg-popup-select .popup-select-wrapper .flex {
    display: flex; }
  mbg-popup-select .popup-select-wrapper .intercom-details-picker-value:hover {
    transition-delay: 0ms;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  mbg-popup-select .popup-select-wrapper .intercom-composer-popover-caret {
    position: absolute;
    bottom: -8px;
    left: 8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    right: auto; }

mbg-popup-select .popup-items {
  display: flex;
  flex-wrap: wrap; }

mbg-popup-select .box-remove {
  transition: opacity 200ms ease;
  opacity: 0;
  position: absolute;
  width: 100%;
  top: -1px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  mbg-popup-select .box-remove .remove-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: transparent;
    color: #fff;
    transform: scale(1.05); }
    mbg-popup-select .box-remove .remove-item.remove-width {
      width: 100%;
      border-radius: 24px; }
  mbg-popup-select .box-remove span {
    font-size: 12px;
    color: var(--font3); }
  mbg-popup-select .box-remove:hover {
    opacity: 1; }
.mbg-product-inline-wrapper .inline-content {
  overflow: auto; }

.mbg-product-inline-wrapper .inline-y:first-child .inline-row {
  border-top: 1px solid #ccc; }

.mbg-product-inline-wrapper .inline-row {
  display: flex;
  height: 44px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }
  .mbg-product-inline-wrapper .inline-row div {
    flex: 1; }
  .mbg-product-inline-wrapper .inline-row .x-value-col {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 154px; }
    .mbg-product-inline-wrapper .inline-row .x-value-col span {
      font-weight: 600;
      color: var(--font2); }
  .mbg-product-inline-wrapper .inline-row .y-value-col {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 174px; }
  .mbg-product-inline-wrapper .inline-row .barcode-col {
    display: flex;
    align-items: center;
    justify-content: center; }
  .mbg-product-inline-wrapper .inline-row .stock-col {
    display: flex;
    align-items: center;
    justify-content: center; }
  .mbg-product-inline-wrapper .inline-row .price-col {
    display: flex;
    align-items: center;
    justify-content: center; }
  .mbg-product-inline-wrapper .inline-row .grid-product-item-circle {
    max-width: 18px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin: 0 12px 0 0; }
  .mbg-product-inline-wrapper .inline-row input {
    background: transparent;
    height: 100%;
    width: 100%;
    padding-right: 14px; }
    .mbg-product-inline-wrapper .inline-row input.input-error {
      color: #ff002e; }
  .mbg-product-inline-wrapper .inline-row input[type="number"] {
    -moz-appearance: textfield; }
  .mbg-product-inline-wrapper .inline-row input::-webkit-outer-spin-button,
  .mbg-product-inline-wrapper .inline-row input::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  .mbg-product-inline-wrapper .inline-row input {
    padding: 0 6px;
    border: none;
    text-align: right;
    outline: none; }
    .mbg-product-inline-wrapper .inline-row input.ng-touched.ng-invalid {
      border: 1px solid #b00020; }
    .mbg-product-inline-wrapper .inline-row input[disabled="disabled"] {
      background: #f5f5f5; }
    .mbg-product-inline-wrapper .inline-row input::-webkit-input-placeholder {
      color: var(--font3);
      font-style: italic; }
    .mbg-product-inline-wrapper .inline-row input:-moz-placeholder {
      /* Firefox 18- */
      color: var(--font3);
      font-style: italic; }
    .mbg-product-inline-wrapper .inline-row input::-moz-placeholder {
      /* Firefox 19+ */
      color: var(--font3);
      font-style: italic; }
    .mbg-product-inline-wrapper .inline-row input:-ms-input-placeholder {
      color: var(--font3);
      font-style: italic; }
  .mbg-product-inline-wrapper .inline-row .inline-product-money {
    color: var(--font2);
    font-size: 16px;
    font-weight: 600; }

.mbg-product-inline-wrapper .default-header-inline * {
  border: 0; }

.mbg-product-inline-wrapper .default-header-inline .barcode-col {
  padding-right: 6px;
  justify-content: flex-end; }

.mbg-product-inline-wrapper .default-header-inline .stock-col {
  padding-right: 6px;
  justify-content: flex-end; }

.mbg-product-inline-wrapper .default-header-inline .price-col {
  padding-right: 6px;
  justify-content: flex-end; }

.mbg-product-inline-wrapper .default-header-inline label {
  display: flex;
  text-align: center;
  color: var(--font2);
  font-weight: 600; }
.mbg-select-multi-list-wrapper mbg-input-search .mbg-input-search-wrapper .input-group-search {
  border: none;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.3);
  margin-bottom: 14px; }

.mbg-select-multi-list-wrapper .mbg-multi-list-wrapper {
  max-height: 280px;
  overflow: auto;
  padding: 14px 14px 6px 14px;
  background-color: #f5f5f5; }

.mbg-select-multi-list-wrapper .row-content {
  align-items: center;
  border-radius: 5px;
  min-height: 44px;
  background: #fff;
  margin-bottom: 8px;
  box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.3);
  color: var(--font2);
  padding: 0 14px;
  display: flex;
  cursor: pointer; }
  .mbg-select-multi-list-wrapper .row-content:hover {
    opacity: 0.7; }

.mbg-select-multi-list-wrapper .paginate {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 12px;
  color: var(--font2);
  padding-right: 7px;
  margin-top: 8px; }

.mbg-select-multi-list-wrapper .empty-array {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 34px; }
  .mbg-select-multi-list-wrapper .empty-array svg {
    width: 54px;
    fill: var(--font2); }
  .mbg-select-multi-list-wrapper .empty-array label {
    margin-top: 14px;
    font-weight: 400;
    color: var(--font2);
    font-size: 16px; }

.mbg-select-multi-list-wrapper .title {
  display: flex;
  align-items: center;
  justify-content: center; }
  .mbg-select-multi-list-wrapper .title label {
    font-weight: 400;
    color: var(--font2);
    margin-bottom: 14px; }

.mbg-select-multi-list-wrapper .mbg-select-multi-list-row {
  opacity: 1;
  transition: opacity 300ms ease; }
  .mbg-select-multi-list-wrapper .mbg-select-multi-list-row.active {
    opacity: 0.7; }
.mbg-confirm-alert-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 24px;
  position: relative; }
  .mbg-confirm-alert-wrapper .not-show-again {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    width: 100%;
    transform: translateY(7px); }
    .mbg-confirm-alert-wrapper .not-show-again label {
      cursor: pointer;
      margin: 0;
      font-size: 12px;
      font-weight: 500;
      color: var(--font2);
      margin-right: 6px; }
    .mbg-confirm-alert-wrapper .not-show-again mbg-checkbox {
      line-height: 1.2; }
  .mbg-confirm-alert-wrapper .information-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 24px;
    margin-top: 44px; }
    .mbg-confirm-alert-wrapper .information-wrapper h3 {
      text-align: center;
      color: var(--font2);
      margin: 14px 0px 24px 0px;
      font-size: 18px; }
    .mbg-confirm-alert-wrapper .information-wrapper p.message {
      text-align: center;
      color: var(--font2);
      margin-bottom: 26px;
      white-space: pre-line; }
    .mbg-confirm-alert-wrapper .information-wrapper .tip-wrapper p {
      margin: 0px 0 26px 0;
      color: var(--font2);
      font-size: 12px;
      text-align: center; }
  .mbg-confirm-alert-wrapper .mbg-alert-icon {
    border: 6px solid #7d7d7d;
    border-radius: 50%;
    background-color: var(--info);
    position: absolute;
    top: 0px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 114px;
    height: 114px; }
    .mbg-confirm-alert-wrapper .mbg-alert-icon svg {
      width: 104px;
      fill: #fff; }
    .mbg-confirm-alert-wrapper .mbg-alert-icon.information svg {
      transform: rotate(180deg);
      transform: scale(1.4); }
    .mbg-confirm-alert-wrapper .mbg-alert-icon.warning svg {
      transform: scale(1.4); }
    .mbg-confirm-alert-wrapper .mbg-alert-icon.success svg {
      transform: scale(1.06); }
  .mbg-confirm-alert-wrapper .mbg-group-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .mbg-confirm-alert-wrapper .mbg-group-buttons button {
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      height: 50px;
      background-color: var(--contrast);
      min-width: 144px;
      font-size: 14px;
      font-weight: 600;
      color: #fff;
      border-radius: 40px;
      border: 0px;
      text-transform: uppercase;
      margin: 7px 0; }
      .mbg-confirm-alert-wrapper .mbg-group-buttons button:active, .mbg-confirm-alert-wrapper .mbg-group-buttons button:focus {
        box-shadow: none;
        outline: none; }
      .mbg-confirm-alert-wrapper .mbg-group-buttons button.mbg-btn-accept {
        background-color: var(--contrast); }
    .mbg-confirm-alert-wrapper .mbg-group-buttons .mbg-link-cancel {
      cursor: pointer;
      margin: 7px 0;
      color: var(--font2);
      font-size: 13px; }
    .mbg-confirm-alert-wrapper .mbg-group-buttons.invert-contrast {
      flex-direction: column-reverse; }
  .mbg-confirm-alert-wrapper .input-wrapper {
    min-width: 384px;
    max-width: 384px;
    margin-bottom: 14px; }
    .mbg-confirm-alert-wrapper .input-wrapper.input-error input {
      border: 2px solid var(--error); }
    .mbg-confirm-alert-wrapper .input-wrapper.input-error textarea {
      max-height: 78px;
      min-height: 78px;
      border: 2px solid var(--error); }
  .mbg-confirm-alert-wrapper .warning {
    background-color: var(--warn) !important; }
  .mbg-confirm-alert-wrapper .information {
    background-color: var(--info) !important; }
  .mbg-confirm-alert-wrapper .success {
    background-color: var(--success) !important; }
  .mbg-confirm-alert-wrapper .error {
    background-color: var(--error) !important; }
.mbg-input-receive-day-wrapper {
  position: relative; }
  .mbg-input-receive-day-wrapper .day-group {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-width: 45px;
    background-color: #f3f3f3;
    border-top-left-radius: 5px;
    border: 1px solid #ddd;
    border-bottom-left-radius: 5px;
    padding: 0 14px; }
    .mbg-input-receive-day-wrapper .day-group label {
      margin: 0px;
      color: var(--font2); }
  .mbg-input-receive-day-wrapper input {
    text-align: right;
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0px; }
    .mbg-input-receive-day-wrapper input::-webkit-inner-spin-button, .mbg-input-receive-day-wrapper input::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
/*!
 * Datepicker v1.0.10
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-09-29T14:46:09.037Z
 */

.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 12px;
  left: 0;
  line-height: 30px;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 210px;
  z-index: -1;
}

.datepicker-container::before,
.datepicker-container::after {
  border: 5px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.datepicker-dropdown {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 3px 6px #ccc;
  box-shadow: 0 3px 6px #ccc;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  z-index: 1;
}

.datepicker-inline {
  position: static;
}

.datepicker-top-left,
.datepicker-top-right {
  border-top-color: #39f;
}

.datepicker-top-left::before,
.datepicker-top-left::after,
.datepicker-top-right::before,
.datepicker-top-right::after {
  border-top: 0;
  left: 10px;
  top: -5px;
}

.datepicker-top-left::before,
.datepicker-top-right::before {
  border-bottom-color: #39f;
}

.datepicker-top-left::after,
.datepicker-top-right::after {
  border-bottom-color: #fff;
  top: -4px;
}

.datepicker-bottom-left,
.datepicker-bottom-right {
  border-bottom-color: #39f;
}

.datepicker-bottom-left::before,
.datepicker-bottom-left::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
  border-bottom: 0;
  bottom: -5px;
  left: 10px;
}

.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
  border-top-color: #39f;
}

.datepicker-bottom-left::after,
.datepicker-bottom-right::after {
  border-top-color: #fff;
  bottom: -4px;
}

.datepicker-top-right::before,
.datepicker-top-right::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
  left: auto;
  right: 10px;
}

.datepicker-panel > ul {
  margin: 0;
  padding: 0;
  width: 102%;
}

.datepicker-panel > ul::before,
.datepicker-panel > ul::after {
  content: " ";
  display: table;
}

.datepicker-panel > ul::after {
  clear: both;
}

.datepicker-panel > ul > li {
  background-color: #fff;
  cursor: pointer;
  float: left;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
}

.datepicker-panel > ul > li:hover {
  background-color: rgb(229, 242, 255);
}

.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
  color: #999;
}

.datepicker-panel > ul > li.highlighted {
  background-color: rgb(229, 242, 255);
}

.datepicker-panel > ul > li.highlighted:hover {
  background-color: rgb(204, 229, 255);
}

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  color: #39f;
}

.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: default;
}

.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: rgb(229, 242, 255);
}

.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="next"] {
  font-size: 18px;
}

.datepicker-panel > ul > li[data-view="years current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="month current"] {
  width: 150px;
}

.datepicker-panel > ul[data-view="years"] > li,
.datepicker-panel > ul[data-view="months"] > li {
  height: 52.5px;
  line-height: 52.5px;
  width: 52.5px;
}

.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover {
  background-color: #fff;
  cursor: default;
}

.datepicker-hide {
  display: none;
}
@keyframes mb-placeholder-loading {
  0% {
    background-position: 100% 100%; }
  100% {
    background-position: -100% -100%; } }

.mbg-skeleton {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: mb-placeholder-loading;
  background: #f6f7f8;
  background: linear-gradient(to bottom right, #eeeeee 8%, #c4c4c4 18%, #eeeeee 33%);
  background-size: 300% 300%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99; }
mbg-connection-retry .connection-retry-wrapper {
  z-index: 99999999;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  mbg-connection-retry .connection-retry-wrapper h1 {
    color: var(--font2);
    font-size: 24px;
    margin: 0; }
  mbg-connection-retry .connection-retry-wrapper h5 {
    font-size: 12px;
    color: var(--font2);
    margin-top: 14px; }
  mbg-connection-retry .connection-retry-wrapper p {
    text-align: center;
    margin: 14px 0; }
  mbg-connection-retry .connection-retry-wrapper .wifi-loader-wrapper {
    margin-top: 24px;
    width: 164px;
    overflow: hidden;
    height: 164px;
    background: #4384f5;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
    mbg-connection-retry .connection-retry-wrapper .wifi-loader-wrapper img {
      width: 100%;
      position: absolute; }
.mbg-progress-circle-wrapper {
  position: fixed;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.8s linear all; }
  .mbg-progress-circle-wrapper.ng-enter {
    transition: 0.8s linear all;
    opacity: 0; }
  .mbg-progress-circle-wrapper.ng-enter.ng-enter-active {
    opacity: 1; }
  .mbg-progress-circle-wrapper.ng-leave {
    transition: 0.3s linear all;
    opacity: 1; }
  .mbg-progress-circle-wrapper.ng-leave.ng-leave-active {
    opacity: 0; }
  .mbg-progress-circle-wrapper .backdrop {
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999; }
  .mbg-progress-circle-wrapper #progress {
    width: 200px; }
  .mbg-progress-circle-wrapper .progress-content {
    position: relative;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .mbg-progress-circle-wrapper .progress-content label {
      margin-bottom: 18px;
      font-size: 16px;
      color: var(--font2); }
.mbg-dropdown-wrapper {
  display: flex; }
  .mbg-dropdown-wrapper span {
    display: flex;
    font-weight: 500; }
    .mbg-dropdown-wrapper span .title-option {
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--font2); }
      .mbg-dropdown-wrapper span .title-option svg {
        fill: var(--font2);
        width: 17px;
        margin-left: 6px; }
      .mbg-dropdown-wrapper span .title-option:hover, .mbg-dropdown-wrapper span .title-option:focus {
        outline: none;
        text-decoration: none; }
    .mbg-dropdown-wrapper span li.options:focus a {
      color: #262626; }
    .mbg-dropdown-wrapper span .options {
      width: 100%; }
      .mbg-dropdown-wrapper span .options a {
        display: flex;
        align-items: center;
        color: var(--font2);
        padding: 6px 20px;
        width: 100%; }
        .mbg-dropdown-wrapper span .options a i {
          color: var(--font2);
          margin-right: 10px; }
    .mbg-dropdown-wrapper span .dropdown-menu {
      padding: 0;
      margin-top: 10px;
      border: 1px solid #f5f5f5;
      box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.03);
      max-height: 200px;
      overflow: auto; }
      .mbg-dropdown-wrapper span .dropdown-menu.collapse-dropdown {
        bottom: 24px;
        top: auto; }
      .mbg-dropdown-wrapper span .dropdown-menu .mbg-separator {
        pointer-events: none;
        position: relative;
        display: flex; }
        .mbg-dropdown-wrapper span .dropdown-menu .mbg-separator a {
          padding: 0px; }
        .mbg-dropdown-wrapper span .dropdown-menu .mbg-separator:after {
          content: '';
          height: 1px;
          width: 100%;
          background-color: #e4e4e4;
          left: 0;
          position: absolute;
          top: 50%;
          transform: translateY(-100%); }
      .mbg-dropdown-wrapper span .dropdown-menu.left {
        transform: translateX(-100%);
        left: 70px; }
  .mbg-dropdown-wrapper input[type="file"] {
    display: none; }
mbg-mindmap .mbg-mindmap-wrapper {
  border-radius: 5px;
  background: #fff;
  position: relative;
  width: 100%;
  height: 100%; }

mbg-mindmap .mbg-mindmap-structure {
  display: none; }

mbg-mindmap .buzzmap .node {
  z-index: 100;
  display: block;
  background: #f5f5f5;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0px 0px 0px #626262; }
  mbg-mindmap .buzzmap .node.active {
    background: #FF8A22;
    color: #FFF; }
    mbg-mindmap .buzzmap .node.active .edit-wrapper i, mbg-mindmap .buzzmap .node.active .edit-wrapper a {
      color: #fff; }

mbg-mindmap .node-children {
  display: flex;
  flex-direction: column;
  padding: 14px 22px;
  min-width: fit-content; }
  mbg-mindmap .node-children .edit-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 3px; }
    mbg-mindmap .node-children .edit-wrapper i, mbg-mindmap .node-children .edit-wrapper a {
      color: var(--font2); }
    mbg-mindmap .node-children .edit-wrapper a {
      width: fit-content;
      cursor: pointer;
      margin-left: 5px; }
  mbg-mindmap .node-children .document {
    font-weight: 100;
    font-size: .9em; }
mbg-chart-bar-line-pie .mb-h-charts-container {
  height: 400px;
  width: 100%;
  background-color: white;
  border-radius: 15px;
  padding: 0px;
  margin: 0px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  user-select: none;
  position: relative; }
  mbg-chart-bar-line-pie .mb-h-charts-container .empty {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    color: var(--font2);
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    mbg-chart-bar-line-pie .mb-h-charts-container .empty svg {
      width: 100px;
      fill: var(--font2);
      margin-bottom: 18px; }
mbg-chart-bar-line .mb-h-charts-container {
  height: 400px;
  width: 100%;
  background-color: white;
  border-radius: 15px;
  padding: 0px;
  margin: 0px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  user-select: none;
  position: relative; }
  mbg-chart-bar-line .mb-h-charts-container .empty {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    color: var(--font2);
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    mbg-chart-bar-line .mb-h-charts-container .empty svg {
      width: 100px;
      fill: var(--font2);
      margin-bottom: 18px; }
mbg-chart-line .mb-h-charts-container {
  height: 400px;
  width: 100%;
  background-color: white;
  border-radius: 15px;
  padding: 0px;
  margin: 0px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  user-select: none;
  position: relative; }
  mbg-chart-line .mb-h-charts-container .empty {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    color: var(--font2);
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    mbg-chart-line .mb-h-charts-container .empty svg {
      width: 100px;
      fill: var(--font2);
      margin-bottom: 18px; }
@keyframes mbg-home-loading {
  0% {
    background-position: 100% 100%; }
  100% {
    background-position: -100% -100%; } }

mbg-card-typeone .mbg-h-c-typeone {
  width: 45%;
  min-width: 375px;
  height: 100px;
  margin-top: 20px;
  margin-right: 10px;
  margin-left: 10px;
  display: inline-block;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    mbg-card-typeone .mbg-h-c-typeone {
      width: 80%; } }
  mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    background-color: #fff;
    border-left: 8px solid #ccc;
    will-change: transform, box-shadow;
    transition: transform 500ms ease, box-shadow 500ms ease;
    transform: translateY(0px);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.05); }
    mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container:hover {
      transform: translateY(-3px);
      box-shadow: 0px 4px 15px 2.5px rgba(0, 0, 0, 0.1); }
    mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-icon-container {
      width: 15%;
      min-width: 55px;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-icon-container .mbg-h-c-tone-icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        line-height: 40px;
        text-align: center;
        font-size: 26px;
        background-color: red;
        color: #fff; }
    mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-v-real-value {
      color: #54A231; }
      mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-v-real-value.greey {
        color: #D5D5D5; }
    mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-text {
      height: 100%;
      width: 30%;
      min-width: 120px;
      color: var(--font2);
      font-weight: 700;
      font-size: 16px;
      text-align: left;
      display: flex;
      justify-content: center;
      flex-direction: column; }
    mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-loading {
      margin-right: 10px;
      height: 25px;
      width: 150px;
      animation-duration: 1s;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      animation-name: mbg-home-loading;
      background: rgba(0, 0, 0, 0.05);
      background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.05) 8%, rgba(0, 0, 0, 0.2) 18%, rgba(0, 0, 0, 0.05) 33%);
      background-size: 300% 300%; }
    mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-value {
      width: 55%;
      height: 100%;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      padding-right: 20px;
      align-items: center;
      color: red;
      font-weight: 700;
      font-size: 24px; }
      mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-value .mbg-h-c-tone-v-hide-value {
        font-size: 32px;
        letter-spacing: 10px; }
    mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-show {
      position: absolute;
      right: 15px;
      top: 10px;
      cursor: pointer;
      font-size: 12px;
      font-weight: 400;
      color: #ccc;
      user-select: none; }
      mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-show .mbg-h-c-tone-s-icon {
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
        margin-left: 2.5px; }
      mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-show .mbg-h-c-tone-s-text {
        opacity: 0;
        transition: opacity 250ms linear, transform 500ms ease;
        transform: translateX(3px);
        display: inline-block;
        vertical-align: top; }
      mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container .mbg-h-c-tone-show:hover .mbg-h-c-tone-s-text {
        opacity: 1;
        transform: translateX(0px); }
    mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container.mbg-h-c-tone-darker {
      background-color: #ccc; }
      mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container.mbg-h-c-tone-darker .mbg-h-c-tone-icon-container .mbg-h-c-tone-icon {
        background-color: white; }
      mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container.mbg-h-c-tone-darker .mbg-h-c-tone-text {
        color: white; }
      mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container.mbg-h-c-tone-darker .mbg-h-c-tone-value {
        color: white; }
      mbg-card-typeone .mbg-h-c-typeone .mbg-h-c-tone-inside-container.mbg-h-c-tone-darker .mbg-h-c-tone-show {
        color: white; }
mbg-homescreen .charts .display-values {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease;
  opacity: 0;
  cursor: pointer; }
  mbg-homescreen .charts .display-values a {
    color: var(--font2); }
    mbg-homescreen .charts .display-values a i {
      margin-right: 4px; }

mbg-homescreen .charts:hover .display-values {
  transform: translateY(10px);
  opacity: 1; }

mbg-homescreen .mh-container {
  width: 100%;
  height: auto;
  padding: 15px; }
  mbg-homescreen .mh-container .mh-panel-container {
    background-color: white;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); }
  mbg-homescreen .mh-container .mh-content-container {
    margin-top: 50px;
    height: 300px;
    width: 100%;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); }
    mbg-homescreen .mh-container .mh-content-container:first-child {
      margin-top: 0px; }
  mbg-homescreen .mh-container .fake-chart {
    height: 400px;
    width: 100%;
    position: relative;
    border-radius: 15px;
    padding: 0px;
    margin: 0px;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    overflow: hidden; }
  mbg-homescreen .mh-container .fake-card {
    width: 45%;
    min-width: 375px;
    height: 100px;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 5px; }
    @media screen and (max-width: 768px) {
      mbg-homescreen .mh-container .fake-card {
        width: 80%; } }
  mbg-homescreen .mh-container .mbg-h-card-container {
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px; }
  mbg-homescreen .mh-container .mbg-h-tabs {
    background-color: white;
    height: auto;
    width: 100%;
    border-radius: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    user-select: none;
    position: relative;
    overflow: hidden; }
    mbg-homescreen .mh-container .mbg-h-tabs .mbg-h-t-tab {
      color: var(--font2);
      width: auto;
      height: 35px;
      line-height: 35px;
      background-color: white;
      padding: 0px 15px 0px 15px;
      margin: 7.5px 5px 7.5px 5px;
      border-radius: 17.5px;
      font-weight: 500;
      font-size: 14px;
      transition: color 100ms linear, background-color 100ms linear;
      cursor: pointer;
      white-space: nowrap; }
      mbg-homescreen .mh-container .mbg-h-tabs .mbg-h-t-tab:hover, mbg-homescreen .mh-container .mbg-h-tabs .mbg-h-t-tab:active, mbg-homescreen .mh-container .mbg-h-tabs .mbg-h-t-tab.active {
        color: #ff1e5f;
        background-color: #d1d1d17a; }
.mbg-multi-select-wrapper .mbg-multi-select-scroll {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  padding: 8px;
  -ms-flex: 1 1;
  flex: 1 1;
  outline: none;
  width: inherit;
  display: inline-flex;
  height: 44px;
  align-items: center;
  overflow: visible;
  max-width: 100%;
  overflow: scroll;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%; }
  .mbg-multi-select-wrapper .mbg-multi-select-scroll.disabled {
    background-color: #f5f5f5;
    border: 1px solid #ddd !important; }
  .mbg-multi-select-wrapper .mbg-multi-select-scroll::-webkit-scrollbar {
    display: none; }
  .mbg-multi-select-wrapper .mbg-multi-select-scroll .mbg-multi-select-content {
    display: inline-flex;
    align-items: center;
    overflow: auto;
    height: fit-content;
    width: 100%; }
    .mbg-multi-select-wrapper .mbg-multi-select-scroll .mbg-multi-select-content mbg-select {
      width: 100%; }
  .mbg-multi-select-wrapper .mbg-multi-select-scroll input {
    width: 100%;
    border: none;
    background-color: transparent;
    padding: 0 0 0 10px; }
    .mbg-multi-select-wrapper .mbg-multi-select-scroll input:focus {
      outline: none;
      box-shadow: none; }
  .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    width: fit-content;
    min-width: fit-content; }
    .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li {
      min-width: fit-content;
      background: #e6e6e6;
      border-radius: 4px;
      height: 28px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px 5px 0px 8px;
      color: var(--font2);
      margin-right: 8px;
      font-size: 14px;
      width: max-content;
      cursor: move;
      font-weight: 500; }
      .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li * {
        user-select: none; }
      .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li svg {
        cursor: pointer;
        width: 14px;
        fill: currentColor;
        margin-left: 4px;
        display: flex;
        align-items: center;
        pointer-events: all; }
      .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li.dragging {
        opacity: 0.6; }
      .mbg-multi-select-wrapper .mbg-multi-select-scroll ul.items-selected li.over {
        background: red; }
  .mbg-multi-select-wrapper .mbg-multi-select-scroll .mbg-select-input-fake {
    flex: 1;
    min-width: 191.03px;
    border: none;
    height: 35px; }
  .mbg-multi-select-wrapper .mbg-multi-select-scroll .mbg-select-wrapper .mbg-icon-select {
    display: none; }

.mbg-multi-select-wrapper .actions-container {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  flex-grow: 1; }
  .mbg-multi-select-wrapper .actions-container .action-remove {
    color: #ff3030; }

mbg-multi-select.highlight-first ul.items-selected > li:first-child {
  color: white !important;
  background: var(--primary) !important;
  font-weight: bold; }
.mbg-product-search-wrapper {
  position: relative; }
  .mbg-product-search-wrapper .mbg-product-search-list {
    display: none; }
  .mbg-product-search-wrapper .mbg-input-wrapper input {
    padding-right: 44px; }
  .mbg-product-search-wrapper svg.loading {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    height: 100%;
    top: 0;
    right: 18px;
    fill: #9e9e9e;
    width: 16px; }

.mbg-product-search-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px; }

.mbg-product-search-feedback {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  background: #FFF;
  left: 0;
  right: 0;
  border-top: 1px solid #f5f5f5;
  height: 54px;
  background: var(--primary);
  color: #fff !important; }
  .mbg-product-search-feedback svg {
    fill: var(--font2);
    width: 34px;
    margin-right: 14px; }
  .mbg-product-search-feedback img {
    width: 33px;
    margin-right: 14px; }

.mbg-product-search-list {
  top: 100%;
  z-index: 999999999;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #FFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 0 70px rgba(0, 0, 0, 0.15);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transform-origin: top center;
  transform: translate3d(0, -10%, 0);
  opacity: 0;
  pointer-events: none;
  max-height: 414px;
  overflow: auto;
  position: fixed; }
  .mbg-product-search-list.active {
    transition: transform .5s ease,opacity .2s linear;
    transform: translateZ(0);
    opacity: 1;
    pointer-events: all; }
  .mbg-product-search-list li {
    padding: 12px 12px;
    color: var(--font2);
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center; }
    .mbg-product-search-list li div {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%; }
    .mbg-product-search-list li i {
      font-size: 20px; }
      .mbg-product-search-list li i[class="fa fa-star"] {
        color: #ffc300; }
    .mbg-product-search-list li:hover, .mbg-product-search-list li.focused {
      background: #f5f5f5; }
    .mbg-product-search-list li.recent-item {
      display: flex;
      flex-direction: column; }
      .mbg-product-search-list li.recent-item label {
        font-weight: bold;
        margin-bottom: 5px; }
  .mbg-product-search-list .item-wrapper {
    display: flex;
    align-items: center; }
    .mbg-product-search-list .item-wrapper .image {
      width: 54px;
      height: 54px;
      border-radius: 5px;
      flex: none; }
    .mbg-product-search-list .item-wrapper .content {
      padding: 0 18px;
      overflow: hidden; }
      .mbg-product-search-list .item-wrapper .content h3 {
        font-size: 18px;
        margin: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis; }
      .mbg-product-search-list .item-wrapper .content h2 {
        margin: 0;
        margin-top: 5px;
        font-size: 14px; }
    .mbg-product-search-list .item-wrapper .values-wrapper {
      flex: none;
      min-width: fit-content; }
      .mbg-product-search-list .item-wrapper .values-wrapper .price {
        display: flex;
        flex-direction: column;
        font-size: 16px; }
        .mbg-product-search-list .item-wrapper .values-wrapper .price span {
          font-size: 12px;
          font-weight: bold; }
      .mbg-product-search-list .item-wrapper .values-wrapper .stock {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        transform: none;
        position: relative;
        top: 0;
        left: 0;
        width: auto; }
mbg-pagination {
  width: 100%; }

.mbg-pagination-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none; }
  .mbg-pagination-wrapper .left-wrapper {
    flex: 0.2; }
  .mbg-pagination-wrapper .right-wrapper {
    flex: 0.2; }
    .mbg-pagination-wrapper .right-wrapper .page-size-options {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
    .mbg-pagination-wrapper .right-wrapper label {
      font-weight: 500;
      margin-top: 3px;
      color: var(--font2); }
    .mbg-pagination-wrapper .right-wrapper mbg-select {
      width: 76px; }
      .mbg-pagination-wrapper .right-wrapper mbg-select .mbg-select-wrapper .mbg-select-input-fake {
        border: none;
        background: transparent; }
  .mbg-pagination-wrapper .center-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    flex: 0.6; }
  .mbg-pagination-wrapper * {
    user-select: none; }
  .mbg-pagination-wrapper button {
    font-weight: bold;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 38px;
    min-width: fit-content;
    height: 38px;
    margin: 0 5px;
    cursor: pointer;
    color: var(--font2);
    text-decoration: none;
    outline: none; }
    .mbg-pagination-wrapper button.active {
      background: var(--primary);
      color: #FFF; }
    .mbg-pagination-wrapper button:hover {
      background-color: var(--neutral3);
      color: var(--font2); }
    .mbg-pagination-wrapper button:focus {
      background-color: var(--neutral3);
      color: var(--font2); }
    .mbg-pagination-wrapper button[key="first"], .mbg-pagination-wrapper button[key="last"] {
      text-decoration: underline;
      margin: 0 14px;
      opacity: 0;
      pointer-events: none; }
      .mbg-pagination-wrapper button[key="first"].visible, .mbg-pagination-wrapper button[key="last"].visible {
        opacity: 1;
        pointer-events: all; }
    .mbg-pagination-wrapper button svg {
      width: 16px; }
.mbg-select-wrapper {
  position: relative; }
  .mbg-select-wrapper .mbg-select-input-fake {
    border: 1px solid #ddd;
    background: #ffffff;
    border-radius: 5px;
    padding: 8px 14px;
    flex: 1;
    outline: none;
    width: inherit;
    height: 44px;
    max-width: 100%;
    cursor: text;
    display: flex; }
    .mbg-select-wrapper .mbg-select-input-fake .place {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: var(--font3);
      font-style: italic;
      opacity: 1;
      /* Firefox */ }
    .mbg-select-wrapper .mbg-select-input-fake .mbg-select-value {
      width: 95%;
      overflow: hidden;
      white-space: nowrap; }
  .mbg-select-wrapper .tooltip-inner {
    min-width: 60px !important;
    z-index: 99999 !important; }
  .mbg-select-wrapper .mbg-input-wrapper input {
    padding-right: 44px;
    font-weight: 500; }
  .mbg-select-wrapper .mbg-icon-select {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    height: 100%;
    top: 0;
    right: 0px;
    padding: 0 10px;
    cursor: pointer;
    color: var(--font3); }
  .mbg-select-wrapper svg.loading {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    height: 100%;
    top: 0;
    right: 18px;
    fill: var(--font3);
    width: 16px; }

.mbg-select-tooltip {
  z-index: 9999999999 !important; }
  @media screen and (max-width: 1368px) {
    .mbg-select-tooltip {
      zoom: calc( 0.75); } }
  .mbg-select-tooltip .tooltip-inner {
    min-width: 60px !important;
    z-index: 9999999999 !important; }
    @media screen and (max-width: 1368px) {
      .mbg-select-tooltip .tooltip-inner {
        zoom: calc( 4/3); } }

.mbg-select-list {
  top: 100%;
  z-index: 999999999;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
  position: fixed;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 0 70px rgba(0, 0, 0, 0.15);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transform-origin: top center;
  transform: translate3d(0, -10%, 0);
  opacity: 0;
  pointer-events: none;
  overflow: auto;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 1368px) {
    .mbg-select-list {
      zoom: 0.75; } }
  .mbg-select-list .mbg-select-search-wrapper {
    display: flex;
    height: 34px;
    border: none;
    padding: 0 9px;
    border-bottom: 1px solid #ddd; }
    .mbg-select-list .mbg-select-search-wrapper svg {
      width: 18px;
      fill: var(--font2); }
    .mbg-select-list .mbg-select-search-wrapper input {
      width: 100%;
      outline: none;
      margin-left: 8px;
      border: none;
      outline: none; }
  .mbg-select-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    flex: 1;
    overflow: auto; }
    .mbg-select-list ul.ul-options {
      height: 266px;
      max-height: 266px; }
  .mbg-select-list.top-style {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .mbg-select-list.active {
    transition: transform 0.5s ease, opacity 0.2s linear;
    transform: translateZ(0);
    opacity: 1;
    pointer-events: all; }
  .mbg-select-list li {
    padding: 12px 12px;
    color: var(--font2);
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center; }
    .mbg-select-list li .fixed-icon {
      transition: all 300ms ease;
      transform: rotate(40deg);
      opacity: 0.4; }
      .mbg-select-list li .fixed-icon:hover, .mbg-select-list li .fixed-icon.fixed {
        transform: rotate(0deg);
        opacity: 1; }
    .mbg-select-list li > div {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%; }
    .mbg-select-list li i {
      font-size: 20px; }
      .mbg-select-list li i[class="fa fa-star"] {
        color: #ffc300; }
    .mbg-select-list li:hover, .mbg-select-list li.focused {
      background: #f5f5f5; }
    .mbg-select-list li.recent-item {
      display: flex;
      flex-direction: column; }
      .mbg-select-list li.recent-item label {
        font-weight: bold;
        margin-bottom: 5px; }

mbg-select[disabled="disabled"] .mbg-select-input-fake {
  background: #f5f5f5;
  font-weight: 500; }
mbg-keyboard .mbg-keyboard-disable {
  opacity: .6;
  pointer-events: none; }

mbg-keyboard .mbg-keyboard-wrapper {
  background: #f5f5f5;
  padding: 1px 15px;
  border-radius: 5px; }
  mbg-keyboard .mbg-keyboard-wrapper * {
    user-select: none; }
  mbg-keyboard .mbg-keyboard-wrapper .flex-1 {
    flex: 1; }
  mbg-keyboard .mbg-keyboard-wrapper .mbg-keyboard-separator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; }
    mbg-keyboard .mbg-keyboard-wrapper .mbg-keyboard-separator .mbg-keyboard-line {
      width: 40px;
      height: 1px;
      background: #666; }
  mbg-keyboard .mbg-keyboard-wrapper .mbg-keyboard-row {
    position: relative;
    margin: 12px 0px;
    display: flex;
    justify-content: space-between; }
    mbg-keyboard .mbg-keyboard-wrapper .mbg-keyboard-row .mbg-keyboard-item {
      width: calc(100% / 4);
      padding: 0 5px; }
      mbg-keyboard .mbg-keyboard-wrapper .mbg-keyboard-row .mbg-keyboard-item button {
        width: 100%;
        height: 45px;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #f6f6f6;
        border: none;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        border-radius: 2px;
        font-weight: bold;
        color: var(--font2);
        font-family: 'Montserrat', sans-serif; }
        mbg-keyboard .mbg-keyboard-wrapper .mbg-keyboard-row .mbg-keyboard-item button * {
          margin: auto; }
      mbg-keyboard .mbg-keyboard-wrapper .mbg-keyboard-row .mbg-keyboard-item .mbg-keyboard-enter {
        width: 100%;
        border: none;
        border-radius: 5px;
        color: #FFF; }
    mbg-keyboard .mbg-keyboard-wrapper .mbg-keyboard-row .mbg-keyboard-option button {
      box-shadow: none;
      border: 1px solid #9c9c9c;
      color: var(--font2);
      font-weight: bold;
      background: transparent;
      display: flex;
      flex-direction: column; }
      mbg-keyboard .mbg-keyboard-wrapper .mbg-keyboard-row .mbg-keyboard-option button span {
        font-size: 11px; }
      mbg-keyboard .mbg-keyboard-wrapper .mbg-keyboard-row .mbg-keyboard-option button.active {
        color: #FFF; }
.mbg-input-file-wrapper [type="file"] {
  display: none; }

.mbg-input-file-wrapper .input-fake {
  border: none;
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 12px;
  padding: 8px 14px;
  flex: 1;
  outline: none;
  width: inherit;
  height: 94px;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden; }
  .mbg-input-file-wrapper .input-fake.drag-enter {
    background: #f8f9ff; }
    .mbg-input-file-wrapper .input-fake.drag-enter label.empty-label {
      color: var(--font2); }
  .mbg-input-file-wrapper .input-fake .file-content {
    width: 100%;
    display: flex;
    align-items: center; }
    .mbg-input-file-wrapper .input-fake .file-content .left p, .mbg-input-file-wrapper .input-fake .file-content .left label, .mbg-input-file-wrapper .input-fake .file-content .right p, .mbg-input-file-wrapper .input-fake .file-content .right label {
      margin: 0; }
    .mbg-input-file-wrapper .input-fake .file-content .left {
      flex: 2;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-width: 0; }
      .mbg-input-file-wrapper .input-fake .file-content .left a {
        display: flex;
        align-items: center;
        color: #337ab7;
        cursor: pointer; }
        .mbg-input-file-wrapper .input-fake .file-content .left a svg {
          width: 24px;
          margin-right: 8px;
          fill: #12ab28; }
      .mbg-input-file-wrapper .input-fake .file-content .left p {
        margin-left: 32px;
        font-size: 12px; }
      .mbg-input-file-wrapper .input-fake .file-content .left .link-download {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .mbg-input-file-wrapper .input-fake .file-content .right {
      flex: 1;
      width: 100px;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .mbg-input-file-wrapper .input-fake .file-content .right button {
        font-size: 20px;
        color: var(--font3);
        background: transparent;
        border: none;
        border-radius: 50%;
        outline: none;
        margin-right: 5px; }
  .mbg-input-file-wrapper .input-fake .file-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: -8px; }
    .mbg-input-file-wrapper .input-fake .file-empty svg {
      width: 44px;
      fill: var(--font2);
      margin-bottom: 5px; }
    .mbg-input-file-wrapper .input-fake .file-empty label.empty-label {
      font-weight: 500;
      font-family: 'Open Sans', sans-serif;
      margin: 0;
      color: var(--font2);
      font-size: 14px; }
      .mbg-input-file-wrapper .input-fake .file-empty label.empty-label a {
        cursor: pointer;
        color: #337ab7; }
        .mbg-input-file-wrapper .input-fake .file-empty label.empty-label a:hover {
          text-decoration: none; }
  .mbg-input-file-wrapper .input-fake .uploading {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    bottom: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 350ms ease;
    transition-timing-function: linear;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 15px 19px 0 18px; }
    .mbg-input-file-wrapper .input-fake .uploading p, .mbg-input-file-wrapper .input-fake .uploading label {
      margin: 0; }
    .mbg-input-file-wrapper .input-fake .uploading label {
      color: var(--font2);
      display: flex;
      align-items: center;
      line-height: 1.4;
      font-size: 14px;
      font-weight: 500;
      font-family: 'Open Sans', sans-serif; }
    .mbg-input-file-wrapper .input-fake .uploading p {
      font-size: 13px;
      margin-top: 7px;
      margin-left: 5px;
      font-family: 'Open Sans', sans-serif;
      color: var(--font3); }
    .mbg-input-file-wrapper .input-fake .uploading .uploading-content {
      z-index: 1;
      display: flex;
      height: 100%; }
      .mbg-input-file-wrapper .input-fake .uploading .uploading-content .left, .mbg-input-file-wrapper .input-fake .uploading .uploading-content .right {
        flex: 1; }
      .mbg-input-file-wrapper .input-fake .uploading .uploading-content .right {
        height: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        padding-top: 15px; }
        .mbg-input-file-wrapper .input-fake .uploading .uploading-content .right button {
          font-size: 24px;
          color: var(--font3);
          background: transparent;
          border: none;
          border-radius: 50%;
          outline: none; }
    .mbg-input-file-wrapper .input-fake .uploading .uploading-line {
      height: 100%;
      bottom: 0;
      background: #f8f9ff;
      position: absolute;
      transition: all 350ms ease-in;
      left: 0;
      transition-timing-function: linear; }
      .mbg-input-file-wrapper .input-fake .uploading .uploading-line::before {
        content: '';
        background: #5128CD;
        height: 2px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 20px; }
    .mbg-input-file-wrapper .input-fake .uploading.visible {
      opacity: 1;
      pointer-events: all; }
.mb-input-date-wrapper input {
  width: 100%; }

.mb-input-date-wrapper .mbg-date-between {
  display: flex;
  justify-content: center;
  align-items: center; }
  .mb-input-date-wrapper .mbg-date-between input {
    padding: 5px;
    text-align: center; }

.mb-input-date-wrapper .mbg-date-between-space {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px; }

body .datepicker-top-left, body .datepicker-top-right {
  border-top-color: var(--primary); }

body .datepicker-container {
  border-radius: 5px; }
  body .datepicker-container .datepicker-panel {
    overflow: hidden;
    border-radius: 5px; }

body .datepicker-panel > ul > li.picked, body .datepicker-panel > ul > li.picked:hover {
  background-color: #e5f2ff; }

body .datepicker-panel > ul > li.highlighted {
  background: transparent;
  color: var(--primary); }
mbg-input-checkbox .mb-input-checkbox-wrapper {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding-left: 12px;
  padding: 0;
  background-color: #fff; }
  mbg-input-checkbox .mb-input-checkbox-wrapper > * {
    flex: 1; }
    mbg-input-checkbox .mb-input-checkbox-wrapper > * input {
      border: 1px solid #ddd;
      border-left: none;
      border-right: none;
      border-radius: none;
      padding-left: 44px; }
  mbg-input-checkbox .mb-input-checkbox-wrapper mbg-checkbox {
    left: 14px;
    position: absolute;
    flex: none; }
.mbg-product-grid-wrapper {
  overflow: auto; }
  .mbg-product-grid-wrapper table {
    border-radius: 5px; }
    .mbg-product-grid-wrapper table tbody {
      border: 1px solid #ccc;
      border-radius: 5px; }
      .mbg-product-grid-wrapper table tbody .grid-center-content {
        text-align: center; }
      .mbg-product-grid-wrapper table tbody th {
        padding: 0; }
      .mbg-product-grid-wrapper table tbody td {
        vertical-align: middle; }
        .mbg-product-grid-wrapper table tbody td label {
          color: var(--font2); }
      .mbg-product-grid-wrapper table tbody th, .mbg-product-grid-wrapper table tbody td {
        position: relative;
        border: none;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        height: 54px; }
        .mbg-product-grid-wrapper table tbody th .grid-adicional-link, .mbg-product-grid-wrapper table tbody td .grid-adicional-link {
          position: absolute;
          right: 18px;
          top: 16px;
          color: var(--font2);
          text-decoration: underline;
          cursor: pointer; }
        .mbg-product-grid-wrapper table tbody th label, .mbg-product-grid-wrapper table tbody td label {
          height: 100%;
          margin: 0;
          display: flex;
          align-items: center;
          justify-content: center; }
        .mbg-product-grid-wrapper table tbody th:first-child, .mbg-product-grid-wrapper table tbody td:first-child {
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
        .mbg-product-grid-wrapper table tbody th:last-child, .mbg-product-grid-wrapper table tbody td:last-child {
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px; }
        .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper {
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          color: var(--font2);
          font-weight: 500; }
          .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper .grid-disable, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper .grid-disable {
            pointer-events: none;
            opacity: 0; }
          .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper:hover a.link, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper:hover a.link {
            opacity: 1; }
          .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper:hover svg, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper:hover svg {
            opacity: 1; }
          .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper a.link, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper a.link {
            position: absolute;
            left: 10px;
            bottom: 8px;
            cursor: pointer;
            opacity: 0; }
          .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper svg, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper svg {
            width: 18px;
            height: 18px;
            position: absolute;
            left: 11px;
            top: 10px;
            cursor: pointer;
            opacity: 0;
            fill: var(--font2); }
          .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper .grid-product-money, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper .grid-product-money {
            font-size: 16px;
            font-weight: 600; }
          .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper input, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper input {
            background: transparent; }
          .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper input[type='number'], .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper input[type='number'] {
            -moz-appearance: textfield; }
          .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper input::-webkit-outer-spin-button,
          .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper input::-webkit-inner-spin-button, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper input::-webkit-outer-spin-button,
          .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper input::-webkit-inner-spin-button {
            -webkit-appearance: none; }
          .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper input, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper input {
            padding: 0;
            border: none;
            text-align: right;
            outline: none; }
            .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper input.ng-touched.ng-invalid, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper input.ng-touched.ng-invalid {
              border: 1px solid #b00020; }
            .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper input[disabled="disabled"], .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper input[disabled="disabled"] {
              background: #f5f5f5; }
            .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper input::-webkit-input-placeholder, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper input::-webkit-input-placeholder {
              color: var(--font3);
              font-style: italic; }
            .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper input:-moz-placeholder, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper input:-moz-placeholder {
              /* Firefox 18- */
              color: var(--font3);
              font-style: italic; }
            .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper input::-moz-placeholder, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper input::-moz-placeholder {
              /* Firefox 19+ */
              color: var(--font3);
              font-style: italic; }
            .mbg-product-grid-wrapper table tbody th .grid-product-edit-wrapper input:-ms-input-placeholder, .mbg-product-grid-wrapper table tbody td .grid-product-edit-wrapper input:-ms-input-placeholder {
              color: var(--font3);
              font-style: italic; }
      .mbg-product-grid-wrapper table tbody .grid-product-item-name-wrapper {
        display: flex;
        align-items: center;
        padding-left: 14px;
        height: 100%; }
        .mbg-product-grid-wrapper table tbody .grid-product-item-name-wrapper .grid-product-item-circle {
          width: 18px;
          min-width: 18px;
          height: 18px;
          border-radius: 50%;
          margin: 0 12px 0 0; }

.testtr {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }
  .testtr label {
    margin: 0 10px !important; }
.mbg-btn-form-wrapper button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 50px;
  background-color: var(--contrast);
  width: 100%;
  min-width: 300px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  border: 0px;
  text-transform: uppercase; }

.mbg-btn-form-wrapper button[disabled] {
  opacity: 0.5; }

.mbg-btn-form-wrapper .mbg-btn-loading {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 5px solid #fff;
  border-radius: 100%;
  border-top: 5px solid transparent;
  -webkit-animation: mbg-btn-animate infinite linear 1s;
  animation: mbg-btn-animate infinite linear 1s; }

@-webkit-keyframes mbg-btn-animate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0.35; }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes mbg-btn-animate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0.35; }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
mbg-radio .label-radio {
  user-select: none;
  cursor: pointer;
  margin-bottom: 0; }

mbg-radio .label-radio input:checked + .checkbox {
  border-color: #20C2E0; }

mbg-radio .label-radio input:checked + .checkbox svg path {
  fill: #20C2E0; }

mbg-radio .label-radio input:checked + .checkbox svg polyline {
  stroke-dashoffset: 0; }

mbg-radio .label-radio:hover .checkbox svg path {
  stroke-dashoffset: 0;
  border-radius: 50%; }

mbg-radio .label-radio:hover .checkbox {
  border: 2px solid #20c2e0; }

mbg-radio .label-radio:focus .checkbox {
  border: 2px solid #20c2e0; }

mbg-radio .label-radio .checkbox {
  position: relative;
  top: 2px;
  float: left;
  margin: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #C8CCD4;
  border-radius: 50%;
  transition: all 0.6s ease; }

mbg-radio .label-radio .checkbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%; }

mbg-radio .label-radio .checkbox svg path {
  fill: none;
  stroke: #20C2E0;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.6s ease; }

mbg-radio .label-radio .checkbox svg polyline {
  fill: none;
  stroke: #FFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease; }

mbg-radio .label-radio > span {
  pointer-events: none;
  vertical-align: middle; }

mbg-radio .label-radio .invisible {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0; }
mbg-checkbox .label-cbx {
  user-select: none;
  cursor: pointer;
  margin-bottom: 0; }

mbg-checkbox .disabled {
  opacity: .6;
  pointer-events: none; }

mbg-checkbox .label-cbx input:checked + .checkbox {
  border-color: #20C2E0; }

mbg-checkbox .label-cbx input:checked + .checkbox svg path {
  fill: #20C2E0; }

mbg-checkbox .label-cbx input:checked + .checkbox svg polyline {
  stroke-dashoffset: 0; }

mbg-checkbox .label-cbx:hover .checkbox svg path {
  stroke-dashoffset: 0; }

mbg-checkbox .label-cbx .checkbox {
  position: relative;
  top: 2px;
  float: left;
  margin: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #C8CCD4;
  border-radius: 3px; }

mbg-checkbox .label-cbx .checkbox svg {
  position: absolute;
  top: -2px;
  left: -2px; }

mbg-checkbox .label-cbx .checkbox svg path {
  fill: none;
  stroke: #20C2E0;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.6s ease; }

mbg-checkbox .label-cbx .checkbox svg polyline {
  fill: none;
  stroke: #FFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease; }

mbg-checkbox .label-cbx > span {
  pointer-events: none;
  vertical-align: middle; }

mbg-checkbox .label-cbx .invisible {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0; }
mbg-list .table > thead > tr > th {
  padding: 10px 14px !important;
  border: none;
  font-weight: 500;
  background: #e2e2e2;
  vertical-align: middle; }
  mbg-list .table > thead > tr > th label.column-title {
    color: var(--font2);
    margin: 0;
    display: flex; }
    mbg-list .table > thead > tr > th label.column-title .column-title-sort {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 5px;
      width: 18px;
      height: 20px; }
      mbg-list .table > thead > tr > th label.column-title .column-title-sort svg {
        width: 18px;
        cursor: pointer;
        fill: currentColor; }
    mbg-list .table > thead > tr > th label.column-title.events-none {
      pointer-events: none; }
  mbg-list .table > thead > tr > th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  mbg-list .table > thead > tr > th:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  mbg-list .table > thead > tr > th.width-48 {
    width: 48px; }

mbg-list .table > tbody > tr > td {
  padding: 10px 14px !important;
  border: none;
  font-weight: 400;
  vertical-align: middle; }

mbg-list .table > tbody > tr.cursor-pointer {
  cursor: pointer; }
.mbg-navigation-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 24px; }
  .mbg-navigation-wrapper * {
    font-family: 'Montserrat', sans-serif; }
  .mbg-navigation-wrapper .breadcrumb {
    background: none;
    margin-bottom: 5px; }
    .mbg-navigation-wrapper .breadcrumb li {
      padding-left: 5px;
      cursor: pointer;
      font-weight: 500; }
      .mbg-navigation-wrapper .breadcrumb li:hover {
        color: #375faf; }
  .mbg-navigation-wrapper .mbg-navigation-items {
    width: 100%;
    overflow: auto; }
  .mbg-navigation-wrapper .mbg-navigation-item {
    width: 164px;
    margin-bottom: 10px;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: all 350ms ease;
    transform: scale(1);
    will-change: transform; }
    .mbg-navigation-wrapper .mbg-navigation-item:hover {
      transform: scale(1.009); }
    .mbg-navigation-wrapper .mbg-navigation-item .mbg-navigation-content {
      width: 100%;
      max-width: 150px;
      min-width: 150px;
      min-height: 150px;
      flex: 1;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      position: relative; }
      .mbg-navigation-wrapper .mbg-navigation-item .mbg-navigation-content .mbg-navigation-svg-container {
        z-index: 98;
        position: absolute;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #191919;
        opacity: 0;
        will-change: transform, transition;
        transform: scale(1);
        transition: all 500ms ease;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none; }
        .mbg-navigation-wrapper .mbg-navigation-item .mbg-navigation-content .mbg-navigation-svg-container.animated {
          animation: animate-navigation 300ms backwards;
          animation-timing-function: linear; }
      .mbg-navigation-wrapper .mbg-navigation-item .mbg-navigation-content svg.add-icon {
        z-index: 99;
        width: 34px;
        height: 34px;
        fill: #fff;
        will-change: transform, transition;
        opacity: 0;
        pointer-events: none; }
        .mbg-navigation-wrapper .mbg-navigation-item .mbg-navigation-content svg.add-icon.animated {
          animation: animate-navigation-svg 300ms backwards;
          animation-timing-function: linear; }
      .mbg-navigation-wrapper .mbg-navigation-item .mbg-navigation-content svg.no-image {
        position: absolute;
        width: 64px;
        fill: var(--font2); }
    .mbg-navigation-wrapper .mbg-navigation-item .mbg-navigation-item-name {
      margin-top: 5px;
      color: var(--font2);
      font-size: 1em;
      white-space: nowrap;
      overflow: hidden;
      max-width: 150px;
      text-overflow: ellipsis; }
    .mbg-navigation-wrapper .mbg-navigation-item .mbg-navigation-item-value {
      color: var(--primary);
      font-size: 1.3em; }

@keyframes animate-navigation {
  0% {
    opacity: 0;
    transform: scale(1); }
  50% {
    opacity: .6;
    transform: scale(5); }
  100% {
    opacity: 0;
    transform: scale(10); } }

@keyframes animate-navigation-svg {
  0% {
    opacity: 0;
    transform: scale(1); }
  50% {
    opacity: 1;
    transform: scale(1.5); }
  100% {
    opacity: 0;
    transform: scale(2); } }
.mb-text-area-wrapper textarea:focus {
  border: 1px solid var(--primary) !important; }
.mbg-address-manual-wrapper form {
  padding: 34px; }
  .mbg-address-manual-wrapper form label {
    margin-top: 10px;
    color: #555; }

.mbg-address-manual-wrapper .btn-cancel {
  color: var(--font2);
  margin-top: 14px;
  cursor: pointer; }

.mbg-address-manual-wrapper .content-confirm-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  flex-direction: column; }
  .mbg-address-manual-wrapper .content-confirm-upload label {
    font-weight: 500;
    color: var(--error);
    opacity: 0;
    transition: opacity 400ms ease;
    height: 20px; }
    .mbg-address-manual-wrapper .content-confirm-upload label.active {
      transition: opacity 400ms ease;
      opacity: 1; }
.mbg-address-row .manual-link {
  margin-top: 8px; }

.mbg-address-row .mbg-address-wrapper {
  display: flex; }
  .mbg-address-row .mbg-address-wrapper .input-cep-wrapper {
    width: 108px;
    max-width: 108px;
    margin-right: 8px;
    font-weight: 500; }
    .mbg-address-row .mbg-address-wrapper .input-cep-wrapper input {
      max-width: 100%; }
      .mbg-address-row .mbg-address-wrapper .input-cep-wrapper input::placeholder {
        color: var(--font2); }
  .mbg-address-row .mbg-address-wrapper mbg-input-step {
    flex: 1;
    max-width: 100%; }
  .mbg-address-row .mbg-address-wrapper .input-spacing {
    min-width: 8px; }
  .mbg-address-row .mbg-address-wrapper input.mbg-input {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    padding: 8px 14px;
    flex: 7;
    outline: none;
    width: inherit;
    height: 44px;
    max-width: 100%;
    min-width: 0; }
    .mbg-address-row .mbg-address-wrapper input.mbg-input.input-number {
      flex: none;
      width: 104px; }
    .mbg-address-row .mbg-address-wrapper input.mbg-input.input-information {
      min-width: 160px;
      flex: .3; }

.mbg-address-row .ie {
  display: flex;
  flex-direction: column; }
  .mbg-address-row .ie label {
    font-weight: inherit; }

.mbg-address-row .stateRegistration {
  display: flex;
  flex-direction: column; }
  .mbg-address-row .stateRegistration a {
    font-size: 13px;
    color: var(--font2);
    cursor: pointer; }
  .mbg-address-row .stateRegistration span {
    border-bottom: 1px solid var(--neutral2);
    font-weight: 500; }

.mbg-address-grid {
  display: block !important;
  width: 300px;
  margin-top: 14px;
  margin-bottom: 14px; }
  .mbg-address-grid .input-row {
    width: 100%;
    margin-top: 4px;
    display: flex; }
  .mbg-address-grid .zip-label {
    align-self: center;
    margin-right: 14px; }
  .mbg-address-grid .input-spacing {
    min-width: 8px; }

.reference-point {
  width: 100%;
  margin-top: 8px; }
mbg-input-tags .mbg-input-wrapper {
  height: auto; }

mbg-input-tags .mb-input-tags-wrapper {
  display: flex;
  flex-direction: column;
  height: auto; }
  mbg-input-tags .mb-input-tags-wrapper input {
    min-height: 44px; }
  mbg-input-tags .mb-input-tags-wrapper .mbg-input-tags-content {
    margin-top: 8px; }
    mbg-input-tags .mb-input-tags-wrapper .mbg-input-tags-content > div {
      padding: 0;
      width: fit-content;
      float: left;
      padding: 0px 5px 8px 0;
      position: relative;
      margin-right: 16px; }
      mbg-input-tags .mb-input-tags-wrapper .mbg-input-tags-content > div svg {
        width: 11px;
        position: absolute;
        right: 8px;
        fill: var(--font2);
        cursor: pointer; }
        mbg-input-tags .mb-input-tags-wrapper .mbg-input-tags-content > div svg.arrow {
          width: 38px;
          transform: rotate(-90deg);
          height: 48px;
          top: -10px;
          right: -23px;
          fill: #ccc; }
      mbg-input-tags .mb-input-tags-wrapper .mbg-input-tags-content > div .mbg-input-tags-value {
        padding: 4px 10px;
        background: #ccc;
        border-radius: 5px;
        color: var(--font2);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 18px; }
mbg-input-step-item {
  display: flex; }
  mbg-input-step-item .mbg-input-step-item {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 5px;
    z-index: 0; }
    mbg-input-step-item .mbg-input-step-item.has-focus:last-child {
      margin-right: 5px; }
    mbg-input-step-item .mbg-input-step-item.is-empty {
      padding: 0; }
    mbg-input-step-item .mbg-input-step-item.disabled-item * {
      pointer-events: none !important;
      color: #ccc !important; }
    mbg-input-step-item .mbg-input-step-item.opened {
      z-index: 999999999; }
      mbg-input-step-item .mbg-input-step-item.opened #element::-webkit-scrollbar {
        display: none; }
        mbg-input-step-item .mbg-input-step-item.opened #element::-webkit-scrollbar #element::-webkit-scrollbar {
          display: none; }
    mbg-input-step-item .mbg-input-step-item.active::after {
      content: ','; }
    mbg-input-step-item .mbg-input-step-item input, mbg-input-step-item .mbg-input-step-item label {
      margin: 0;
      font-weight: 500; }
    mbg-input-step-item .mbg-input-step-item input {
      height: 44px;
      min-width: 0px;
      border: none;
      background: transparent;
      outline: none;
      font-weight: 500;
      padding: 0; }
    mbg-input-step-item .mbg-input-step-item .error-value {
      color: #E71255; }

.mbg-input-step-list {
  min-width: 250px;
  width: max-content;
  top: 100%;
  z-index: 999999999;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #FFF;
  position: fixed;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 0 70px rgba(0, 0, 0, 0.15);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transform-origin: top center;
  transform: translate3d(0, -10%, 0);
  opacity: 0;
  pointer-events: none;
  max-height: 250px;
  overflow: auto; }
  .mbg-input-step-list.active {
    transition: transform .5s ease,opacity .2s linear;
    transform: translateZ(0);
    opacity: 1;
    pointer-events: all; }
  .mbg-input-step-list li {
    width: 100%;
    padding: 12px 12px;
    color: var(--font2);
    cursor: pointer; }
    .mbg-input-step-list li:hover, .mbg-input-step-list li.focused {
      background: #f5f5f5; }
    .mbg-input-step-list li div {
      width: 100%;
      min-width: max-content; }
    .mbg-input-step-list li.recent-item {
      display: flex;
      flex-direction: column; }
      .mbg-input-step-list li.recent-item label {
        font-weight: bold;
        margin-bottom: 5px; }
.mb-input-step-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  height: 44px;
  background: #FFF;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  position: relative;
  min-width: 0;
  cursor: text;
  overflow-y: hidden;
  overflow-x: auto; }
  .mb-input-step-wrapper::-webkit-scrollbar {
    display: none; }
  .mb-input-step-wrapper > label {
    color: #888888;
    font-style: italic;
    margin: 0;
    font-weight: 500;
    position: absolute;
    left: 14px;
    cursor: text;
    pointer-events: none; }
  .mb-input-step-wrapper > ng-transclude {
    display: flex;
    max-width: 100%; }
  .mb-input-step-wrapper mbg-input-step-item:last-child .mbg-input-step-item.active::after {
    display: none; }
.mb-input-percentage-wrapper input {
  text-align: right; }
.mbg-input-money-wrapper input {
  text-align: right; }
.mbg-input-number-wrapper input {
  text-align: right;
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0; }
  .mbg-input-number-wrapper input::-webkit-inner-spin-button, .mbg-input-number-wrapper input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
mbg-input-search .mbg-input-search-wrapper {
  color: var(--font2) !important;
  width: 100%; }
  mbg-input-search .mbg-input-search-wrapper .input-group-search {
    position: relative;
    display: flex;
    border: 1px solid #ccc;
    border-radius: 50px;
    height: 44px;
    background-color: #f8f8f8;
    padding: 0 18px;
    font-weight: 500; }

@keyframes line-loading {
  0% {
    left: 3px; }
  50% {
    left: calc(100% - 100px); }
  100% {
    left: 3px; } }
    mbg-input-search .mbg-input-search-wrapper .input-group-search .search-icon {
      padding-top: 13px !important;
      padding-right: 6px; }
    mbg-input-search .mbg-input-search-wrapper .input-group-search.loading::before {
      content: "";
      position: absolute;
      width: 100px;
      height: 1px;
      background: var(--primary);
      bottom: 0.5px;
      left: 3px;
      animation: line-loading 1s linear infinite; }
    mbg-input-search .mbg-input-search-wrapper .input-group-search.top-layout {
      border-radius: 4px; }
    mbg-input-search .mbg-input-search-wrapper .input-group-search svg {
      fill: var(--font3);
      width: 24px;
      margin-right: 7px; }
    mbg-input-search .mbg-input-search-wrapper .input-group-search div[ng-transclude] {
      display: flex; }
    mbg-input-search .mbg-input-search-wrapper .input-group-search input {
      width: 100%;
      border: none;
      background-color: transparent;
      padding: 0 0 0 10px;
      font-weight: 500; }
      mbg-input-search .mbg-input-search-wrapper .input-group-search input:focus {
        outline: none;
        box-shadow: none; }
    mbg-input-search .mbg-input-search-wrapper .input-group-search select {
      border: none;
      background-color: transparent; }
      mbg-input-search .mbg-input-search-wrapper .input-group-search select:focus {
        outline: none; }
      mbg-input-search .mbg-input-search-wrapper .input-group-search select option {
        border: none; }

input {
  color: var(--font2); }
.mbg-input-name-wrapper {
  position: relative; }
  .mbg-input-name-wrapper .isento {
    position: absolute;
    left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
.upload-by-link-wrapper .content-preview-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 24px 0; }
  .upload-by-link-wrapper .content-preview-image .preview-image {
    background-color: #f5f5f5;
    width: 244px;
    height: 244px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .upload-by-link-wrapper .content-preview-image label {
    font-size: 12px;
    color: var(--font2);
    font-weight: 400;
    margin-top: 2px; }

.upload-by-link-wrapper .content-link-image {
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 5px; }
  .upload-by-link-wrapper .content-link-image label {
    font-size: 14px;
    color: var(--font2);
    font-weight: 500;
    margin-bottom: 0; }
  .upload-by-link-wrapper .content-link-image mbg-input-text {
    width: 100%; }

.upload-by-link-wrapper .content-confirm-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  flex-direction: column; }
  .upload-by-link-wrapper .content-confirm-upload label {
    font-weight: 500;
    color: var(--error);
    opacity: 0;
    transition: opacity 400ms ease;
    height: 20px; }
    .upload-by-link-wrapper .content-confirm-upload label.active {
      transition: opacity 400ms ease;
      opacity: 1; }
mbg-image-upload-loading .lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px; }

mbg-image-upload-loading .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #ccc;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #ccc transparent transparent transparent; }

mbg-image-upload-loading .lds-ring div:nth-child(1) {
  animation-delay: -0.45s; }

mbg-image-upload-loading .lds-ring div:nth-child(2) {
  animation-delay: -0.3s; }

mbg-image-upload-loading .lds-ring div:nth-child(3) {
  animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
mbg-image-upload-no-image svg {
  fill: #ccc; }
mbg-image-upload-children {
  display: flex;
  width: 100%;
  height: fit-content;
  margin-top: 10px; }
  mbg-image-upload-children .mbg-image-upload-children {
    border-radius: 8px;
    width: 100%;
    height: fit-content;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: fit-content(100%);
    grid-row-gap: 10px; }
    mbg-image-upload-children .mbg-image-upload-children.empty {
      opacity: .6;
      cursor: not-allowed; }
    mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-content {
      height: fit-content;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-content:hover svg {
        display: block; }
      mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-content svg {
        display: none;
        width: 20px;
        position: absolute;
        z-index: 9;
        top: -8px;
        right: 0px;
        fill: #ccc; }
        mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-content svg .st0 {
          fill: #AAAAAA; }
        mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-content svg .st1 {
          fill: #FFFFFF; }
        mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-content svg:hover {
          cursor: pointer; }
          mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-content svg:hover .st0 {
            fill: #ee7983; }
      mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-content .mbg-image-upload-child {
        width: 90%;
        height: 65px;
        border: 1px solid #ddd;
        border-radius: 5px;
        cursor: pointer;
        transition: transform 350ms ease;
        will-change: transform, transition; }
        mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-content .mbg-image-upload-child.rounded {
          border-radius: 50%; }
        mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-content .mbg-image-upload-child:hover {
          transform: scale(1.08); }
    mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-create {
      height: fit-content;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-create .mbg-image-upload-children-svg {
        width: 90%;
        height: 65px;
        border: 1px solid #f5f5f5;
        border-radius: 5px;
        cursor: pointer;
        transition: transform 350ms ease;
        will-change: transform, transition;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background: #f5f5f5; }
        mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-create .mbg-image-upload-children-svg.rounded {
          border-radius: 50%; }
        mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-create .mbg-image-upload-children-svg * {
          cursor: pointer; }
        mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-create .mbg-image-upload-children-svg svg {
          width: 24px; }
        mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-create .mbg-image-upload-children-svg label {
          margin: 0;
          font-weight: 500;
          font-size: 12px; }
        mbg-image-upload-children .mbg-image-upload-children .mbg-image-upload-children-create .mbg-image-upload-children-svg:hover {
          transform: scale(1.08); }
.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
	/*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}
.cr-rotate-controls button {
	border: 0;
	background: none;
}
.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}
.cr-rotate-l i:before {
	content: '\21BA';
}
.cr-rotate-r i:before {
	content: '\21BB';
}
mbg-image-crop {
  width: 100%;
  height: 100%; }
  mbg-image-crop canvas {
    border-radius: 13px; }
  mbg-image-crop .cr-viewport.cr-vp-square {
    border-radius: 5px; }
  mbg-image-crop .image-crop-wrapper {
    height: 100%; }
    mbg-image-crop .image-crop-wrapper .svg {
      width: 32px;
      position: absolute;
      z-index: 100;
      fill: #ffffff;
      transition: all 200ms ease;
      background-color: #919191;
      border-radius: 100px; }
    mbg-image-crop .image-crop-wrapper svg.close-crop {
      left: 15px;
      top: 15px;
      border: 2px solid #919191; }
      mbg-image-crop .image-crop-wrapper svg.close-crop:hover {
        transform: scale(1.1);
        fill: #d7374e; }
      mbg-image-crop .image-crop-wrapper svg.close-crop.rounded {
        left: 4px;
        top: 4px; }
    mbg-image-crop .image-crop-wrapper svg.accept {
      right: 15px;
      top: 15px; }
      mbg-image-crop .image-crop-wrapper svg.accept:hover {
        transform: scale(1.1);
        fill: #22e67a; }
      mbg-image-crop .image-crop-wrapper svg.accept.rounded {
        right: 9px;
        top: 9px; }
    mbg-image-crop .image-crop-wrapper .croppie-container .cr-slider-wrap {
      width: 60%;
      margin: 0 auto;
      border-radius: 31px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 10px;
      transform: translate(-15%, -150%);
      text-align: center;
      position: relative;
      z-index: 100;
      background-color: #919191; }
    mbg-image-crop .image-crop-wrapper .rounded.croppie-container .cr-slider-wrap {
      transform: translateY(-180%); }
    mbg-image-crop .image-crop-wrapper .checkbox {
      position: absolute;
      bottom: 20px;
      right: 15px;
      z-index: 1; }
      mbg-image-crop .image-crop-wrapper .checkbox div.checkbox {
        border-color: #303030 !important; }
        mbg-image-crop .image-crop-wrapper .checkbox div.checkbox svg path {
          fill: #919191 !important;
          stroke: #cdcdcd !important; }
mbg-image-upload-main {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  width: 100%;
  border-radius: 6px;
  height: 100%; }
  mbg-image-upload-main input[type="file"] {
    display: none; }
  mbg-image-upload-main .camera {
    width: 34px;
    height: 34px;
    position: absolute;
    z-index: 1;
    right: 18px;
    bottom: 18px;
    background: #000;
    opacity: .5;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
    transition: all 350ms ease; }
    mbg-image-upload-main .camera svg {
      fill: #fff; }
    mbg-image-upload-main .camera.rounded {
      right: 27px;
      bottom: 28px; }
    mbg-image-upload-main .camera:hover {
      opacity: 1; }
  mbg-image-upload-main svg.camera-remove {
    width: 34px;
    position: absolute;
    z-index: 1;
    right: 18px;
    bottom: 18px;
    background: #000;
    opacity: .5;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
    transition: all 350ms ease; }
    mbg-image-upload-main svg.camera-remove.rounded {
      right: 28px;
      bottom: 28px; }
    mbg-image-upload-main svg.camera-remove .st1 {
      fill: #ffffff; }
    mbg-image-upload-main svg.camera-remove:hover {
      opacity: 1; }
  mbg-image-upload-main svg.remove {
    cursor: pointer;
    width: 23px;
    opacity: 0;
    position: absolute;
    z-index: 9;
    top: -7px;
    right: -7px;
    fill: #ccc; }
    mbg-image-upload-main svg.remove .st1 {
      fill: #ffffff; }
    mbg-image-upload-main svg.remove:hover {
      fill: #ee7983; }
  mbg-image-upload-main svg.crop {
    width: 34px;
    position: absolute;
    z-index: 1;
    right: 18px;
    bottom: 60px;
    background: #000;
    fill: #fff;
    opacity: .5;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
    transition: all 350ms ease; }
    mbg-image-upload-main svg.crop.rounded {
      right: -1px;
      bottom: 70px; }
    mbg-image-upload-main svg.crop:hover {
      opacity: 1; }
  mbg-image-upload-main .snapshot {
    position: absolute;
    z-index: 1;
    bottom: 18px;
    background: #000;
    color: #fff;
    height: 34px;
    opacity: .5;
    border-radius: 50px;
    padding: 5px 25px;
    border: 0px;
    cursor: pointer;
    transition: all 350ms ease; }
    mbg-image-upload-main .snapshot.rounded {
      bottom: 28px; }
    mbg-image-upload-main .snapshot:Hover {
      opacity: 1; }
  mbg-image-upload-main .mbg-image-upload-main-label {
    font-size: 10px;
    position: absolute;
    width: 100px;
    padding: 0 12px;
    z-index: 1;
    height: 20px;
    background: #000;
    color: #FFF;
    border-radius: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 24px;
    opacity: .5; }
  mbg-image-upload-main .mbg-image-upload-main {
    flex: 1;
    border-radius: 8px;
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden; }
    mbg-image-upload-main .mbg-image-upload-main.empty {
      cursor: pointer; }
    mbg-image-upload-main .mbg-image-upload-main .mbg-image-upload-content {
      width: 100%;
      height: 100%;
      transition: all 500ms ease; }
    mbg-image-upload-main .mbg-image-upload-main .mbg-image-upload-max-files {
      padding-left: 10px;
      position: absolute;
      bottom: 0;
      left: 0;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      right: 0;
      background: #ee7983;
      color: #FFF;
      transition: transform 500ms ease;
      transform: translateY(102%); }
      mbg-image-upload-main .mbg-image-upload-main .mbg-image-upload-max-files.active {
        transform: translateY(0); }
      mbg-image-upload-main .mbg-image-upload-main .mbg-image-upload-max-files.rounded.active {
        transform: translateY(-150%); }
    mbg-image-upload-main .mbg-image-upload-main.rounded {
      border-radius: 50%; }
  mbg-image-upload-main:hover svg.remove {
    opacity: 1; }
  mbg-image-upload-main .options {
    list-style: none;
    padding: 0px;
    position: absolute;
    z-index: 1;
    background-color: #fcfcfc;
    border-radius: 10px;
    bottom: 50px;
    right: -17px;
    border: 1px solid #ccc; }
    mbg-image-upload-main .options :first-child a {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px; }
    mbg-image-upload-main .options :last-child a {
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
    mbg-image-upload-main .options li {
      display: flex;
      justify-content: center;
      align-content: center; }
      mbg-image-upload-main .options li a {
        transition: all 200ms ease;
        padding: 9px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: var(--font2);
        text-decoration: none;
        width: 100%;
        cursor: pointer; }
        mbg-image-upload-main .options li a svg {
          width: 20px;
          margin-right: 6px;
          fill: var(--font2); }
        mbg-image-upload-main .options li a:hover {
          background-color: #d8d8d8; }
    mbg-image-upload-main .options.rounded {
      bottom: 60px;
      right: -8px; }
.shadow mbg-image-upload-main {
  box-shadow: 0px 0px 29px -18px rgba(0, 0, 0, 0.75); }

.mbg-image-upload.view-mode .mbg-image-upload-main.empty {
  cursor: default; }

.mbg-image-upload.view-mode .mbg-image-upload-child {
  cursor: default; }

.mbg-image-upload-wrapper {
  width: 100%;
  height: 100%; }
  .mbg-image-upload-wrapper.bottom {
    flex-direction: column; }
    .mbg-image-upload-wrapper.bottom .mbg-image-upload-main-wrapper {
      flex: 1;
      width: 100%;
      padding: 0; }
    .mbg-image-upload-wrapper.bottom .mbg-image-upload-children-wrapper {
      width: 100%;
      min-height: 24%;
      max-height: 24%;
      padding-left: 0;
      padding-right: 0;
      display: flex; }
  .mbg-image-upload-wrapper.top {
    flex-direction: column; }
    .mbg-image-upload-wrapper.top .mbg-image-upload-main-wrapper {
      order: 2;
      flex: 1;
      width: 100%;
      padding: 0; }
    .mbg-image-upload-wrapper.top .mbg-image-upload-children-wrapper {
      order: 1;
      width: 100%;
      min-height: 24%;
      max-height: 2 24%;
      padding-left: 0;
      padding-right: 0;
      display: flex; }
  .mbg-image-upload-wrapper.left {
    flex-direction: row; }
    .mbg-image-upload-wrapper.left .mbg-image-upload-main-wrapper {
      order: 2;
      flex: 1;
      width: 100%;
      height: 100%;
      padding: 0; }
    .mbg-image-upload-wrapper.left .mbg-image-upload-children-wrapper {
      order: 1;
      height: 100%;
      min-width: calc(30%);
      max-width: calc(30%);
      padding-top: 0;
      padding-bottom: 0;
      display: flex; }
  .mbg-image-upload-wrapper.right {
    flex-direction: row; }
    .mbg-image-upload-wrapper.right .mbg-image-upload-main-wrapper {
      order: 1;
      flex: 1;
      width: 100%;
      height: 100%;
      padding: 0; }
    .mbg-image-upload-wrapper.right .mbg-image-upload-children-wrapper {
      order: 2;
      height: 100%;
      min-width: calc(30%);
      max-width: calc(30%);
      padding-top: 0;
      padding-bottom: 0;
      display: flex; }
.mbg-error-tooltip {
  position: relative;
  display: flex; }
  .mbg-error-tooltip > * {
    flex: 1; }
  .mbg-error-tooltip:before {
    content: "";
    position: absolute;
    opacity: 1;
    pointer-events: none;
    left: 24px;
    top: -12px;
    -webkit-transform: translate3d(-50%, 0%, 0);
    transform: translate3d(-50%, 0%, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: var(--error) transparent transparent transparent; }
  .mbg-error-tooltip:after {
    text-transform: none;
    content: attr(data-tooltip);
    font-size: 12px;
    position: absolute;
    color: #fff;
    background: var(--error);
    padding: 8px 12px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 300px;
    opacity: 1;
    pointer-events: none;
    /* left: 0; */
    /* top: 0; */
    border-radius: 4px;
    /* -webkit-transform: translate3d(-50%, -webkit-calc(-100% - 18px), 0); */
    transform: translate3d(0%, calc(-100% - 10px), 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
    z-index: 9999; }

.mbg-error {
  border: 2px solid var(--error) !important;
  position: relative; }

.mbg-input-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  height: 44px;
  font-weight: 500; }
  .mbg-input-wrapper.mbg-input-disabled,
  .mbg-input-wrapper .mbg-input-disabled {
    background: #f5f5f5; }
  .mbg-input-wrapper input {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    padding: 8px 14px;
    flex: 1;
    outline: none;
    width: inherit;
    height: 44px;
    max-width: 100%; }
    .mbg-input-wrapper input.ng-touched.ng-invalid {
      border: 1px solid #b00020; }
    .mbg-input-wrapper input[disabled="disabled"] {
      background: #f5f5f5;
      font-weight: 500; }
    .mbg-input-wrapper input::-webkit-input-placeholder {
      color: var(--font2);
      font-weight: 500;
      font-style: italic; }
    .mbg-input-wrapper input:-moz-placeholder {
      /* Firefox 18- */
      color: var(--font2);
      font-weight: 500;
      font-style: italic; }
    .mbg-input-wrapper input::-moz-placeholder {
      /* Firefox 19+ */
      color: var(--font2);
      font-weight: 500;
      font-style: italic; }
    .mbg-input-wrapper input:-ms-input-placeholder {
      color: var(--font2);
      font-weight: 500;
      font-style: italic; }

.mbg-text-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  height: 74px;
  background: #fff; }
  .mbg-text-wrapper textarea {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px 14px;
    flex: 1;
    background: transparent;
    outline: none;
    width: 500px;
    font-weight: 500; }
    .mbg-text-wrapper textarea.ng-touched.ng-invalid {
      border: 1px solid #b00020; }
    .mbg-text-wrapper textarea[disabled="disabled"] {
      background: #f5f5f5; }

.container {
  position: relative; }

.mbg-alert .modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0px; }
  .mbg-alert .modal-dialog .modal-content {
    max-height: none;
    width: 100%;
    max-width: 494px;
    border-radius: 6px !important; }

.mbg-alert.fade .modal-dialog {
  will-change: transform;
  transition: transform 300ms ease;
  transform: translateY(-100px) scale(0.5); }

.mbg-alert.fade.in .modal-dialog {
  transform: translateY(0) scale(1); }

.count-character {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex; }
  .count-character::after {
    content: attr(count-character);
    position: absolute;
    right: 4px;
    font-size: 10px;
    bottom: -14px; }
.import-user-access-wrapper mbg-btn-form div button {
  height: 25px !important; }
section-fiscal .panel-group .panel {
  margin-top: 14px !important; }

section-fiscal .panel-heading {
  padding: 15px 15px; }
  section-fiscal .panel-heading i {
    font-size: 24px; }
    section-fiscal .panel-heading i.active {
      color: var(--success); }

section-fiscal .panel-group {
  width: 680px; }

section-fiscal .id-token .input-labels {
  text-align: right;
  width: 100%; }

section-fiscal .id-token input {
  text-align: right; }

section-fiscal .input-fake {
  box-shadow: none !important; }

section-fiscal [uib-accordion-header] {
  display: flex;
  align-items: center;
  justify-content: space-between; }

section-fiscal .input-labels {
  margin-bottom: 8px !important; }
section-pdv-report .section-form {
  margin-top: 24px !important; }

section-pdv-report .separator-title {
  font-size: 18px;
  margin: 0;
  margin-bottom: 14px; }

section-pdv-report .register-container {
  margin-bottom: 14px;
  min-height: 64px;
  background: #eeeeee;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 524px;
  padding: 0 24px;
  border-radius: 8px; }
  section-pdv-report .register-container.column {
    flex-direction: column;
    align-items: flex-start;
    align-content: baseline;
    justify-content: center; }

section-pdv-report .tag-options {
  display: flex; }
  section-pdv-report .tag-options .tag-option {
    background: #fff;
    border-radius: 5px;
    height: 52px;
    width: 75px;
    display: flex;
    margin-left: 8px;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    section-pdv-report .tag-options .tag-option * {
      cursor: pointer;
      user-select: none; }
    section-pdv-report .tag-options .tag-option:active {
      opacity: .6; }
    section-pdv-report .tag-options .tag-option.active {
      border: 1px solid var(--primary); }
      section-pdv-report .tag-options .tag-option.active * {
        fill: var(--primary) !important;
        color: var(--primary); }
    section-pdv-report .tag-options .tag-option svg {
      width: 34px; }
    section-pdv-report .tag-options .tag-option span {
      text-align: center;
      font-size: 12px; }
section-register-company-info .is-disabled {
  background-color: #eee !important; }

section-register-company-info .register-input {
  width: 685px !important; }
cashcheckout-report-type-options .options {
  display: flex; }
  cashcheckout-report-type-options .options .option-item {
    height: 45px;
    width: 64px;
    margin-left: 5px;
    background: #f5f5f5;
    margin: 5px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid transparent; }
    cashcheckout-report-type-options .options .option-item * {
      cursor: pointer;
      user-select: none; }
    cashcheckout-report-type-options .options .option-item:active {
      opacity: .6; }
    cashcheckout-report-type-options .options .option-item.active {
      border: 1px solid var(--primary); }
      cashcheckout-report-type-options .options .option-item.active * {
        fill: var(--primary) !important;
        color: var(--primary); }
    cashcheckout-report-type-options .options .option-item span {
      font-size: 12px;
      text-align: center; }
    cashcheckout-report-type-options .options .option-item svg {
      width: 20px;
      height: 24px; }
company-name-report-options .options {
  display: flex; }
  company-name-report-options .options .option-item {
    height: 45px;
    width: 54px;
    margin-left: 5px;
    background: #f5f5f5;
    margin: 5px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    border: 1px solid transparent;
    padding-top: 3px; }
    company-name-report-options .options .option-item * {
      cursor: pointer;
      user-select: none; }
    company-name-report-options .options .option-item:active {
      opacity: .6; }
    company-name-report-options .options .option-item.active {
      border: 1px solid var(--primary); }
      company-name-report-options .options .option-item.active * {
        fill: var(--primary) !important;
        color: var(--primary); }
    company-name-report-options .options .option-item span {
      font-size: 12px;
      text-align: center; }
    company-name-report-options .options .option-item svg {
      width: 20px;
      height: 24px; }
report-type-options .options {
  display: flex; }
  report-type-options .options .option-item {
    height: 45px;
    width: 54px;
    margin-left: 5px;
    background: #f5f5f5;
    margin: 5px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    border: 1px solid transparent;
    padding-top: 3px; }
    report-type-options .options .option-item * {
      cursor: pointer;
      user-select: none; }
    report-type-options .options .option-item:active {
      opacity: .6; }
    report-type-options .options .option-item.active {
      border: 1px solid var(--primary); }
      report-type-options .options .option-item.active * {
        fill: var(--primary) !important;
        color: var(--primary); }
    report-type-options .options .option-item span {
      font-size: 12px; }
    report-type-options .options .option-item svg {
      width: 20px;
      height: 24px; }
/*!
 * fullPage 3.1.2
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translate3d(0,-50%,0);
}
#fp-nav.fp-right {
    right: 17px;
}
#fp-nav.fp-left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
    bottom: 17px;
}
.fp-slidesNav.fp-top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.onboarding-wrapper .section-wrapper {
  height: 100%;
  padding: 44px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto; }
  .onboarding-wrapper .section-wrapper .section-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1; }
  .onboarding-wrapper .section-wrapper h1, .onboarding-wrapper .section-wrapper p, .onboarding-wrapper .section-wrapper label, .onboarding-wrapper .section-wrapper span, .onboarding-wrapper .section-wrapper input, .onboarding-wrapper .section-wrapper a {
    font-family: 'Montserrat', sans-serif; }
  .onboarding-wrapper .section-wrapper .logo {
    width: 100px; }
  .onboarding-wrapper .section-wrapper h1.title {
    margin: 0;
    color: var(--font2);
    margin-bottom: 14px; }
  .onboarding-wrapper .section-wrapper p.description {
    text-align: center;
    margin: 0;
    max-width: 524px;
    color: var(--font2);
    line-height: 1.4; }
  .onboarding-wrapper .section-wrapper .section-form {
    margin-top: 44px; }
    .onboarding-wrapper .section-wrapper .section-form .register-input {
      width: 424px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #bebebe;
      background: #fff;
      border-radius: 3px;
      padding: 0px 14px;
      margin-bottom: 24px;
      height: 54px; }
      .onboarding-wrapper .section-wrapper .section-form .register-input input:-webkit-autofill,
      .onboarding-wrapper .section-wrapper .section-form .register-input input:-webkit-autofill:hover,
      .onboarding-wrapper .section-wrapper .section-form .register-input input:-webkit-autofill:focus {
        border: none;
        transition: background-color 5000s ease-in-out 0s;
        background: transparent; }
      .onboarding-wrapper .section-wrapper .section-form .register-input.input-error {
        border: 1px solid var(--error); }
        .onboarding-wrapper .section-wrapper .section-form .register-input.input-error i {
          color: var(--error); }
        .onboarding-wrapper .section-wrapper .section-form .register-input.input-error input {
          color: var(--error); }
          .onboarding-wrapper .section-wrapper .section-form .register-input.input-error input:-webkit-autofill, .onboarding-wrapper .section-wrapper .section-form .register-input.input-error input:-webkit-autofill:hover, .onboarding-wrapper .section-wrapper .section-form .register-input.input-error input:-webkit-autofill:focus {
            border: none;
            -webkit-text-fill-color: var(--error);
            transition: background-color 5000s ease-in-out 0s;
            background: transparent; }
          .onboarding-wrapper .section-wrapper .section-form .register-input.input-error input::-webkit-input-placeholder {
            /* Edge */
            color: var(--error); }
          .onboarding-wrapper .section-wrapper .section-form .register-input.input-error input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: var(--error); }
          .onboarding-wrapper .section-wrapper .section-form .register-input.input-error input::placeholder {
            color: var(--error); }
      .onboarding-wrapper .section-wrapper .section-form .register-input i {
        color: var(--font2);
        margin-right: 8px; }
      .onboarding-wrapper .section-wrapper .section-form .register-input mbg-input-text,
      .onboarding-wrapper .section-wrapper .section-form .register-input mbg-input-number,
      .onboarding-wrapper .section-wrapper .section-form .register-input mbg-input-email,
      .onboarding-wrapper .section-wrapper .section-form .register-input mbg-input-cpf-cnpj,
      .onboarding-wrapper .section-wrapper .section-form .register-input mbg-input-cpf,
      .onboarding-wrapper .section-wrapper .section-form .register-input mbg-input-password {
        flex: 1; }
        .onboarding-wrapper .section-wrapper .section-form .register-input mbg-input-text input,
        .onboarding-wrapper .section-wrapper .section-form .register-input mbg-input-number input,
        .onboarding-wrapper .section-wrapper .section-form .register-input mbg-input-email input,
        .onboarding-wrapper .section-wrapper .section-form .register-input mbg-input-cpf-cnpj input,
        .onboarding-wrapper .section-wrapper .section-form .register-input mbg-input-cpf input,
        .onboarding-wrapper .section-wrapper .section-form .register-input mbg-input-password input {
          border: none;
          background: transparent; }
    .onboarding-wrapper .section-wrapper .section-form .register-error {
      text-align: center;
      color: var(--error);
      font-family: 'Montserrat', sans-serif;
      font-weight: 500; }
    .onboarding-wrapper .section-wrapper .section-form .register-checkbox {
      height: 64px;
      background: #eeeeee;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 524px;
      padding: 0 24px;
      border-radius: 8px;
      margin-bottom: 14px; }
    .onboarding-wrapper .section-wrapper .section-form .register-submit {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-top: 44px; }
      .onboarding-wrapper .section-wrapper .section-form .register-submit button, .onboarding-wrapper .section-wrapper .section-form .register-submit a {
        outline: none; }
      .onboarding-wrapper .section-wrapper .section-form .register-submit a {
        cursor: pointer;
        margin-top: 18px; }
.auth-register-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .auth-register-wrapper .mbg-btn-form-wrapper {
    margin-top: 24px; }
  .auth-register-wrapper h4 {
    margin-bottom: 0; }
  .auth-register-wrapper p.information {
    font-size: 13px;
    color: var(--font2); }
  .auth-register-wrapper p.password {
    margin: 5px 0 0 5px;
    font-size: 13px;
    color: var(--error); }
body > div.modal.fade.ng-scope.ng-isolate-scope.in > div > div {
  max-height: none; }

#btn-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 50px;
  background-color: #d10000;
  width: 100%;
  min-width: 300px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  border: 0px;
  text-transform: uppercase; }

#btn-save {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 50px;
  background-color: var(--primary);
  width: 100%;
  min-width: 300px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  border: 0px;
  text-transform: uppercase; }

#btn-save[disabled] {
  opacity: 0.5; }
.hotkeys-modal-wrapper {
  min-width: 550px;
  width: auto; }
  .hotkeys-modal-wrapper .mbg-title {
    margin: 0 !important; }
  .hotkeys-modal-wrapper .body-modal {
    display: flex;
    flex-direction: column;
    margin: 0px 30px 30px 30px;
    gap: 20px;
    max-height: 480px;
    overflow-y: auto; }
.switch{background:#fff;border:1px solid #dfdfdf;position:relative;display:inline-block;box-sizing:content-box;overflow:visible;width:52px;height:30px;padding:0;margin:0;border-radius:20px;cursor:pointer;box-shadow:#dfdfdf 0 0 0 0 inset;transition:.3s ease-out all;-webkit-transition:.3s ease-out all;top:-1px}.switch.wide{width:80px}.switch small{background:#fff;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,.4);width:30px;height:30px;position:absolute;top:0;left:0;transition:.3s ease-out all;-webkit-transition:.3s ease-out all}.switch.checked{background:#64bd63;border-color:#64bd63}.switch.checked small{left:22px}.switch.wide.checked small{left:52px}.switch .switch-text{font-family:Arial,Helvetica,sans-serif;font-size:13px}.switch .off{display:block;position:absolute;right:10%;top:25%;z-index:0;color:#A9A9A9}.switch .on{display:none;z-index:0;color:#fff;position:absolute;top:25%;left:9%}.switch.checked .off{display:none}.switch.checked .on{display:block}.switch.disabled{opacity:.5;cursor:not-allowed}
/*!
 * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\F26E"; }

.fa-accessible-icon:before {
  content: "\F368"; }

.fa-accusoft:before {
  content: "\F369"; }

.fa-address-book:before {
  content: "\F2B9"; }

.fa-address-card:before {
  content: "\F2BB"; }

.fa-adjust:before {
  content: "\F042"; }

.fa-adn:before {
  content: "\F170"; }

.fa-adversal:before {
  content: "\F36A"; }

.fa-affiliatetheme:before {
  content: "\F36B"; }

.fa-algolia:before {
  content: "\F36C"; }

.fa-align-center:before {
  content: "\F037"; }

.fa-align-justify:before {
  content: "\F039"; }

.fa-align-left:before {
  content: "\F036"; }

.fa-align-right:before {
  content: "\F038"; }

.fa-allergies:before {
  content: "\F461"; }

.fa-amazon:before {
  content: "\F270"; }

.fa-amazon-pay:before {
  content: "\F42C"; }

.fa-ambulance:before {
  content: "\F0F9"; }

.fa-american-sign-language-interpreting:before {
  content: "\F2A3"; }

.fa-amilia:before {
  content: "\F36D"; }

.fa-anchor:before {
  content: "\F13D"; }

.fa-android:before {
  content: "\F17B"; }

.fa-angellist:before {
  content: "\F209"; }

.fa-angle-double-down:before {
  content: "\F103"; }

.fa-angle-double-left:before {
  content: "\F100"; }

.fa-angle-double-right:before {
  content: "\F101"; }

.fa-angle-double-up:before {
  content: "\F102"; }

.fa-angle-down:before {
  content: "\F107"; }

.fa-angle-left:before {
  content: "\F104"; }

.fa-angle-right:before {
  content: "\F105"; }

.fa-angle-up:before {
  content: "\F106"; }

.fa-angrycreative:before {
  content: "\F36E"; }

.fa-angular:before {
  content: "\F420"; }

.fa-app-store:before {
  content: "\F36F"; }

.fa-app-store-ios:before {
  content: "\F370"; }

.fa-apper:before {
  content: "\F371"; }

.fa-apple:before {
  content: "\F179"; }

.fa-apple-pay:before {
  content: "\F415"; }

.fa-archive:before {
  content: "\F187"; }

.fa-arrow-alt-circle-down:before {
  content: "\F358"; }

.fa-arrow-alt-circle-left:before {
  content: "\F359"; }

.fa-arrow-alt-circle-right:before {
  content: "\F35A"; }

.fa-arrow-alt-circle-up:before {
  content: "\F35B"; }

.fa-arrow-circle-down:before {
  content: "\F0AB"; }

.fa-arrow-circle-left:before {
  content: "\F0A8"; }

.fa-arrow-circle-right:before {
  content: "\F0A9"; }

.fa-arrow-circle-up:before {
  content: "\F0AA"; }

.fa-arrow-down:before {
  content: "\F063"; }

.fa-arrow-left:before {
  content: "\F060"; }

.fa-arrow-right:before {
  content: "\F061"; }

.fa-arrow-up:before {
  content: "\F062"; }

.fa-arrows-alt:before {
  content: "\F0B2"; }

.fa-arrows-alt-h:before {
  content: "\F337"; }

.fa-arrows-alt-v:before {
  content: "\F338"; }

.fa-assistive-listening-systems:before {
  content: "\F2A2"; }

.fa-asterisk:before {
  content: "\F069"; }

.fa-asymmetrik:before {
  content: "\F372"; }

.fa-at:before {
  content: "\F1FA"; }

.fa-audible:before {
  content: "\F373"; }

.fa-audio-description:before {
  content: "\F29E"; }

.fa-autoprefixer:before {
  content: "\F41C"; }

.fa-avianex:before {
  content: "\F374"; }

.fa-aviato:before {
  content: "\F421"; }

.fa-aws:before {
  content: "\F375"; }

.fa-backward:before {
  content: "\F04A"; }

.fa-balance-scale:before {
  content: "\F24E"; }

.fa-ban:before {
  content: "\F05E"; }

.fa-band-aid:before {
  content: "\F462"; }

.fa-bandcamp:before {
  content: "\F2D5"; }

.fa-barcode:before {
  content: "\F02A"; }

.fa-bars:before {
  content: "\F0C9"; }

.fa-baseball-ball:before {
  content: "\F433"; }

.fa-basketball-ball:before {
  content: "\F434"; }

.fa-bath:before {
  content: "\F2CD"; }

.fa-battery-empty:before {
  content: "\F244"; }

.fa-battery-full:before {
  content: "\F240"; }

.fa-battery-half:before {
  content: "\F242"; }

.fa-battery-quarter:before {
  content: "\F243"; }

.fa-battery-three-quarters:before {
  content: "\F241"; }

.fa-bed:before {
  content: "\F236"; }

.fa-beer:before {
  content: "\F0FC"; }

.fa-behance:before {
  content: "\F1B4"; }

.fa-behance-square:before {
  content: "\F1B5"; }

.fa-bell:before {
  content: "\F0F3"; }

.fa-bell-slash:before {
  content: "\F1F6"; }

.fa-bicycle:before {
  content: "\F206"; }

.fa-bimobject:before {
  content: "\F378"; }

.fa-binoculars:before {
  content: "\F1E5"; }

.fa-birthday-cake:before {
  content: "\F1FD"; }

.fa-bitbucket:before {
  content: "\F171"; }

.fa-bitcoin:before {
  content: "\F379"; }

.fa-bity:before {
  content: "\F37A"; }

.fa-black-tie:before {
  content: "\F27E"; }

.fa-blackberry:before {
  content: "\F37B"; }

.fa-blender:before {
  content: "\F517"; }

.fa-blind:before {
  content: "\F29D"; }

.fa-blogger:before {
  content: "\F37C"; }

.fa-blogger-b:before {
  content: "\F37D"; }

.fa-bluetooth:before {
  content: "\F293"; }

.fa-bluetooth-b:before {
  content: "\F294"; }

.fa-bold:before {
  content: "\F032"; }

.fa-bolt:before {
  content: "\F0E7"; }

.fa-bomb:before {
  content: "\F1E2"; }

.fa-book:before {
  content: "\F02D"; }

.fa-book-open:before {
  content: "\F518"; }

.fa-bookmark:before {
  content: "\F02E"; }

.fa-bowling-ball:before {
  content: "\F436"; }

.fa-box:before {
  content: "\F466"; }

.fa-box-open:before {
  content: "\F49E"; }

.fa-boxes:before {
  content: "\F468"; }

.fa-braille:before {
  content: "\F2A1"; }

.fa-briefcase:before {
  content: "\F0B1"; }

.fa-briefcase-medical:before {
  content: "\F469"; }

.fa-broadcast-tower:before {
  content: "\F519"; }

.fa-broom:before {
  content: "\F51A"; }

.fa-btc:before {
  content: "\F15A"; }

.fa-bug:before {
  content: "\F188"; }

.fa-building:before {
  content: "\F1AD"; }

.fa-bullhorn:before {
  content: "\F0A1"; }

.fa-bullseye:before {
  content: "\F140"; }

.fa-burn:before {
  content: "\F46A"; }

.fa-buromobelexperte:before {
  content: "\F37F"; }

.fa-bus:before {
  content: "\F207"; }

.fa-buysellads:before {
  content: "\F20D"; }

.fa-calculator:before {
  content: "\F1EC"; }

.fa-calendar:before {
  content: "\F133"; }

.fa-calendar-alt:before {
  content: "\F073"; }

.fa-calendar-check:before {
  content: "\F274"; }

.fa-calendar-minus:before {
  content: "\F272"; }

.fa-calendar-plus:before {
  content: "\F271"; }

.fa-calendar-times:before {
  content: "\F273"; }

.fa-camera:before {
  content: "\F030"; }

.fa-camera-retro:before {
  content: "\F083"; }

.fa-capsules:before {
  content: "\F46B"; }

.fa-car:before {
  content: "\F1B9"; }

.fa-caret-down:before {
  content: "\F0D7"; }

.fa-caret-left:before {
  content: "\F0D9"; }

.fa-caret-right:before {
  content: "\F0DA"; }

.fa-caret-square-down:before {
  content: "\F150"; }

.fa-caret-square-left:before {
  content: "\F191"; }

.fa-caret-square-right:before {
  content: "\F152"; }

.fa-caret-square-up:before {
  content: "\F151"; }

.fa-caret-up:before {
  content: "\F0D8"; }

.fa-cart-arrow-down:before {
  content: "\F218"; }

.fa-cart-plus:before {
  content: "\F217"; }

.fa-cc-amazon-pay:before {
  content: "\F42D"; }

.fa-cc-amex:before {
  content: "\F1F3"; }

.fa-cc-apple-pay:before {
  content: "\F416"; }

.fa-cc-diners-club:before {
  content: "\F24C"; }

.fa-cc-discover:before {
  content: "\F1F2"; }

.fa-cc-jcb:before {
  content: "\F24B"; }

.fa-cc-mastercard:before {
  content: "\F1F1"; }

.fa-cc-paypal:before {
  content: "\F1F4"; }

.fa-cc-stripe:before {
  content: "\F1F5"; }

.fa-cc-visa:before {
  content: "\F1F0"; }

.fa-centercode:before {
  content: "\F380"; }

.fa-certificate:before {
  content: "\F0A3"; }

.fa-chalkboard:before {
  content: "\F51B"; }

.fa-chalkboard-teacher:before {
  content: "\F51C"; }

.fa-chart-area:before {
  content: "\F1FE"; }

.fa-chart-bar:before {
  content: "\F080"; }

.fa-chart-line:before {
  content: "\F201"; }

.fa-chart-pie:before {
  content: "\F200"; }

.fa-check:before {
  content: "\F00C"; }

.fa-check-circle:before {
  content: "\F058"; }

.fa-check-square:before {
  content: "\F14A"; }

.fa-chess:before {
  content: "\F439"; }

.fa-chess-bishop:before {
  content: "\F43A"; }

.fa-chess-board:before {
  content: "\F43C"; }

.fa-chess-king:before {
  content: "\F43F"; }

.fa-chess-knight:before {
  content: "\F441"; }

.fa-chess-pawn:before {
  content: "\F443"; }

.fa-chess-queen:before {
  content: "\F445"; }

.fa-chess-rook:before {
  content: "\F447"; }

.fa-chevron-circle-down:before {
  content: "\F13A"; }

.fa-chevron-circle-left:before {
  content: "\F137"; }

.fa-chevron-circle-right:before {
  content: "\F138"; }

.fa-chevron-circle-up:before {
  content: "\F139"; }

.fa-chevron-down:before {
  content: "\F078"; }

.fa-chevron-left:before {
  content: "\F053"; }

.fa-chevron-right:before {
  content: "\F054"; }

.fa-chevron-up:before {
  content: "\F077"; }

.fa-child:before {
  content: "\F1AE"; }

.fa-chrome:before {
  content: "\F268"; }

.fa-church:before {
  content: "\F51D"; }

.fa-circle:before {
  content: "\F111"; }

.fa-circle-notch:before {
  content: "\F1CE"; }

.fa-clipboard:before {
  content: "\F328"; }

.fa-clipboard-check:before {
  content: "\F46C"; }

.fa-clipboard-list:before {
  content: "\F46D"; }

.fa-clock:before {
  content: "\F017"; }

.fa-clone:before {
  content: "\F24D"; }

.fa-closed-captioning:before {
  content: "\F20A"; }

.fa-cloud:before {
  content: "\F0C2"; }

.fa-cloud-download-alt:before {
  content: "\F381"; }

.fa-cloud-upload-alt:before {
  content: "\F382"; }

.fa-cloudscale:before {
  content: "\F383"; }

.fa-cloudsmith:before {
  content: "\F384"; }

.fa-cloudversify:before {
  content: "\F385"; }

.fa-code:before {
  content: "\F121"; }

.fa-code-branch:before {
  content: "\F126"; }

.fa-codepen:before {
  content: "\F1CB"; }

.fa-codiepie:before {
  content: "\F284"; }

.fa-coffee:before {
  content: "\F0F4"; }

.fa-cog:before {
  content: "\F013"; }

.fa-cogs:before {
  content: "\F085"; }

.fa-coins:before {
  content: "\F51E"; }

.fa-columns:before {
  content: "\F0DB"; }

.fa-comment:before {
  content: "\F075"; }

.fa-comment-alt:before {
  content: "\F27A"; }

.fa-comment-dots:before {
  content: "\F4AD"; }

.fa-comment-slash:before {
  content: "\F4B3"; }

.fa-comments:before {
  content: "\F086"; }

.fa-compact-disc:before {
  content: "\F51F"; }

.fa-compass:before {
  content: "\F14E"; }

.fa-compress:before {
  content: "\F066"; }

.fa-connectdevelop:before {
  content: "\F20E"; }

.fa-contao:before {
  content: "\F26D"; }

.fa-copy:before {
  content: "\F0C5"; }

.fa-copyright:before {
  content: "\F1F9"; }

.fa-couch:before {
  content: "\F4B8"; }

.fa-cpanel:before {
  content: "\F388"; }

.fa-creative-commons:before {
  content: "\F25E"; }

.fa-creative-commons-by:before {
  content: "\F4E7"; }

.fa-creative-commons-nc:before {
  content: "\F4E8"; }

.fa-creative-commons-nc-eu:before {
  content: "\F4E9"; }

.fa-creative-commons-nc-jp:before {
  content: "\F4EA"; }

.fa-creative-commons-nd:before {
  content: "\F4EB"; }

.fa-creative-commons-pd:before {
  content: "\F4EC"; }

.fa-creative-commons-pd-alt:before {
  content: "\F4ED"; }

.fa-creative-commons-remix:before {
  content: "\F4EE"; }

.fa-creative-commons-sa:before {
  content: "\F4EF"; }

.fa-creative-commons-sampling:before {
  content: "\F4F0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\F4F1"; }

.fa-creative-commons-share:before {
  content: "\F4F2"; }

.fa-credit-card:before {
  content: "\F09D"; }

.fa-crop:before {
  content: "\F125"; }

.fa-crosshairs:before {
  content: "\F05B"; }

.fa-crow:before {
  content: "\F520"; }

.fa-crown:before {
  content: "\F521"; }

.fa-css3:before {
  content: "\F13C"; }

.fa-css3-alt:before {
  content: "\F38B"; }

.fa-cube:before {
  content: "\F1B2"; }

.fa-cubes:before {
  content: "\F1B3"; }

.fa-cut:before {
  content: "\F0C4"; }

.fa-cuttlefish:before {
  content: "\F38C"; }

.fa-d-and-d:before {
  content: "\F38D"; }

.fa-dashcube:before {
  content: "\F210"; }

.fa-database:before {
  content: "\F1C0"; }

.fa-deaf:before {
  content: "\F2A4"; }

.fa-delicious:before {
  content: "\F1A5"; }

.fa-deploydog:before {
  content: "\F38E"; }

.fa-deskpro:before {
  content: "\F38F"; }

.fa-desktop:before {
  content: "\F108"; }

.fa-deviantart:before {
  content: "\F1BD"; }

.fa-diagnoses:before {
  content: "\F470"; }

.fa-dice:before {
  content: "\F522"; }

.fa-dice-five:before {
  content: "\F523"; }

.fa-dice-four:before {
  content: "\F524"; }

.fa-dice-one:before {
  content: "\F525"; }

.fa-dice-six:before {
  content: "\F526"; }

.fa-dice-three:before {
  content: "\F527"; }

.fa-dice-two:before {
  content: "\F528"; }

.fa-digg:before {
  content: "\F1A6"; }

.fa-digital-ocean:before {
  content: "\F391"; }

.fa-discord:before {
  content: "\F392"; }

.fa-discourse:before {
  content: "\F393"; }

.fa-divide:before {
  content: "\F529"; }

.fa-dna:before {
  content: "\F471"; }

.fa-dochub:before {
  content: "\F394"; }

.fa-docker:before {
  content: "\F395"; }

.fa-dollar-sign:before {
  content: "\F155"; }

.fa-dolly:before {
  content: "\F472"; }

.fa-dolly-flatbed:before {
  content: "\F474"; }

.fa-donate:before {
  content: "\F4B9"; }

.fa-door-closed:before {
  content: "\F52A"; }

.fa-door-open:before {
  content: "\F52B"; }

.fa-dot-circle:before {
  content: "\F192"; }

.fa-dove:before {
  content: "\F4BA"; }

.fa-download:before {
  content: "\F019"; }

.fa-draft2digital:before {
  content: "\F396"; }

.fa-dribbble:before {
  content: "\F17D"; }

.fa-dribbble-square:before {
  content: "\F397"; }

.fa-dropbox:before {
  content: "\F16B"; }

.fa-drupal:before {
  content: "\F1A9"; }

.fa-dumbbell:before {
  content: "\F44B"; }

.fa-dyalog:before {
  content: "\F399"; }

.fa-earlybirds:before {
  content: "\F39A"; }

.fa-ebay:before {
  content: "\F4F4"; }

.fa-edge:before {
  content: "\F282"; }

.fa-edit:before {
  content: "\F044"; }

.fa-eject:before {
  content: "\F052"; }

.fa-elementor:before {
  content: "\F430"; }

.fa-ellipsis-h:before {
  content: "\F141"; }

.fa-ellipsis-v:before {
  content: "\F142"; }

.fa-ember:before {
  content: "\F423"; }

.fa-empire:before {
  content: "\F1D1"; }

.fa-envelope:before {
  content: "\F0E0"; }

.fa-envelope-open:before {
  content: "\F2B6"; }

.fa-envelope-square:before {
  content: "\F199"; }

.fa-envira:before {
  content: "\F299"; }

.fa-equals:before {
  content: "\F52C"; }

.fa-eraser:before {
  content: "\F12D"; }

.fa-erlang:before {
  content: "\F39D"; }

.fa-ethereum:before {
  content: "\F42E"; }

.fa-etsy:before {
  content: "\F2D7"; }

.fa-euro-sign:before {
  content: "\F153"; }

.fa-exchange-alt:before {
  content: "\F362"; }

.fa-exclamation:before {
  content: "\F12A"; }

.fa-exclamation-circle:before {
  content: "\F06A"; }

.fa-exclamation-triangle:before {
  content: "\F071"; }

.fa-expand:before {
  content: "\F065"; }

.fa-expand-arrows-alt:before {
  content: "\F31E"; }

.fa-expeditedssl:before {
  content: "\F23E"; }

.fa-external-link-alt:before {
  content: "\F35D"; }

.fa-external-link-square-alt:before {
  content: "\F360"; }

.fa-eye:before {
  content: "\F06E"; }

.fa-eye-dropper:before {
  content: "\F1FB"; }

.fa-eye-slash:before {
  content: "\F070"; }

.fa-facebook:before {
  content: "\F09A"; }

.fa-facebook-f:before {
  content: "\F39E"; }

.fa-facebook-messenger:before {
  content: "\F39F"; }

.fa-facebook-square:before {
  content: "\F082"; }

.fa-fast-backward:before {
  content: "\F049"; }

.fa-fast-forward:before {
  content: "\F050"; }

.fa-fax:before {
  content: "\F1AC"; }

.fa-feather:before {
  content: "\F52D"; }

.fa-female:before {
  content: "\F182"; }

.fa-fighter-jet:before {
  content: "\F0FB"; }

.fa-file:before {
  content: "\F15B"; }

.fa-file-alt:before {
  content: "\F15C"; }

.fa-file-archive:before {
  content: "\F1C6"; }

.fa-file-audio:before {
  content: "\F1C7"; }

.fa-file-code:before {
  content: "\F1C9"; }

.fa-file-excel:before {
  content: "\F1C3"; }

.fa-file-image:before {
  content: "\F1C5"; }

.fa-file-medical:before {
  content: "\F477"; }

.fa-file-medical-alt:before {
  content: "\F478"; }

.fa-file-pdf:before {
  content: "\F1C1"; }

.fa-file-powerpoint:before {
  content: "\F1C4"; }

.fa-file-video:before {
  content: "\F1C8"; }

.fa-file-word:before {
  content: "\F1C2"; }

.fa-film:before {
  content: "\F008"; }

.fa-filter:before {
  content: "\F0B0"; }

.fa-fire:before {
  content: "\F06D"; }

.fa-fire-extinguisher:before {
  content: "\F134"; }

.fa-firefox:before {
  content: "\F269"; }

.fa-first-aid:before {
  content: "\F479"; }

.fa-first-order:before {
  content: "\F2B0"; }

.fa-first-order-alt:before {
  content: "\F50A"; }

.fa-firstdraft:before {
  content: "\F3A1"; }

.fa-flag:before {
  content: "\F024"; }

.fa-flag-checkered:before {
  content: "\F11E"; }

.fa-flask:before {
  content: "\F0C3"; }

.fa-flickr:before {
  content: "\F16E"; }

.fa-flipboard:before {
  content: "\F44D"; }

.fa-fly:before {
  content: "\F417"; }

.fa-folder:before {
  content: "\F07B"; }

.fa-folder-open:before {
  content: "\F07C"; }

.fa-font:before {
  content: "\F031"; }

.fa-font-awesome:before {
  content: "\F2B4"; }

.fa-font-awesome-alt:before {
  content: "\F35C"; }

.fa-font-awesome-flag:before {
  content: "\F425"; }

.fa-font-awesome-logo-full:before {
  content: "\F4E6"; }

.fa-fonticons:before {
  content: "\F280"; }

.fa-fonticons-fi:before {
  content: "\F3A2"; }

.fa-football-ball:before {
  content: "\F44E"; }

.fa-fort-awesome:before {
  content: "\F286"; }

.fa-fort-awesome-alt:before {
  content: "\F3A3"; }

.fa-forumbee:before {
  content: "\F211"; }

.fa-forward:before {
  content: "\F04E"; }

.fa-foursquare:before {
  content: "\F180"; }

.fa-free-code-camp:before {
  content: "\F2C5"; }

.fa-freebsd:before {
  content: "\F3A4"; }

.fa-frog:before {
  content: "\F52E"; }

.fa-frown:before {
  content: "\F119"; }

.fa-fulcrum:before {
  content: "\F50B"; }

.fa-futbol:before {
  content: "\F1E3"; }

.fa-galactic-republic:before {
  content: "\F50C"; }

.fa-galactic-senate:before {
  content: "\F50D"; }

.fa-gamepad:before {
  content: "\F11B"; }

.fa-gas-pump:before {
  content: "\F52F"; }

.fa-gavel:before {
  content: "\F0E3"; }

.fa-gem:before {
  content: "\F3A5"; }

.fa-genderless:before {
  content: "\F22D"; }

.fa-get-pocket:before {
  content: "\F265"; }

.fa-gg:before {
  content: "\F260"; }

.fa-gg-circle:before {
  content: "\F261"; }

.fa-gift:before {
  content: "\F06B"; }

.fa-git:before {
  content: "\F1D3"; }

.fa-git-square:before {
  content: "\F1D2"; }

.fa-github:before {
  content: "\F09B"; }

.fa-github-alt:before {
  content: "\F113"; }

.fa-github-square:before {
  content: "\F092"; }

.fa-gitkraken:before {
  content: "\F3A6"; }

.fa-gitlab:before {
  content: "\F296"; }

.fa-gitter:before {
  content: "\F426"; }

.fa-glass-martini:before {
  content: "\F000"; }

.fa-glasses:before {
  content: "\F530"; }

.fa-glide:before {
  content: "\F2A5"; }

.fa-glide-g:before {
  content: "\F2A6"; }

.fa-globe:before {
  content: "\F0AC"; }

.fa-gofore:before {
  content: "\F3A7"; }

.fa-golf-ball:before {
  content: "\F450"; }

.fa-goodreads:before {
  content: "\F3A8"; }

.fa-goodreads-g:before {
  content: "\F3A9"; }

.fa-google:before {
  content: "\F1A0"; }

.fa-google-drive:before {
  content: "\F3AA"; }

.fa-google-play:before {
  content: "\F3AB"; }

.fa-google-plus:before {
  content: "\F2B3"; }

.fa-google-plus-g:before {
  content: "\F0D5"; }

.fa-google-plus-square:before {
  content: "\F0D4"; }

.fa-google-wallet:before {
  content: "\F1EE"; }

.fa-graduation-cap:before {
  content: "\F19D"; }

.fa-gratipay:before {
  content: "\F184"; }

.fa-grav:before {
  content: "\F2D6"; }

.fa-greater-than:before {
  content: "\F531"; }

.fa-greater-than-equal:before {
  content: "\F532"; }

.fa-gripfire:before {
  content: "\F3AC"; }

.fa-grunt:before {
  content: "\F3AD"; }

.fa-gulp:before {
  content: "\F3AE"; }

.fa-h-square:before {
  content: "\F0FD"; }

.fa-hacker-news:before {
  content: "\F1D4"; }

.fa-hacker-news-square:before {
  content: "\F3AF"; }

.fa-hand-holding:before {
  content: "\F4BD"; }

.fa-hand-holding-heart:before {
  content: "\F4BE"; }

.fa-hand-holding-usd:before {
  content: "\F4C0"; }

.fa-hand-lizard:before {
  content: "\F258"; }

.fa-hand-paper:before {
  content: "\F256"; }

.fa-hand-peace:before {
  content: "\F25B"; }

.fa-hand-point-down:before {
  content: "\F0A7"; }

.fa-hand-point-left:before {
  content: "\F0A5"; }

.fa-hand-point-right:before {
  content: "\F0A4"; }

.fa-hand-point-up:before {
  content: "\F0A6"; }

.fa-hand-pointer:before {
  content: "\F25A"; }

.fa-hand-rock:before {
  content: "\F255"; }

.fa-hand-scissors:before {
  content: "\F257"; }

.fa-hand-spock:before {
  content: "\F259"; }

.fa-hands:before {
  content: "\F4C2"; }

.fa-hands-helping:before {
  content: "\F4C4"; }

.fa-handshake:before {
  content: "\F2B5"; }

.fa-hashtag:before {
  content: "\F292"; }

.fa-hdd:before {
  content: "\F0A0"; }

.fa-heading:before {
  content: "\F1DC"; }

.fa-headphones:before {
  content: "\F025"; }

.fa-heart:before {
  content: "\F004"; }

.fa-heartbeat:before {
  content: "\F21E"; }

.fa-helicopter:before {
  content: "\F533"; }

.fa-hips:before {
  content: "\F452"; }

.fa-hire-a-helper:before {
  content: "\F3B0"; }

.fa-history:before {
  content: "\F1DA"; }

.fa-hockey-puck:before {
  content: "\F453"; }

.fa-home:before {
  content: "\F015"; }

.fa-hooli:before {
  content: "\F427"; }

.fa-hospital:before {
  content: "\F0F8"; }

.fa-hospital-alt:before {
  content: "\F47D"; }

.fa-hospital-symbol:before {
  content: "\F47E"; }

.fa-hotjar:before {
  content: "\F3B1"; }

.fa-hourglass:before {
  content: "\F254"; }

.fa-hourglass-end:before {
  content: "\F253"; }

.fa-hourglass-half:before {
  content: "\F252"; }

.fa-hourglass-start:before {
  content: "\F251"; }

.fa-houzz:before {
  content: "\F27C"; }

.fa-html5:before {
  content: "\F13B"; }

.fa-hubspot:before {
  content: "\F3B2"; }

.fa-i-cursor:before {
  content: "\F246"; }

.fa-id-badge:before {
  content: "\F2C1"; }

.fa-id-card:before {
  content: "\F2C2"; }

.fa-id-card-alt:before {
  content: "\F47F"; }

.fa-image:before {
  content: "\F03E"; }

.fa-images:before {
  content: "\F302"; }

.fa-imdb:before {
  content: "\F2D8"; }

.fa-inbox:before {
  content: "\F01C"; }

.fa-indent:before {
  content: "\F03C"; }

.fa-industry:before {
  content: "\F275"; }

.fa-infinity:before {
  content: "\F534"; }

.fa-info:before {
  content: "\F129"; }

.fa-info-circle:before {
  content: "\F05A"; }

.fa-instagram:before {
  content: "\F16D"; }

.fa-internet-explorer:before {
  content: "\F26B"; }

.fa-ioxhost:before {
  content: "\F208"; }

.fa-italic:before {
  content: "\F033"; }

.fa-itunes:before {
  content: "\F3B4"; }

.fa-itunes-note:before {
  content: "\F3B5"; }

.fa-java:before {
  content: "\F4E4"; }

.fa-jedi-order:before {
  content: "\F50E"; }

.fa-jenkins:before {
  content: "\F3B6"; }

.fa-joget:before {
  content: "\F3B7"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-js:before {
  content: "\F3B8"; }

.fa-js-square:before {
  content: "\F3B9"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

.fa-key:before {
  content: "\F084"; }

.fa-keybase:before {
  content: "\F4F5"; }

.fa-keyboard:before {
  content: "\F11C"; }

.fa-keycdn:before {
  content: "\F3BA"; }

.fa-kickstarter:before {
  content: "\F3BB"; }

.fa-kickstarter-k:before {
  content: "\F3BC"; }

.fa-kiwi-bird:before {
  content: "\F535"; }

.fa-korvue:before {
  content: "\F42F"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-laptop:before {
  content: "\F109"; }

.fa-laravel:before {
  content: "\F3BD"; }

.fa-lastfm:before {
  content: "\F202"; }

.fa-lastfm-square:before {
  content: "\F203"; }

.fa-leaf:before {
  content: "\F06C"; }

.fa-leanpub:before {
  content: "\F212"; }

.fa-lemon:before {
  content: "\F094"; }

.fa-less:before {
  content: "\F41D"; }

.fa-less-than:before {
  content: "\F536"; }

.fa-less-than-equal:before {
  content: "\F537"; }

.fa-level-down-alt:before {
  content: "\F3BE"; }

.fa-level-up-alt:before {
  content: "\F3BF"; }

.fa-life-ring:before {
  content: "\F1CD"; }

.fa-lightbulb:before {
  content: "\F0EB"; }

.fa-line:before {
  content: "\F3C0"; }

.fa-link:before {
  content: "\F0C1"; }

.fa-linkedin:before {
  content: "\F08C"; }

.fa-linkedin-in:before {
  content: "\F0E1"; }

.fa-linode:before {
  content: "\F2B8"; }

.fa-linux:before {
  content: "\F17C"; }

.fa-lira-sign:before {
  content: "\F195"; }

.fa-list:before {
  content: "\F03A"; }

.fa-list-alt:before {
  content: "\F022"; }

.fa-list-ol:before {
  content: "\F0CB"; }

.fa-list-ul:before {
  content: "\F0CA"; }

.fa-location-arrow:before {
  content: "\F124"; }

.fa-lock:before {
  content: "\F023"; }

.fa-lock-open:before {
  content: "\F3C1"; }

.fa-long-arrow-alt-down:before {
  content: "\F309"; }

.fa-long-arrow-alt-left:before {
  content: "\F30A"; }

.fa-long-arrow-alt-right:before {
  content: "\F30B"; }

.fa-long-arrow-alt-up:before {
  content: "\F30C"; }

.fa-low-vision:before {
  content: "\F2A8"; }

.fa-lyft:before {
  content: "\F3C3"; }

.fa-magento:before {
  content: "\F3C4"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-magnet:before {
  content: "\F076"; }

.fa-male:before {
  content: "\F183"; }

.fa-mandalorian:before {
  content: "\F50F"; }

.fa-map:before {
  content: "\F279"; }

.fa-map-marker:before {
  content: "\F041"; }

.fa-map-marker-alt:before {
  content: "\F3C5"; }

.fa-map-pin:before {
  content: "\F276"; }

.fa-map-signs:before {
  content: "\F277"; }

.fa-mars:before {
  content: "\F222"; }

.fa-mars-double:before {
  content: "\F227"; }

.fa-mars-stroke:before {
  content: "\F229"; }

.fa-mars-stroke-h:before {
  content: "\F22B"; }

.fa-mars-stroke-v:before {
  content: "\F22A"; }

.fa-mastodon:before {
  content: "\F4F6"; }

.fa-maxcdn:before {
  content: "\F136"; }

.fa-medapps:before {
  content: "\F3C6"; }

.fa-medium:before {
  content: "\F23A"; }

.fa-medium-m:before {
  content: "\F3C7"; }

.fa-medkit:before {
  content: "\F0FA"; }

.fa-medrt:before {
  content: "\F3C8"; }

.fa-meetup:before {
  content: "\F2E0"; }

.fa-meh:before {
  content: "\F11A"; }

.fa-memory:before {
  content: "\F538"; }

.fa-mercury:before {
  content: "\F223"; }

.fa-microchip:before {
  content: "\F2DB"; }

.fa-microphone:before {
  content: "\F130"; }

.fa-microphone-alt:before {
  content: "\F3C9"; }

.fa-microphone-alt-slash:before {
  content: "\F539"; }

.fa-microphone-slash:before {
  content: "\F131"; }

.fa-microsoft:before {
  content: "\F3CA"; }

.fa-minus:before {
  content: "\F068"; }

.fa-minus-circle:before {
  content: "\F056"; }

.fa-minus-square:before {
  content: "\F146"; }

.fa-mix:before {
  content: "\F3CB"; }

.fa-mixcloud:before {
  content: "\F289"; }

.fa-mizuni:before {
  content: "\F3CC"; }

.fa-mobile:before {
  content: "\F10B"; }

.fa-mobile-alt:before {
  content: "\F3CD"; }

.fa-modx:before {
  content: "\F285"; }

.fa-monero:before {
  content: "\F3D0"; }

.fa-money-bill:before {
  content: "\F0D6"; }

.fa-money-bill-alt:before {
  content: "\F3D1"; }

.fa-money-bill-wave:before {
  content: "\F53A"; }

.fa-money-bill-wave-alt:before {
  content: "\F53B"; }

.fa-money-check:before {
  content: "\F53C"; }

.fa-money-check-alt:before {
  content: "\F53D"; }

.fa-moon:before {
  content: "\F186"; }

.fa-motorcycle:before {
  content: "\F21C"; }

.fa-mouse-pointer:before {
  content: "\F245"; }

.fa-music:before {
  content: "\F001"; }

.fa-napster:before {
  content: "\F3D2"; }

.fa-neuter:before {
  content: "\F22C"; }

.fa-newspaper:before {
  content: "\F1EA"; }

.fa-nintendo-switch:before {
  content: "\F418"; }

.fa-node:before {
  content: "\F419"; }

.fa-node-js:before {
  content: "\F3D3"; }

.fa-not-equal:before {
  content: "\F53E"; }

.fa-notes-medical:before {
  content: "\F481"; }

.fa-npm:before {
  content: "\F3D4"; }

.fa-ns8:before {
  content: "\F3D5"; }

.fa-nutritionix:before {
  content: "\F3D6"; }

.fa-object-group:before {
  content: "\F247"; }

.fa-object-ungroup:before {
  content: "\F248"; }

.fa-odnoklassniki:before {
  content: "\F263"; }

.fa-odnoklassniki-square:before {
  content: "\F264"; }

.fa-old-republic:before {
  content: "\F510"; }

.fa-opencart:before {
  content: "\F23D"; }

.fa-openid:before {
  content: "\F19B"; }

.fa-opera:before {
  content: "\F26A"; }

.fa-optin-monster:before {
  content: "\F23C"; }

.fa-osi:before {
  content: "\F41A"; }

.fa-outdent:before {
  content: "\F03B"; }

.fa-page4:before {
  content: "\F3D7"; }

.fa-pagelines:before {
  content: "\F18C"; }

.fa-paint-brush:before {
  content: "\F1FC"; }

.fa-palette:before {
  content: "\F53F"; }

.fa-palfed:before {
  content: "\F3D8"; }

.fa-pallet:before {
  content: "\F482"; }

.fa-paper-plane:before {
  content: "\F1D8"; }

.fa-paperclip:before {
  content: "\F0C6"; }

.fa-parachute-box:before {
  content: "\F4CD"; }

.fa-paragraph:before {
  content: "\F1DD"; }

.fa-parking:before {
  content: "\F540"; }

.fa-paste:before {
  content: "\F0EA"; }

.fa-patreon:before {
  content: "\F3D9"; }

.fa-pause:before {
  content: "\F04C"; }

.fa-pause-circle:before {
  content: "\F28B"; }

.fa-paw:before {
  content: "\F1B0"; }

.fa-paypal:before {
  content: "\F1ED"; }

.fa-pen-square:before {
  content: "\F14B"; }

.fa-pencil-alt:before {
  content: "\F303"; }

.fa-people-carry:before {
  content: "\F4CE"; }

.fa-percent:before {
  content: "\F295"; }

.fa-percentage:before {
  content: "\F541"; }

.fa-periscope:before {
  content: "\F3DA"; }

.fa-phabricator:before {
  content: "\F3DB"; }

.fa-phoenix-framework:before {
  content: "\F3DC"; }

.fa-phoenix-squadron:before {
  content: "\F511"; }

.fa-phone:before {
  content: "\F095"; }

.fa-phone-slash:before {
  content: "\F3DD"; }

.fa-phone-square:before {
  content: "\F098"; }

.fa-phone-volume:before {
  content: "\F2A0"; }

.fa-php:before {
  content: "\F457"; }

.fa-pied-piper:before {
  content: "\F2AE"; }

.fa-pied-piper-alt:before {
  content: "\F1A8"; }

.fa-pied-piper-hat:before {
  content: "\F4E5"; }

.fa-pied-piper-pp:before {
  content: "\F1A7"; }

.fa-piggy-bank:before {
  content: "\F4D3"; }

.fa-pills:before {
  content: "\F484"; }

.fa-pinterest:before {
  content: "\F0D2"; }

.fa-pinterest-p:before {
  content: "\F231"; }

.fa-pinterest-square:before {
  content: "\F0D3"; }

.fa-plane:before {
  content: "\F072"; }

.fa-play:before {
  content: "\F04B"; }

.fa-play-circle:before {
  content: "\F144"; }

.fa-playstation:before {
  content: "\F3DF"; }

.fa-plug:before {
  content: "\F1E6"; }

.fa-plus:before {
  content: "\F067"; }

.fa-plus-circle:before {
  content: "\F055"; }

.fa-plus-square:before {
  content: "\F0FE"; }

.fa-podcast:before {
  content: "\F2CE"; }

.fa-poo:before {
  content: "\F2FE"; }

.fa-portrait:before {
  content: "\F3E0"; }

.fa-pound-sign:before {
  content: "\F154"; }

.fa-power-off:before {
  content: "\F011"; }

.fa-prescription-bottle:before {
  content: "\F485"; }

.fa-prescription-bottle-alt:before {
  content: "\F486"; }

.fa-print:before {
  content: "\F02F"; }

.fa-procedures:before {
  content: "\F487"; }

.fa-product-hunt:before {
  content: "\F288"; }

.fa-project-diagram:before {
  content: "\F542"; }

.fa-pushed:before {
  content: "\F3E1"; }

.fa-puzzle-piece:before {
  content: "\F12E"; }

.fa-python:before {
  content: "\F3E2"; }

.fa-qq:before {
  content: "\F1D6"; }

.fa-qrcode:before {
  content: "\F029"; }

.fa-question:before {
  content: "\F128"; }

.fa-question-circle:before {
  content: "\F059"; }

.fa-quidditch:before {
  content: "\F458"; }

.fa-quinscape:before {
  content: "\F459"; }

.fa-quora:before {
  content: "\F2C4"; }

.fa-quote-left:before {
  content: "\F10D"; }

.fa-quote-right:before {
  content: "\F10E"; }

.fa-r-project:before {
  content: "\F4F7"; }

.fa-random:before {
  content: "\F074"; }

.fa-ravelry:before {
  content: "\F2D9"; }

.fa-react:before {
  content: "\F41B"; }

.fa-readme:before {
  content: "\F4D5"; }

.fa-rebel:before {
  content: "\F1D0"; }

.fa-receipt:before {
  content: "\F543"; }

.fa-recycle:before {
  content: "\F1B8"; }

.fa-red-river:before {
  content: "\F3E3"; }

.fa-reddit:before {
  content: "\F1A1"; }

.fa-reddit-alien:before {
  content: "\F281"; }

.fa-reddit-square:before {
  content: "\F1A2"; }

.fa-redo:before {
  content: "\F01E"; }

.fa-redo-alt:before {
  content: "\F2F9"; }

.fa-registered:before {
  content: "\F25D"; }

.fa-rendact:before {
  content: "\F3E4"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-reply:before {
  content: "\F3E5"; }

.fa-reply-all:before {
  content: "\F122"; }

.fa-replyd:before {
  content: "\F3E6"; }

.fa-researchgate:before {
  content: "\F4F8"; }

.fa-resolving:before {
  content: "\F3E7"; }

.fa-retweet:before {
  content: "\F079"; }

.fa-ribbon:before {
  content: "\F4D6"; }

.fa-road:before {
  content: "\F018"; }

.fa-robot:before {
  content: "\F544"; }

.fa-rocket:before {
  content: "\F135"; }

.fa-rocketchat:before {
  content: "\F3E8"; }

.fa-rockrms:before {
  content: "\F3E9"; }

.fa-rss:before {
  content: "\F09E"; }

.fa-rss-square:before {
  content: "\F143"; }

.fa-ruble-sign:before {
  content: "\F158"; }

.fa-ruler:before {
  content: "\F545"; }

.fa-ruler-combined:before {
  content: "\F546"; }

.fa-ruler-horizontal:before {
  content: "\F547"; }

.fa-ruler-vertical:before {
  content: "\F548"; }

.fa-rupee-sign:before {
  content: "\F156"; }

.fa-safari:before {
  content: "\F267"; }

.fa-sass:before {
  content: "\F41E"; }

.fa-save:before {
  content: "\F0C7"; }

.fa-schlix:before {
  content: "\F3EA"; }

.fa-school:before {
  content: "\F549"; }

.fa-screwdriver:before {
  content: "\F54A"; }

.fa-scribd:before {
  content: "\F28A"; }

.fa-search:before {
  content: "\F002"; }

.fa-search-minus:before {
  content: "\F010"; }

.fa-search-plus:before {
  content: "\F00E"; }

.fa-searchengin:before {
  content: "\F3EB"; }

.fa-seedling:before {
  content: "\F4D8"; }

.fa-sellcast:before {
  content: "\F2DA"; }

.fa-sellsy:before {
  content: "\F213"; }

.fa-server:before {
  content: "\F233"; }

.fa-servicestack:before {
  content: "\F3EC"; }

.fa-share:before {
  content: "\F064"; }

.fa-share-alt:before {
  content: "\F1E0"; }

.fa-share-alt-square:before {
  content: "\F1E1"; }

.fa-share-square:before {
  content: "\F14D"; }

.fa-shekel-sign:before {
  content: "\F20B"; }

.fa-shield-alt:before {
  content: "\F3ED"; }

.fa-ship:before {
  content: "\F21A"; }

.fa-shipping-fast:before {
  content: "\F48B"; }

.fa-shirtsinbulk:before {
  content: "\F214"; }

.fa-shoe-prints:before {
  content: "\F54B"; }

.fa-shopping-bag:before {
  content: "\F290"; }

.fa-shopping-basket:before {
  content: "\F291"; }

.fa-shopping-cart:before {
  content: "\F07A"; }

.fa-shower:before {
  content: "\F2CC"; }

.fa-sign:before {
  content: "\F4D9"; }

.fa-sign-in-alt:before {
  content: "\F2F6"; }

.fa-sign-language:before {
  content: "\F2A7"; }

.fa-sign-out-alt:before {
  content: "\F2F5"; }

.fa-signal:before {
  content: "\F012"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-sistrix:before {
  content: "\F3EE"; }

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-sith:before {
  content: "\F512"; }

.fa-skull:before {
  content: "\F54C"; }

.fa-skyatlas:before {
  content: "\F216"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-slack:before {
  content: "\F198"; }

.fa-slack-hash:before {
  content: "\F3EF"; }

.fa-sliders-h:before {
  content: "\F1DE"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-smile:before {
  content: "\F118"; }

.fa-smoking:before {
  content: "\F48D"; }

.fa-smoking-ban:before {
  content: "\F54D"; }

.fa-snapchat:before {
  content: "\F2AB"; }

.fa-snapchat-ghost:before {
  content: "\F2AC"; }

.fa-snapchat-square:before {
  content: "\F2AD"; }

.fa-snowflake:before {
  content: "\F2DC"; }

.fa-sort:before {
  content: "\F0DC"; }

.fa-sort-alpha-down:before {
  content: "\F15D"; }

.fa-sort-alpha-up:before {
  content: "\F15E"; }

.fa-sort-amount-down:before {
  content: "\F160"; }

.fa-sort-amount-up:before {
  content: "\F161"; }

.fa-sort-down:before {
  content: "\F0DD"; }

.fa-sort-numeric-down:before {
  content: "\F162"; }

.fa-sort-numeric-up:before {
  content: "\F163"; }

.fa-sort-up:before {
  content: "\F0DE"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-space-shuttle:before {
  content: "\F197"; }

.fa-speakap:before {
  content: "\F3F3"; }

.fa-spinner:before {
  content: "\F110"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-square:before {
  content: "\F0C8"; }

.fa-square-full:before {
  content: "\F45C"; }

.fa-stack-exchange:before {
  content: "\F18D"; }

.fa-stack-overflow:before {
  content: "\F16C"; }

.fa-star:before {
  content: "\F005"; }

.fa-star-half:before {
  content: "\F089"; }

.fa-staylinked:before {
  content: "\F3F5"; }

.fa-steam:before {
  content: "\F1B6"; }

.fa-steam-square:before {
  content: "\F1B7"; }

.fa-steam-symbol:before {
  content: "\F3F6"; }

.fa-step-backward:before {
  content: "\F048"; }

.fa-step-forward:before {
  content: "\F051"; }

.fa-stethoscope:before {
  content: "\F0F1"; }

.fa-sticker-mule:before {
  content: "\F3F7"; }

.fa-sticky-note:before {
  content: "\F249"; }

.fa-stop:before {
  content: "\F04D"; }

.fa-stop-circle:before {
  content: "\F28D"; }

.fa-stopwatch:before {
  content: "\F2F2"; }

.fa-store:before {
  content: "\F54E"; }

.fa-store-alt:before {
  content: "\F54F"; }

.fa-strava:before {
  content: "\F428"; }

.fa-stream:before {
  content: "\F550"; }

.fa-street-view:before {
  content: "\F21D"; }

.fa-strikethrough:before {
  content: "\F0CC"; }

.fa-stripe:before {
  content: "\F429"; }

.fa-stripe-s:before {
  content: "\F42A"; }

.fa-stroopwafel:before {
  content: "\F551"; }

.fa-studiovinari:before {
  content: "\F3F8"; }

.fa-stumbleupon:before {
  content: "\F1A4"; }

.fa-stumbleupon-circle:before {
  content: "\F1A3"; }

.fa-subscript:before {
  content: "\F12C"; }

.fa-subway:before {
  content: "\F239"; }

.fa-suitcase:before {
  content: "\F0F2"; }

.fa-sun:before {
  content: "\F185"; }

.fa-superpowers:before {
  content: "\F2DD"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-supple:before {
  content: "\F3F9"; }

.fa-sync:before {
  content: "\F021"; }

.fa-sync-alt:before {
  content: "\F2F1"; }

.fa-syringe:before {
  content: "\F48E"; }

.fa-table:before {
  content: "\F0CE"; }

.fa-table-tennis:before {
  content: "\F45D"; }

.fa-tablet:before {
  content: "\F10A"; }

.fa-tablet-alt:before {
  content: "\F3FA"; }

.fa-tablets:before {
  content: "\F490"; }

.fa-tachometer-alt:before {
  content: "\F3FD"; }

.fa-tag:before {
  content: "\F02B"; }

.fa-tags:before {
  content: "\F02C"; }

.fa-tape:before {
  content: "\F4DB"; }

.fa-tasks:before {
  content: "\F0AE"; }

.fa-taxi:before {
  content: "\F1BA"; }

.fa-teamspeak:before {
  content: "\F4F9"; }

.fa-telegram:before {
  content: "\F2C6"; }

.fa-telegram-plane:before {
  content: "\F3FE"; }

.fa-tencent-weibo:before {
  content: "\F1D5"; }

.fa-terminal:before {
  content: "\F120"; }

.fa-text-height:before {
  content: "\F034"; }

.fa-text-width:before {
  content: "\F035"; }

.fa-th:before {
  content: "\F00A"; }

.fa-th-large:before {
  content: "\F009"; }

.fa-th-list:before {
  content: "\F00B"; }

.fa-themeisle:before {
  content: "\F2B2"; }

.fa-thermometer:before {
  content: "\F491"; }

.fa-thermometer-empty:before {
  content: "\F2CB"; }

.fa-thermometer-full:before {
  content: "\F2C7"; }

.fa-thermometer-half:before {
  content: "\F2C9"; }

.fa-thermometer-quarter:before {
  content: "\F2CA"; }

.fa-thermometer-three-quarters:before {
  content: "\F2C8"; }

.fa-thumbs-down:before {
  content: "\F165"; }

.fa-thumbs-up:before {
  content: "\F164"; }

.fa-thumbtack:before {
  content: "\F08D"; }

.fa-ticket-alt:before {
  content: "\F3FF"; }

.fa-times:before {
  content: "\F00D"; }

.fa-times-circle:before {
  content: "\F057"; }

.fa-tint:before {
  content: "\F043"; }

.fa-toggle-off:before {
  content: "\F204"; }

.fa-toggle-on:before {
  content: "\F205"; }

.fa-toolbox:before {
  content: "\F552"; }

.fa-trade-federation:before {
  content: "\F513"; }

.fa-trademark:before {
  content: "\F25C"; }

.fa-train:before {
  content: "\F238"; }

.fa-transgender:before {
  content: "\F224"; }

.fa-transgender-alt:before {
  content: "\F225"; }

.fa-trash:before {
  content: "\F1F8"; }

.fa-trash-alt:before {
  content: "\F2ED"; }

.fa-tree:before {
  content: "\F1BB"; }

.fa-trello:before {
  content: "\F181"; }

.fa-tripadvisor:before {
  content: "\F262"; }

.fa-trophy:before {
  content: "\F091"; }

.fa-truck:before {
  content: "\F0D1"; }

.fa-truck-loading:before {
  content: "\F4DE"; }

.fa-truck-moving:before {
  content: "\F4DF"; }

.fa-tshirt:before {
  content: "\F553"; }

.fa-tty:before {
  content: "\F1E4"; }

.fa-tumblr:before {
  content: "\F173"; }

.fa-tumblr-square:before {
  content: "\F174"; }

.fa-tv:before {
  content: "\F26C"; }

.fa-twitch:before {
  content: "\F1E8"; }

.fa-twitter:before {
  content: "\F099"; }

.fa-twitter-square:before {
  content: "\F081"; }

.fa-typo3:before {
  content: "\F42B"; }

.fa-uber:before {
  content: "\F402"; }

.fa-uikit:before {
  content: "\F403"; }

.fa-umbrella:before {
  content: "\F0E9"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-undo:before {
  content: "\F0E2"; }

.fa-undo-alt:before {
  content: "\F2EA"; }

.fa-uniregistry:before {
  content: "\F404"; }

.fa-universal-access:before {
  content: "\F29A"; }

.fa-university:before {
  content: "\F19C"; }

.fa-unlink:before {
  content: "\F127"; }

.fa-unlock:before {
  content: "\F09C"; }

.fa-unlock-alt:before {
  content: "\F13E"; }

.fa-untappd:before {
  content: "\F405"; }

.fa-upload:before {
  content: "\F093"; }

.fa-usb:before {
  content: "\F287"; }

.fa-user:before {
  content: "\F007"; }

.fa-user-alt:before {
  content: "\F406"; }

.fa-user-alt-slash:before {
  content: "\F4FA"; }

.fa-user-astronaut:before {
  content: "\F4FB"; }

.fa-user-check:before {
  content: "\F4FC"; }

.fa-user-circle:before {
  content: "\F2BD"; }

.fa-user-clock:before {
  content: "\F4FD"; }

.fa-user-cog:before {
  content: "\F4FE"; }

.fa-user-edit:before {
  content: "\F4FF"; }

.fa-user-friends:before {
  content: "\F500"; }

.fa-user-graduate:before {
  content: "\F501"; }

.fa-user-lock:before {
  content: "\F502"; }

.fa-user-md:before {
  content: "\F0F0"; }

.fa-user-minus:before {
  content: "\F503"; }

.fa-user-ninja:before {
  content: "\F504"; }

.fa-user-plus:before {
  content: "\F234"; }

.fa-user-secret:before {
  content: "\F21B"; }

.fa-user-shield:before {
  content: "\F505"; }

.fa-user-slash:before {
  content: "\F506"; }

.fa-user-tag:before {
  content: "\F507"; }

.fa-user-tie:before {
  content: "\F508"; }

.fa-user-times:before {
  content: "\F235"; }

.fa-users:before {
  content: "\F0C0"; }

.fa-users-cog:before {
  content: "\F509"; }

.fa-ussunnah:before {
  content: "\F407"; }

.fa-utensil-spoon:before {
  content: "\F2E5"; }

.fa-utensils:before {
  content: "\F2E7"; }

.fa-vaadin:before {
  content: "\F408"; }

.fa-venus:before {
  content: "\F221"; }

.fa-venus-double:before {
  content: "\F226"; }

.fa-venus-mars:before {
  content: "\F228"; }

.fa-viacoin:before {
  content: "\F237"; }

.fa-viadeo:before {
  content: "\F2A9"; }

.fa-viadeo-square:before {
  content: "\F2AA"; }

.fa-vial:before {
  content: "\F492"; }

.fa-vials:before {
  content: "\F493"; }

.fa-viber:before {
  content: "\F409"; }

.fa-video:before {
  content: "\F03D"; }

.fa-video-slash:before {
  content: "\F4E2"; }

.fa-vimeo:before {
  content: "\F40A"; }

.fa-vimeo-square:before {
  content: "\F194"; }

.fa-vimeo-v:before {
  content: "\F27D"; }

.fa-vine:before {
  content: "\F1CA"; }

.fa-vk:before {
  content: "\F189"; }

.fa-vnv:before {
  content: "\F40B"; }

.fa-volleyball-ball:before {
  content: "\F45F"; }

.fa-volume-down:before {
  content: "\F027"; }

.fa-volume-off:before {
  content: "\F026"; }

.fa-volume-up:before {
  content: "\F028"; }

.fa-vuejs:before {
  content: "\F41F"; }

.fa-walking:before {
  content: "\F554"; }

.fa-wallet:before {
  content: "\F555"; }

.fa-warehouse:before {
  content: "\F494"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-weight:before {
  content: "\F496"; }

.fa-weixin:before {
  content: "\F1D7"; }

.fa-whatsapp:before {
  content: "\F232"; }

.fa-whatsapp-square:before {
  content: "\F40C"; }

.fa-wheelchair:before {
  content: "\F193"; }

.fa-whmcs:before {
  content: "\F40D"; }

.fa-wifi:before {
  content: "\F1EB"; }

.fa-wikipedia-w:before {
  content: "\F266"; }

.fa-window-close:before {
  content: "\F410"; }

.fa-window-maximize:before {
  content: "\F2D0"; }

.fa-window-minimize:before {
  content: "\F2D1"; }

.fa-window-restore:before {
  content: "\F2D2"; }

.fa-windows:before {
  content: "\F17A"; }

.fa-wine-glass:before {
  content: "\F4E3"; }

.fa-wolf-pack-battalion:before {
  content: "\F514"; }

.fa-won-sign:before {
  content: "\F159"; }

.fa-wordpress:before {
  content: "\F19A"; }

.fa-wordpress-simple:before {
  content: "\F411"; }

.fa-wpbeginner:before {
  content: "\F297"; }

.fa-wpexplorer:before {
  content: "\F2DE"; }

.fa-wpforms:before {
  content: "\F298"; }

.fa-wrench:before {
  content: "\F0AD"; }

.fa-x-ray:before {
  content: "\F497"; }

.fa-xbox:before {
  content: "\F412"; }

.fa-xing:before {
  content: "\F168"; }

.fa-xing-square:before {
  content: "\F169"; }

.fa-y-combinator:before {
  content: "\F23B"; }

.fa-yahoo:before {
  content: "\F19E"; }

.fa-yandex:before {
  content: "\F413"; }

.fa-yandex-international:before {
  content: "\F414"; }

.fa-yelp:before {
  content: "\F1E9"; }

.fa-yen-sign:before {
  content: "\F157"; }

.fa-yoast:before {
  content: "\F2B1"; }

.fa-youtube:before {
  content: "\F167"; }

.fa-youtube-square:before {
  content: "\F431"; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url(/dist/public/fa-brands-400.eot);
  src: url(/dist/public/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(/dist/public/fa-brands-400.woff2) format("woff2"), url(/dist/public/fa-brands-400.woff) format("woff"), url(/dist/public/fa-brands-400.ttf) format("truetype"), url(/dist/public/fa-brands-400.svg#fontawesome) format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url(/dist/public/fa-regular-400.eot);
  src: url(/dist/public/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(/dist/public/fa-regular-400.woff2) format("woff2"), url(/dist/public/fa-regular-400.woff) format("woff"), url(/dist/public/fa-regular-400.ttf) format("truetype"), url(/dist/public/fa-regular-400.svg#fontawesome) format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url(/dist/public/fa-solid-900.eot);
  src: url(/dist/public/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/dist/public/fa-solid-900.woff2) format("woff2"), url(/dist/public/fa-solid-900.woff) format("woff"), url(/dist/public/fa-solid-900.ttf) format("truetype"), url(/dist/public/fa-solid-900.svg#fontawesome) format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }
/*  */
.mbg-btn-form-wrapper button {
  background-color: var(--secondary); }

.mbg-login-form-right .welcome-message {
  color: var(--loginTextColor); }

mbg-checkbox .label-cbx input:checked + .checkbox svg path {
  fill: var(--primary); }

mbg-checkbox .label-cbx .checkbox svg path {
  stroke: var(--primary); }
.mbg-pageloader {
	height: 100vh;
	width: 100%;
	position: fixed;
	background-color: rgba(255, 255, 255, 1);
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 900;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #bbb;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 12px;
	opacity: 0;
	-webkit-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
	will-change: opacity;
}

.mbg-pageloader .mbg-pageloader-container {
	width: auto;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s linear;
	transition: transform 0.5s ease, opacity 0.5s linear;
	will-change: transform, opacity;
	-webkit-transform: translateY(30%);
	-ms-transform: translateY(30%);
	transform: translateY(30%);
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.mbg-pageloader .mbg-pageloader-container svg {
	margin-bottom: 10px;
}

.mbg-pageloader.mbg-pageloader-active {
	opacity: 1;
}

.mbg-pageloader.mbg-pageloader-active .mbg-pageloader-container {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

.mbg-pageloader.mbg-pageloader-hide {
	display: none;
	visibility: hidden;
}

.mbg-pageloader .mbg-pageloader-color1 {
	fill: #707070;
}

.mbg-pageloader .mbg-pageloader-color2 {
	fill: #707070;
}

.mbg-pageloader .mbg-pageloader-color3 {
	fill: #707070;
}

div[ng-class="vm.config.theme"] .mb[ml-send-button]>.ml-sb {
	background-color: var(--primary);
}

div[ng-class="vm.config.theme"]  .mb[ml-form-right] {
	background-color: var(--primary);
}

div[ng-class="vm.config.theme"] .mb[ml-login-form] .ml-f-bottom .ml-f-b-sign-up,
div[ng-class="vm.config.theme"] .mb[ml-input] .ml-i-container .ml-i:-webkit-autofill,
div[ng-class="vm.config.theme"] .mb[ml-input] .ml-i-container .ml-i:active, 
div[ng-class="vm.config.theme"] .mb[ml-input] .ml-i-container .ml-i:focus, 
div[ng-class="vm.config.theme"] .mb[ml-input] .ml-i-container .ml-i:invalid  {
	color: var(--primary);
	-webkit-text-fill-color: var(--primary);
}

div[ng-class="vm.config.theme"] .mb[ml-input].ml-i-active {
    border-color: var(--primary); 
}

div[ng-class="vm.config.theme"] .mb[ml-input].ml-i-active .ml-i-icon-container {
	color: var(--primary);
}

.mbg-login-form-part-background.right, .mbg-login-form-right {
	transition: none !important;
	background-color: var(--primary);
}

.mbg-login-view .send-button {
	background-color: var(--primary);
}

.mbg-login-view .mbg-login-input-container.ativo {
	border-color: var(--primary);

}

.mbg-login-view .mbg-login-form .bottom .signup, .mbg-login-view .mbg-login-input-container.ativo .icone-container {
	color: var(--primary);
}

.icone-container {
	-webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.mbg-login-input-container .input {
	color: var(--primary);
}

.mbg-login-view input:-webkit-autofill {
	-webkit-text-fill-color: var(--primary);
}.event-selector-modal-wrapper {
  width: 750px; }
  .event-selector-modal-wrapper .header {
    padding: 30px; }
  .event-selector-modal-wrapper .body {
    padding: 0 20px; }
  .event-selector-modal-wrapper .buttons {
    margin: 20px 30px; }
    .event-selector-modal-wrapper .buttons .row {
      display: flex;
      justify-content: center; }
cp-user-check-icon svg {
  width: 22px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-user-check-icon svg:hover, cp-user-check-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-consult-icon i {
  font-size: 16px;
  color: var(--font3);
  will-change: transform;
  transition: all 250ms ease;
  display: flex; }
  cp-consult-icon i:hover, cp-consult-icon i:active {
    color: var(--primary);
    transform: scale(1.2); }
cp-eye-icon svg {
  width: 16px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-eye-icon svg:hover, cp-eye-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-not-found svg {
  cursor: pointer;
  width: 27px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-not-found svg:hover, cp-not-found svg:active {
    fill: var(--primary);
    transform: scale(1.1); }

cp-not-found.active svg {
  fill: var(--primary);
  transform: scale(1.1); }
cp-credit-card-edit-icon svg {
  width: 17px;
  fill: var(--font3) !important;
  will-change: transform;
  transition: all 250ms ease; }
  cp-credit-card-edit-icon svg:hover, cp-credit-card-edit-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-person-edit-icon svg {
  width: 17px;
  fill: var(--font3) !important;
  will-change: transform;
  transition: all 250ms ease; }
  cp-person-edit-icon svg:hover, cp-person-edit-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-trophy-icon svg {
  width: 40px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-trophy-icon svg:hover, cp-trophy-icon svg:active {
    fill: var(--primary);
    transform: scale(1.2); }
cp-hand-holding-dollar-icon svg {
  width: 18px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-hand-holding-dollar-icon svg:hover, cp-hand-holding-dollar-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-circle-x-mark-icon svg {
  width: 18px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-circle-x-mark-icon svg:hover, cp-circle-x-mark-icon svg:active {
    fill: var(--error);
    transform: scale(1.1); }
cp-equipment-icon svg {
  width: 23px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-equipment-icon svg:hover, cp-equipment-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-historic-icon svg {
  width: 18px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-historic-icon svg:hover, cp-historic-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-search-icon svg {
  width: 40px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-search-icon svg:hover, cp-search-icon svg:active {
    fill: var(--primary);
    transform: scale(1.2); }
cp-promotion-tag-icon svg {
  width: 20px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-promotion-tag-icon svg:hover, cp-promotion-tag-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-email-envelope-close-icon i {
  margin-top: 7px;
  width: 24px;
  color: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-email-envelope-close-icon i:hover, cp-email-envelope-close-icon i:active {
    color: var(--primary);
    transform: scale(1.2); }
cp-user-cog-icon svg {
  cursor: pointer;
  width: 20px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-user-cog-icon svg:hover, cp-user-cog-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }

cp-user-cog-icon.active svg {
  fill: var(--primary);
  transform: scale(1.1); }
cp-external-link-alt svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-external-link-alt svg:hover, cp-external-link-alt svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-unlink-icon svg {
  cursor: pointer;
  width: 20px;
  fill: var(--font2);
  will-change: transform;
  transition: all 250ms ease; }
  cp-unlink-icon svg:hover, cp-unlink-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }

cp-unlink-icon.active svg {
  fill: var(--primary);
  transform: scale(1.1); }
cp-percent-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-percent-icon svg:hover, cp-percent-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-copy-icon-v2 svg {
  width: 20px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-copy-icon-v2 svg:hover, cp-copy-icon-v2 svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-distribution-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease;
  cursor: pointer; }
  cp-distribution-icon svg:hover, cp-distribution-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-truck-icon svg {
  width: 20px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-truck-icon svg:hover, cp-truck-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-whatsapp-icon svg {
  width: 20px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-whatsapp-icon svg:hover, cp-whatsapp-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-note-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-note-icon svg:hover, cp-note-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-shopping-cart-icon svg {
  width: 20px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-shopping-cart-icon svg:hover, cp-shopping-cart-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-payment-form-icon svg {
  width: 20px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-payment-form-icon svg:hover, cp-payment-form-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-cashback-icon svg {
  width: 22px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-cashback-icon svg:hover, cp-cashback-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-collect-stock-icon svg {
  width: 18px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-collect-stock-icon svg:hover, cp-collect-stock-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-loading {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 15px; }
cp-online-icon svg {
  cursor: pointer;
  width: 25px;
  transition: all 250ms ease; }
cp-offline-icon svg {
  cursor: pointer;
  width: 25px;
  transition: all 250ms ease; }
cp-loading {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 15px; }
cp-gift-icon svg {
  width: 22px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-gift-icon svg:hover, cp-gift-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-letter-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-letter-icon svg:hover, cp-letter-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-default-loading svg {
  width: 30px;
  fill: var(--font2);
  will-change: transform; }
cp-link-icon svg {
  cursor: pointer;
  width: 20px;
  fill: var(--font2);
  will-change: transform;
  transition: all 250ms ease; }
  cp-link-icon svg:hover, cp-link-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }

cp-link-icon.active svg {
  fill: var(--primary);
  transform: scale(1.1); }
cp-print-boleto-icon svg {
  width: 19px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-print-boleto-icon svg:hover, cp-print-boleto-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-btn-loading svg {
  width: 27px;
  fill: var(--contrast);
  will-change: transform; }
cp-branch-company svg {
  width: 37px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-branch-company svg:hover, cp-branch-company svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-justification-icon svg {
  width: 24px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-justification-icon svg:hover, cp-justification-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-reversal-icon svg {
  width: 15px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-reversal-icon svg:hover, cp-reversal-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-loading {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 15px; }
cp-invoice-icon svg {
  width: 22px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-invoice-icon svg:hover, cp-invoice-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-page-subtitle .cp-page-subtitle-wrapper {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }
  cp-page-subtitle .cp-page-subtitle-wrapper .mbg-subtitle {
    font-size: 1.2em;
    font-weight: 700;
    font-family: MontSerrat,sans-serif;
    color: var(--primary);
    margin-bottom: 15px; }
cp-medal-top-ten-icon svg {
  width: 27px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-medal-top-ten-icon svg:hover, cp-medal-top-ten-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-medal-icon svg {
  width: 27px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-medal-icon svg:hover, cp-medal-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-mbg-options .table-wrapper .body-options {
  display: flex;
  align-items: center;
  justify-content: center; }
  cp-mbg-options .table-wrapper .body-options .absolute-box {
    position: absolute; }
  cp-mbg-options .table-wrapper .body-options .not-found svg {
    width: 70px;
    fill: var(--font2); }

cp-mbg-options .table-wrapper h5 {
  color: var(--font2);
  font-size: 16px; }

cp-mbg-options .table-wrapper table.mbg-options {
  display: flex;
  flex-direction: column;
  padding: 0px;
  list-style-type: none;
  width: 100%;
  background-color: #fff;
  border-radius: 1px;
  border: 1px solid var(--mbListLineEven);
  height: 227px; }
  cp-mbg-options .table-wrapper table.mbg-options tbody {
    overflow-y: auto;
    border-radius: 1px; }
    cp-mbg-options .table-wrapper table.mbg-options tbody tr {
      display: flex; }
      cp-mbg-options .table-wrapper table.mbg-options tbody tr td {
        cursor: pointer;
        padding: 0px 20px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 45px;
        align-items: center;
        font-size: 15px;
        font-weight: 500;
        color: var(--font2); }
        cp-mbg-options .table-wrapper table.mbg-options tbody tr td svg {
          opacity: 0;
          width: 20px;
          fill: #fff;
          will-change: transform;
          transition: all 250ms ease; }
    cp-mbg-options .table-wrapper table.mbg-options tbody tr:nth-child(even) {
      background-color: var(--mbListLineEven); }
    cp-mbg-options .table-wrapper table.mbg-options tbody tr.active {
      background-color: var(--neutral2); }
      cp-mbg-options .table-wrapper table.mbg-options tbody tr.active td {
        color: #fff;
        font-weight: 600; }
      cp-mbg-options .table-wrapper table.mbg-options tbody tr.active svg {
        opacity: 1; }
cp-download-icon svg {
  margin-top: 7px;
  width: 24px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-download-icon svg:hover, cp-download-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-information-icon {
  display: flex;
  align-items: center;
  justify-content: center; }
  cp-information-icon svg {
    width: 22px;
    fill: var(--font3);
    will-change: transform;
    transition: all 250ms ease; }
    cp-information-icon svg:hover, cp-information-icon svg:active {
      fill: var(--primary);
      transform: scale(1.1); }
cp-fixed-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-fixed-icon svg:hover, cp-fixed-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-email-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-email-icon svg:hover, cp-email-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-disable-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-disable-icon svg:hover, cp-disable-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-plus-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-plus-icon svg:hover, cp-plus-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-check-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-check-icon svg:hover, cp-check-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-receipt-icon svg {
  width: 22px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-receipt-icon svg:hover, cp-receipt-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-integration-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-integration-icon svg:hover, cp-integration-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-reason-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-reason-icon svg:hover, cp-reason-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-gear-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-gear-icon svg:hover, cp-gear-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-gerar-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-gerar-icon svg:hover, cp-gerar-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-fiscal-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-fiscal-icon svg:hover, cp-fiscal-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-reverse-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-reverse-icon svg:hover, cp-reverse-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-see-icon svg {
  cursor: pointer;
  width: 27px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-see-icon svg:hover, cp-see-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }

cp-see-icon.active svg {
  fill: var(--primary);
  transform: scale(1.1); }
cp-public-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-public-icon svg:hover, cp-public-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-inactivate-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-inactivate-icon svg:hover, cp-inactivate-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-copy-icon svg {
  width: 20px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-copy-icon svg:hover, cp-copy-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-print-icon svg {
  width: 22px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-print-icon svg:hover, cp-print-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-barcode-icon svg {
  width: 25px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-barcode-icon svg:hover, cp-barcode-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-details-icon svg {
  width: 24px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-details-icon svg:hover, cp-details-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-subtitle-color .subtitle-color-wrapper {
  display: flex;
  justify-content: flex-end; }
  cp-subtitle-color .subtitle-color-wrapper .mbg-item-subtitle {
    height: 44px;
    margin-right: 8px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center; }
    cp-subtitle-color .subtitle-color-wrapper .mbg-item-subtitle .mbg-sphere-color {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      float: left;
      margin-right: 10px;
      margin-left: 10px; }
    cp-subtitle-color .subtitle-color-wrapper .mbg-item-subtitle label {
      margin-top: 1px;
      font-weight: 400; }
cp-dollar-icon svg {
  width: 18px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-dollar-icon svg:hover, cp-dollar-icon svg:active {
    transform: scale(1.1); }
cp-page-title .cp-page-title-wrapper {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }
  cp-page-title .cp-page-title-wrapper .mbg-title {
    font-size: 1.5em;
    font-weight: 700;
    font-family: MontSerrat,sans-serif;
    color: var(--font1);
    margin: 0; }
  cp-page-title .cp-page-title-wrapper .mbg-detail {
    width: 54px;
    height: 34px;
    fill: var(--color1);
    margin: 0;
    vertical-align: middle; }
  cp-page-title .cp-page-title-wrapper .mbg-detail-path {
    fill: var(--color1);
    stroke: var(--color1); }
  cp-page-title .cp-page-title-wrapper .mbg-detail,
  cp-page-title .cp-page-title-wrapper .mbg-detail-path {
    stroke-miterlimit: initial;
    stroke-width: initial; }
cp-delete-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-delete-icon svg:hover, cp-delete-icon svg:active {
    fill: var(--error) !important;
    transform: scale(1.1); }
cp-ban-icon svg {
  width: 18px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-ban-icon svg:hover, cp-ban-icon svg:active {
    fill: var(--error);
    transform: scale(1.1); }
cp-edit-icon svg {
  width: 17px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-edit-icon svg:hover, cp-edit-icon svg:active {
    fill: var(--primary);
    transform: scale(1.1); }
cp-ban-icon svg {
  width: 18px;
  fill: var(--font3);
  will-change: transform;
  transition: all 250ms ease; }
  cp-ban-icon svg:hover, cp-ban-icon svg:active {
    fill: var(--error);
    transform: scale(1.1); }
@charset "UTF-8";
/* Cores */
/*
	Temas:
*/
/* 
	Cores padrão:
*/
/* 
  Função para aplicar os temas pré-definidos acima
*/
.mb[content-container] {
  transition: width 0.3s ease-in-out;
  height: calc(100% - 45px);
  width: calc(100% - 50px - 4px);
  display: inline-block;
  font-family: 'MontSerrat', sans-serif;
  padding: 5px; }
  .mb[content-container].with-menu-opened {
    width: calc(100% - 200px - 4px); }
  .mb[content-container] > .mb-cc-content {
    height: calc(100vh - calc(150px -  45px));
    width: 100%;
    overflow: hidden;
    position: relative; }
    @media screen and (max-width: 1368px) {
      .mb[content-container] > .mb-cc-content {
        height: calc(134vh - 136px); } }
    .mb[content-container] > .mb-cc-content.without-env-bar {
      height: calc(100vh - calc(100px -  45px)); }
      @media screen and (max-width: 1368px) {
        .mb[content-container] > .mb-cc-content.without-env-bar {
          height: calc(134vh - 88px); } }
    .mb[content-container] > .mb-cc-content:hover {
      overflow-y: auto; }
.mb[base-container] {
  width: 100%;
  height: 100%;
  text-align: left;
  display: inline-block; }
@charset "UTF-8";
/*
    Não remover os importantes eles sobreescreve os styles inline. 
    Os styles inline acontece por conta de uma funcionalidade que é feita quando não usa o estilo flex.
*/
html.mobiage-flex {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%; }
  html.mobiage-flex body {
    flex: 1;
    display: flex;
    flex-direction: column; }
    html.mobiage-flex body mb-notifications {
      order: 0; }
      html.mobiage-flex body mb-notifications .mb-n-container.mb-n-fixed {
        position: relative;
        transform: translateY(0px) !important; }
    html.mobiage-flex body #app > ui-view {
      display: flex;
      flex-direction: column;
      flex: 1; }
      html.mobiage-flex body #app > ui-view mbg-base {
        order: 1;
        flex: 1;
        display: flex;
        flex-direction: column; }
        html.mobiage-flex body #app > ui-view mbg-base .mb[base] {
          flex: 1;
          height: auto;
          transform: translateY(0px) !important;
          height: auto !important; }
@keyframes topAgeEnterEnterInvert {
  0% {
    filter: invert(0%); }
  50% {
    filter: invert(100%); }
  100% {
    filter: invert(0%); } }

@keyframes topAgeWobble {
  from {
    transform: translate3d(0, 0, 0); }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    transform: translate3d(0, 0, 0); } }

.mb[base] {
  width: 100%;
  height: 100vh;
  background-color: #fcfcfc;
  line-height: normal;
  overflow: hidden;
  text-align: center;
  will-change: transform, height;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .mb[base].mobiage-base-topage-enter {
    animation: topAgeEnterEnterInvert 750ms linear infinite, topAgeWobble 1s linear infinite; }
  .mb[base].cssVariable {
    background-color: var(--bgColor); }

.os-theme-thin-dark > .os-scrollbar-horizontal {
  right: 14px;
  height: 14px;
  padding: 0px 6px; }

.os-theme-thin-dark > .os-scrollbar-vertical {
  bottom: 14px;
  width: 14px;
  padding: 6px 0px; }

.os-theme-thin-dark.os-host-rtl > .os-scrollbar-horizontal {
  left: 14px;
  right: 0; }

.os-theme-thin-dark > .os-scrollbar-corner {
  height: 14px;
  width: 14px;
  background-color: transparent; }

.os-theme-thin-dark > .os-scrollbar > .os-scrollbar-track {
  background: transparent; }

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track:before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.15); }

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
  left: 0;
  right: 0;
  height: 2px;
  top: 50%;
  margin-top: -1px; }

.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
  top: 0;
  bottom: 0;
  width: 2px;
  left: 50%;
  margin-left: -1px; }

.os-theme-thin-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px; }

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before {
  height: 4px;
  margin-top: -2px; }

.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
  width: 4px;
  margin-left: -2px; }

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
  background: rgba(0, 0, 0, 0.7); }

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
  background: #000; }

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  height: 100%;
  min-width: 30px; }

.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  width: 100%;
  min-height: 30px; }

.os-theme-thin-dark.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
  transition: height 0.3s, margin-top 0.3s, background 0.2s; }

.os-theme-thin-dark.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
  transition: width 0.3s, margin-left 0.3s, background 0.2s; }

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  right: -3px; }

/*
	inicio dos padding da lateral
*/
body[padding] .mb[base-container] {
  padding-right: 0; }

body[padding] mb-content .os-content .mb-cc-content {
  padding-right: 164px; }

@media screen and (max-width: 1680px) {
  body[padding] .mb[base-container] {
    padding-right: 0; }
  body[padding] mb-content .os-content .mb-cc-content {
    padding-right: 124px; } }

@media screen and (max-width: 768px) {
  body[padding] .mb[topbar] > .mb-t-content > .mb-t-container, body[padding] .mb[base-container] {
    padding: 0; }
  body[padding] .mb[base-container] {
    padding: 0; }
  body[padding] mb-content .os-content .mb-cc-content {
    padding: 124px; } }

/*
	FIM
*/
.mb-sc-button {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0px;
  top: calc(50% - 30px);
  z-index: 1000;
  transition: transform 500ms ease; }
  .mb-sc-button .mb-sc-b-content-container {
    position: relative;
    height: 100%;
    width: 100%; }
    .mb-sc-button .mb-sc-b-content-container .mb-sc-corner {
      filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
      top: 50%;
      position: absolute;
      right: -20px;
      fill: white;
      transform: translateY(-50%);
      width: 80px;
      z-index: 1001; }
    .mb-sc-button .mb-sc-b-content-container .mb-sc-icon-container {
      top: 50%;
      transform: translateY(-50%);
      right: 5px;
      position: absolute;
      z-index: 1002;
      border-radius: 50%;
      height: 45px;
      width: 45px;
      background-color: #00d5d2;
      cursor: pointer;
      display: flex;
      justify-content: center; }
      .mb-sc-button .mb-sc-b-content-container .mb-sc-icon-container .mb-sc-icon {
        color: #fff;
        font-size: 22px;
        line-height: 45px;
        text-align: center; }
.mb[side-content] .mb-sc-content-container {
  width: 400px;
  height: 100vh;
  position: fixed;
  right: 0px;
  top: 0px;
  left: auto;
  bottom: 0px;
  background-color: #fff;
  z-index: 1002;
  transform: translateX(100%);
  transition: transform 500ms ease, box-shadow 250ms linear; }
  .mb[side-content] .mb-sc-content-container.mb-sc-bg-hide {
    background-color: transparent; }
  .mb[side-content] .mb-sc-content-container.mb-sc-preview {
    transform: translateX(95%);
    box-shadow: -3px 0px 100px 20px rgba(0, 0, 0, 0.1); }
    .mb[side-content] .mb-sc-content-container.mb-sc-preview.mb-sc-active {
      box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); }
  .mb[side-content] .mb-sc-content-container.mb-sc-active {
    transform: translateX(0%); }
  .mb[side-content] .mb-sc-content-container.mb-sc-active-bg-hide {
    transform: translateX(0%);
    top: calc(50% - 150px);
    height: min-content; }
  .mb[side-content] .mb-sc-content-container .mb-sc-anchor {
    position: relative;
    width: 100%;
    height: 100%; }
    .mb[side-content] .mb-sc-content-container .mb-sc-anchor .mb-sc-content {
      width: 100%;
      height: 100%;
      background-color: transparent;
      position: relative;
      z-index: 1003; }

.mb[side-content] .mb-sc-background {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 999;
  left: 0px;
  top: 0px;
  transition: opacity 250ms linear;
  will-change: opacity; }
  .mb[side-content] .mb-sc-background.mb-sc-bg-hide {
    display: none; }
  .mb[side-content] .mb-sc-background.mb-sc-active {
    opacity: 1; }
@charset "UTF-8";
/* Cores */
/*
	Temas:
*/
/* 
	Cores padrão:
*/
/* 
  Função para aplicar os temas pré-definidos acima
*/
.mb[mb-pageloader] {
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.8);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #bbb;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.5s linear;
  will-change: opacity; }
  .mb[mb-pageloader] .mb-pl-container {
    width: auto;
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s linear;
    will-change: transform, opacity;
    transform: translateY(30%);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .mb[mb-pageloader] .mb-pl-container svg {
      margin-bottom: 10px; }
  .mb[mb-pageloader].mb-pageloader-active {
    opacity: 1; }
    .mb[mb-pageloader].mb-pageloader-active .mb-pl-container {
      opacity: 1;
      transform: translateY(0%); }
  .mb[mb-pageloader] .mb-pl-color1 {
    fill: #ddd; }
    .cssVariable .mb[mb-pageloader] .mb-pl-color1 {
      fill: var(--color1); }
    .theme1 .mb[mb-pageloader] .mb-pl-color1 {
      fill: #0747a6; }
    .theme2 .mb[mb-pageloader] .mb-pl-color1 {
      fill: #e8c553; }
    .theme3 .mb[mb-pageloader] .mb-pl-color1 {
      fill: #02ce69; }
    .theme4 .mb[mb-pageloader] .mb-pl-color1 {
      fill: #c73444; }
    .theme5 .mb[mb-pageloader] .mb-pl-color1 {
      fill: #540095; }
    .theme6 .mb[mb-pageloader] .mb-pl-color1 {
      fill: #de6d28; }
    .theme7 .mb[mb-pageloader] .mb-pl-color1 {
      fill: #ea4c89; }
    .theme8 .mb[mb-pageloader] .mb-pl-color1 {
      fill: #000000; }
    .theme9 .mb[mb-pageloader] .mb-pl-color1 {
      fill: #3acbc7; }
    .theme10 .mb[mb-pageloader] .mb-pl-color1 {
      fill: #635596; }
    .theme11 .mb[mb-pageloader] .mb-pl-color1 {
      fill: #00c74d; }
    .theme12 .mb[mb-pageloader] .mb-pl-color1 {
      fill: #6e2bbb; }
  .mb[mb-pageloader] .mb-pl-color2 {
    fill: #ddd; }
    .cssVariable .mb[mb-pageloader] .mb-pl-color2 {
      fill: var(--color4); }
    .theme1 .mb[mb-pageloader] .mb-pl-color2 {
      fill: #ff991f; }
    .theme2 .mb[mb-pageloader] .mb-pl-color2 {
      fill: #292929; }
    .theme3 .mb[mb-pageloader] .mb-pl-color2 {
      fill: #0e414c; }
    .theme4 .mb[mb-pageloader] .mb-pl-color2 {
      fill: #6900c3; }
    .theme5 .mb[mb-pageloader] .mb-pl-color2 {
      fill: #22c5f8; }
    .theme6 .mb[mb-pageloader] .mb-pl-color2 {
      fill: #5e39aa; }
    .theme7 .mb[mb-pageloader] .mb-pl-color2 {
      fill: #3e39aa; }
    .theme8 .mb[mb-pageloader] .mb-pl-color2 {
      fill: #9d835e; }
    .theme9 .mb[mb-pageloader] .mb-pl-color2 {
      fill: #8d724b; }
    .theme10 .mb[mb-pageloader] .mb-pl-color2 {
      fill: #A4CD39; }
    .theme11 .mb[mb-pageloader] .mb-pl-color2 {
      fill: #223E6A; }
    .theme12 .mb[mb-pageloader] .mb-pl-color2 {
      fill: #00bbbd; }
  .mb[mb-pageloader] .mb-pl-color3 {
    fill: #dddddd1c; }
    .cssVariable .mb[mb-pageloader] .mb-pl-color3 {
      fill: var(--color1); }
    .theme1 .mb[mb-pageloader] .mb-pl-color3 {
      fill: #0747a6; }
    .theme2 .mb[mb-pageloader] .mb-pl-color3 {
      fill: #e8c553; }
    .theme3 .mb[mb-pageloader] .mb-pl-color3 {
      fill: #02ce69; }
    .theme4 .mb[mb-pageloader] .mb-pl-color3 {
      fill: #c73444; }
    .theme5 .mb[mb-pageloader] .mb-pl-color3 {
      fill: #540095; }
    .theme6 .mb[mb-pageloader] .mb-pl-color3 {
      fill: #de6d28; }
    .theme7 .mb[mb-pageloader] .mb-pl-color3 {
      fill: #ea4c89; }
    .theme8 .mb[mb-pageloader] .mb-pl-color3 {
      fill: #000000; }
    .theme9 .mb[mb-pageloader] .mb-pl-color3 {
      fill: #3acbc7; }
    .theme10 .mb[mb-pageloader] .mb-pl-color3 {
      fill: #635596; }
    .theme11 .mb[mb-pageloader] .mb-pl-color3 {
      fill: #00c74d; }
    .theme12 .mb[mb-pageloader] .mb-pl-color3 {
      fill: #6e2bbb; }
@charset "UTF-8";
/* Cores */
/*
	Temas:
*/
/* 
	Cores padrão:
*/
/* 
  Função para aplicar os temas pré-definidos acima
*/
@keyframes mb-footer-enter {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }

.mb[mb-footer] {
  width: 100%;
  height: 75px;
  position: fixed;
  top: auto;
  bottom: 0px;
  left: 0px;
  z-index: 900;
  padding: 0px 15px 15px 15px;
  display: flex;
  justify-content: center;
  animation: mb-footer-enter 500ms ease; }
  .mb[mb-footer] .mb-f-container {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    border-radius: 10px;
    position: relative;
    z-index: 1200;
    background-color: #ccc; }
    .cssVariable .mb[mb-footer] .mb-f-container {
      background-color: var(--color1); }
    .theme1 .mb[mb-footer] .mb-f-container {
      background-color: #0747a6; }
    .theme2 .mb[mb-footer] .mb-f-container {
      background-color: #e8c553; }
    .theme3 .mb[mb-footer] .mb-f-container {
      background-color: #02ce69; }
    .theme4 .mb[mb-footer] .mb-f-container {
      background-color: #c73444; }
    .theme5 .mb[mb-footer] .mb-f-container {
      background-color: #540095; }
    .theme6 .mb[mb-footer] .mb-f-container {
      background-color: #de6d28; }
    .theme7 .mb[mb-footer] .mb-f-container {
      background-color: #ea4c89; }
    .theme8 .mb[mb-footer] .mb-f-container {
      background-color: #000000; }
    .theme9 .mb[mb-footer] .mb-f-container {
      background-color: #3acbc7; }
    .theme10 .mb[mb-footer] .mb-f-container {
      background-color: #635596; }
    .theme11 .mb[mb-footer] .mb-f-container {
      background-color: #00c74d; }
    .theme12 .mb[mb-footer] .mb-f-container {
      background-color: #6e2bbb; }
@keyframes mb-n-toast-enter {
  0% {
    transform: translateY(-15%) scaleY(0); }
  50% {
    transform: translateY(-5%) scaleY(1.05); }
  75% {
    transform: translateY(0%) scaleY(1.025); }
  100% {
    transform: translateY(0%) scaleY(1); } }

.mb-n-container {
  position: fixed;
  will-change: transform;
  transition: transform ease 0.5s; }
  .mb-n-container.mb-n-fixed {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: auto;
    width: 100%;
    height: 50px;
    transform: translateX(0%);
    z-index: 23700; }
  .mb-n-container.mb-n-float {
    top: 0px;
    left: 50%;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 900px;
    height: 60px;
    padding-top: 10px;
    transform: translateX(-50%);
    z-index: 23800; }
  .mb-n-container.mb-n-toast {
    top: auto;
    left: 50%;
    right: auto;
    bottom: 0px;
    width: 100%;
    max-width: 500px;
    padding-bottom: 10px;
    height: 60px;
    transform: translateX(-50%);
    z-index: 23900; }
  .mb-n-container .mb[mb-notification] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    transition: transform 0.5s ease; }
    .mb-n-container .mb[mb-notification].mb-n-warn {
      background: linear-gradient(to right, #ff8a3f, #ff4444); }
    .mb-n-container .mb[mb-notification].mb-n-info {
      background: #50b2ed; }
    .mb-n-container .mb[mb-notification].mb-n-err {
      background: #ff4444; }
    .mb-n-container .mb[mb-notification].mb-n-succ {
      background: #1eb75c; }
    .mb-n-container .mb[mb-notification] .mb-n-inside-container {
      display: flex;
      max-width: 1000px;
      width: 100%;
      height: 100%;
      justify-content: space-around;
      align-content: center; }
      @media screen and (max-width: 768px) {
        .mb-n-container .mb[mb-notification] .mb-n-inside-container {
          padding: 0 14px; } }
      .mb-n-container .mb[mb-notification] .mb-n-inside-container .mb-n-text {
        height: 100%;
        color: #fff;
        font-weight: 400;
        display: flex;
        font-size: 14px;
        align-items: center;
        max-width: 450px;
        width: auto; }
        .mb-n-container .mb[mb-notification] .mb-n-inside-container .mb-n-text .mb-n-icon-container {
          height: 100%;
          color: #fff;
          margin-right: 10px;
          font-size: 20px;
          line-height: 50px; }
      .mb-n-container .mb[mb-notification] .mb-n-inside-container .mb-n-action-container {
        height: 100%;
        display: flex;
        align-items: center;
        max-width: 200px; }
        .mb-n-container .mb[mb-notification] .mb-n-inside-container .mb-n-action-container .mb-n-action-button {
          width: 100%;
          padding: 5px 20px 5px 20px;
          background-color: transparent;
          border: 1px solid #fff;
          border-radius: 22.5px;
          font-size: 12px;
          font-weight: 400;
          text-align: center;
          color: #fff;
          cursor: pointer;
          transition: transform 200ms ease; }
          .mb-n-container .mb[mb-notification] .mb-n-inside-container .mb-n-action-container .mb-n-action-button:hover {
            transform: scale(1.05); }
    .mb-n-container .mb[mb-notification].mb-n-fixed {
      transform: translate3d(0, -100%, 0);
      transition: transform 450ms ease;
      box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075); }
      .mb-n-container .mb[mb-notification].mb-n-fixed.mb-n-active {
        transform: translate3d(0, 0, 0); }
    .mb-n-container .mb[mb-notification].mb-n-float {
      border-radius: 5px;
      opacity: 0;
      transform: perspective(400px) translateY(-30%);
      will-change: opacity, transform;
      transition: opacity 500ms linear, transform 500ms ease;
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); }
      .mb-n-container .mb[mb-notification].mb-n-float.mb-n-active {
        opacity: 1;
        transition: none;
        animation: mb-n-toast-enter 0.5s ease;
        transform: perspective(400px); }
    .mb-n-container .mb[mb-notification].mb-n-toast {
      top: auto;
      bottom: 10px;
      left: 50%;
      transform: translate3d(0, calc(100% + 10px), 0);
      width: 100%;
      max-width: 500px;
      border-radius: 3px;
      box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
      will-change: transform;
      transition: transform 0.25s ease; }
      .mb-n-container .mb[mb-notification].mb-n-toast.mb-n-active {
        transform: translate3d(0, 0, 0); }
      .mb-n-container .mb[mb-notification].mb-n-toast .mb-n-inside-container {
        padding-left: 15px;
        padding-right: 15px; }
        .mb-n-container .mb[mb-notification].mb-n-toast .mb-n-inside-container .mb-n-action-container {
          width: 300px; }
          .mb-n-container .mb[mb-notification].mb-n-toast .mb-n-inside-container .mb-n-action-container .mb-n-action-button {
            border: none;
            padding: 0px;
            width: 100%;
            text-align: right;
            text-decoration: underline; }
        .mb-n-container .mb[mb-notification].mb-n-toast .mb-n-inside-container .mb-n-text {
          font-size: 14px; }
          .mb-n-container .mb[mb-notification].mb-n-toast .mb-n-inside-container .mb-n-text .mb-n-icon-container {
            display: none; }
@keyframes mb-placeholder-loading {
  0% {
    background-position: 100% 100%; }
  100% {
    background-position: -100% -100%; } }

.mb[topbar-user-loading] {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: mb-placeholder-loading;
  background: #f6f7f8;
  background: linear-gradient(to bottom right, #eeeeee 8%, #c4c4c4 18%, #eeeeee 33%);
  background-size: 300% 300%; }
.mb[topbar-user-link] {
  color: inherit;
  text-decoration: none;
  width: 100%;
  display: block; }
  .mb[topbar-user-link]:visited, .mb[topbar-user-link]:focus, .mb[topbar-user-link]:active {
    color: inherit;
    text-decoration: none;
    outline: none;
    box-shadow: none; }
@charset "UTF-8";
/* Cores */
/*
	Temas:
*/
/* 
	Cores padrão:
*/
/* 
  Função para aplicar os temas pré-definidos acima
*/
.mb[topbar-user-btn] {
  color: #ccc;
  font-size: 12px;
  font-weight: 700;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  user-select: none;
  transition: transform 250ms ease, color 100ms linear;
  cursor: pointer;
  padding: 15px 25px 15px 15px; }
  .cssVariable .mb[topbar-user-btn] {
    color: var(--font2); }
  .theme1 .mb[topbar-user-btn] {
    color: var(--font2); }
  .theme2 .mb[topbar-user-btn] {
    color: var(--font2); }
  .theme3 .mb[topbar-user-btn] {
    color: var(--font2); }
  .theme4 .mb[topbar-user-btn] {
    color: var(--font2); }
  .theme5 .mb[topbar-user-btn] {
    color: var(--font2); }
  .theme6 .mb[topbar-user-btn] {
    color: var(--font2); }
  .theme7 .mb[topbar-user-btn] {
    color: var(--font2); }
  .theme8 .mb[topbar-user-btn] {
    color: var(--font2); }
  .theme9 .mb[topbar-user-btn] {
    color: var(--font2); }
  .theme10 .mb[topbar-user-btn] {
    color: var(--font2); }
  .theme11 .mb[topbar-user-btn] {
    color: var(--font2); }
  .theme12 .mb[topbar-user-btn] {
    color: var(--font2); }
  .mb[topbar-user-btn]:hover {
    color: #9136ca;
    transform: translate3d(1%, 0, 0); }
    .cssVariable .mb[topbar-user-btn]:hover {
      color: var(--color1); }
    .theme1 .mb[topbar-user-btn]:hover {
      color: #0747a6; }
    .theme2 .mb[topbar-user-btn]:hover {
      color: #e8c553; }
    .theme3 .mb[topbar-user-btn]:hover {
      color: #02ce69; }
    .theme4 .mb[topbar-user-btn]:hover {
      color: #c73444; }
    .theme5 .mb[topbar-user-btn]:hover {
      color: #540095; }
    .theme6 .mb[topbar-user-btn]:hover {
      color: #de6d28; }
    .theme7 .mb[topbar-user-btn]:hover {
      color: #ea4c89; }
    .theme8 .mb[topbar-user-btn]:hover {
      color: #000000; }
    .theme9 .mb[topbar-user-btn]:hover {
      color: #3acbc7; }
    .theme10 .mb[topbar-user-btn]:hover {
      color: #635596; }
    .theme11 .mb[topbar-user-btn]:hover {
      color: #00c74d; }
    .theme12 .mb[topbar-user-btn]:hover {
      color: #6e2bbb; }
  .mb[topbar-user-btn] .mb-tub-icon {
    margin-left: 15px; }
    .mb[topbar-user-btn] .mb-tub-icon .fas {
      font-size: 16px; }
@charset "UTF-8";
/* Cores */
/*
	Temas:
*/
/* 
	Cores padrão:
*/
/* 
  Função para aplicar os temas pré-definidos acima
*/
@keyframes mb-tu-anim-focus-In {
  0% {
    transform: translate3d(0%, 0%, 0) scale(1); }
  33% {
    transform: translate3d(5%, -5%, 0) scale(1); }
  100% {
    transform: translate3d(-50%, 25%, 0) scale(0.5); } }

@keyframes mb-tu-anim-focus-out {
  0% {
    transform: translate3d(-50%, 25%, 0px) scale(0.5); }
  33% {
    transform: translate3d(-55%, 30%, 0px) scale(0.4); }
  100% {
    transform: translate3d(0%, 0%, 0px) scale(1); } }

.mb[topbar-user] {
  height: 100%;
  padding-right: 15px; }
  .mb[topbar-user] > .mb-tu-button {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    padding-right: 5px;
    padding-left: 20px;
    z-index: 700;
    background-color: #ffffff;
    transition: width 500ms ease;
    will-change: width; }
    .cssVariable .mb[topbar-user] > .mb-tu-button {
      background-color: var(--backgroundTopBar); }
    .theme1 .mb[topbar-user] > .mb-tu-button {
      background-color: #fff; }
    .theme2 .mb[topbar-user] > .mb-tu-button {
      background-color: #fff; }
    .theme3 .mb[topbar-user] > .mb-tu-button {
      background-color: #fff; }
    .theme4 .mb[topbar-user] > .mb-tu-button {
      background-color: #fff; }
    .theme5 .mb[topbar-user] > .mb-tu-button {
      background-color: #fff; }
    .theme6 .mb[topbar-user] > .mb-tu-button {
      background-color: #fff; }
    .theme7 .mb[topbar-user] > .mb-tu-button {
      background-color: #fff; }
    .theme8 .mb[topbar-user] > .mb-tu-button {
      background-color: #fff; }
    .theme9 .mb[topbar-user] > .mb-tu-button {
      background-color: #fff; }
    .theme10 .mb[topbar-user] > .mb-tu-button {
      background-color: #fff; }
    .theme11 .mb[topbar-user] > .mb-tu-button {
      background-color: #f6f6f6; }
    .theme12 .mb[topbar-user] > .mb-tu-button {
      background-color: #fff; }
    @media screen and (max-width: 768px) {
      .mb[topbar-user] > .mb-tu-button {
        width: 130px; }
        .mb[topbar-user] > .mb-tu-button.mb-tu-button-active {
          width: 250px; } }
    .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container {
      height: 100%;
      position: relative;
      overflow: hidden;
      cursor: pointer; }
      @media screen and (max-width: 768px) {
        .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container {
          position: absolute;
          left: 20px;
          opacity: 0;
          will-change: opacity;
          transition: opacity 200ms 0ms linear; }
          .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container.mb-tu-button-active {
            transition: opacity 200ms 250ms linear;
            opacity: 1; } }
      .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        transition: transform 1000ms ease;
        word-break: keep-all;
        white-space: nowrap; }
        .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names.mb-tu-user.mb-tu-focus-company {
          transform: translate3d(0%, -100%, 0px); }
        .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names.mb-tu-company.mb-tu-focus-company {
          transform: translate3d(0%, -100%, 0px); }
        .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-subtitle {
          text-align: right;
          color: #ccc;
          font-size: 12px;
          font-weight: 400;
          user-select: none; }
          .cssVariable .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-subtitle {
            color: var(--font3); }
          .theme1 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-subtitle {
            color: var(--font3); }
          .theme2 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-subtitle {
            color: var(--font3); }
          .theme3 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-subtitle {
            color: var(--font3); }
          .theme4 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-subtitle {
            color: var(--font3); }
          .theme5 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-subtitle {
            color: var(--font3); }
          .theme6 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-subtitle {
            color: var(--font3); }
          .theme7 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-subtitle {
            color: var(--font3); }
          .theme8 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-subtitle {
            color: var(--font3); }
          .theme9 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-subtitle {
            color: var(--font3); }
          .theme10 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-subtitle {
            color: var(--font3); }
          .theme11 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-subtitle {
            color: var(--font3); }
          .theme12 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-subtitle {
            color: var(--font3); }
        .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-title {
          text-align: right;
          color: #8034ad;
          font-weight: 700;
          user-select: none;
          font-size: 14px; }
          .cssVariable .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-title {
            color: var(--color1); }
          .theme1 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-title {
            color: #0747a6; }
          .theme2 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-title {
            color: #e8c553; }
          .theme3 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-title {
            color: #02ce69; }
          .theme4 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-title {
            color: #c73444; }
          .theme5 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-title {
            color: #540095; }
          .theme6 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-title {
            color: #de6d28; }
          .theme7 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-title {
            color: #ea4c89; }
          .theme8 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-title {
            color: #000000; }
          .theme9 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-title {
            color: #3acbc7; }
          .theme10 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-title {
            color: #635596; }
          .theme11 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-title {
            color: #00c74d; }
          .theme12 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-names-container .mb-tu-button-names > .mb-tu-button-title {
            color: #6e2bbb; }
    .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container {
      width: 30px;
      height: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin-right: 15px;
      cursor: pointer; }
      .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow {
        color: #8034ad;
        font-size: 19px;
        transform: rotateZ(0deg);
        transition: transform 0.5s ease; }
        .cssVariable .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow {
          color: var(--color1); }
        .theme1 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow {
          color: #0747a6; }
        .theme2 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow {
          color: #e8c553; }
        .theme3 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow {
          color: #02ce69; }
        .theme4 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow {
          color: #c73444; }
        .theme5 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow {
          color: #540095; }
        .theme6 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow {
          color: #de6d28; }
        .theme7 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow {
          color: #ea4c89; }
        .theme8 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow {
          color: #000000; }
        .theme9 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow {
          color: #3acbc7; }
        .theme10 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow {
          color: #635596; }
        .theme11 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow {
          color: #00c74d; }
        .theme12 .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow {
          color: #6e2bbb; }
        .mb[topbar-user] > .mb-tu-button > .mb-tu-button-arrow-container > .mb-tu-button-arrow.mb-tu-button-active {
          transform: rotateZ(180deg); }
    .mb[topbar-user] > .mb-tu-button > .mb-tu-avatar-container {
      width: 55px;
      height: 55px;
      position: relative; }
      .mb[topbar-user] > .mb-tu-button > .mb-tu-avatar-container .mb-tu-avatar {
        user-select: none;
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 55px;
        height: 55px;
        border-radius: 30px;
        font-size: 30px;
        line-height: 55px;
        color: white;
        font-weight: 700;
        text-align: center;
        background-position: center center;
        background-size: contain;
        will-change: transform, z-index;
        cursor: pointer;
        overflow: hidden;
        box-shadow: 0px 2px 10px #d7d7d7; }
        .mb[topbar-user] > .mb-tu-button > .mb-tu-avatar-container .mb-tu-avatar.mb-tua-user {
          top: 0px;
          right: 0px;
          transform: rotate3d(0px, 0px, 0px) scale(1); }
          .mb[topbar-user] > .mb-tu-button > .mb-tu-avatar-container .mb-tu-avatar.mb-tua-user.mb-tua-focus-company {
            animation: mb-tu-anim-focus-In 1000ms ease;
            transform: translate3d(-50%, 25%, 0) scale(0.5); }
          .mb[topbar-user] > .mb-tu-button > .mb-tu-avatar-container .mb-tu-avatar.mb-tua-user.mb-tua-focus-user {
            animation: mb-tu-anim-focus-out 1000ms ease; }
          .mb[topbar-user] > .mb-tu-button > .mb-tu-avatar-container .mb-tu-avatar.mb-tua-user.mb-tua-focus-z-index {
            z-index: 1; }
        .mb[topbar-user] > .mb-tu-button > .mb-tu-avatar-container .mb-tu-avatar.mb-tua-company {
          top: 6px;
          right: auto;
          transform: translate3d(-50%, 25%, 0px) scale(0.5); }
          .mb[topbar-user] > .mb-tu-button > .mb-tu-avatar-container .mb-tu-avatar.mb-tua-company.mb-tua-focus-company {
            animation: mb-tu-anim-focus-out 1000ms ease;
            transform: translate3d(0%, 0%, 0px) scale(1); }
          .mb[topbar-user] > .mb-tu-button > .mb-tu-avatar-container .mb-tu-avatar.mb-tua-company.mb-tua-focus-user {
            animation: mb-tu-anim-focus-In 1000ms ease;
            transform: translate3d(-50%, 25%, 0px) scale(0.5); }
          .mb[topbar-user] > .mb-tu-button > .mb-tu-avatar-container .mb-tu-avatar.mb-tua-company.mb-tua-focus-z-index {
            z-index: 0; }
  .mb[topbar-user] > .mb-tu-menu {
    top: calc(100% - 30px);
    left: 0px;
    right: 15px;
    position: absolute;
    height: auto;
    padding-top: 30px;
    background-color: #fff;
    z-index: 600;
    transform-origin: top center;
    transition: transform 500ms ease, opacity 200ms linear;
    transform: translate3d(0%, -15%, 0px);
    opacity: 0;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1), 0px 0px 70px rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px; }
    .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content {
      border-top: 3px solid #8034ad;
      transition: opacity 250ms 500ms linear;
      position: relative;
      z-index: 700; }
      .cssVariable .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content {
        border-color: var(--color1); }
      .theme1 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content {
        border-color: #0747a6; }
      .theme2 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content {
        border-color: #e8c553; }
      .theme3 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content {
        border-color: #02ce69; }
      .theme4 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content {
        border-color: #c73444; }
      .theme5 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content {
        border-color: #540095; }
      .theme6 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content {
        border-color: #de6d28; }
      .theme7 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content {
        border-color: #ea4c89; }
      .theme8 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content {
        border-color: #000000; }
      .theme9 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content {
        border-color: #3acbc7; }
      .theme10 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content {
        border-color: #635596; }
      .theme11 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content {
        border-color: #00c74d; }
      .theme12 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content {
        border-color: #6e2bbb; }
      .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content {
        width: 100%;
        padding-top: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container {
          display: flex;
          flex-direction: column;
          justify-content: flex-start; }
          .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info {
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 15px;
            width: 100%;
            text-align: right; }
            .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-title {
              color: #ccc;
              font-weight: 700;
              font-size: 12px; }
              .cssVariable .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-title {
                color: var(--color1); }
              .theme1 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-title {
                color: #0747a6; }
              .theme2 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-title {
                color: #e8c553; }
              .theme3 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-title {
                color: #02ce69; }
              .theme4 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-title {
                color: #c73444; }
              .theme5 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-title {
                color: #540095; }
              .theme6 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-title {
                color: #de6d28; }
              .theme7 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-title {
                color: #ea4c89; }
              .theme8 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-title {
                color: #000000; }
              .theme9 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-title {
                color: #3acbc7; }
              .theme10 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-title {
                color: #635596; }
              .theme11 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-title {
                color: #00c74d; }
              .theme12 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-title {
                color: #6e2bbb; }
            .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-text {
              color: #ccc;
              font-weight: 400;
              font-size: 14px; }
              .cssVariable .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-text {
                color: var(--font2); }
              .theme1 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-text {
                color: var(--font2); }
              .theme2 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-text {
                color: var(--font2); }
              .theme3 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-text {
                color: var(--font2); }
              .theme4 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-text {
                color: var(--font2); }
              .theme5 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-text {
                color: var(--font2); }
              .theme6 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-text {
                color: var(--font2); }
              .theme7 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-text {
                color: var(--font2); }
              .theme8 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-text {
                color: var(--font2); }
              .theme9 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-text {
                color: var(--font2); }
              .theme10 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-text {
                color: var(--font2); }
              .theme11 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-text {
                color: var(--font2); }
              .theme12 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-info-container .mb-tu-menu-company-info .mb-tu-menu-company-info-text {
                color: var(--font2); }
        .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-line {
          width: calc(100% - 30px);
          height: 1px;
          background-color: #ddd;
          align-self: center; }
        .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn {
          user-select: none;
          width: 100%;
          height: 50px;
          font-weight: 700;
          padding-left: 20px;
          padding-right: 25px;
          font-size: 12px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-direction: row;
          color: #fff;
          cursor: pointer; }
          .cssVariable .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn {
            color: var(--font2); }
          .theme1 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn {
            color: var(--font2); }
          .theme2 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn {
            color: var(--font2); }
          .theme3 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn {
            color: var(--font2); }
          .theme4 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn {
            color: var(--font2); }
          .theme5 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn {
            color: var(--font2); }
          .theme6 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn {
            color: var(--font2); }
          .theme7 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn {
            color: var(--font2); }
          .theme8 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn {
            color: var(--font2); }
          .theme9 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn {
            color: var(--font2); }
          .theme10 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn {
            color: var(--font2); }
          .theme11 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn {
            color: var(--font2); }
          .theme12 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn {
            color: var(--font2); }
          .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn > .fas {
            font-size: 16px; }
          .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn > .far {
            font-size: 16px; }
          .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-company-content .mb-tu-menu-company-bottom-btn:last-child {
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px; }
      .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account {
        width: 100%;
        height: auto; }
        .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title {
          width: 100%;
          height: 80px;
          text-align: left;
          position: relative;
          overflow: hidden;
          padding: 15px 25px 15px 25px;
          user-select: none; }
          .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-back {
            display: inline-block;
            color: #ccc;
            font-size: 14px;
            cursor: pointer; }
            .cssVariable .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-back {
              color: var(--color1); }
            .theme1 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-back {
              color: #0747a6; }
            .theme2 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-back {
              color: #e8c553; }
            .theme3 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-back {
              color: #02ce69; }
            .theme4 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-back {
              color: #c73444; }
            .theme5 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-back {
              color: #540095; }
            .theme6 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-back {
              color: #de6d28; }
            .theme7 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-back {
              color: #ea4c89; }
            .theme8 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-back {
              color: #000000; }
            .theme9 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-back {
              color: #3acbc7; }
            .theme10 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-back {
              color: #635596; }
            .theme11 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-back {
              color: #00c74d; }
            .theme12 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-back {
              color: #6e2bbb; }
          .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-text {
            color: #ccc;
            font-weight: 700;
            font-size: 16px; }
            .cssVariable .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-text {
              color: var(--font2); }
            .theme1 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-text {
              color: var(--font2); }
            .theme2 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-text {
              color: var(--font2); }
            .theme3 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-text {
              color: var(--font2); }
            .theme4 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-text {
              color: var(--font2); }
            .theme5 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-text {
              color: var(--font2); }
            .theme6 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-text {
              color: var(--font2); }
            .theme7 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-text {
              color: var(--font2); }
            .theme8 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-text {
              color: var(--font2); }
            .theme9 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-text {
              color: var(--font2); }
            .theme10 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-text {
              color: var(--font2); }
            .theme11 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-text {
              color: var(--font2); }
            .theme12 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-text {
              color: var(--font2); }
          .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container {
            position: absolute;
            top: 60px;
            left: -20px; }
            .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail {
              width: 80px; }
              .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                fill: #ccc;
                stroke: #ccc;
                stroke-miterlimit: 10;
                stroke-width: 2px; }
                .cssVariable .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  fill: var(--font3); }
                .theme1 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  fill: var(--font3); }
                .theme2 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  fill: var(--font3); }
                .theme3 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  fill: var(--font3); }
                .theme4 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  fill: var(--font3); }
                .theme5 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  fill: var(--font3); }
                .theme6 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  fill: var(--font3); }
                .theme7 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  fill: var(--font3); }
                .theme8 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  fill: var(--font3); }
                .theme9 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  fill: var(--font3); }
                .theme10 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  fill: var(--font3); }
                .theme11 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  fill: var(--font3); }
                .theme12 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  fill: var(--font3); }
                .cssVariable .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  stroke: var(--font3); }
                .theme1 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  stroke: var(--font3); }
                .theme2 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  stroke: var(--font3); }
                .theme3 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  stroke: var(--font3); }
                .theme4 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  stroke: var(--font3); }
                .theme5 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  stroke: var(--font3); }
                .theme6 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  stroke: var(--font3); }
                .theme7 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  stroke: var(--font3); }
                .theme8 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  stroke: var(--font3); }
                .theme9 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  stroke: var(--font3); }
                .theme10 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  stroke: var(--font3); }
                .theme11 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  stroke: var(--font3); }
                .theme12 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-title > .mb-tu-m-ca-t-detail-container > .mb-tu-m-ca-t-detail > .mb-tu-m-ca-t-d-path {
                  stroke: var(--font3); }
        .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .body-company {
          max-height: 300px;
          overflow: auto; }
        .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          font-size: 14px;
          padding: 10px 15px 10px 10px;
          align-items: center;
          flex-direction: row;
          font-weight: 700;
          transition: transform 250ms ease;
          transform: translateX(0%);
          cursor: pointer;
          position: relative; }
          .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-avatar {
            min-height: 40px;
            min-width: 40px;
            background-color: #ccc;
            position: relative;
            border-radius: 20px;
            line-height: 40px;
            text-align: center;
            color: white;
            font-size: 18px;
            background-size: contain;
            background-position: center center;
            box-shadow: 0px 2px 10px #d7d7d7; }
            .cssVariable .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-avatar {
              background-color: var(--neutral3); }
            .theme1 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-avatar {
              background-color: #bcbcbc; }
            .theme2 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-avatar {
              background-color: #bcbcbc; }
            .theme3 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-avatar {
              background-color: #bcbcbc; }
            .theme4 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-avatar {
              background-color: #bcbcbc; }
            .theme5 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-avatar {
              background-color: #bcbcbc; }
            .theme6 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-avatar {
              background-color: #bcbcbc; }
            .theme7 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-avatar {
              background-color: #bcbcbc; }
            .theme8 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-avatar {
              background-color: #bcbcbc; }
            .theme9 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-avatar {
              background-color: #bcbcbc; }
            .theme10 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-avatar {
              background-color: #bcbcbc; }
            .theme11 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-avatar {
              background-color: #bcbcbc; }
            .theme12 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-avatar {
              background-color: #bcbcbc; }
          .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-name {
            margin-left: 10px;
            color: #ccc;
            transition: 200ms linear;
            text-align: left; }
            .cssVariable .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-name {
              color: var(--font2); }
            .theme1 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-name {
              color: var(--font2); }
            .theme2 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-name {
              color: var(--font2); }
            .theme3 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-name {
              color: var(--font2); }
            .theme4 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-name {
              color: var(--font2); }
            .theme5 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-name {
              color: var(--font2); }
            .theme6 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-name {
              color: var(--font2); }
            .theme7 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-name {
              color: var(--font2); }
            .theme8 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-name {
              color: var(--font2); }
            .theme9 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-name {
              color: var(--font2); }
            .theme10 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-name {
              color: var(--font2); }
            .theme11 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-name {
              color: var(--font2); }
            .theme12 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-name {
              color: var(--font2); }
          .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-confirm {
            position: absolute;
            right: 25px;
            color: #82b517;
            transition: transform 500ms ease, opacity 100ms linear;
            transform: translateY(20%);
            opacity: 0; }
            .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-confirm.mb-tu-m-ca-selected {
              transform: translateY(0%);
              opacity: 1; }
            .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account .mb-tu-m-ca-company > .mb-tu-m-ca-company-confirm > .far {
              font-size: 20px; }
        .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn {
          margin-top: 5px;
          background-color: #ccc;
          user-select: none;
          border-bottom-left-radius: 15px;
          border-bottom-right-radius: 15px;
          width: 100%;
          height: 60px;
          font-weight: 700;
          padding-left: 20px;
          padding-right: 25px;
          font-size: 14px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-direction: row;
          color: #fff;
          cursor: default;
          transition: background-color 250ms linear; }
          .cssVariable .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn {
            background-color: var(--neutral3); }
          .theme1 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn {
            background-color: #bcbcbc; }
          .theme2 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn {
            background-color: #bcbcbc; }
          .theme3 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn {
            background-color: #bcbcbc; }
          .theme4 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn {
            background-color: #bcbcbc; }
          .theme5 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn {
            background-color: #bcbcbc; }
          .theme6 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn {
            background-color: #bcbcbc; }
          .theme7 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn {
            background-color: #bcbcbc; }
          .theme8 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn {
            background-color: #bcbcbc; }
          .theme9 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn {
            background-color: #bcbcbc; }
          .theme10 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn {
            background-color: #bcbcbc; }
          .theme11 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn {
            background-color: #bcbcbc; }
          .theme12 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn {
            background-color: #bcbcbc; }
          .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn.mb-tu-m-ca-btn-active {
            background-color: #ccc;
            cursor: pointer; }
            .cssVariable .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn.mb-tu-m-ca-btn-active {
              background-color: var(--color1); }
            .theme1 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn.mb-tu-m-ca-btn-active {
              background-color: #0747a6; }
            .theme2 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn.mb-tu-m-ca-btn-active {
              background-color: #e8c553; }
            .theme3 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn.mb-tu-m-ca-btn-active {
              background-color: #02ce69; }
            .theme4 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn.mb-tu-m-ca-btn-active {
              background-color: #c73444; }
            .theme5 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn.mb-tu-m-ca-btn-active {
              background-color: #540095; }
            .theme6 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn.mb-tu-m-ca-btn-active {
              background-color: #de6d28; }
            .theme7 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn.mb-tu-m-ca-btn-active {
              background-color: #ea4c89; }
            .theme8 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn.mb-tu-m-ca-btn-active {
              background-color: #000000; }
            .theme9 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn.mb-tu-m-ca-btn-active {
              background-color: #3acbc7; }
            .theme10 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn.mb-tu-m-ca-btn-active {
              background-color: #635596; }
            .theme11 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn.mb-tu-m-ca-btn-active {
              background-color: #00c74d; }
            .theme12 .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn.mb-tu-m-ca-btn-active {
              background-color: #6e2bbb; }
          .mb[topbar-user] > .mb-tu-menu .mb-tu-menu-content > .mb-tu-menu-change-account > .mb-tu-m-ca-btn > .fas {
            font-size: 20px; }
    .mb[topbar-user] > .mb-tu-menu.mb-tu-menu-active {
      transform: translate3d(0%, 0%, 0px);
      opacity: 1; }
    .mb[topbar-user] > .mb-tu-menu.mb-tu-menu-hide {
      pointer-events: none;
      display: none;
      visibility: hidden; }
  .mb[topbar-user] .more-company-wrapper mb-t-u-btn mb-t-u-link a div.mb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 28px 10px 21px; }
  .mb[topbar-user] .matriz-organization {
    line-height: normal;
    position: absolute;
    bottom: -3px;
    right: -3px; }
    .mb[topbar-user] .matriz-organization svg {
      width: 18px;
      fill: #f9bd00;
      filter: drop-shadow(-1px -1px 0px white); }
@charset "UTF-8";
/* Cores */
/*
	Temas:
*/
/* 
	Cores padrão:
*/
/* 
  Função para aplicar os temas pré-definidos acima
*/
.mb[autocomplete-line] {
  width: 100%;
  text-align: left;
  align-items: flex-start;
  color: #ccc;
  background-color: #f2f2f2;
  transition: background-color 100ms linear;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer; }
  .cssVariable .mb[autocomplete-line] {
    color: var(--font2); }
  .theme1 .mb[autocomplete-line] {
    color: var(--font2); }
  .theme2 .mb[autocomplete-line] {
    color: var(--font2); }
  .theme3 .mb[autocomplete-line] {
    color: var(--font2); }
  .theme4 .mb[autocomplete-line] {
    color: var(--font2); }
  .theme5 .mb[autocomplete-line] {
    color: var(--font2); }
  .theme6 .mb[autocomplete-line] {
    color: var(--font2); }
  .theme7 .mb[autocomplete-line] {
    color: var(--font2); }
  .theme8 .mb[autocomplete-line] {
    color: var(--font2); }
  .theme9 .mb[autocomplete-line] {
    color: var(--font2); }
  .theme10 .mb[autocomplete-line] {
    color: var(--font2); }
  .theme11 .mb[autocomplete-line] {
    color: var(--font2); }
  .theme12 .mb[autocomplete-line] {
    color: var(--font2); }
  .mb[autocomplete-line] > .mb-tsal-link {
    padding: 7.5px 15px 7.5px 35px;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
    display: block; }
    .mb[autocomplete-line] > .mb-tsal-link > .mb-tsal-link-text {
      display: inline-block;
      margin: 0px;
      padding: 0px;
      text-align: left;
      white-space: pre;
      letter-spacing: 0px;
      color: inherit; }
      .mb[autocomplete-line] > .mb-tsal-link > .mb-tsal-link-text.mb-tsal-highlight {
        background-color: #fff6c0;
        outline: #e6d698 solid 1px; }
    .mb[autocomplete-line] > .mb-tsal-link:visited, .mb[autocomplete-line] > .mb-tsal-link:focus, .mb[autocomplete-line] > .mb-tsal-link:active {
      color: inherit;
      text-decoration: none;
      outline: none;
      box-shadow: none; }
  .mb[autocomplete-line].mb-tsal-link-active > .mb-tsal-link, .mb[autocomplete-line]:active > .mb-tsal-link {
    background-color: #fff;
    color: #8228A2; }
    .cssVariable .mb[autocomplete-line].mb-tsal-link-active > .mb-tsal-link {
      color: var(--color1); }
    .cssVariable .mb[autocomplete-line]:active > .mb-tsal-link {
      color: var(--color1); }
    .theme1 .mb[autocomplete-line].mb-tsal-link-active > .mb-tsal-link {
      color: #0747a6; }
    .theme1 .mb[autocomplete-line]:active > .mb-tsal-link {
      color: #0747a6; }
    .theme2 .mb[autocomplete-line].mb-tsal-link-active > .mb-tsal-link {
      color: #e8c553; }
    .theme2 .mb[autocomplete-line]:active > .mb-tsal-link {
      color: #e8c553; }
    .theme3 .mb[autocomplete-line].mb-tsal-link-active > .mb-tsal-link {
      color: #02ce69; }
    .theme3 .mb[autocomplete-line]:active > .mb-tsal-link {
      color: #02ce69; }
    .theme4 .mb[autocomplete-line].mb-tsal-link-active > .mb-tsal-link {
      color: #c73444; }
    .theme4 .mb[autocomplete-line]:active > .mb-tsal-link {
      color: #c73444; }
    .theme5 .mb[autocomplete-line].mb-tsal-link-active > .mb-tsal-link {
      color: #540095; }
    .theme5 .mb[autocomplete-line]:active > .mb-tsal-link {
      color: #540095; }
    .theme6 .mb[autocomplete-line].mb-tsal-link-active > .mb-tsal-link {
      color: #de6d28; }
    .theme6 .mb[autocomplete-line]:active > .mb-tsal-link {
      color: #de6d28; }
    .theme7 .mb[autocomplete-line].mb-tsal-link-active > .mb-tsal-link {
      color: #ea4c89; }
    .theme7 .mb[autocomplete-line]:active > .mb-tsal-link {
      color: #ea4c89; }
    .theme8 .mb[autocomplete-line].mb-tsal-link-active > .mb-tsal-link {
      color: #000000; }
    .theme8 .mb[autocomplete-line]:active > .mb-tsal-link {
      color: #000000; }
    .theme9 .mb[autocomplete-line].mb-tsal-link-active > .mb-tsal-link {
      color: #3acbc7; }
    .theme9 .mb[autocomplete-line]:active > .mb-tsal-link {
      color: #3acbc7; }
    .theme10 .mb[autocomplete-line].mb-tsal-link-active > .mb-tsal-link {
      color: #635596; }
    .theme10 .mb[autocomplete-line]:active > .mb-tsal-link {
      color: #635596; }
    .theme11 .mb[autocomplete-line].mb-tsal-link-active > .mb-tsal-link {
      color: #00c74d; }
    .theme11 .mb[autocomplete-line]:active > .mb-tsal-link {
      color: #00c74d; }
    .theme12 .mb[autocomplete-line].mb-tsal-link-active > .mb-tsal-link {
      color: #6e2bbb; }
    .theme12 .mb[autocomplete-line]:active > .mb-tsal-link {
      color: #6e2bbb; }
@charset "UTF-8";
/* Cores */
/*
	Temas:
*/
/* 
	Cores padrão:
*/
/* 
  Função para aplicar os temas pré-definidos acima
*/
.mb[search-input] {
  height: 30px;
  background-color: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  padding-right: 15px;
  position: relative;
  z-index: 510;
  border-radius: 34px;
  border: none;
  padding-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .cssVariable .mb[search-input] {
    background-color: var(--bgColor); }
  .theme1 .mb[search-input] {
    background-color: #fcfcfc; }
  .theme2 .mb[search-input] {
    background-color: #fcfcfc; }
  .theme3 .mb[search-input] {
    background-color: #fcfcfc; }
  .theme4 .mb[search-input] {
    background-color: #fcfcfc; }
  .theme5 .mb[search-input] {
    background-color: #fcfcfc; }
  .theme6 .mb[search-input] {
    background-color: #fcfcfc; }
  .theme7 .mb[search-input] {
    background-color: #fcfcfc; }
  .theme8 .mb[search-input] {
    background-color: #fcfcfc; }
  .theme9 .mb[search-input] {
    background-color: #fcfcfc; }
  .theme10 .mb[search-input] {
    background-color: #fcfcfc; }
  .theme11 .mb[search-input] {
    background-color: #f6f6f6; }
  .theme12 .mb[search-input] {
    background-color: #fcfcfc; }
  .mb[search-input].mb-tsi-active {
    border-color: #00bbbd; }
    .cssVariable .mb[search-input].mb-tsi-active {
      border-color: var(--color1); }
    .theme1 .mb[search-input].mb-tsi-active {
      border-color: #0747a6; }
    .theme2 .mb[search-input].mb-tsi-active {
      border-color: #e8c553; }
    .theme3 .mb[search-input].mb-tsi-active {
      border-color: #02ce69; }
    .theme4 .mb[search-input].mb-tsi-active {
      border-color: #c73444; }
    .theme5 .mb[search-input].mb-tsi-active {
      border-color: #540095; }
    .theme6 .mb[search-input].mb-tsi-active {
      border-color: #de6d28; }
    .theme7 .mb[search-input].mb-tsi-active {
      border-color: #ea4c89; }
    .theme8 .mb[search-input].mb-tsi-active {
      border-color: #000000; }
    .theme9 .mb[search-input].mb-tsi-active {
      border-color: #3acbc7; }
    .theme10 .mb[search-input].mb-tsi-active {
      border-color: #635596; }
    .theme11 .mb[search-input].mb-tsi-active {
      border-color: #00c74d; }
    .theme12 .mb[search-input].mb-tsi-active {
      border-color: #6e2bbb; }
  .mb[search-input] > .mb-tsi-icon-container {
    display: inline-block;
    line-height: 30px;
    width: 30px;
    text-align: center;
    color: #ccc;
    font-size: 16px; }
    .cssVariable .mb[search-input] > .mb-tsi-icon-container {
      color: var(--font3); }
    .theme1 .mb[search-input] > .mb-tsi-icon-container {
      color: var(--font3); }
    .theme2 .mb[search-input] > .mb-tsi-icon-container {
      color: var(--font3); }
    .theme3 .mb[search-input] > .mb-tsi-icon-container {
      color: var(--font3); }
    .theme4 .mb[search-input] > .mb-tsi-icon-container {
      color: var(--font3); }
    .theme5 .mb[search-input] > .mb-tsi-icon-container {
      color: var(--font3); }
    .theme6 .mb[search-input] > .mb-tsi-icon-container {
      color: var(--font3); }
    .theme7 .mb[search-input] > .mb-tsi-icon-container {
      color: var(--font3); }
    .theme8 .mb[search-input] > .mb-tsi-icon-container {
      color: var(--font3); }
    .theme9 .mb[search-input] > .mb-tsi-icon-container {
      color: var(--font3); }
    .theme10 .mb[search-input] > .mb-tsi-icon-container {
      color: var(--font3); }
    .theme11 .mb[search-input] > .mb-tsi-icon-container {
      color: var(--font3); }
    .theme12 .mb[search-input] > .mb-tsi-icon-container {
      color: var(--font3); }
    .mb[search-input] > .mb-tsi-icon-container.mb-tsi-active {
      color: #00bbbd; }
      .cssVariable .mb[search-input] > .mb-tsi-icon-container.mb-tsi-active {
        color: var(--color1); }
      .theme1 .mb[search-input] > .mb-tsi-icon-container.mb-tsi-active {
        color: #0747a6; }
      .theme2 .mb[search-input] > .mb-tsi-icon-container.mb-tsi-active {
        color: #e8c553; }
      .theme3 .mb[search-input] > .mb-tsi-icon-container.mb-tsi-active {
        color: #02ce69; }
      .theme4 .mb[search-input] > .mb-tsi-icon-container.mb-tsi-active {
        color: #c73444; }
      .theme5 .mb[search-input] > .mb-tsi-icon-container.mb-tsi-active {
        color: #540095; }
      .theme6 .mb[search-input] > .mb-tsi-icon-container.mb-tsi-active {
        color: #de6d28; }
      .theme7 .mb[search-input] > .mb-tsi-icon-container.mb-tsi-active {
        color: #ea4c89; }
      .theme8 .mb[search-input] > .mb-tsi-icon-container.mb-tsi-active {
        color: #000000; }
      .theme9 .mb[search-input] > .mb-tsi-icon-container.mb-tsi-active {
        color: #3acbc7; }
      .theme10 .mb[search-input] > .mb-tsi-icon-container.mb-tsi-active {
        color: #635596; }
      .theme11 .mb[search-input] > .mb-tsi-icon-container.mb-tsi-active {
        color: #00c74d; }
      .theme12 .mb[search-input] > .mb-tsi-icon-container.mb-tsi-active {
        color: #6e2bbb; }
  .mb[search-input] > .mb-tsi-input-container {
    height: 100%;
    /* 100% menos o tamanho do container do ícone menos 5px */
    width: calc(100% - 30px);
    display: inline-block; }
    .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input {
      display: inline-block;
      height: 30px;
      width: 100%;
      border: none;
      background-color: transparent;
      font-family: 'Montserrat', sans-serif;
      font-size: 14px; }
      .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input.mb-tsi-active {
        color: #00bbbd; }
        .cssVariable .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input.mb-tsi-active {
          color: var(--color1); }
        .theme1 .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input.mb-tsi-active {
          color: #0747a6; }
        .theme2 .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input.mb-tsi-active {
          color: #e8c553; }
        .theme3 .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input.mb-tsi-active {
          color: #02ce69; }
        .theme4 .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input.mb-tsi-active {
          color: #c73444; }
        .theme5 .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input.mb-tsi-active {
          color: #540095; }
        .theme6 .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input.mb-tsi-active {
          color: #de6d28; }
        .theme7 .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input.mb-tsi-active {
          color: #ea4c89; }
        .theme8 .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input.mb-tsi-active {
          color: #000000; }
        .theme9 .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input.mb-tsi-active {
          color: #3acbc7; }
        .theme10 .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input.mb-tsi-active {
          color: #635596; }
        .theme11 .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input.mb-tsi-active {
          color: #00c74d; }
        .theme12 .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input.mb-tsi-active {
          color: #6e2bbb; }
      .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input::placeholder {
        color: var(--font2);
        font-weight: 500; }
      .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input:active, .mb[search-input] > .mb-tsi-input-container > .mb-tsi-input:focus {
        outline: none; }
@charset "UTF-8";
/* Cores */
/*
	Temas:
*/
/* 
	Cores padrão:
*/
/* 
  Função para aplicar os temas pré-definidos acima
*/
.mb[search] {
  position: relative;
  width: 100%;
  max-width: 512px;
  z-index: 900;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .mb[search] > .mb-ts-autocomplete {
    position: absolute;
    top: 20px;
    width: 100%;
    height: auto;
    background-color: #f2f2f2;
    z-index: 500;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
    will-change: transform, opacity;
    transform: translate3d(0%, -20px, 0%);
    opacity: 0;
    transition: transform 500ms ease, opacity 200ms linear;
    padding: 30px 0px 10px 0px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1), 0px 0px 70px rgba(0, 0, 0, 0.25); }
    .mb[search] > .mb-ts-autocomplete.mb-tsa-active {
      transform: translate3d(0%, 0%, 0%);
      opacity: 1; }
    .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title {
      width: 100%;
      height: 40px;
      position: relative;
      padding-right: 15px;
      padding-left: 15px;
      text-align: left; }
      .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-text {
        height: 40px;
        line-height: 40px;
        color: #333;
        background-color: #f2f2f2;
        display: inline-block;
        padding-right: 20px;
        padding-left: 10px;
        z-index: 501;
        position: relative;
        font-weight: 700;
        font-size: 14px;
        user-select: none; }
        .cssVariable .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-text {
          color: var(--color1); }
        .theme1 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-text {
          color: #0747a6; }
        .theme2 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-text {
          color: #e8c553; }
        .theme3 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-text {
          color: #02ce69; }
        .theme4 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-text {
          color: #c73444; }
        .theme5 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-text {
          color: #540095; }
        .theme6 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-text {
          color: #de6d28; }
        .theme7 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-text {
          color: #ea4c89; }
        .theme8 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-text {
          color: #000000; }
        .theme9 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-text {
          color: #3acbc7; }
        .theme10 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-text {
          color: #635596; }
        .theme11 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-text {
          color: #00c74d; }
        .theme12 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-text {
          color: #6e2bbb; }
      .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-line {
        width: calc(100% - 45px);
        height: 1px;
        background-color: #333;
        position: absolute;
        top: 50%;
        left: 15px;
        right: 25px;
        transform: translateY(-50%);
        z-index: 500;
        user-select: none; }
        .cssVariable .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-line {
          background-color: var(--color1); }
        .theme1 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-line {
          background-color: #0747a6; }
        .theme2 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-line {
          background-color: #e8c553; }
        .theme3 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-line {
          background-color: #02ce69; }
        .theme4 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-line {
          background-color: #c73444; }
        .theme5 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-line {
          background-color: #540095; }
        .theme6 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-line {
          background-color: #de6d28; }
        .theme7 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-line {
          background-color: #ea4c89; }
        .theme8 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-line {
          background-color: #000000; }
        .theme9 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-line {
          background-color: #3acbc7; }
        .theme10 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-line {
          background-color: #635596; }
        .theme11 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-line {
          background-color: #00c74d; }
        .theme12 .mb[search] > .mb-ts-autocomplete .mb-ts-autocomplete-title > .mb-ts-autocomplete-title-line {
          background-color: #6e2bbb; }
    .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound {
      width: 100%;
      padding: 15px;
      font-weight: 400;
      font-size: 14px;
      color: #ccc; }
      .cssVariable .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound {
        color: var(--font2); }
      .theme1 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound {
        color: var(--font2); }
      .theme2 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound {
        color: var(--font2); }
      .theme3 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound {
        color: var(--font2); }
      .theme4 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound {
        color: var(--font2); }
      .theme5 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound {
        color: var(--font2); }
      .theme6 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound {
        color: var(--font2); }
      .theme7 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound {
        color: var(--font2); }
      .theme8 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound {
        color: var(--font2); }
      .theme9 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound {
        color: var(--font2); }
      .theme10 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound {
        color: var(--font2); }
      .theme11 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound {
        color: var(--font2); }
      .theme12 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound {
        color: var(--font2); }
      .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound > .mb-ts-autocomplete-notfound-search {
        font-weight: 700;
        word-wrap: break-word;
        color: #333; }
        .cssVariable .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound > .mb-ts-autocomplete-notfound-search {
          color: var(--color1); }
        .theme1 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound > .mb-ts-autocomplete-notfound-search {
          color: #0747a6; }
        .theme2 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound > .mb-ts-autocomplete-notfound-search {
          color: #e8c553; }
        .theme3 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound > .mb-ts-autocomplete-notfound-search {
          color: #02ce69; }
        .theme4 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound > .mb-ts-autocomplete-notfound-search {
          color: #c73444; }
        .theme5 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound > .mb-ts-autocomplete-notfound-search {
          color: #540095; }
        .theme6 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound > .mb-ts-autocomplete-notfound-search {
          color: #de6d28; }
        .theme7 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound > .mb-ts-autocomplete-notfound-search {
          color: #ea4c89; }
        .theme8 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound > .mb-ts-autocomplete-notfound-search {
          color: #000000; }
        .theme9 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound > .mb-ts-autocomplete-notfound-search {
          color: #3acbc7; }
        .theme10 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound > .mb-ts-autocomplete-notfound-search {
          color: #635596; }
        .theme11 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound > .mb-ts-autocomplete-notfound-search {
          color: #00c74d; }
        .theme12 .mb[search] > .mb-ts-autocomplete > .mb-ts-autocomplete-notfound > .mb-ts-autocomplete-notfound-search {
          color: #6e2bbb; }

.alert-message-box {
  text-align: left; }
  .alert-message-box .alert-message {
    background: #dc3545;
    width: 60%;
    color: #fff;
    font-weight: 700;
    padding: 0.8rem;
    border-radius: .25rem;
    text-align: center;
    border: 0.1rem solid #bd2130; }
.environment-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #ff8a3f, #f44); }
  .environment-wrapper .environment-content {
    height: 54px;
    max-width: 1000px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .environment-wrapper .environment-content .environment-alert {
      color: #fff; }
  .environment-wrapper button {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50px;
    padding-left: 24px;
    padding-right: 24px;
    transform: scale(0.8);
    transition: all 300ms ease; }
    .environment-wrapper button:focus, .environment-wrapper button:active {
      color: #fff;
      outline: none;
      box-shadow: none; }
    .environment-wrapper button:hover {
      color: #fff;
      transform: scale(0.9); }
@charset "UTF-8";
/* Cores */
/*
	Temas:
*/
/* 
	Cores padrão:
*/
/* 
  Função para aplicar os temas pré-definidos acima
*/
.mb[cashier] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 1px;
  margin-right: 10px; }
  .mb[cashier] .mb-bt-cashier {
    transform: translateY(55%);
    width: 220px;
    height: 38px;
    margin: 0px 10px;
    text-align: center;
    overflow: hidden;
    word-wrap: normal;
    border-radius: 35px; }
    .mb[cashier] .mb-bt-cashier span {
      position: relative;
      line-height: 42px;
      font-weight: 700;
      font-size: 12px; }
      .mb[cashier] .mb-bt-cashier span i.m-t {
        margin-right: 8px; }
    .mb[cashier] .mb-bt-cashier.ca-open {
      color: #fff;
      cursor: pointer; }
      .cssVariable .mb[cashier] .mb-bt-cashier.ca-open {
        background-color: var(--contrast); }
      .theme1 .mb[cashier] .mb-bt-cashier.ca-open {
        background-color: #0747a6; }
      .theme2 .mb[cashier] .mb-bt-cashier.ca-open {
        background-color: #e8c553; }
      .theme3 .mb[cashier] .mb-bt-cashier.ca-open {
        background-color: #02ce69; }
      .theme4 .mb[cashier] .mb-bt-cashier.ca-open {
        background-color: #c73444; }
      .theme5 .mb[cashier] .mb-bt-cashier.ca-open {
        background-color: #540095; }
      .theme6 .mb[cashier] .mb-bt-cashier.ca-open {
        background-color: #de6d28; }
      .theme7 .mb[cashier] .mb-bt-cashier.ca-open {
        background-color: #ea4c89; }
      .theme8 .mb[cashier] .mb-bt-cashier.ca-open {
        background-color: #000000; }
      .theme9 .mb[cashier] .mb-bt-cashier.ca-open {
        background-color: #3acbc7; }
      .theme10 .mb[cashier] .mb-bt-cashier.ca-open {
        background-color: #635596; }
      .theme11 .mb[cashier] .mb-bt-cashier.ca-open {
        background-color: #00c74d; }
      .theme12 .mb[cashier] .mb-bt-cashier.ca-open {
        background-color: #E81756; }
    .mb[cashier] .mb-bt-cashier.ca-close {
      background-color: #b5b5b5;
      color: #fff;
      cursor: pointer; }
    .mb[cashier] .mb-bt-cashier .mb-box-cashier {
      transition: transform 300ms ease;
      transform: translateY(2px); }
      .mb[cashier] .mb-bt-cashier .mb-box-cashier.active {
        transform: none; }
        .mb[cashier] .mb-bt-cashier .mb-box-cashier.active:hover {
          transform: translateY(-50%); }
      .mb[cashier] .mb-bt-cashier .mb-box-cashier span {
        display: block; }
    .mb[cashier] .mb-bt-cashier .caixa-aberto {
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
    .mb[cashier] .mb-bt-cashier .nome-pdv {
      font-size: 10px;
      font-weight: 600; }
    .mb[cashier] .mb-bt-cashier .caixa-aberto-text {
      font-weight: 700;
      font-size: 12px; }
      .mb[cashier] .mb-bt-cashier .caixa-aberto-text i.m-t {
        display: initial;
        margin-right: 8px; }
    @media (max-width: 800px) {
      .mb[cashier] .mb-bt-cashier {
        width: 260px; } }
@charset "UTF-8";
/* Cores */
/*
	Temas:
*/
/* 
	Cores padrão:
*/
/* 
  Função para aplicar os temas pré-definidos acima
*/
mb-topbar-notifications {
  z-index: 7000;
  height: 100%;
  display: flex;
  align-items: center; }

.link {
  border-bottom: none;
  color: var(--font2);
  font-size: 1.1rem;
  margin-top: 0px; }
  .link:hover {
    color: initial;
    text-decoration: underline; }

.mb-notification-label-category {
  width: 100%;
  font-size: 14px;
  text-align: left;
  padding: 0 15px;
  line-height: 1.2 !important;
  color: var(--primary); }

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

.button-see-more {
  color: var(--font2);
  width: 100%;
  font-size: 14px;
  text-align: center;
  padding: 0 15px;
  line-height: 2.2 !important; }

.button-see-more:hover {
  color: var(--font2);
  font-weight: bold; }

.mb[notifications] {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 25px;
  color: #8034ad;
  cursor: pointer;
  position: relative;
  transform-origin: center;
  transition: transform 350ms ease; }
  .cssVariable .mb[notifications] {
    color: var(--color1); }
  .theme1 .mb[notifications] {
    color: #0747a6; }
  .theme2 .mb[notifications] {
    color: #e8c553; }
  .theme3 .mb[notifications] {
    color: #02ce69; }
  .theme4 .mb[notifications] {
    color: #c73444; }
  .theme5 .mb[notifications] {
    color: #540095; }
  .theme6 .mb[notifications] {
    color: #de6d28; }
  .theme7 .mb[notifications] {
    color: #ea4c89; }
  .theme8 .mb[notifications] {
    color: #000000; }
  .theme9 .mb[notifications] {
    color: #3acbc7; }
  .theme10 .mb[notifications] {
    color: #635596; }
  .theme11 .mb[notifications] {
    color: #00c74d; }
  .theme12 .mb[notifications] {
    color: #6e2bbb; }
  .mb[notifications] .mb-tn-number, .mb[notifications] i.bell {
    transition: transform 350ms ease; }
  .mb[notifications] > .mb-tn-number {
    position: absolute;
    top: 5px;
    right: 0;
    line-height: 23px;
    width: 23px;
    height: 23px;
    border-radius: 11.5px;
    background-color: #E81756;
    font-size: 12px;
    font-weight: 700;
    color: white; }
  .mb[notifications] .mb-tn-wrapper {
    width: 30rem;
    background: #fff;
    transform: translateY(0);
    pointer-events: none;
    opacity: 0;
    transition: transform 350ms ease;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 0 70px rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative; }
    .mb[notifications] .mb-tn-wrapper .notifition-item {
      width: 100%;
      overflow: hidden;
      display: flex;
      padding: 7px 0px; }
      .mb[notifications] .mb-tn-wrapper .notifition-item:last-child {
        border: none;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px; }
      .mb[notifications] .mb-tn-wrapper .notifition-item:hover {
        cursor: pointer;
        background: #f5f5f5; }
        .mb[notifications] .mb-tn-wrapper .notifition-item:hover * {
          cursor: pointer; }
        .mb[notifications] .mb-tn-wrapper .notifition-item:hover:nth-child(2) ~ .arrow-up:before {
          border-bottom: 14px solid #f5f5f5; }
      .mb[notifications] .mb-tn-wrapper .notifition-item .notification-icon {
        width: 64px; }
      .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata {
        padding-right: 14px;
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: flex-start; }
        .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata * {
          line-height: normal;
          font-size: 11px;
          color: var(--font2); }
        .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata label {
          text-align: left;
          margin: 0;
          color: var(--font2);
          font-weight: 100; }
        .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-time {
          font-size: 10px;
          margin-bottom: 8px;
          line-height: 1; }
          .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-time i {
            margin-right: 2px;
            font-size: 10px; }
        .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-title {
          font-size: 12px;
          margin-bottom: 4px;
          line-height: 1; }
        .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-body {
          width: 100%;
          font-size: 11px;
          line-height: 1.4; }
        .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions {
          display: flex;
          width: 100%;
          justify-content: space-between;
          margin-top: 8px; }
          .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button {
            font-size: 12px;
            line-height: 1.4;
            border-radius: 4px;
            color: var(--font2);
            padding: 5px 8px;
            cursor: pointer;
            outline: none; }
            .cssVariable .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              color: var(--color1); }
            .theme1 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              color: #0747a6; }
            .theme2 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              color: #e8c553; }
            .theme3 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              color: #02ce69; }
            .theme4 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              color: #c73444; }
            .theme5 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              color: #540095; }
            .theme6 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              color: #de6d28; }
            .theme7 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              color: #ea4c89; }
            .theme8 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              color: #000000; }
            .theme9 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              color: #3acbc7; }
            .theme10 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              color: #635596; }
            .theme11 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              color: #00c74d; }
            .theme12 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              color: #6e2bbb; }
            .cssVariable .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              border-color: var(--color1); }
            .theme1 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              border-color: #0747a6; }
            .theme2 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              border-color: #e8c553; }
            .theme3 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              border-color: #02ce69; }
            .theme4 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              border-color: #c73444; }
            .theme5 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              border-color: #540095; }
            .theme6 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              border-color: #de6d28; }
            .theme7 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              border-color: #ea4c89; }
            .theme8 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              border-color: #000000; }
            .theme9 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              border-color: #3acbc7; }
            .theme10 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              border-color: #635596; }
            .theme11 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              border-color: #00c74d; }
            .theme12 .mb[notifications] .mb-tn-wrapper .notifition-item .notification-metadata .notification-actions button:hover {
              border-color: #6e2bbb; }
    .mb[notifications] .mb-tn-wrapper .empty-notification {
      padding: 44px 0; }
      .mb[notifications] .mb-tn-wrapper .empty-notification svg {
        width: 84px;
        fill: var(--font2); }
      .mb[notifications] .mb-tn-wrapper .empty-notification label {
        font-size: 14px;
        color: var(--font2);
        padding: 0;
        margin: 0; }
    .mb[notifications] .mb-tn-wrapper .arrow-up {
      position: absolute;
      left: 0;
      top: 0;
      pointer-events: none; }
      .mb[notifications] .mb-tn-wrapper .arrow-up:before {
        pointer-events: none;
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-bottom: 14px solid #ffffff;
        margin-top: -68px;
        margin-left: 10px; }
    .mb[notifications] .mb-tn-wrapper.open {
      transform: translateY(14px);
      pointer-events: all;
      opacity: 1; }
  .mb[notifications] .progress-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    height: 14px; }
    .mb[notifications] .progress-wrapper .mbg-progress-bar {
      width: 100%;
      height: 4px;
      background-color: #dedede;
      border-radius: 50px;
      position: relative;
      display: flex; }
      .mb[notifications] .progress-wrapper .mbg-progress-bar::after {
        content: "";
        position: absolute;
        left: 0px;
        height: 100%;
        width: var(--percentage);
        background: var(--contrast);
        border-radius: 50px;
        transition: width 500ms ease; }
    .mb[notifications] .progress-wrapper label.progress-label {
      font-size: 11px;
      margin-left: 14px !important;
      min-width: 34px; }
    .mb[notifications] .progress-wrapper .info-import span {
      color: var(--font2); }
  .mb[notifications] .fas.fa-check-circle {
    color: var(--success); }
  .mb[notifications] .fas.fa-times-circle {
    color: var(--error); }
  .mb[notifications] .remove-notification {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-right: 14px; }
  .mb[notifications] .mark-read-notification {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-right: 14px; }
  .mb[notifications] .fas.fa-eye {
    font-size: 18px;
    color: var(--font2); }
  .mb[notifications] .fas.fa-times {
    font-size: 18px;
    color: var(--font2); }
  .mb[notifications] .notification-bottom {
    border-bottom: .5px solid #f5f5f5 !important; }
  .mb[notifications] .label-notification-empty {
    display: block;
    justify-content: center;
    align-items: center; }
@charset "UTF-8";
/* Cores */
/*
	Temas:
*/
/* 
	Cores padrão:
*/
/* 
  Função para aplicar os temas pré-definidos acima
*/
.mb[topbar] {
  width: 100%;
  height: 45px;
  background-color: #ffffff;
  border-bottom: solid 1px #f4f4f4;
  text-align: center;
  font-family: 'MontSerrat', sans-serif;
  position: relative;
  z-index: 10; }
  .cssVariable .mb[topbar] {
    background-color: var(--backgroundTopBar); }
  .theme1 .mb[topbar] {
    background-color: #fff; }
  .theme2 .mb[topbar] {
    background-color: #fff; }
  .theme3 .mb[topbar] {
    background-color: #fff; }
  .theme4 .mb[topbar] {
    background-color: #fff; }
  .theme5 .mb[topbar] {
    background-color: #fff; }
  .theme6 .mb[topbar] {
    background-color: #fff; }
  .theme7 .mb[topbar] {
    background-color: #fff; }
  .theme8 .mb[topbar] {
    background-color: #fff; }
  .theme9 .mb[topbar] {
    background-color: #fff; }
  .theme10 .mb[topbar] {
    background-color: #fff; }
  .theme11 .mb[topbar] {
    background-color: #f6f6f6; }
  .theme12 .mb[topbar] {
    background-color: #fff; }
  .mb[topbar] > .mb-t-content {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    display: inline-block; }
    .mb[topbar] > .mb-t-content > .mb-t-container {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: row;
      justify-content: left;
      align-items: center; }
      .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link {
        height: 100%; }
        .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link:visited, .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link:focus, .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link:active {
          color: inherit;
          text-decoration: none;
          outline: none;
          box-shadow: none; }
        .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
          height: 100%;
          border-bottom: 3px solid #ccc;
          display: flex;
          justify-content: center;
          align-items: center; }
          .cssVariable .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
            border-color: var(--logoDetail); }
          .theme1 .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
            border-color: #0747a6; }
          .theme2 .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
            border-color: #e8c553; }
          .theme3 .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
            border-color: #02ce69; }
          .theme4 .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
            border-color: #c73444; }
          .theme5 .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
            border-color: #540095; }
          .theme6 .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
            border-color: #de6d28; }
          .theme7 .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
            border-color: #ea4c89; }
          .theme8 .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
            border-color: #000000; }
          .theme9 .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
            border-color: #f1fdfd; }
          .theme10 .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
            border-color: #635596; }
          .theme11 .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
            border-color: #00c74d; }
          .theme12 .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
            border-color: #D6df24; }
          @media screen and (max-width: 768px) {
            .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container {
              display: none; } }
          .mb[topbar] > .mb-t-content > .mb-t-container .mb-t-logo-link > .mb-t-logo-container > .mb-t-logo {
            height: 85%;
            width: 120px;
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat; }
      .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container {
        display: block;
        width: fit-content;
        height: 100%;
        font-size: 20px;
        margin: 0px 6px;
        cursor: pointer;
        display: flex; }
        .cssVariable .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container {
          color: var(--color1); }
        .theme1 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container {
          color: #0747a6; }
        .theme2 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container {
          color: #e8c553; }
        .theme3 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container {
          color: #02ce69; }
        .theme4 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container {
          color: #c73444; }
        .theme5 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container {
          color: #540095; }
        .theme6 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container {
          color: #de6d28; }
        .theme7 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container {
          color: #ea4c89; }
        .theme8 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container {
          color: #000000; }
        .theme9 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container {
          color: #3acbc7; }
        .theme10 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container {
          color: #635596; }
        .theme11 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container {
          color: #00c74d; }
        .theme12 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container {
          color: #6e2bbb; }
        .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container > * {
          margin: auto;
          border-radius: 100%;
          padding: 10px;
          transition: background 0.3s ease-in-out; }
          .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-buguer-btn-container > *:hover {
            background: rgba(0, 0, 0, 0.1); }
      .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content {
        height: 100%;
        display: flex;
        flex-grow: 1;
        flex-direction: row;
        justify-content: left;
        align-items: left; }
        .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-t-search-container {
          max-width: 512px;
          height: 100%;
          flex-grow: 1;
          display: flex;
          flex-direction: row;
          justify-content: left;
          align-items: center;
          padding-right: 15px; }
          @media screen and (max-width: 920px) {
            .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-t-search-container {
              padding-left: 0px;
              padding-top: 20px;
              flex: 1; }
              .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-t-search-container mb-t-search {
                display: none; } }
        .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-t-window-title {
          display: flex;
          align-items: center;
          justify-items: center; }
          .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-t-window-title span {
            color: var(--font1);
            font-size: 22px;
            font-weight: bolder; }
        .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .sg-mode-on-wrapper {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 25px;
          position: relative;
          height: 50px;
          width: 50px;
          text-align: center;
          cursor: pointer; }
        .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .sg-mode-off-wrapper {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 25px;
          position: relative;
          height: 50px;
          width: 50px;
          text-align: center;
          cursor: pointer; }
        .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right {
          height: 100%;
          display: flex;
          flex-grow: 1;
          flex-direction: row;
          justify-content: right; }
          .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-t-user-container {
            height: 100%;
            position: relative;
            z-index: 550;
            font-size: 16px;
            min-width: 256px;
            margin-left: 8px; }
          .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-t-cashier {
            padding: 0px; }
          .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-t-notifications-container {
            height: 100%;
            width: 100px;
            position: relative; }
          .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 25px;
            position: relative;
            text-align: center;
            cursor: unset; }
            .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i {
              color: #8034ad;
              cursor: pointer; }
              .cssVariable .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i {
                color: var(--color1); }
              .theme1 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i {
                color: #0747a6; }
              .theme2 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i {
                color: #e8c553; }
              .theme3 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i {
                color: #02ce69; }
              .theme4 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i {
                color: #c73444; }
              .theme5 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i {
                color: #540095; }
              .theme6 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i {
                color: #de6d28; }
              .theme7 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i {
                color: #ea4c89; }
              .theme8 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i {
                color: #000000; }
              .theme9 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i {
                color: #3acbc7; }
              .theme10 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i {
                color: #635596; }
              .theme11 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i {
                color: #00c74d; }
              .theme12 .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i {
                color: #6e2bbb; }
            .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper .mb-tn-number {
              position: absolute;
              top: 0;
              right: 0;
              line-height: 23px;
              width: 23px;
              height: 23px;
              border-radius: 11.5px;
              background-color: #E81756;
              font-size: 12px;
              font-weight: 700;
              color: white; }
            .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper .right {
              right: -8px !important; }
            .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper .mb-tn-number, .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-tbar-right > .mb-birthday-wrapper i.bell {
              transition: transform 350ms ease; }
        @media screen and (max-width: 768px) {
          .mb[topbar] > .mb-t-content > .mb-t-container > .mb-t-inside-content > .mb-t-user-container {
            min-width: auto; } }
@charset "UTF-8";
/* Cores */
/*
	Temas:
*/
/* 
	Cores padrão:
*/
/* 
  Função para aplicar os temas pré-definidos acima
*/
hotbar {
  transition-property: width;
  transition-duration: 300ms, 300ms;
  transition-delay: 0s;
  transition-timing-function: ease-in-out;
  z-index: 100;
  position: relative;
  min-width: 100%;
  width: 0px;
  height: 100%;
  display: block;
  background: var(--primary);
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
  color: var(--color2); }
  hotbar:has(:hover, .opened) {
    transition-property: width;
    transition-duration: 300ms, 300ms;
    transition-delay: 0s;
    transition-timing-function: ease-in-out;
    width: 200px; }
  hotbar .sg[hotbar] {
    height: 100%;
    background: var(--primary);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); }
    hotbar .sg[hotbar] > modules {
      position: relative;
      display: grid;
      max-width: 200px; }
      hotbar .sg[hotbar] > modules > module {
        display: flex;
        flex-direction: column; }
        hotbar .sg[hotbar] > modules > module :first > div {
          margin-bottom: 5px; }
        hotbar .sg[hotbar] > modules > module:not(:first-child) > div {
          margin-top: 5px; }
        hotbar .sg[hotbar] > modules > module:not([main]):not(:last-child) > div {
          border-bottom: 1px solid grey;
          padding-bottom: 11px; }
        hotbar .sg[hotbar] > modules > module > div {
          grid-template-columns: max-content 1fr;
          display: grid;
          white-space: nowrap;
          margin: 0px 6px;
          padding: 6px;
          padding-left: 4px;
          gap: 4px;
          overflow: hidden;
          width: 34px; }
          hotbar .sg[hotbar] > modules > module > div > i {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            width: 1.3em; }
          hotbar .sg[hotbar] > modules > module > div > label {
            padding-left: 0px;
            overflow: hidden;
            width: 146px;
            font-size: 16px;
            white-space: break-spaces;
            transition-property: white-space;
            transition-duration: 0s, 300ms;
            transition-delay: 300ms, 0s;
            transition-timing-function: ease-in-out; }
        hotbar .sg[hotbar] > modules > module > sub-module {
          left: 0px;
          grid-template-columns: 0fr;
          display: grid;
          gap: 15px;
          padding: 14px 10px;
          width: max-content;
          white-space: nowrap;
          background: var(--primary);
          border-bottom-right-radius: 10px;
          border-top-right-radius: 10px;
          box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
          transition-property: grid-template-columns, left;
          transition-duration: 300ms;
          transition-delay: 0s;
          transition-timing-function: ease-in-out;
          position: absolute;
          z-index: -1; }
          hotbar .sg[hotbar] > modules > module > sub-module:not(.favorite-module) {
            overflow-y: scroll; }
          hotbar .sg[hotbar] > modules > module > sub-module.favorite-module {
            box-shadow: none;
            padding: 0;
            gap: 0; }
            hotbar .sg[hotbar] > modules > module > sub-module.favorite-module > div {
              box-shadow: 4px 8px 10px -2px #00000066;
              padding: 7.5px 10px;
              background-color: var(--primary); }
              hotbar .sg[hotbar] > modules > module > sub-module.favorite-module > div:first-child {
                padding-top: 14px;
                border-top-right-radius: 10px; }
              hotbar .sg[hotbar] > modules > module > sub-module.favorite-module > div:last-child {
                padding-bottom: 14px;
                border-bottom-right-radius: 10px; }
          hotbar .sg[hotbar] > modules > module > sub-module > div {
            overflow: hidden; }
            hotbar .sg[hotbar] > modules > module > sub-module > div label {
              transition-property: color;
              transition-duration: 200ms;
              transition-delay: 0s;
              transition-timing-function: ease-in-out; }
            hotbar .sg[hotbar] > modules > module > sub-module > div:hover > label {
              color: var(--contrast); }
          hotbar .sg[hotbar] > modules > module > sub-module::-webkit-scrollbar-track {
            margin: 10px; }
          hotbar .sg[hotbar] > modules > module > sub-module div.favorite-submodule {
            background: var(--primary);
            border-bottom-right-radius: 10px;
            border-top-right-radius: 10px;
            box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
            transition-property: left;
            transition-duration: 300ms;
            transition-delay: 0s;
            transition-timing-function: cubic-bezier(1, 0.35, 0, 1);
            padding: 14px 10px;
            overflow: hidden;
            white-space: nowrap;
            left: -100vw;
            position: absolute;
            min-height: 50px;
            min-width: 150px;
            width: max-content;
            display: flex;
            flex-direction: column;
            gap: 15px;
            border-radius: 10px;
            pointer-events: none;
            z-index: -2; }
          hotbar .sg[hotbar] > modules > module > sub-module div.force-open-favorite-group div.favorite-submodule,
          hotbar .sg[hotbar] > modules > module > sub-module:not(.has-forced-hover) > div:hover div.favorite-submodule {
            transition-property: left;
            transition-duration: 300ms;
            transition-delay: 100ms;
            transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
            left: 100%;
            pointer-events: all; }
            hotbar .sg[hotbar] > modules > module > sub-module div.force-open-favorite-group div.favorite-submodule > div:hover > label,
            hotbar .sg[hotbar] > modules > module > sub-module:not(.has-forced-hover) > div:hover div.favorite-submodule > div:hover > label {
              color: var(--contrast); }
          hotbar .sg[hotbar] > modules > module > sub-module div.force-open-favorite-group > label {
            color: var(--contrast); }
        hotbar .sg[hotbar] > modules > module:not([main]):hover > div {
          color: var(--contrast); }
        hotbar .sg[hotbar] > modules > module:not([main]):hover > .favorite-module {
          min-width: 150px;
          min-height: 50px; }
        hotbar .sg[hotbar] > modules > module[main] > div {
          background: var(--contrast);
          border-radius: 10px; }
        hotbar .sg[hotbar] > modules > module[main] > sub-module {
          display: none; }
        hotbar .sg[hotbar] > modules > module[main]:first-child {
          margin-top: 12px; }
          hotbar .sg[hotbar] > modules > module[main]:first-child > div {
            background: var(--contrast);
            border-radius: 10px; }
        hotbar .sg[hotbar] > modules > module:last-child {
          margin-bottom: 12px; }
        hotbar .sg[hotbar] > modules > module.force-open-sub {
          min-width: 200px; }
          hotbar .sg[hotbar] > modules > module.force-open-sub > div {
            color: var(--contrast); }
          hotbar .sg[hotbar] > modules > module.force-open-sub > .favorite-module {
            min-width: 150px;
            min-height: 50px; }
          hotbar .sg[hotbar] > modules > module.force-open-sub > sub-module {
            left: 100%;
            grid-template-columns: 1fr; }
    hotbar .sg[hotbar]:not(.force-hide):hover > modules > module > div {
      transition-property: opacity, grid-template-columns, color;
      transition-duration: 300ms, 300ms, 200ms;
      transition-delay: 0s;
      transition-timing-function: ease-in-out;
      transition-property: width;
      transition-duration: 350ms, 350ms, 250ms;
      transition-delay: 0s;
      transition-timing-function: ease-in-out;
      grid-template-columns: max-content 1fr;
      width: 188px; }
    hotbar .sg[hotbar]:not(.force-hide):hover.hover > modules > module:hover > sub-module {
      left: 100%;
      grid-template-columns: 1fr; }
    hotbar .sg[hotbar]:not(.hover) > modules > module > div {
      transition-property: opacity, grid-template-columns, color;
      transition-duration: 300ms, 300ms, 200ms;
      transition-delay: 0s;
      transition-timing-function: ease-in-out;
      transition-property: width;
      transition-duration: 350ms, 350ms, 250ms;
      transition-delay: 0s;
      transition-timing-function: ease-in-out;
      grid-template-columns: max-content 1fr;
      width: 188px; }
    hotbar .sg[hotbar].opened > modules > module > div {
      transition-property: opacity, grid-template-columns, color;
      transition-duration: 300ms, 300ms, 200ms;
      transition-delay: 0s;
      transition-timing-function: ease-in-out;
      transition-property: width;
      transition-duration: 350ms, 350ms, 250ms;
      transition-delay: 0s;
      transition-timing-function: ease-in-out;
      grid-template-columns: max-content 1fr;
      width: 188px; }
    hotbar .sg[hotbar].opened > modules {
      max-width: 200px; }
      hotbar .sg[hotbar].opened > modules > module > div label {
        white-space: balance;
        transition-property: white-space;
        transition-duration: 300ms, 300ms;
        transition-delay: 0s;
        transition-timing-function: ease-in-out; }
    hotbar .sg[hotbar] > modules > module > div {
      transition: opacity 0.3s linear;
      opacity: 1; }
    hotbar .sg[hotbar].force-hide > modules > module > div {
      opacity: 0; }
    hotbar .sg[hotbar].re-open > modules > module > div {
      transition-property: opacity, grid-template-columns, color;
      transition-duration: 300ms, 300ms, 200ms;
      transition-delay: 0s;
      transition-timing-function: ease-in-out;
      transition-property: width;
      transition-duration: 350ms, 350ms, 250ms;
      transition-delay: 0s;
      transition-timing-function: ease-in-out;
      grid-template-columns: max-content 1fr;
      width: 188px; }
@charset "UTF-8";
/* Cores */
/*
	Temas:
*/
/* 
	Cores padrão:
*/
/* 
  Função para aplicar os temas pré-definidos acima
*/
.side-menu-wrapper {
  transition: width 0.3s ease-in-out;
  position: relative;
  display: inline-block;
  height: calc(100% - 45px);
  width: 50px;
  vertical-align: top; }
  .side-menu-wrapper.opened-size {
    width: 200px; }
.mbg-login-view .send-button {
	width: 100%;
	height: 50px;
	border-radius: 25px;
	border: none;
	color: white;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	transition: opacity 100ms linear, transform 500ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	font-family: 'Montserrat', sans-serif;
	transform: translateY(-20px);
	position: relative;
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
}

.mbg-login-view .send-button:active, .mbg-login-form .send-button:focus {
	outline: none;
}

.mbg-login-view .send-button:active, .mbg-login-form .send-button:disabled{
	opacity: 0.75;
	cursor: default;
}

.mbg-login-view .send-button .mbg-login-spinner-container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: transform 500ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	transform: translateY(100%);
}

/* Loading Indicator */
@keyframes login-form-button-send-rotator {
  0% { transform: scale(0.4) translate(-20%, -20%) rotate(0deg); }
  100% { transform: scale(0.4) translate(-20%, -20%) rotate(270deg); }
}

@keyframes login-form-button-send-dash {
	0% { 
	 stroke-dashoffset: 184; /* offset */
 }
	50% {
	 stroke-dashoffset: 46; /* offset / 4 */
	 transform:rotate(135deg);
 }
 100% {
	 stroke-dashoffset: 184; /* offset */
	 transform:rotate(450deg);
 }
}

.mbg-login-view .send-button .text-container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	line-height: 50px;
	text-align: center;
	transition: transform 500ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	transform: translateY(0%);
}

.mbg-login-view .send-button.sending .text-container {
	transform: translateY(-100%);
}

.mbg-login-view .send-button.sending .mbg-login-spinner-container {
	transform: translateY(0%);
}

.mbg-login-view .send-button .mbg-login-spinner-container .mbg-login-spinner {
	animation: login-form-button-send-rotator 1.4s linear infinite;
}

.mbg-login-view .send-button.error {
	transform: translateY(5px);
	cursor: default;
}

.mbg-login-view .send-button-error-container, .mbg-login-view.mbg-forgot-form .send-button-error-container {
	margin-top: 15px;
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #df3f0e;
	font-weight: 700;
	transition: opacity 500ms linear, transform 500ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	opacity: 0;
	transform: translateY(10px);
}

.mbg-login-view .send-button-error-container.ativo, .mbg-login-view.mbg-forgot-form .send-button-error-container.ativo {
	transform: translateY(0px);
	opacity: 1;
}

.mbg-login-form-right.sign-up .mbg-login-logo-phrase {
	color: #aaaaaa;
}

.mbg-login-spinner-path {
  stroke-dasharray: 187; /* offset */
  stroke-dashoffset: 0;
	transform-origin: center;
	stroke: white;
	animation: login-form-button-send-dash 1.4s ease-in-out infinite;
}
.mbg-login-input-container {
	width: 100%;
	height: 50px;
	background-color: #ffffff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	padding-right: 15px;
}

/* .mbg-login-input-container.ativo {
	border-color: #00bbbd;
} */

.mbg-login-input-container.error {
	border-color: #df3f0e;
}

.mbg-login-input-container .icone-container {
	display: inline-block;
	line-height: 50px;
	width: 40px;
	text-align: center;
	color: #b8b8b8;
	font-size: 12px;
}

.mbg-login-input-container.error .icone-container {
	color: #df3f0e;
}

/* .mbg-login-input-container.ativo .icone-container {
	color: #00bbbd;
} */

.mbg-login-input-container .inside-container {
	height: 100%;
	/* 100% menos o tamanho do container do ícone menos 5px */
	width: calc(100% - 40px - 5px);
	display: inline-block;
}

.mbg-login-input-container .input {
	display: inline-block;
	height: 50px;
	width: 100%;
	border: none;
	background-color: transparent;
	color: #acacac;
	font-size: 12px;
}

.mbg-login-input-container.error .input {
	color: #df3f0e;
}

.mbg-login-input-container.ativo .input {
	/* color: #00bbbd; */
}

.mbg-login-input-container .input::-webkit-input-placeholder {
	color: #c9c9c9;
}

.mbg-login-input-container .input::-moz-placeholder {
	color: #c9c9c9;
}

.mbg-login-input-container .input:active, .mbg-login-input-container .input:focus {
	outline: none;
}
/* 

Tema Padrão (Kigi) 
cor1: #00bbbd
cor2: #e81756
cor3: #f78e1e
cor4: #472672
cor5: #d6df24

Tema Mobiage
cor1: #635596
cor2: #e81756
cor3: #f78e1e
cor4: #472672
cor5: #d6df24

*/
/*
*	Tema Padrão 
*/
/* Cor 1*/
.mbg-login-view.default .mbg-login-form-part.mbg-login-form-right {
	background-color: #00bbbd;
}
.mbg-login-view.default .mbg-login-form-part.mbg-login-form-right.sign-up {
	background-color: #ffffff;
}
.mbg-login-view.default .mbg-login-input-container.ativo {
	border-color: #00bbbd;
}
.mbg-login-view.default .mbg-login-input-container.ativo .icone-container {
	color: #00bbbd;
}
.mbg-login-view.default .mbg-login-input-container.ativo .input {
	color: #00bbbd;
}
.mbg-login-view.default .mbg-login-form .bottom .signup {
	color: #00bbbd;
}
.mbg-login-view.default .mbg-login-form-part-background.right {
	background-color: #00bbbd;
}
.mbg-login-view.default .mbg-login-bottom-alternative .mbg-login-inside-container:hover .icone {
	fill: #00bbbd;
}
.mbg-login-view.default .mbg-login-bottom-alternative .mbg-login-inside-container:hover .mbg-login-bottom-alternative-texto {
	color: #00bbbd;
}
.mbg-login-view.default input:-webkit-autofill,
.mbg-login-view.default input:-webkit-autofill:hover, 
.mbg-login-view.default input:-webkit-autofill:focus
.mbg-login-view.default input:-webkit-autofill, 
.mbg-login-view.default textarea:-webkit-autofill,
.mbg-login-view.default textarea:-webkit-autofill:hover
.mbg-login-view.default textarea:-webkit-autofill:focus,
.mbg-login-view.default select:-webkit-autofill,
.mbg-login-view.default select:-webkit-autofill:hover,
.mbg-login-view.default select:-webkit-autofill:focus {
	-webkit-text-fill-color: #00bbbd;
}
.mbg-login-view.default .mbg-login-input-container.ativo .input {
	color: #00bbbd;
}
.mbg-login-view.default .mbg-reset-pass-form .mbg-login-spinner-path {
	stroke: #00bbbd;
}
/* Cor 2 */
.mbg-login-view.default .send-button{
	background-color: #e81756;
}
.mbg-login-view.default .mbg-login-form-right .profile-photo-container .miscdetail.right {
	fill: #e81756;
	stroke: #e81756;
}
.mbg-login-view.default .mbg-login-view .send-button {
	background-color: #e81756;
}
/* Cor 4 */
.mbg-login-view.default .mbg-login-form-right .welcome-message .username {
	color: #472672;
}
.mbg-login-view.default .mbg-login-form-right .welcome-message .username {
	color: #472672;
}
/* Cor 5 */
.mbg-login-view.default .mbg-login-form-right .profile-photo-container .miscdetail.left {
	fill: #d6df24;
	stroke: #d6df24;
}
.mbg-login-view.default .mbg-pick-organization-form .organizations-container .organization .confirmation {
	color: #d6df24;
}
.mbg-login-view.default .mbg-login-form-right .profile-photo-container .photo-border {
	border-color: #d6df24;
}
.mbg-login-view.default .mbg-login-form-right .welcome-message {
	color: #d6df24;
}
.mbg-login-view.default .mbg-login-form-right .profile-photo-container .photo-border .profile-photo {
	color: #d6df24;
}
.mbg-login-view.default .mbg-login-form-right .profile-photo-container .photo-border {
	border: solid 1px #d6df24;
}
.mbg-login-view.default .mbg-login-form-right .profile-photo-container .photo-border .profile-photo {
	color: #d6df24;
}
.mbg-login-view.default .mbg-login-form-right .welcome-message {
	color: #d6df24;
}

/*
*	Tema Mobiage 
*/
/* Cor 1*/
.mbg-login-view.mobiage .mbg-login-form-part.mbg-login-form-right {
	background-color: #635596;
}
.mbg-login-view.mobiage .mbg-login-form-part.mbg-login-form-right.sign-up {
	background-color: #ffffff;
}
.mbg-login-view.mobiage .mbg-login-input-container.ativo {
	border-color: #635596;
}
.mbg-login-view.mobiage .mbg-login-input-container.ativo .icone-container {
	color: #635596;
}
.mbg-login-view.mobiage .mbg-login-input-container.ativo .input {
	color: #635596;
}
.mbg-login-view.mobiage .mbg-login-form .bottom .signup {
	color: #635596;
}
.mbg-login-view.mobiage .mbg-login-form-part-background.right {
	background-color: #635596;
}
.mbg-login-view.mobiage .mbg-login-bottom-alternative .mbg-login-inside-container:hover .icone {
	fill: #635596;
}
.mbg-login-view.mobiage .mbg-login-bottom-alternative .mbg-login-inside-container:hover .mbg-login-bottom-alternative-texto {
	color: #635596;
}
.mbg-login-view.mobiage input:-webkit-autofill,
.mbg-login-view.mobiage input:-webkit-autofill:hover, 
.mbg-login-view.mobiage input:-webkit-autofill:focus
.mbg-login-view.mobiage input:-webkit-autofill, 
.mbg-login-view.mobiage textarea:-webkit-autofill,
.mbg-login-view.mobiage textarea:-webkit-autofill:hover
.mbg-login-view.mobiage textarea:-webkit-autofill:focus,
.mbg-login-view.mobiage select:-webkit-autofill,
.mbg-login-view.mobiage select:-webkit-autofill:hover,
.mbg-login-view.mobiage select:-webkit-autofill:focus {
	-webkit-text-fill-color: #635596;
}
.mbg-login-view.mobiage .mbg-login-input-container.ativo .input {
	color: #635596;
}
.mbg-login-view.mobiage .mbg-reset-pass-form .mbg-login-spinner-path {
	stroke: #635596;
}
/* Cor 2 */
.mbg-login-view.mobiage .send-button{
	background-color: #A4CD39;
}
.mbg-login-view.mobiage .mbg-login-form-right .profile-photo-container .miscdetail.right {
	fill: #A4CD39;
	stroke: #A4CD39;
}
.mbg-login-view.mobiage .mbg-login-view .send-button {
	background-color: #A4CD39;
}
/* Cor 4 */
.mbg-login-view.mobiage .mbg-login-form-right .welcome-message .username {
	color: #59ecff;
}
.mbg-login-view.mobiage .mbg-login-form-right .welcome-message .username {
	color: #59ff90;
}
/* Cor 5 */
.mbg-login-view.mobiage .mbg-login-form-right .profile-photo-container .miscdetail.left {
	fill: #59ff90;
	stroke: #59ff90;
}
.mbg-login-view.mobiage .mbg-pick-organization-form .organizations-container .organization .confirmation {
	color: #eed64c;
}
.mbg-login-view.mobiage .mbg-login-form-right .profile-photo-container .photo-border {
	border-color: #eed64c;
}
.mbg-login-view.mobiage .mbg-login-form-right .welcome-message {
	color: #eed64c;
}
.mbg-login-view.mobiage .mbg-login-form-right .profile-photo-container .photo-border .profile-photo {
	color: #eed64c;
}
.mbg-login-view.mobiage .mbg-login-form-right .profile-photo-container .photo-border {
	border: solid 1px #eed64c;
}
.mbg-login-view.mobiage .mbg-login-form-right .profile-photo-container .photo-border .profile-photo {
	color: #eed64c;
}
.mbg-login-view.mobiage .mbg-login-form-right .welcome-message {
	color: #eed64c;
} @media (max-width: 650px) {
  .mbg-login-view {
    background: rgb(243, 243, 243);
    height: auto;
    min-height: 100vh;
    padding: 15px;
  }

  .mbg-login-wrapper {
    /* background-color: red; */
    flex-grow: 1;
    min-height: 500px;
  }

  .mbg-login-form-wrapper {
    width: 100%;
    min-height: 500px;
    height: auto;
  }

  .mbg-login-form .social-container .button-container {
    width: 100%;
    margin-top: 10px;
  }

  .mbg-login-form .social-container .button-container .button:first-child {
    background-color: #5989c7;
    color: #ffffff;
  }

  .mbg-login-form .social-container .button-container .button {
    background-color: #f26f43;
    color: #ffffff;
  }

  .mbg-login-form {
    padding: 15px;
  }

  .mbg-login-view .titulo {
    text-align: center;
  }

  .mbg-login-form form {
    margin-top: 0px;
  }

  .mbg-login-form .bottom {
    font-size: 13px;
  }

  .mbg-login-form .or {
    transform: none;
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-top: 0px;
  }

  .mbg-login-form .or .detail {
    display: none;
  }

  .mbg-login-form.mbg-forgot-form .or {
    width: 100%;
  }

  .mbg-login-form.mbg-forgot-form .or .detail {
    display: block;
    width: 50px;
    margin-left: 50%;
    transform: translateX(-25px);
  }

  .mbg-login-form.mbg-forgot-form {
    margin-top: 15px;
  }

  .mbg-login-form-part {
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    position: absolute;
    width: 100%;
    height: auto;
  }

  .mbg-login-form-left {
    width: 100%;
    height: 400px;
    top: 100px;
    /* background-color: red; */
  }

  .mbg-pick-organization-form {
    padding-top: 25px;
  }

  .mbg-login-form-right.pick-organization .cancellogin {
    transform: translate3d(-50%, 300%, 0);
  }

  .mbg-login-form-part-background {
    display: none;
    pointer-events: none;
  }

  .mbg-login-view .poweredby {
    margin-bottom: 0px;
    margin-top: 30px;
  }

  .mbg-login-bottom-alternative {
    display: block;
  }

  .mbg-login-bottom-alternative .mbg-login-inside-container:hover .icone {
    /* Substituir */
    fill: #bdbdbd;
    transform: scale(1);
  }

  .mbg-login-bottom-alternative .mbg-login-inside-container:hover .mbg-login-bottom-alternative-texto {
    color: #bdbdbd;
  }

  .mbg-login-bottom-alternative-texto {
    display: inline;
    font-weight: 400;
    margin-left: 5px;
    opacity: 1;
    position: relative;
    left: 0px;
    bottom: 0px;
  }

  .mbg-login-bottom-alternative-icon-container {
    margin-top: 10px;
    display: block;
  }

  .mbg-login-logo {
    height: 80%;
    width: 80%;
    display: none;
  }

  .mbg-login-logo.mobile {
    display: block;
  }

  .mbg-login-form-right {
    display: none;
  }

  .mbg-login-form-right.mobile,
  .mbg-login-form-right.sign-up {
    display: block;
  }

  .mbg-login-form-left.sign-up {
    transform: none;
  }

  .mbg-login-form-right.pick-organization .mbg-login-logo {
    transform: translate3d(-50%, -50%, 0) scale(1);
  }

  .mbg-pick-organization-form .voltar-container {
    display: block;
  }

  .mbg-pick-organization-form .voltar-container .voltar {
    cursor: pointer;
  }

  .mbg-login-form.mbg-pick-organization-form .bottom {
    height: 100px;
  }

  .mbg-login-form-right {
    height: 100px;
    z-index: 0;
    transform: none;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
  }

  .mbg-login-form-right .profile-photo-container {
    display: none;
  }

  .mbg-login-form-right .welcome-message {
    display: none;
  }

  .mbg-login-form-right .cancellogin {
    display: none;
  }

  .mbg-login-form-right .welcome-message {
    display: none;
  }

  .mbg-login-form-right .mbg-login-logo-phrase {
    display: none;
    pointer-events: none;
  }
}

.matriz-organization {
  line-height: normal;
  position: absolute;
  bottom: -3px;
  right: -3px;
}

.matriz-organization svg {
  width: 18px;
  fill: #f9bd00;
  filter: drop-shadow(-1px -1px 0px rgba(255, 255, 255, 1));
}

.mbg-reset-pass-button .send-button.error {
	transform: translateY(60px);
}

.mbg-login-form .mbg-reset-pass-cancel {
	transform: translateY(20px);
}

.weak-password {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #df3f0e;
	font-weight: 700;
	transition: opacity 500ms linear, transform 500ms cubic-bezier(0.720, 0.010, 0.235, 0.995);
	transform: translateY(0px);
	opacity: 1;
}/* cyrillic-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local("Montserrat Regular"), local("Montserrat-Regular"), url(/resources/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2");
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local("Montserrat Regular"), local("Montserrat-Regular"), url(/resources/fonts/montserrat/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2");
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local("Montserrat Regular"), local("Montserrat-Regular"), url(/resources/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local("Montserrat Regular"), local("Montserrat-Regular"), url(/resources/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local("Montserrat Regular"), local("Montserrat-Regular"), url(/resources/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local("Montserrat Bold"), local("Montserrat-Bold"), url(/resources/fonts/montserrat/JTURjIg1_i6t8kCHKm45_dJE3gTD_vx3rCubqg.woff2) format("woff2");
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local("Montserrat Bold"), local("Montserrat-Bold"), url(/resources/fonts/montserrat/JTURjIg1_i6t8kCHKm45_dJE3g3D_vx3rCubqg.woff2) format("woff2");
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local("Montserrat Bold"), local("Montserrat-Bold"), url(/resources/fonts/montserrat/JTURjIg1_i6t8kCHKm45_dJE3gbD_vx3rCubqg.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local("Montserrat Bold"), local("Montserrat-Bold"), url(/resources/fonts/montserrat/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local("Montserrat Bold"), local("Montserrat-Bold"), url(/resources/fonts/montserrat/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}