@charset "UTF-8";
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("https://cdn.betha.cloud/plataforma/design/kare/framework/0.1.4/assets/fonts/OpenSans-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("https://cdn.betha.cloud/plataforma/design/kare/framework/0.1.4/assets/fonts/OpenSans-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("https://cdn.betha.cloud/plataforma/design/kare/framework/0.1.4/assets/fonts/OpenSans-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("https://cdn.betha.cloud/plataforma/design/kare/framework/0.1.4/assets/fonts/OpenSans-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Light"), local("OpenSans-Light"), url("https://cdn.betha.cloud/plataforma/design/kare/framework/0.1.4/assets/fonts/OpenSans-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("https://cdn.betha.cloud/plataforma/design/kare/framework/0.1.4/assets/fonts/OpenSans-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("https://cdn.betha.cloud/plataforma/design/kare/framework/0.1.4/assets/fonts/OpenSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url("https://cdn.betha.cloud/plataforma/design/kare/framework/0.1.4/assets/fonts/OpenSans-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
@media (max-width: 767px) {
  html,
body {
    background-color: #fff !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  html,
body {
    background-color: #fff !important;
  }
}
html,
body {
  background: #ededee;
  font-size: 0.915rem;
}

body {
  color: #242424;
  font-family: "Open Sans", "Arial", sans-serif;
}

a,
a:not([href]),
a:not([href]):not([class]) {
  color: #3374db;
  cursor: pointer;
}
a.disabled,
a:not([href]).disabled,
a:not([href]):not([class]).disabled {
  color: #bfbfc0;
  cursor: not-allowed;
}
a.disabled:hover,
a:not([href]).disabled:hover,
a:not([href]):not([class]).disabled:hover {
  color: #bfbfc0;
  text-decoration: none;
}
a:focus,
a:not([href]):focus,
a:not([href]):not([class]):focus {
  text-decoration: underline;
}
a:hover,
a:not([href]):hover,
a:not([href]):not([class]):hover {
  color: #215cba;
}

:focus {
  outline: 1px dotted #242424;
}

label.required,
a.required {
  position: relative;
}
label.required:before,
a.required:before {
  content: "Este campo é obrigatório";
  position: absolute;
  display: none;
  top: -26px;
  right: -77px;
  width: 155px;
  background-color: #FFF;
  border: 1px solid #757576;
  color: #222;
  padding: 3px 6px;
  font-weight: normal;
  text-transform: none;
  z-index: 1048;
}
label.required:after,
a.required:after {
  content: " *";
  color: #D64038;
}
label.required:hover:before,
a.required:hover:before {
  display: block;
}

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

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
.alert {
  border-radius: 4px;
  position: relative;
}
.alert-warning {
  background-color: #f7e7ba;
  border: 1px solid #f7e7ba;
  color: #72570d;
}
.alert-warning .alert-link {
  color: #72570d;
}
.alert-danger {
  background-color: #fbeaea;
  border: 1px solid #fbeaea;
  color: #c42722;
}
.alert-danger .alert-link {
  color: #c42722;
}
.alert-success {
  background-color: #d8f3e9;
  border: 1px solid #d8f3e9;
  color: #257456;
}
.alert-success .alert-link {
  color: #257456;
}
.alert-info {
  background-color: #c1e4f0;
  border: 1px solid #c1e4f0;
  color: #195366;
}
.alert-info .alert-link {
  color: #195366;
}
.alert .alert-link {
  font-weight: 500;
  text-decoration: underline;
}

.alert.alert-dismissible {
  padding-right: 40px;
}

/** Helpers **/
.alert.alert-icon {
  padding: 0.75rem 1.25rem 0.75rem 3.3rem !important;
}
.alert.alert-icon.alert-warning:before {
  content: "󰀦";
  display: inline-block;
  font-family: "Material Design Icons", "Arial", sans-serif;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  font-size: 1.25rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
  height: 100%;
  top: 0;
  left: calc(1rem + 5px);
  display: flex;
  align-items: center;
}
.alert.alert-icon.alert-danger:before {
  content: "󰀨";
  display: inline-block;
  font-family: "Material Design Icons", "Arial", sans-serif;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  font-size: 1.25rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
  height: 100%;
  top: 0;
  left: calc(1rem + 5px);
  display: flex;
  align-items: center;
}
.alert.alert-icon.alert-success:before {
  content: "󰗠";
  display: inline-block;
  font-family: "Material Design Icons", "Arial", sans-serif;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  font-size: 1.25rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
  height: 100%;
  top: 0;
  left: calc(1rem + 5px);
  display: flex;
  align-items: center;
}
.alert.alert-icon.alert-info:before {
  content: "󰋼";
  display: inline-block;
  font-family: "Material Design Icons", "Arial", sans-serif;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  font-size: 1.25rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
  height: 100%;
  top: 0;
  left: calc(1rem + 5px);
  display: flex;
  align-items: center;
}

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
.badge {
  display: inline-flex;
  align-items: center;
  background-color: #e3e3e3;
  border-radius: 50px;
  color: #242424;
  font-size: 90%;
  font-weight: 400;
  padding: 3px 6px;
  text-align: center;
}
.badge.badge-primary {
  background-color: #3374db;
  color: #fff;
}
.badge.badge-success {
  background-color: #329a72;
  color: #fff;
}
.badge.badge-danger {
  background-color: #dd413c;
  color: #fff;
}
.badge.badge-warning {
  background-color: #e8b730;
  color: #242424;
}
.badge.badge-info {
  background-color: #6fc1dc;
  color: #242424;
}

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
.breadcrumb {
  background: transparent;
  margin: 0;
  padding: 0;
  align-items: flex-end;
}
.breadcrumb .breadcrumb-item {
  color: #757576;
}
.breadcrumb .breadcrumb-item.active {
  color: #242424;
}
.breadcrumb .breadcrumb-item + :before {
  color: #757576;
  content: "󰅂";
  font-family: "Material Design Icons", "Arial", sans-serif;
  font-weight: 300;
}

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
button:focus {
  outline: 1px dotted #242424;
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: "Open Sans", "Arial", sans-serif;
  text-transform: uppercase;
  border-radius: 4px;
}
.btn > .material-icons {
  vertical-align: middle;
}
.btn:before {
  font-weight: normal;
}
.btn.btn-secondary {
  background-color: #fff;
  border-color: #bfbfc0;
  color: #242424;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {
  background-color: #ededee;
}
.btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:active, .btn.btn-secondary.active {
  background-color: #e3e3e3;
  border-color: #bfbfc0;
  color: #242424;
}
.btn.btn-secondary[disabled], .btn.btn-secondary.disabled {
  border-color: #e3e3e3;
  box-shadow: none;
  color: #bfbfc0;
  opacity: 1;
}
.btn.btn-secondary[disabled]:hover, .btn.btn-secondary.disabled:hover {
  background-color: #fff;
}
.btn.btn-secondary.dropdown-toggle {
  border-left: 1px solid #bfbfc0;
  z-index: 2;
}
.btn.btn-success {
  background-color: #329a72;
  border-color: #329a72;
  color: #fff;
}
.btn.btn-success:hover, .btn.btn-success:focus {
  background-color: #257456;
  border-color: #257456;
}
.btn.btn-success:not(:disabled):not(.disabled).active, .btn.btn-success:not(:disabled):not(.disabled):active, .btn.btn-success:active, .btn.btn-success.active {
  background-color: #194d39;
  border-color: #194d39;
  color: #fff;
}
.btn.btn-success[disabled], .btn.btn-success.disabled {
  background-color: #8bdabc;
  border-color: #8bdabc;
  box-shadow: none;
  color: #fff;
  opacity: 1;
}
.btn.btn-success.dropdown-toggle {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  z-index: 2;
}
.btn.btn-primary {
  background-color: #3374db;
  border-color: #3374db;
  color: #fff;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
  background-color: #215cba;
  border-color: #215cba;
}
.btn.btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:active, .btn.btn-primary.active {
  background-color: #19478f;
  border-color: #19478f;
  color: #fff;
}
.btn.btn-primary[disabled], .btn.btn-primary.disabled {
  background-color: #8aafea;
  border-color: #8aafea;
  box-shadow: none;
  color: #fff;
  opacity: 1;
}
.btn.btn-primary.dropdown-toggle {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  z-index: 2;
}
.btn.btn-danger {
  background-color: #dd413c;
  border-color: #dd413c;
  color: #fff;
}
.btn.btn-danger:hover, .btn.btn-danger:focus {
  background-color: #c42722;
  border-color: #c42722;
}
.btn.btn-danger:not(:disabled):not(.disabled).active, .btn.btn-danger:not(:disabled):not(.disabled):active, .btn.btn-danger:active, .btn.btn-danger.active {
  background-color: #981e1b;
  border-color: #981e1b;
  color: #fff;
}
.btn.btn-danger[disabled], .btn.btn-danger.disabled {
  background-color: #ec9693;
  border-color: #ec9693;
  box-shadow: none;
  color: #fff;
  opacity: 1;
}
.btn.btn-danger.dropdown-toggle {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  z-index: 2;
}
.btn.btn-warning {
  background-color: #e8b730;
  border-color: #e8b730;
  color: #242424;
}
.btn.btn-warning:hover, .btn.btn-warning:focus {
  background-color: #ce9d17;
  border-color: #ce9d17;
}
.btn.btn-warning:not(:disabled):not(.disabled).active, .btn.btn-warning:not(:disabled):not(.disabled):active, .btn.btn-warning:active, .btn.btn-warning.active {
  background-color: #a07a12;
  border-color: #a07a12;
  color: #242424;
}
.btn.btn-warning[disabled], .btn.btn-warning.disabled {
  background-color: #edc75e;
  border-color: #edc75e;
  box-shadow: none;
  color: #fff;
  opacity: 1;
}
.btn.btn-warning.dropdown-toggle {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  z-index: 2;
}
.btn.btn-info {
  background-color: #6fc1dc;
  border-color: #6fc1dc;
  color: #242424;
}
.btn.btn-info:hover, .btn.btn-info:focus {
  background-color: #46afd2;
  border-color: #46afd2;
}
.btn.btn-info:not(:disabled):not(.disabled).active, .btn.btn-info:not(:disabled):not(.disabled):active, .btn.btn-info:active, .btn.btn-info.active {
  background-color: #2d95b8;
  border-color: #2d95b8;
  color: #fff;
}
.btn.btn-info[disabled], .btn.btn-info.disabled {
  background-color: #98d2e6;
  border-color: #98d2e6;
  box-shadow: none;
  color: #fff;
  opacity: 1;
}
.btn.btn-info.dropdown-toggle {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  z-index: 2;
}
.btn.btn-link {
  color: #59595a;
  text-decoration: none;
}
.btn.btn-link:hover, .btn.btn-link:focus {
  background-color: #ededee;
  color: #242424;
}
.btn.btn-link:active, .btn.btn-link.active {
  background-color: #e3e3e3;
  color: #242424;
}
.btn.btn-link[disabled], .btn.btn-link.disabled {
  color: #bfbfc0;
  opacity: 1;
}
.btn.btn-link[disabled]:hover, .btn.btn-link.disabled:hover {
  background-color: #fff;
}

.btn-group .btn-info + .btn-info {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.btn-group .btn-warning + .btn-warning {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.btn-group .btn-danger + .btn-danger {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.btn-group .btn-primary + .btn-primary {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.btn-group .btn-success + .btn-success {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.btn-group .btn-default + .btn-default {
  border-left: 1px solid #bfbfc0;
}

button.btn-link:disabled {
  pointer-events: all;
}

/** Botões **/
/** Deletar btn-add no futuro **/
.btn.btn-add:before {
  content: "󰐕";
  display: inline-block;
  font-family: "Material Design Icons", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-right: 5px;
  margin-top: -1px;
  padding-right: 0;
  vertical-align: middle;
}

.btn.btn-lg.btn-add:before {
  font-size: 20px;
}

.btn-circle {
  height: 50px;
  width: 50px;
  border-radius: 50% !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/** .Botões **/
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
.card {
  border-radius: 8px;
}
.card .card-img,
.card .card-img-top {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.card .card-img,
.card .card-img-bottom {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.card .card-img-overlay {
  border-radius: 8px;
}
.card.bg-secondary {
  background-color: whitesmoke !important;
}
.card.border-secondary {
  border: 1px solid #bfbfc0 !important;
}

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
input[type=checkbox]:hover {
  cursor: pointer;
}

.form-check-input {
  margin-top: 0.2rem;
}

.form-check-label {
  padding-left: 0.25rem;
}

.form-check-label > .form-check-input {
  margin-left: -0.15rem !important;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.form-check-inline .form-check-input {
  display: inline-block !important;
}

.form-check-inline .form-check-input {
  /* position: static; */
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

input[type=checkbox]:after {
  width: 1.1rem !important;
  height: 1.1rem !important;
  border-radius: 0.15rem !important;
  top: 0px;
  left: -2px;
  position: relative;
  background-color: #fff;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid #bfbfc0;
}

input[type=checkbox]:checked:after {
  width: 1.1rem !important;
  height: 1.1rem !important;
  border-radius: 0.15rem !important;
  top: 0;
  left: -2;
  position: relative;
  content: "";
  background-size: 1rem;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpolygon fill='%23fff' points='19.59,4.88 9,15.46 4.91,11.38 2.79,13.5 9,19.71 21.71,7 '/%3e%3c/svg%3e");
  background-color: #3374db;
  border-color: #3374db !important;
  display: inline-block;
  visibility: visible;
  border: 1px solid #bfbfc0;
}

input[type=checkbox].checkbox-success:checked:after {
  background-color: #3ec18f;
  border-color: #3ec18f !important;
}

input[type=checkbox].checkbox-danger:checked:after {
  background-color: #dd413c;
  border-color: #dd413c !important;
}

input[type=checkbox].checkbox-warning:checked:after {
  background-color: #e8b730;
  border-color: #e8b730 !important;
}

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
.container.container-page {
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  min-height: 500px;
  position: relative;
}
.container.container--full-y {
  height: calc(100vh - 103px);
  padding: 0;
}

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
.dropdown-menu {
  border-color: #e3e3e3;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.dropdown-menu .dropdown-header {
  color: #59595a;
  font-weight: 600;
}
.dropdown-menu .divider {
  background-color: #e3e3e3;
}
.dropdown-menu li > a {
  color: #59595a;
  padding: 6px 14px;
}
.dropdown-menu li > a i {
  color: #555;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus {
  background-color: whitesmoke;
}
.dropdown-menu > li.disabled > a {
  color: #bfbfc0 !important;
}
.dropdown-menu ul.radio-list li:hover {
  background-color: #ededed;
}

.dropdown-sm {
  width: 350px;
}

.dropdown-lg {
  width: 650px;
}

.dropdown-menu > .disabled > a {
  color: #bfbfc0;
}

.dropdown-toggle::after,
.dropup .dropdown-toggle::after {
  display: none;
}

.dropdown-item {
  color: #242424;
}
.dropdown-item:focus, .dropdown-item:hover {
  background-color: whitesmoke;
  border-color: whitesmoke;
  outline: none;
  color: pallete("gray", "dark-30");
}
.dropdown-item.active, .dropdown-item:active {
  color: #222;
  background-color: #c0c0c0;
}

.btn.btn-secondary.dropdown-toggle,
.show > .btn-secondary.dropdown-toggle {
  background-color: #fff;
  border-color: #bfbfc0;
  color: #242424;
}
.btn.btn-secondary.dropdown-toggle:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  background-color: #ededee;
}
.btn.btn-secondary.dropdown-toggle:not(:disabled):not(.disabled).active, .btn.btn-secondary.dropdown-toggle:not(:disabled):not(.disabled):active, .btn.btn-secondary.dropdown-toggle:active, .btn.btn-secondary.dropdown-toggle.active,
.show > .btn-secondary.dropdown-toggle:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle:active,
.show > .btn-secondary.dropdown-toggle.active {
  background-color: #e3e3e3;
  border-color: #bfbfc0;
  color: #242424;
}

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
.form-control {
  border: 1px solid #bfbfc0;
  border-radius: 4px;
  box-shadow: none;
  color: #242424;
  transition: none;
}
.form-control::placeholder {
  color: #757576;
}
.form-control:focus {
  border-color: #3374db;
  box-shadow: none;
  outline: none;
}
.form-control.input-danger:focus {
  border-color: #dd413c;
}
.form-control.input-success:focus {
  border-color: #3ec18f;
}
.form-control[readonly] {
  background-color: #ededee;
}
.form-control[disabled] {
  background-color: #ededee;
  border-color: #bfbfc0;
  color: #757576;
}

input:disabled, .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
  color: #c0c0c0;
  cursor: not-allowed !important;
}

form input .field-error,
form input .field-error .select2-choice,
form input .field-error .select2-choices {
  border-color: #dd413c;
}

label:not(.custom-control-label), label:not(.form-check-label) {
  color: #59595a;
}

label:not(label.form-check-label) {
  font-weight: 600 !important;
}

.required-icon {
  color: #dd413c;
  font-family: "Arial", sans-serif;
}

.tabrequired .required-icon {
  right: 0;
  top: 3px;
}

input[disabled] + .input-group-addon {
  border-right: 1px solid #bfbfc0;
}

.input-group-addon {
  background-color: #ededee;
  border-color: #bfbfc0;
  border-radius: 4px;
  color: #59595a;
}
.input-group-addon + input[disabled] {
  border-left: 1px solid #bfbfc0;
}

.input-group input.form-control:first-child + .input-group-addon {
  border-left: 0;
}

.input-group-lg + .form-control-feedback,
.input-lg + .form-control-feedback {
  right: 10px;
  width: auto;
}

.input-group-sm + .form-control-feedback,
.input-sm + .form-control-feedback {
  right: 8px;
  width: auto;
}

.form-control-feedback {
  align-items: center;
  display: flex;
  right: 5px;
}

.has-error .form-control,
.has-feedback .form-control,
.has-success .form-control,
.has-warning .form-control {
  box-shadow: none;
}
.has-error .form-control:focus,
.has-feedback .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus {
  box-shadow: none;
}

.has-error .form-control:focus {
  border-color: #dd413c;
}
.has-error .input-group-addon {
  background-color: #fbeaea;
  color: #c42722;
}

.has-success .form-control:focus {
  border-color: #3ec18f;
}
.has-success .input-group-addon {
  background-color: #d8f3e9;
  color: #257456;
}

.has-warning .form-control:focus {
  border-color: #a07a12;
}
.has-warning .input-group-addon {
  background-color: #f7e7ba;
  color: #72570d;
}
.has-warning .form-control-feedback {
  color: #ce9d17;
}

.has-feedback label ~ .form-control-feedback {
  top: 20px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
.tx__gray--d40 {
  color: #000 !important;
}

.tx__gray--d30 {
  color: #242424 !important;
}

.tx__gray--d20 {
  color: #59595a !important;
}

.tx__gray--d10 {
  color: #757576 !important;
}

.tx__gray--d5 {
  color: #98989a !important;
}

.tx__gray {
  color: #bfbfc0 !important;
}

.tx__gray--l5 {
  color: #d6d6d7 !important;
}

.tx__gray--l10 {
  color: #e3e3e3 !important;
}

.tx__gray--l20 {
  color: #ededee !important;
}

.tx__gray--l30 {
  color: whitesmoke !important;
}

.tx__gray--l40 {
  color: #fff !important;
}

.tx__red--d40 {
  color: #420d0b !important;
}

.tx__red--d30 {
  color: #6d1613 !important;
}

.tx__red--d20 {
  color: #981e1b !important;
}

.tx__red--d10 {
  color: #c42722 !important;
}

.tx__red {
  color: #dd413c !important;
}

.tx__red--l10 {
  color: #e56b67 !important;
}

.tx__red--l20 {
  color: #ec9693 !important;
}

.tx__red--l30 {
  color: #f4c0be !important;
}

.tx__red--l40 {
  color: #fbeaea !important;
}

.tx__pink--d40 {
  color: #3e1329 !important;
}

.tx__pink--d30 {
  color: #651f42 !important;
}

.tx__pink--d20 {
  color: #8d2a5c !important;
}

.tx__pink--d10 {
  color: #b43676 !important;
}

.tx__pink {
  color: #cb528f !important;
}

.tx__pink--l10 {
  color: #d779a8 !important;
}

.tx__pink--l20 {
  color: #e3a0c2 !important;
}

.tx__pink--l30 {
  color: #eec8db !important;
}

.tx__pink--l40 {
  color: #faeff5 !important;
}

.tx__blue--d40 {
  color: #0a1c38 !important;
}

.tx__blue--d30 {
  color: #123163 !important;
}

.tx__blue--d20 {
  color: #19478f !important;
}

.tx__blue--d10 {
  color: #215cba !important;
}

.tx__blue {
  color: #3374db !important;
}

.tx__blue--l10 {
  color: #5e92e3 !important;
}

.tx__blue--l20 {
  color: #8aafea !important;
}

.tx__blue--l30 {
  color: #b5cdf2 !important;
}

.tx__blue--l40 {
  color: #e0eafa !important;
}

.tx__aqua--d40 {
  color: #0f323d !important;
}

.tx__aqua--d30 {
  color: #195366 !important;
}

.tx__aqua--d20 {
  color: #23748f !important;
}

.tx__aqua--d10 {
  color: #2d95b8 !important;
}

.tx__aqua {
  color: #46afd2 !important;
}

.tx__aqua--l10 {
  color: #6fc1dc !important;
}

.tx__aqua--l20 {
  color: #98d2e6 !important;
}

.tx__aqua--l30 {
  color: #c1e4f0 !important;
}

.tx__aqua--l40 {
  color: #eaf6fa !important;
}

.tx__green--d40 {
  color: #0c271d !important;
}

.tx__green--d30 {
  color: #194d39 !important;
}

.tx__green--d20 {
  color: #257456 !important;
}

.tx__green--d10 {
  color: #329a72 !important;
}

.tx__green {
  color: #3ec18f !important;
}

.tx__green--l10 {
  color: #65cda5 !important;
}

.tx__green--l20 {
  color: #8bdabc !important;
}

.tx__green--l30 {
  color: #b2e6d2 !important;
}

.tx__green--l40 {
  color: #d8f3e9 !important;
}

.tx__yellow--d40 {
  color: #443408 !important;
}

.tx__yellow--d30 {
  color: #72570d !important;
}

.tx__yellow--d20 {
  color: #a07a12 !important;
}

.tx__yellow--d10 {
  color: #ce9d17 !important;
}

.tx__yellow {
  color: #e8b730 !important;
}

.tx__yellow--l10 {
  color: #edc75e !important;
}

.tx__yellow--l20 {
  color: #f2d78c !important;
}

.tx__yellow--l30 {
  color: #f7e7ba !important;
}

.tx__yellow--l40 {
  color: #fcf7e8 !important;
}

.tx__orange--d40 {
  color: #442108 !important;
}

.tx__orange--d30 {
  color: #72370d !important;
}

.tx__orange--d20 {
  color: #a04d12 !important;
}

.tx__orange--d10 {
  color: #ce6417 !important;
}

.tx__orange {
  color: #e87d30 !important;
}

.tx__orange--l10 {
  color: #ed9a5e !important;
}

.tx__orange--l20 {
  color: #f2b78c !important;
}

.tx__orange--l30 {
  color: #f7d3ba !important;
}

.tx__orange--l40 {
  color: #fcf0e8 !important;
}

.tx__purple--d40 {
  color: #2a1830 !important;
}

.tx__purple--d30 {
  color: #492853 !important;
}

.tx__purple--d20 {
  color: #673975 !important;
}

.tx__purple--d10 {
  color: #854a97 !important;
}

.tx__purple {
  color: #9f62b2 !important;
}

.tx__purple--l10 {
  color: #b484c3 !important;
}

.tx__purple--l20 {
  color: #c9a6d4 !important;
}

.tx__purple--l30 {
  color: #dec9e4 !important;
}

.tx__purple--l40 {
  color: #f3ebf5 !important;
}

.tx__white {
  color: #fff !important;
}

.tx__black {
  color: #000 !important;
}

.bg__gray--d40 {
  background-color: #000 !important;
}

.bg__gray--d30 {
  background-color: #242424 !important;
}

.bg__gray--d20 {
  background-color: #59595a !important;
}

.bg__gray--d10 {
  background-color: #757576 !important;
}

.bg__gray--d5 {
  background-color: #98989a !important;
}

.bg__gray {
  background-color: #bfbfc0 !important;
}

.bg__gray--l5 {
  background-color: #d6d6d7 !important;
}

.bg__gray--l10 {
  background-color: #e3e3e3 !important;
}

.bg__gray--l20 {
  background-color: #ededee !important;
}

.bg__gray--l30 {
  background-color: whitesmoke !important;
}

.bg__gray--l40 {
  background-color: #fff !important;
}

.bg__red--d40 {
  background-color: #420d0b !important;
}

.bg__red--d30 {
  background-color: #6d1613 !important;
}

.bg__red--d20 {
  background-color: #981e1b !important;
}

.bg__red--d10 {
  background-color: #c42722 !important;
}

.bg__red {
  background-color: #dd413c !important;
}

.bg__red--l10 {
  background-color: #e56b67 !important;
}

.bg__red--l20 {
  background-color: #ec9693 !important;
}

.bg__red--l30 {
  background-color: #f4c0be !important;
}

.bg__red--l40 {
  background-color: #fbeaea !important;
}

.bg__pink--d40 {
  background-color: #3e1329 !important;
}

.bg__pink--d30 {
  background-color: #651f42 !important;
}

.bg__pink--d20 {
  background-color: #8d2a5c !important;
}

.bg__pink--d10 {
  background-color: #b43676 !important;
}

.bg__pink {
  background-color: #cb528f !important;
}

.bg__pink--l10 {
  background-color: #d779a8 !important;
}

.bg__pink--l20 {
  background-color: #e3a0c2 !important;
}

.bg__pink--l30 {
  background-color: #eec8db !important;
}

.bg__pink--l40 {
  background-color: #faeff5 !important;
}

.bg__blue--d40 {
  background-color: #0a1c38 !important;
}

.bg__blue--d30 {
  background-color: #123163 !important;
}

.bg__blue--d20 {
  background-color: #19478f !important;
}

.bg__blue--d10 {
  background-color: #215cba !important;
}

.bg__blue {
  background-color: #3374db !important;
}

.bg__blue--l10 {
  background-color: #5e92e3 !important;
}

.bg__blue--l20 {
  background-color: #8aafea !important;
}

.bg__blue--l30 {
  background-color: #b5cdf2 !important;
}

.bg__blue--l40 {
  background-color: #e0eafa !important;
}

.bg__aqua--d40 {
  background-color: #0f323d !important;
}

.bg__aqua--d30 {
  background-color: #195366 !important;
}

.bg__aqua--d20 {
  background-color: #23748f !important;
}

.bg__aqua--d10 {
  background-color: #2d95b8 !important;
}

.bg__aqua {
  background-color: #46afd2 !important;
}

.bg__aqua--l10 {
  background-color: #6fc1dc !important;
}

.bg__aqua--l20 {
  background-color: #98d2e6 !important;
}

.bg__aqua--l30 {
  background-color: #c1e4f0 !important;
}

.bg__aqua--l40 {
  background-color: #eaf6fa !important;
}

.bg__green--d40 {
  background-color: #0c271d !important;
}

.bg__green--d30 {
  background-color: #194d39 !important;
}

.bg__green--d20 {
  background-color: #257456 !important;
}

.bg__green--d10 {
  background-color: #329a72 !important;
}

.bg__green {
  background-color: #3ec18f !important;
}

.bg__green--l10 {
  background-color: #65cda5 !important;
}

.bg__green--l20 {
  background-color: #8bdabc !important;
}

.bg__green--l30 {
  background-color: #b2e6d2 !important;
}

.bg__green--l40 {
  background-color: #d8f3e9 !important;
}

.bg__yellow--d40 {
  background-color: #443408 !important;
}

.bg__yellow--d30 {
  background-color: #72570d !important;
}

.bg__yellow--d20 {
  background-color: #a07a12 !important;
}

.bg__yellow--d10 {
  background-color: #ce9d17 !important;
}

.bg__yellow {
  background-color: #e8b730 !important;
}

.bg__yellow--l10 {
  background-color: #edc75e !important;
}

.bg__yellow--l20 {
  background-color: #f2d78c !important;
}

.bg__yellow--l30 {
  background-color: #f7e7ba !important;
}

.bg__yellow--l40 {
  background-color: #fcf7e8 !important;
}

.bg__orange--d40 {
  background-color: #442108 !important;
}

.bg__orange--d30 {
  background-color: #72370d !important;
}

.bg__orange--d20 {
  background-color: #a04d12 !important;
}

.bg__orange--d10 {
  background-color: #ce6417 !important;
}

.bg__orange {
  background-color: #e87d30 !important;
}

.bg__orange--l10 {
  background-color: #ed9a5e !important;
}

.bg__orange--l20 {
  background-color: #f2b78c !important;
}

.bg__orange--l30 {
  background-color: #f7d3ba !important;
}

.bg__orange--l40 {
  background-color: #fcf0e8 !important;
}

.bg__purple--d40 {
  background-color: #2a1830 !important;
}

.bg__purple--d30 {
  background-color: #492853 !important;
}

.bg__purple--d20 {
  background-color: #673975 !important;
}

.bg__purple--d10 {
  background-color: #854a97 !important;
}

.bg__purple {
  background-color: #9f62b2 !important;
}

.bg__purple--l10 {
  background-color: #b484c3 !important;
}

.bg__purple--l20 {
  background-color: #c9a6d4 !important;
}

.bg__purple--l30 {
  background-color: #dec9e4 !important;
}

.bg__purple--l40 {
  background-color: #f3ebf5 !important;
}

.bg__white {
  background-color: #fff !important;
}

.bg__black {
  background-color: #000 !important;
}

/** Fixadores **/
.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

/** z-index **/
.zindex-n1 {
  z-index: -1;
}

.zindex-0 {
  z-index: 0;
}

.zindex-1 {
  z-index: 1000;
}

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

.zindex-3 {
  z-index: 1030;
}

.zindex-4 {
  z-index: 1030;
}

.zindex-5 {
  z-index: 1050;
}

.zindex-6 {
  z-index: 1060;
}

.zindex-7 {
  z-index: 1070;
}

/** Tamanhos (avatares) **/
.avatar {
  border: 1px solid #fff;
  border-radius: 50% !important;
  object-fit: cover;
  object-position: center center;
}

.size-1 {
  width: 1.75rem;
  height: 1.75rem;
}

.size-2 {
  width: 2.25rem;
  height: 2.25rem;
}

.size-3 {
  width: 3.25rem;
  height: 3.25rem;
}

.size-4 {
  width: 5rem;
  height: 5rem;
}

.size-5 {
  width: 7.5rem;
  height: 7.5rem;
}

/** Object-fit **/
.object-cover {
  object-fit: cover;
  object-position: center center;
}

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/* tamanhos de modal */
.modal .modal-xxl {
  width: 1140px;
}

.modal .modal-xl {
  width: 1000px;
}

.modal .modal-sm {
  width: 800px;
}

.modal .modal-xs {
  width: 300px;
}

.modal-header,
.modal-footer {
  border-color: whitesmoke;
}

.modal-content {
  border-radius: 8px;
}
.modal-content .spinner-grow-backdrop {
  border-radius: 8px;
}

/* ajuste do tamanho da modal xxl para monitores menores */
@media (max-width: 1024px) {
  .modal .modal-xxl {
    width: 1020px;
  }
}
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
.nav.nav-tabs,
nav.nav.nav-tabs {
  border-bottom: 2px solid #e3e3e3;
  margin-bottom: 15px;
}
.nav.nav-tabs .nav-item,
nav.nav.nav-tabs .nav-item {
  margin-bottom: -2px;
}
.nav.nav-tabs .nav-link,
nav.nav.nav-tabs .nav-link {
  border: none;
  color: #757576;
  text-transform: uppercase;
  font-weight: 400;
}
.nav.nav-tabs .nav-link.disabled,
nav.nav.nav-tabs .nav-link.disabled {
  color: #bfbfc0;
}
.nav.nav-tabs .nav-link.active,
nav.nav.nav-tabs .nav-link.active {
  border-bottom: 2px solid #3374db;
  color: #3374db;
  font-weight: 600;
  outline: none;
}
.nav.flex-column,
nav.nav.flex-column {
  display: inline-flex;
  margin-bottom: 15px;
}
.nav.flex-column .nav-link,
nav.nav.flex-column .nav-link {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: none;
}
.nav.flex-column .nav-link:hover, .nav.flex-column .nav-link:focus,
nav.nav.flex-column .nav-link:hover,
nav.nav.flex-column .nav-link:focus {
  border-color: #ddd;
  z-index: 2;
}
.nav.flex-column .nav-link > i:first-child,
nav.nav.flex-column .nav-link > i:first-child {
  width: 20px;
}
.nav.flex-column ~ .tab-content,
nav.nav.flex-column ~ .tab-content {
  display: inline-flex;
  flex: 1;
}
.nav.flex-column ~ .tab-content .tab-pane,
nav.nav.flex-column ~ .tab-content .tab-pane {
  flex: 1;
}

.nav-tabs.flex-column .nav-item > .nav-tabs.flex-column {
  margin: 0 0 0 -2px;
}
.nav-tabs.flex-column .nav-item > .nav-tabs.flex-column .nav-link {
  text-transform: initial;
  padding-left: 50px;
}

.nav-tabs.flex-column > .nav-tabs.flex-column > .nav-tabs.flex-column .nav-item .nav-link:hover,
.nav-tabs.flex-column .nav-item .nav-link:focus {
  border-color: #ddd;
  z-index: 2;
}

.flex-column .nav-item + li {
  margin-top: 0;
}

.nav-pills .nav-item .nav-link {
  line-height: 20px;
  padding: 8px 12px;
}

.tab-indicator-container {
  display: inline-flex;
  position: relative;
  vertical-align: super;
  margin: -5px 0 0 0;
  padding-left: 0;
  list-style: none;
}
.tab-indicator-container .tab-indicator {
  font-size: 13px;
}
.tab-indicator-container .tab-indicator-warning {
  color: #e8b730;
}
.tab-indicator-container .tab-indicator-danger {
  color: #dd413c;
}
.tab-indicator-container .tab-indicator .badge {
  font-size: 10px;
}

.nav.nav-subtabs .nav-item .nav-link, .nav.nav-tabs .nav-item .nav-link {
  color: #757576;
  font-weight: 400;
}
.nav.nav-subtabs .nav-item .nav-link:hover, .nav.nav-tabs .nav-item .nav-link:hover {
  color: #3374db;
  cursor: pointer;
}
.nav.nav-subtabs .nav-item .nav-link .badge, .nav.nav-tabs .nav-item .nav-link .badge {
  display: inline-block;
  padding: 2px 6px;
  vertical-align: initial;
}
.nav.nav-subtabs .nav-item .nav-link.disabled, .nav.nav-tabs .nav-item .nav-link.disabled {
  color: #bfbfc0;
}
.nav.nav-subtabs .nav-item .nav-link.disabled:hover, .nav.nav-tabs .nav-item .nav-link.disabled:hover {
  color: #bfbfc0;
}
.nav.nav-subtabs .nav-item.link-disabled, .nav.nav-tabs .nav-item.link-disabled {
  opacity: 1;
}
.nav.nav-tabs:not(.flex-column) {
  border-bottom: 2px solid #e3e3e3;
}
.nav.nav-tabs:not(.flex-column) .select-active {
  border-bottom: 2px solid #3374db;
  bottom: -2px;
  height: 2px;
  position: absolute;
}
.nav.nav-tabs:not(.flex-column) .nav-item {
  margin-bottom: -2px;
}
.nav.nav-tabs:not(.flex-column) .nav-link {
  border-left: none;
  border-right: none;
  border-top: none;
  font-weight: 400;
}
.nav.nav-tabs:not(.flex-column) .nav-link:hover {
  border-bottom: 2px solid #e3e3e3;
}
.nav.nav-tabs:not(.flex-column) .nav-link.active {
  font-weight: 600;
  border-bottom: 2px solid #3374db;
  color: #3374db;
}
.nav.nav-subtabs:not(.flex-column) {
  border-bottom: 1px solid #e3e3e3;
}
.nav.nav-subtabs:not(.flex-column) .select-active {
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  bottom: -2px;
  height: 2px;
  position: absolute;
}
.nav.nav-subtabs:not(.flex-column) .nav-item {
  background-color: #fff;
  margin-bottom: -1px;
}
.nav.nav-subtabs:not(.flex-column) .nav-item .nav-link {
  border-bottom: 1px solid #e3e3e3;
  border-radius: 4px 4px 0 0;
}
.nav.nav-subtabs:not(.flex-column) .nav-item .nav-link.active {
  border-bottom: 0;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  color: #3374db;
  font-weight: 600;
  margin-bottom: 0;
}
.nav.nav-tabs:not(.flex-column) {
  color: #757576;
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;
  position: relative;
}
.nav.nav-tabs:not(.flex-column) .nav-item .nav-link {
  background: none;
  font-size: 14px;
  margin-right: 0;
  padding: 8px 14px;
  text-transform: uppercase;
}
.nav.nav-tabs:not(.flex-column) .nav-item .required-icon {
  top: -1px;
}
.nav.flex-column.nav-tabs {
  border-left: 2px solid #ededed;
  border-bottom: none;
  padding: 0;
}
.nav.flex-column.nav-tabs .nav-link,
.nav.flex-column.nav-tabs .nav-item .nav-link {
  border: 0;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 2px;
  color: #757576;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 400;
  padding: 12px;
  margin-left: -2px;
}
.nav.flex-column.nav-tabs .nav-link:hover, .nav.flex-column.nav-tabs .nav-link:focus,
.nav.flex-column.nav-tabs .nav-item .nav-link:hover,
.nav.flex-column.nav-tabs .nav-item .nav-link:focus {
  color: #3374db;
  background-color: transparent;
  border-bottom: 0;
}
.nav.flex-column.nav-tabs .nav-link.active,
.nav.flex-column.nav-tabs .nav-item .nav-link.active {
  border-left-color: #3374db;
  border-bottom: none;
}
.nav.flex-column.nav-tabs .nav-link.active, .nav.flex-column.nav-tabs .nav-link.open,
.nav.flex-column.nav-tabs .nav-item .nav-link.active,
.nav.flex-column.nav-tabs .nav-item .nav-link.open {
  background-color: transparent;
  color: #3374db;
  font-weight: 600;
}
.nav.flex-column.nav-tabs .nav-link.disabled,
.nav.flex-column.nav-tabs .nav-item .nav-link.disabled {
  color: silver;
}
.nav.flex-column.nav-tabs.child-active .nav-link {
  border-left-color: #e3e3e3;
  font-weight: 600;
  color: #757576;
}
.nav.flex-column.nav-tabs.child-active .nav-link > i {
  color: #3374db;
}

.flex-column:not(.nav-collapsed) .required-icon {
  position: relative;
}
.flex-column.nav-collapsed .required-icon {
  right: 10px;
  top: 0;
}

.nav-collapsed {
  width: 50px;
}
.nav-collapsed .nav-item .nav-link > span:not(.required-icon),
.nav-collapsed .nav-item .nav-link .nav-linkbbr,
.nav-collapsed .nav-item .nav-link > ul,
.nav-collapsed .nav-item .nav-link > button {
  display: none;
}

.nav-media {
  transition: add 0.2s;
}
.nav-media li img,
.nav-media li h3 {
  display: inline-block;
  float: none;
}
.nav-media li h3 {
  font-weight: 600;
  margin: 11px 0 10px 10px;
  vertical-align: middle;
}
.nav-media li i {
  margin-top: 11px;
}
.nav-media li:hover i {
  opacity: 1;
}
.nav-media li .active {
  background-color: #eee;
}
.nav-media li .active i {
  opacity: 1;
}
.nav-media.disabled {
  opacity: 0;
}

.nav-justified:not(.flex-column) {
  display: flex;
  flex-direction: row;
}
.nav-justified:not(.flex-column) .nav-item {
  display: inline-flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
}
.nav-justified:not(.flex-column) .nav-item .nav-link {
  width: 100%;
}

@media (max-width: 767px) {
  .nav.nav-tabs.nav-tabs--has-icon .nav-item {
    text-align: center;
  }
  .nav.nav-tabs.nav-tabs--has-icon .nav-item .nav-link {
    white-space: nowrap;
    width: 30px;
    overflow: hidden;
    display: block;
  }
  .nav.nav-tabs.nav-tabs--has-icon .nav-item .nav-link.active {
    width: auto;
  }
}
.nav-tabs.nav-wizard {
  justify-content: space-between;
  padding-top: 0;
  border-bottom: none !important;
  flex-wrap: nowrap !important;
}
.nav-tabs.nav-wizard.flex-column {
  border-left: none;
  margin: 0 28px 0 56px;
}
.nav-tabs.nav-wizard.flex-column .nav-item .nav-link,
.nav-tabs.nav-wizard.flex-column .nav-link {
  border: none;
  padding-left: 46px;
  padding-top: 12px !important;
  min-height: 52px;
  outline: inherit;
}
.nav-tabs.nav-wizard.flex-column .nav-item .nav-link::before,
.nav-tabs.nav-wizard.flex-column .nav-link::before {
  border-left: 1px solid silver;
  left: 23px;
  top: -12px;
  transform: none;
  height: calc(100% - 30px);
  width: 1px;
}
.nav-tabs.nav-wizard.flex-column .nav-item .nav-link::after,
.nav-tabs.nav-wizard.flex-column .nav-link::after {
  left: 8px;
}
.nav-tabs.nav-wizard.flex-column .nav-item .nav-link:focus,
.nav-tabs.nav-wizard.flex-column .nav-link:focus {
  outline: 1px dotted #222;
}
.nav-tabs.nav-wizard.flex-column .nav-item .nav-link.active,
.nav-tabs.nav-wizard.flex-column .nav-link.active {
  outline: none;
}
.nav-tabs.nav-wizard .nav-item {
  counter-increment: step;
  min-width: 100px;
  width: 100%;
  text-align: center;
}
.nav-tabs.nav-wizard .nav-item:first-child .nav-link::before {
  display: none;
}
.nav-tabs.nav-wizard .nav-link {
  position: relative;
  text-transform: none !important;
  border-bottom: none !important;
  padding-top: 40px !important;
  white-space: nowrap;
}
.nav-tabs.nav-wizard .nav-link::before {
  content: "";
  border-bottom: 1px solid silver;
  position: absolute;
  right: 100%;
  top: 23px;
  transform: translate(50%);
  width: calc(100% - 30px);
}
.nav-tabs.nav-wizard .nav-link::after {
  content: counters(step, ".") " ";
  position: absolute;
  top: 8px;
  left: calc(50% - 15px);
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid silver;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  justify-content: center;
  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  pointer-events: none;
}
.nav-tabs.nav-wizard .nav-link.active {
  font-weight: normal;
}
.nav-tabs.nav-wizard .nav-link.active::after {
  background-color: #3374db;
  border-color: #3374db;
  color: #fff;
}
.nav-tabs.nav-wizard .nav-link.checked:not(.active) {
  color: #3374db;
}
.nav-tabs.nav-wizard .nav-link.checked:not(.active)::after {
  content: "󰄬";
  font-family: "Material Design Icons";
  border-color: #3374db;
  color: #3374db;
}
.nav-tabs.nav-wizard .nav-link.checked:not(.active)::before {
  border-color: #3374db;
}
.nav-tabs.nav-wizard > .nav-item:first-child::before {
  display: none;
}

.nav.flex-column.nav-tabs.nav-timeline {
  flex-wrap: nowrap;
  border: none;
}
.nav.flex-column.nav-tabs.nav-timeline li {
  display: flex;
}
.nav.flex-column.nav-tabs.nav-timeline li > .badge {
  z-index: 2;
  margin-left: 108px;
  transform: translateX(-50%);
}
.nav.flex-column.nav-tabs.nav-timeline li > div:first-child {
  min-width: 108px;
  flex: 0;
  text-align: right;
  padding-right: 12px;
  border-right: 1px solid #c0c0c0;
  margin-right: 12px;
}
.nav.flex-column.nav-tabs.nav-timeline li > div:first-child p {
  margin: 20px 0 8px;
}
.nav.flex-column.nav-tabs.nav-timeline li > div:first-child small {
  position: relative;
  color: #767676;
  font-size: 12px;
}
.nav.flex-column.nav-tabs.nav-timeline li > div:first-child small::after {
  content: "";
  position: absolute;
  top: 1px;
  right: -20px;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 50%;
  z-index: 12;
}

.pagination {
  text-transform: uppercase;
  align-items: flex-end;
}
.pagination > .page-item {
  margin-left: 4px;
}
.pagination > .page-item .page-link {
  border-radius: 4px;
  background-color: #fff;
  border-color: silver;
  color: #222;
}
.pagination > .page-item .page-link:focus {
  text-decoration: none;
  box-shadow: none;
  outline: 1px dotted #242424;
}
.pagination > .page-item .page-link:hover {
  background-color: #ededee;
}
.pagination > .page-item.active .page-link {
  background-color: #e1e3e6;
  box-shadow: none;
  outline: none;
}
.pagination > .page-item.disabled .page-link {
  pointer-events: none;
  border-color: #e3e3e3;
  box-shadow: none;
  color: #bfbfc0;
  opacity: 1;
}
.pagination > .page-item.disabled .page-link:hover {
  background-color: #fff;
}
.pagination > .page-item:first-child {
  margin-left: 0;
}
.pagination > .page-item:first-child .page-link {
  border-radius: 4px;
}
.pagination > .page-item:last-child {
  margin-right: 0;
}

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
.popover {
  border: 1px solid #e3e3e3;
  border-radius: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  font-family: "Open Sans", "Arial", sans-serif;
  padding: 0;
}
.popover.bottom > .arrow {
  border-bottom-color: #e3e3e3;
}
.popover.left > .arrow {
  border-left-color: #e3e3e3;
}
.popover.top > .arrow {
  border-top-color: #e3e3e3;
}
.popover.right > .arrow {
  border-right-color: #e3e3e3;
}
.popover-content {
  padding: 12px;
}

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
.progress {
  overflow: hidden;
  position: relative;
  height: 4px;
  border-radius: 0;
}
.progress .progress-bar {
  height: 4px;
  transition: width 300ms linear;
}
.progress .progress-bar:before {
  background-color: #3374db;
  content: "";
  display: block;
  height: 4px;
  position: relative;
  width: 100%;
  z-index: 2;
}
.progress .progress-bar:after {
  background-color: #e3e3e3;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  transform: translateY(-4px);
  width: 100%;
  z-index: 1;
}
.progress .progress-bar.bg-danger:before {
  background-color: #dd413c;
}
.progress .progress-bar.bg-success:before {
  background-color: #3ec18f;
}
.progress .progress-bar.bg-warning:before {
  background-color: #e8b730;
}
.progress .progress-bar.bg-info:before {
  background-color: #46afd2;
}
.progress__percent {
  color: #242424;
  font-weight: 600;
  text-align: center;
  width: 100%;
}
.progress__description {
  color: #242424;
  display: flex;
  font-weight: 500;
  justify-content: space-between;
  line-height: 12px;
  margin-top: 2px;
}

.progress-indeterminate .progress-bar:after {
  transform: translateY(0);
}
.progress-indeterminate .progress-bar:before {
  animation: anim-indeterminate 2s infinite ease-in-out;
  position: absolute;
}

@keyframes anim-indeterminate {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
input[type=radio]:hover {
  cursor: pointer;
}

input[type=radio]:after {
  width: 1.05rem !important;
  height: 1.05rem !important;
  border-radius: 100% !important;
  top: 0;
  left: -1px;
  position: relative;
  background-color: #fff;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid #bfbfc0;
}

input[type=radio]:checked:after {
  width: 1.05rem !important;
  height: 1.05rem !important;
  border-radius: 1.15rem !important;
  top: 0;
  left: -1px;
  position: relative;
  background-color: #3374db;
  border-color: #3374db !important;
  content: "";
  background-size: 1.05rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5S14.76,7,12,7z'/%3e%3c/svg%3e");
  display: inline-block;
  visibility: visible;
  border: 2px solid #bfbfc0;
}

input[type=radio].radio-danger:checked:after {
  background-color: #dd413c;
  border-color: #dd413c !important;
}

input[type=radio].radio-success:checked:after {
  background-color: #3ec18f;
  border-color: #3ec18f !important;
}

input[type=radio].radio-warning:checked:after {
  background-color: #e8b730;
  border-color: #e8b730 !important;
}

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 8px;
  width: 8px;
}
::-webkit-scrollbar-track {
  background: whitesmoke;
}
::-webkit-scrollbar-corner {
  background: whitesmoke;
}
::-webkit-scrollbar-thumb {
  background-color: #bfbfc0;
  border-radius: 1px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
.spinner-grow {
  display: inline-block;
  position: relative;
  left: -99999px;
  width: 20px;
  height: 20px;
  margin-left: 52px;
  border-radius: 10px;
  background-color: #3374db;
  color: #3374db;
  box-shadow: 99973px 0 0 -5px #3374db;
  animation: grow 1.6s infinite ease-in-out;
  animation-delay: 0.25s;
  vertical-align: middle;
  text-align: initial;
  opacity: 1;
}
.spinner-grow::before, .spinner-grow::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #3374db;
  color: #3374db;
}
.spinner-grow::before {
  box-shadow: 99952px 0 0 -5px #3374db;
  animation: growBefore 1.6s infinite ease-in-out;
  animation-delay: 0s;
}
.spinner-grow::after {
  box-shadow: 99995px 0 0 -5px #3374db;
  animation: growAfter 1.6s infinite ease-in-out;
  animation-delay: 0.5s;
}
.spinner-grow.spinner-grow-sm {
  zoom: 0.5;
}

.spinner-grow-backdrop {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1060;
  pointer-events: none;
}

@keyframes growBefore {
  0% {
    box-shadow: 99952px 0 0 -5px #3374db;
  }
  30% {
    box-shadow: 99952px 0 0 2px #3374db;
  }
  60%, 100% {
    box-shadow: 99952px 0 0 -5px #3374db;
  }
}
@keyframes grow {
  0% {
    box-shadow: 99973px 0 0 -5px #3374db;
  }
  30% {
    box-shadow: 99973px 0 0 2px #3374db;
  }
  60%, 100% {
    box-shadow: 99973px 0 0 -5px #3374db;
  }
}
@keyframes growAfter {
  0% {
    box-shadow: 99995px 0 0 -5px #3374db;
  }
  30% {
    box-shadow: 99995px 0 0 2px #3374db;
  }
  60%, 100% {
    box-shadow: 99995px 0 0 -5px #3374db;
  }
}
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
.custom-switch {
  margin-left: -30px;
}
.custom-switch .custom-control-label {
  padding-left: 36px;
  font-weight: normal !important;
  color: #242424;
  cursor: pointer;
}
.custom-switch .custom-control-label:before, .custom-switch .custom-control-label:after {
  border-radius: 2px;
  content: "";
  height: 15px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 15px;
}
.custom-switch .custom-control-label::before {
  background: #bfbfc0;
  border: 2px solid #bfbfc0;
  border-radius: 8px;
  height: 12px;
  left: 0;
  margin-top: -6px;
  top: 50%;
  width: 26px;
}
.custom-switch .custom-control-label::after {
  box-shadow: none;
  background: whitesmoke;
  border: 1px solid #bfbfc0;
  border-radius: 50%;
  height: 16px;
  left: -2px;
  margin-top: -8px;
  padding-right: 2px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.custom-switch .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}
.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: silver;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #8aafea;
  border-color: #8aafea;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
  background-color: #3374db;
  border-color: #3374db;
  left: 0;
}
.custom-switch .custom-control-input:disabled ~ .custom-control-label, .custom-switch .custom-control-input[disabled] ~ .custom-control-label {
  color: #bfbfc0;
  cursor: not-allowed !important;
}
.custom-switch .custom-control-input:disabled ~ .custom-control-label:before, .custom-switch .custom-control-input[disabled] ~ .custom-control-label:before {
  background-color: #ededee;
  border-color: #ededee;
}
.custom-switch .custom-control-input:disabled ~ .custom-control-label:after, .custom-switch .custom-control-input[disabled] ~ .custom-control-label:after {
  background-color: #fff;
  border-color: #e3e3e3;
}
.custom-switch .custom-control-input:disabled ~ .custom-control-label:checked ~ .custom-control-label::before:before, .custom-switch .custom-control-input[disabled] ~ .custom-control-label:checked ~ .custom-control-label::before:before {
  background-color: #ededee;
  border-color: #ededee;
}
.custom-switch .custom-control-input:disabled ~ .custom-control-label:checked ~ .custom-control-label::before:after, .custom-switch .custom-control-input[disabled] ~ .custom-control-label:checked ~ .custom-control-label::before:after {
  background-color: #fff;
  border-color: #e3e3e3;
}
.custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background: silver;
  border: 2px solid silver;
}

/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
/**
 ** Colors adicionais utilizadas no sistema
 **/
/*
** @desc Seletor da font e suas propriedades
** @param
**  $prop: Propiedade
**  $variation: Variação da propriedade
**  $hierarchy: Hierarquia da font
*/
/*
** @desc Seletor de cores baseado no padrão de nomenclatura estabelecido na paleta
** @param
**  $color: Nome da cor
**  $variation: Variação da cor
*/
/*
** @desc Divide uma string em um array com base em um separador
** @param
**  $string: String que será dividia
**  $separator: String do separador
*/
/*
** @desc Acrescenta iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Remove iluminação a cor
** @param
**  $color: Cor
**  $amount: Porção de iluminação
*/
/*
** @desc Gera variações de cores
** @param
**  $prop: Propriedade do css que receberá a cor
**  $prefix: Classe que receberá as variações
**
*/
.table {
  background-color: transparent;
  max-width: 100%;
  overflow-wrap: break-word;
  width: 100%;
}
.table > thead {
  background-color: #fff;
  border: 0;
  z-index: 10;
}
.table > thead > tr > th {
  border: none;
  font-size: 80%;
  font-weight: 600;
}
.table > thead > tr > th > a,
.table > thead > tr > th > div > a,
.table > thead > tr > th > a:not([href]),
.table > thead > tr > th > a:not([href]):not([class]),
.table > thead > tr > th > i,
.table > thead > tr > th > label,
.table > thead > tr > th > span {
  color: #242424;
  margin-bottom: 0;
}
.table > thead > tr > th > a,
.table > thead > tr > th > div > a,
.table > thead > tr > th > label,
.table > thead > tr > th > span {
  text-transform: uppercase;
}
.table > tbody > tr > td {
  vertical-align: middle;
}
.table > tbody > tr.item-warning-undo {
  cursor: default !important;
  opacity: 0.3;
  pointer-events: none;
  text-decoration: line-through;
}
.table > tbody > tr.item-warning-undo div {
  text-decoration: line-through;
}
.table > tbody > tr.table-row-checked > td {
  background-color: #fefbf2;
}
.table > tbody > tr.table-row-checked:hover > td {
  background-color: #fdf5e3;
}
.table > tbody + tbody {
  border-top: 0;
}
.table > thead > tr.warning-undo,
.table > tbody > tr.warning-undo,
.table > tfoot > tr.warning-undo {
  background-color: #fcf8e3 !important;
}
.table > thead > tr > td,
.table > thead > tr > th,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th {
  background-clip: padding-box !important;
  padding: 0.5rem;
}
.table > thead > tr > td.warning-undo,
.table > thead > tr > th.warning-undo,
.table > tbody > tr > td.warning-undo,
.table > tbody > tr > th.warning-undo,
.table > tfoot > tr > td.warning-undo,
.table > tfoot > tr > th.warning-undo {
  background-color: #fcf8e3 !important;
}
.table > thead > tr > td.has-alert, .table > thead > tr > td.list-alert-cell,
.table > thead > tr > th.has-alert,
.table > thead > tr > th.list-alert-cell,
.table > tbody > tr > td.has-alert,
.table > tbody > tr > td.list-alert-cell,
.table > tbody > tr > th.has-alert,
.table > tbody > tr > th.list-alert-cell,
.table > tfoot > tr > td.has-alert,
.table > tfoot > tr > td.list-alert-cell,
.table > tfoot > tr > th.has-alert,
.table > tfoot > tr > th.list-alert-cell {
  position: relative;
}

.table > thead > tr > th.col-100,
.table > thead > tr > td.col-100,
.table > tbody > tr > th.col-100,
.table > tbody > tr > td.col-100,
.table > tfoot > tr > th.col-100,
.table > tfoot > tr > td.col-100 {
  max-width: 100%;
  width: 100%;
}
.table > thead > tr > th.col-offset-100,
.table > thead > tr > td.col-offset-100,
.table > tbody > tr > th.col-offset-100,
.table > tbody > tr > td.col-offset-100,
.table > tfoot > tr > th.col-offset-100,
.table > tfoot > tr > td.col-offset-100 {
  margin-left: 100%;
}
.table > thead > tr > th.col-95,
.table > thead > tr > td.col-95,
.table > tbody > tr > th.col-95,
.table > tbody > tr > td.col-95,
.table > tfoot > tr > th.col-95,
.table > tfoot > tr > td.col-95 {
  max-width: 95%;
  width: 95%;
}
.table > thead > tr > th.col-offset-95,
.table > thead > tr > td.col-offset-95,
.table > tbody > tr > th.col-offset-95,
.table > tbody > tr > td.col-offset-95,
.table > tfoot > tr > th.col-offset-95,
.table > tfoot > tr > td.col-offset-95 {
  margin-left: 95%;
}
.table > thead > tr > th.col-90,
.table > thead > tr > td.col-90,
.table > tbody > tr > th.col-90,
.table > tbody > tr > td.col-90,
.table > tfoot > tr > th.col-90,
.table > tfoot > tr > td.col-90 {
  max-width: 90%;
  width: 90%;
}
.table > thead > tr > th.col-offset-90,
.table > thead > tr > td.col-offset-90,
.table > tbody > tr > th.col-offset-90,
.table > tbody > tr > td.col-offset-90,
.table > tfoot > tr > th.col-offset-90,
.table > tfoot > tr > td.col-offset-90 {
  margin-left: 90%;
}
.table > thead > tr > th.col-85,
.table > thead > tr > td.col-85,
.table > tbody > tr > th.col-85,
.table > tbody > tr > td.col-85,
.table > tfoot > tr > th.col-85,
.table > tfoot > tr > td.col-85 {
  max-width: 85%;
  width: 85%;
}
.table > thead > tr > th.col-offset-85,
.table > thead > tr > td.col-offset-85,
.table > tbody > tr > th.col-offset-85,
.table > tbody > tr > td.col-offset-85,
.table > tfoot > tr > th.col-offset-85,
.table > tfoot > tr > td.col-offset-85 {
  margin-left: 85%;
}
.table > thead > tr > th.col-80,
.table > thead > tr > td.col-80,
.table > tbody > tr > th.col-80,
.table > tbody > tr > td.col-80,
.table > tfoot > tr > th.col-80,
.table > tfoot > tr > td.col-80 {
  max-width: 80%;
  width: 80%;
}
.table > thead > tr > th.col-offset-80,
.table > thead > tr > td.col-offset-80,
.table > tbody > tr > th.col-offset-80,
.table > tbody > tr > td.col-offset-80,
.table > tfoot > tr > th.col-offset-80,
.table > tfoot > tr > td.col-offset-80 {
  margin-left: 80%;
}
.table > thead > tr > th.col-75,
.table > thead > tr > td.col-75,
.table > tbody > tr > th.col-75,
.table > tbody > tr > td.col-75,
.table > tfoot > tr > th.col-75,
.table > tfoot > tr > td.col-75 {
  max-width: 75%;
  width: 75%;
}
.table > thead > tr > th.col-offset-75,
.table > thead > tr > td.col-offset-75,
.table > tbody > tr > th.col-offset-75,
.table > tbody > tr > td.col-offset-75,
.table > tfoot > tr > th.col-offset-75,
.table > tfoot > tr > td.col-offset-75 {
  margin-left: 75%;
}
.table > thead > tr > th.col-70,
.table > thead > tr > td.col-70,
.table > tbody > tr > th.col-70,
.table > tbody > tr > td.col-70,
.table > tfoot > tr > th.col-70,
.table > tfoot > tr > td.col-70 {
  max-width: 70%;
  width: 70%;
}
.table > thead > tr > th.col-offset-70,
.table > thead > tr > td.col-offset-70,
.table > tbody > tr > th.col-offset-70,
.table > tbody > tr > td.col-offset-70,
.table > tfoot > tr > th.col-offset-70,
.table > tfoot > tr > td.col-offset-70 {
  margin-left: 70%;
}
.table > thead > tr > th.col-65,
.table > thead > tr > td.col-65,
.table > tbody > tr > th.col-65,
.table > tbody > tr > td.col-65,
.table > tfoot > tr > th.col-65,
.table > tfoot > tr > td.col-65 {
  max-width: 65%;
  width: 65%;
}
.table > thead > tr > th.col-offset-65,
.table > thead > tr > td.col-offset-65,
.table > tbody > tr > th.col-offset-65,
.table > tbody > tr > td.col-offset-65,
.table > tfoot > tr > th.col-offset-65,
.table > tfoot > tr > td.col-offset-65 {
  margin-left: 65%;
}
.table > thead > tr > th.col-60,
.table > thead > tr > td.col-60,
.table > tbody > tr > th.col-60,
.table > tbody > tr > td.col-60,
.table > tfoot > tr > th.col-60,
.table > tfoot > tr > td.col-60 {
  max-width: 60%;
  width: 60%;
}
.table > thead > tr > th.col-offset-60,
.table > thead > tr > td.col-offset-60,
.table > tbody > tr > th.col-offset-60,
.table > tbody > tr > td.col-offset-60,
.table > tfoot > tr > th.col-offset-60,
.table > tfoot > tr > td.col-offset-60 {
  margin-left: 60%;
}
.table > thead > tr > th.col-55,
.table > thead > tr > td.col-55,
.table > tbody > tr > th.col-55,
.table > tbody > tr > td.col-55,
.table > tfoot > tr > th.col-55,
.table > tfoot > tr > td.col-55 {
  max-width: 55%;
  width: 55%;
}
.table > thead > tr > th.col-offset-55,
.table > thead > tr > td.col-offset-55,
.table > tbody > tr > th.col-offset-55,
.table > tbody > tr > td.col-offset-55,
.table > tfoot > tr > th.col-offset-55,
.table > tfoot > tr > td.col-offset-55 {
  margin-left: 55%;
}
.table > thead > tr > th.col-50,
.table > thead > tr > td.col-50,
.table > tbody > tr > th.col-50,
.table > tbody > tr > td.col-50,
.table > tfoot > tr > th.col-50,
.table > tfoot > tr > td.col-50 {
  max-width: 50%;
  width: 50%;
}
.table > thead > tr > th.col-offset-50,
.table > thead > tr > td.col-offset-50,
.table > tbody > tr > th.col-offset-50,
.table > tbody > tr > td.col-offset-50,
.table > tfoot > tr > th.col-offset-50,
.table > tfoot > tr > td.col-offset-50 {
  margin-left: 50%;
}
.table > thead > tr > th.col-45,
.table > thead > tr > td.col-45,
.table > tbody > tr > th.col-45,
.table > tbody > tr > td.col-45,
.table > tfoot > tr > th.col-45,
.table > tfoot > tr > td.col-45 {
  max-width: 45%;
  width: 45%;
}
.table > thead > tr > th.col-offset-45,
.table > thead > tr > td.col-offset-45,
.table > tbody > tr > th.col-offset-45,
.table > tbody > tr > td.col-offset-45,
.table > tfoot > tr > th.col-offset-45,
.table > tfoot > tr > td.col-offset-45 {
  margin-left: 45%;
}
.table > thead > tr > th.col-40,
.table > thead > tr > td.col-40,
.table > tbody > tr > th.col-40,
.table > tbody > tr > td.col-40,
.table > tfoot > tr > th.col-40,
.table > tfoot > tr > td.col-40 {
  max-width: 40%;
  width: 40%;
}
.table > thead > tr > th.col-offset-40,
.table > thead > tr > td.col-offset-40,
.table > tbody > tr > th.col-offset-40,
.table > tbody > tr > td.col-offset-40,
.table > tfoot > tr > th.col-offset-40,
.table > tfoot > tr > td.col-offset-40 {
  margin-left: 40%;
}
.table > thead > tr > th.col-35,
.table > thead > tr > td.col-35,
.table > tbody > tr > th.col-35,
.table > tbody > tr > td.col-35,
.table > tfoot > tr > th.col-35,
.table > tfoot > tr > td.col-35 {
  max-width: 35%;
  width: 35%;
}
.table > thead > tr > th.col-offset-35,
.table > thead > tr > td.col-offset-35,
.table > tbody > tr > th.col-offset-35,
.table > tbody > tr > td.col-offset-35,
.table > tfoot > tr > th.col-offset-35,
.table > tfoot > tr > td.col-offset-35 {
  margin-left: 35%;
}
.table > thead > tr > th.col-30,
.table > thead > tr > td.col-30,
.table > tbody > tr > th.col-30,
.table > tbody > tr > td.col-30,
.table > tfoot > tr > th.col-30,
.table > tfoot > tr > td.col-30 {
  max-width: 30%;
  width: 30%;
}
.table > thead > tr > th.col-offset-30,
.table > thead > tr > td.col-offset-30,
.table > tbody > tr > th.col-offset-30,
.table > tbody > tr > td.col-offset-30,
.table > tfoot > tr > th.col-offset-30,
.table > tfoot > tr > td.col-offset-30 {
  margin-left: 30%;
}
.table > thead > tr > th.col-25,
.table > thead > tr > td.col-25,
.table > tbody > tr > th.col-25,
.table > tbody > tr > td.col-25,
.table > tfoot > tr > th.col-25,
.table > tfoot > tr > td.col-25 {
  max-width: 25%;
  width: 25%;
}
.table > thead > tr > th.col-offset-25,
.table > thead > tr > td.col-offset-25,
.table > tbody > tr > th.col-offset-25,
.table > tbody > tr > td.col-offset-25,
.table > tfoot > tr > th.col-offset-25,
.table > tfoot > tr > td.col-offset-25 {
  margin-left: 25%;
}
.table > thead > tr > th.col-20,
.table > thead > tr > td.col-20,
.table > tbody > tr > th.col-20,
.table > tbody > tr > td.col-20,
.table > tfoot > tr > th.col-20,
.table > tfoot > tr > td.col-20 {
  max-width: 20%;
  width: 20%;
}
.table > thead > tr > th.col-offset-20,
.table > thead > tr > td.col-offset-20,
.table > tbody > tr > th.col-offset-20,
.table > tbody > tr > td.col-offset-20,
.table > tfoot > tr > th.col-offset-20,
.table > tfoot > tr > td.col-offset-20 {
  margin-left: 20%;
}
.table > thead > tr > th.col-15,
.table > thead > tr > td.col-15,
.table > tbody > tr > th.col-15,
.table > tbody > tr > td.col-15,
.table > tfoot > tr > th.col-15,
.table > tfoot > tr > td.col-15 {
  max-width: 15%;
  width: 15%;
}
.table > thead > tr > th.col-offset-15,
.table > thead > tr > td.col-offset-15,
.table > tbody > tr > th.col-offset-15,
.table > tbody > tr > td.col-offset-15,
.table > tfoot > tr > th.col-offset-15,
.table > tfoot > tr > td.col-offset-15 {
  margin-left: 15%;
}
.table > thead > tr > th.col-10,
.table > thead > tr > td.col-10,
.table > tbody > tr > th.col-10,
.table > tbody > tr > td.col-10,
.table > tfoot > tr > th.col-10,
.table > tfoot > tr > td.col-10 {
  max-width: 10%;
  width: 10%;
}
.table > thead > tr > th.col-offset-10,
.table > thead > tr > td.col-offset-10,
.table > tbody > tr > th.col-offset-10,
.table > tbody > tr > td.col-offset-10,
.table > tfoot > tr > th.col-offset-10,
.table > tfoot > tr > td.col-offset-10 {
  margin-left: 10%;
}
.table > thead > tr > th.col-5,
.table > thead > tr > td.col-5,
.table > tbody > tr > th.col-5,
.table > tbody > tr > td.col-5,
.table > tfoot > tr > th.col-5,
.table > tfoot > tr > td.col-5 {
  max-width: 5%;
  width: 5%;
}
.table > thead > tr > th.col-offset-5,
.table > thead > tr > td.col-offset-5,
.table > tbody > tr > th.col-offset-5,
.table > tbody > tr > td.col-offset-5,
.table > tfoot > tr > th.col-offset-5,
.table > tfoot > tr > td.col-offset-5 {
  margin-left: 5%;
}
.table > thead > tr > th.col-fit,
.table > thead > tr > td.col-fit,
.table > tbody > tr > th.col-fit,
.table > tbody > tr > td.col-fit,
.table > tfoot > tr > th.col-fit,
.table > tfoot > tr > td.col-fit {
  white-space: nowrap;
  width: 1px;
}
.table > thead > tr > th.align-right,
.table > thead > tr > td.align-right,
.table > tbody > tr > th.align-right,
.table > tbody > tr > td.align-right,
.table > tfoot > tr > th.align-right,
.table > tfoot > tr > td.align-right {
  justify-content: flex-end;
}

.table.table-striped > tbody > tr:nth-child(odd) {
  background-color: whitesmoke;
}
.table.table-striped > tbody > tr:nth-child(even) {
  background-color: #fff;
}

.table.table-fixed {
  table-layout: fixed;
}

.table.table-hover > tbody > tr.warning-undo,
.table.table-hover > tbody > td.warning-undo {
  background-color: #fcf8e3 !important;
}
.table.table-hover > tbody > tr.warning-undo:hover,
.table.table-hover > tbody > td.warning-undo:hover {
  background-color: #faf2cc !important;
}
.table.table-hover > tbody > tr:hover > td {
  background-color: whitesmoke;
}

@media (max-width: 767px) {
  .table.table-card {
    border: none;
    display: block;
    position: relative;
  }
  .table.table-card thead,
.table.table-card tbody,
.table.table-card th,
.table.table-card td,
.table.table-card tr {
    border: none;
    display: block;
    width: 100%;
  }
  .table.table-card > thead > tr {
    display: none;
    left: -9999px;
    top: -9999px;
  }
  .table.table-card > tbody > tr {
    border: 1px solid #e1e3e6;
    margin-bottom: 8px;
    padding: 8px;
    position: relative;
  }
  .table.table-card > tbody > tr > td {
    border: none !important;
    position: relative;
    text-align: left;
    white-space: normal;
  }
  .table.table-card > tbody > tr > td.table-card__td--full {
    padding-top: 30px;
  }
  .table.table-card > tbody > tr > td.table-card__td--full[data-title]:before {
    padding-top: 25px;
  }
  .table.table-card > tbody > tr > td.table-card__td--action {
    position: absolute;
    right: 0;
    text-align: right;
    top: 8px;
  }
  .table.table-card > tbody > tr > td.ellipsis {
    max-width: 100%;
  }
  .table.table-card > tbody > tr > td[data-title] {
    padding-left: 45%;
  }
  .table.table-card > tbody > tr > td[data-title]:before {
    color: #242424;
    content: attr(data-title);
    font-size: 80%;
    font-weight: 600;
    left: 0.5rem;
    overflow: hidden;
    padding-right: 10px;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: uppercase;
    top: 0.5rem;
    white-space: nowrap;
    width: 45%;
  }
  .table.table-card > tbody > tr:hover > td {
    background-color: transparent;
  }
  .table.table-card.table-card--has-collapse tbody > tr.opened td.col-arrow:before,
.table.table-card.table-card--has-collapse tbody > tr.opened th.col-arrow:before,
.table.table-card.table-card--has-collapse thead > tr.opened td.col-arrow:before,
.table.table-card.table-card--has-collapse thead > tr.opened th.col-arrow:before {
    width: 0%;
  }
  .table.table-card.table-card--has-collapse > tbody > tr:nth-child(odd) {
    padding-bottom: 35px;
  }
  .table.table-card.table-card--has-collapse > tbody > tr.collapsable {
    border: 1px solid transparent;
    margin-top: -8px;
    padding: 0;
  }
  .table.table-card.table-card--has-collapse > tbody > tr.collapsable--is-collapsed {
    border: 1px solid #e1e3e6;
    border-top: none !important;
  }
  .table.table-card.table-card--has-collapse > tbody > tr.indentation > td > div {
    padding: 8px 0 8px 8px;
  }
  .table.table-card.table-card--has-collapse > tbody > tr.opened > td:first-child {
    background-color: transparent;
  }
  .table.table-card.table-card--has-collapse > tbody > tr > td.table-card__td--full {
    padding-top: 30px;
  }
  .table.table-card.table-card--has-collapse > tbody > tr > td.col-arrow {
    bottom: 4px;
    position: absolute;
    text-align: center;
    width: 94%;
  }
  .table.table-card.table-card--has-collapse > tbody > tr > td.col-arrow:hover {
    background-color: transparent;
  }
  .table.table-card.table-card--has-collapse > tbody > tr > td.col-arrow:hover:before {
    background: transparent;
  }
  .table.table-card.table-card--has-collapse > tbody > tr > td.col-arrow:before {
    background: transparent;
  }
  .table.table-card.table-card--has-collapse > tbody > tr > td > .btn-trigger:before {
    content: attr(data-prepend);
    font-family: Open Sans, Arial, sans-serif;
  }
}
.table.table-bordered {
  border: 0;
}
.table.table-bordered thead tr th {
  border: 1px solid #e3e3e3;
}
.table.table-bordered tbody tr td {
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}

/*# sourceMappingURL=theme-bootstrap4.css.map */