﻿@charset "UTF-8";
/* #Brand */
/* #Feedback */
/* Default */
/* States */
/* Indice

#A - Library
#B - Defaults
#C - Layout
#D - Resets

#1 - Cor
#1.01 - Tema Base
#1.02 - Feedback
#1.03 - Genérico

#2 - Tipografia
#2.01 - Font family
#2.02 - Estilos
#2.03 - Variantes
#2.04 - Cor

#3 - Iconografia
#3.01 - Webdoc Font
#3.02 - Google Material Font

#4 - Componentes (BS 4.1)
#4.01 - Alerts
#4.02 - Badges
#4.03 - Breadcrumb
#4.04 - Buttons
#4.05 - Button Groups
#4.06 - Card
#4.07 - Carousel (X)
#4.08 - Collapse
#4.09 - Dropdowns
#4.10 - Forms
#4.11 - Input Group
#4.12 - Jumbotron (X)
#4.13 - List Group
#4.14 - Modal
#4.15 - Navs
#4.16 - Pagination
#4.17 - Popovers
#4.18 - Progress
#4.19 - Scrollspy (X)
#4.20 - Tooltips
#4.21 - Tables
#4.22 - Avatars
#4.23 - UI

#5 - Login
#6 - Timeline

*/
/*------------------------------------*\
#A - Library. Classes apenas para formatação da biblioteca de componentes (Living Design System).
\*------------------------------------*/
body.wd-lds {
  background-color: #fff;
}

body.wd-lds .h100 {
  height: 100px;
}

body.wd-lds .bg-textprimary {
  background-color: #0a0a0a;
}

body.wd-lds .bg-textmuted {
  background-color: #707070;
}

body.wd-lds .bg-body {
  background-color: #f7f7fa;
}

body.wd-lds .base {
  padding-left: 320px;
}

body.wd-lds .content {
  position: relative;
  width: 100%;
  padding: 80px;
}

body.wd-lds .sidebar {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  width: 320px;
  background: #f7f7fa;
  padding: 40px;
}

body.wd-lds .sidebar .list-group-item {
  background-color: #f7f7fa;
}

/*------------------------------------*\
#B - Defaults
\*------------------------------------*/
html,
body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

body {
  font-family: Arial, sans-serif;
  font-size: 1rem;
  color: #0a0a0a;
  background-color: #f7f7fa;
}

/*------------------------------------*\
#C - Layout
\*------------------------------------*/
.base {
  width: 100%;
  min-height: 100%;
  position: relative;
  padding-bottom: 60px;
  /* Scroll extra para o FAB */
  /* VALIDAR */
}

.content {
  position: relative;
  width: 100%;
}

section {
  background-color: #fff;
}

header {
  padding: 20px 30px;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: -webkit-box-shadow 0.6s ease-in-out;
  transition: -webkit-box-shadow 0.6s ease-in-out;
  transition: box-shadow 0.6s ease-in-out;
  transition: box-shadow 0.6s ease-in-out, -webkit-box-shadow 0.6s ease-in-out;
}

/* Menus */
.divWrapperSideBarMenuLeft {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  overflow-x: hidden;
}

.has-primary_menu {
  width: 80px;
}

.has-primary_menu.primary_menu-expanded {
  -webkit-box-shadow: 10px 0px 18px rgba(10, 10, 10, 0.1);
          box-shadow: 10px 0px 18px rgba(10, 10, 10, 0.1);
  width: 240px;
}

.has-primary_menu.primary_menu-expanded .is-primary_menu {
  width: 240px;
}

.has-primary_menu.primary_menu-expanded .is-primary_menu .nav-item.next-task span {
  opacity: 1;
}

.has-primary_menu.primary_menu-expanded .is-primary_menu .nav-item ul .cta-wizard {
  display: inline-block;
}

.has-primary_menu.primary_menu-expanded .is-primary_menu .nav-item a p {
  display: block;
}

.has-primary_menu.primary_menu-expanded .is-primary_menu .nav-item a i {
  margin-right: 15px;
}

.has-primary_menu.primary_menu-expanded.has-secondary_menu.has-both_menus {
  width: 300px;
  left: -240px;
}

.has-primary_menu.primary_menu-expanded.has-secondary_menu.has-both_menus.view-both {
  left: 0;
}

.has-primary_menu.primary_menu-expanded.has-both_menus.view-both .is-secondary_menu {
  border-left: 1px solid #0b182b;
}

.has-primary_menu.primary_menu-expanded.secondary_menu-expanded.has-both_menus {
  width: 520px;
}

.has-primary_menu + #base {
  padding-left: 80px;
}

.has-primary_menu .is-secondary_menu {
  display: none;
}

.has-primary_menu.has-both_menus .is-primary_menu {
  display: block;
}

.has-secondary_menu {
  width: 60px;
}

.has-secondary_menu.secondary_menu-expanded {
  -webkit-box-shadow: 10px 0px 18px rgba(10, 10, 10, 0.1);
          box-shadow: 10px 0px 18px rgba(10, 10, 10, 0.1);
  width: 280px;
}

.has-secondary_menu.secondary_menu-expanded .is-secondary_menu {
  width: 280px;
}

.has-secondary_menu.secondary_menu-expanded .is-secondary_menu .nav-item a p {
  display: block;
}

.has-secondary_menu.secondary_menu-expanded .is-secondary_menu .nav-item a i {
  margin-right: 15px;
}

.has-secondary_menu + #base {
  padding-left: 60px;
}

.has-secondary_menu .is-primary_menu {
  display: none;
}

.has-secondary_menu.has-both_menus .is-secondary_menu {
  display: block;
  left: 240px;
}

.is-primary_menu, .is-secondary_menu {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.is-primary_menu .nav, .is-secondary_menu .nav {
  display: block;
  float: none;
  margin-top: 20px;
}

.is-primary_menu .nav-item, .is-secondary_menu .nav-item {
  display: list-item;
  padding: 0 18px;
  position: relative;
  width: 100%;
  margin: 10px 0;
}

.is-primary_menu .nav-item a, .is-secondary_menu .nav-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.is-primary_menu .nav-item a:hover, .is-secondary_menu .nav-item a:hover {
  text-decoration: none;
}

.is-primary_menu .nav-item a i, .is-secondary_menu .nav-item a i {
  text-align: center;
  vertical-align: middle;
  float: left;
  font-size: 24px;
  line-height: 30px;
  margin-right: 0;
}

.is-primary_menu .nav-item a p, .is-secondary_menu .nav-item a p {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
  white-space: nowrap;
  display: none;
}

.is-primary_menu {
  width: 80px;
  background-color: #0b182b;
}

.is-primary_menu .nav-item a {
  padding: 8px 10px;
  color: #fff;
}

.is-primary_menu .nav-item a i {
  color: #fff;
}

.is-primary_menu .nav-item a p {
  color: #fff;
}

.is-primary_menu .nav-item.next-task {
  margin-bottom: 20px;
  padding: 0 16px;
}

.is-primary_menu .nav-item.next-task span {
  opacity: 0;
}

.is-primary_menu .nav-item.user-info {
  margin-bottom: 20px;
  padding: 0 16px;
}

.is-primary_menu .nav-item.user-info a {
  padding: 0;
}

.is-primary_menu .nav-item ul .cta-wizard {
  display: none;
}

.is-primary_menu .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(255, 255, 255, 0.75) !important;
}

.is-secondary_menu {
  width: 60px;
  background-color: #152f54;
}

.is-secondary_menu .nav-item a {
  padding: 8px 0;
  color: #fff;
}

.is-secondary_menu .nav-item a i {
  color: #fff;
}

.is-secondary_menu .nav-item a p {
  color: #fff;
}

.is-secondary_menu .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(255, 255, 255, 0.75) !important;
}

.has-aside .aside {
  height: 100%;
  position: fixed;
  background: #0b182b;
  border-right: 1px solid #0b182b;
  z-index: 101;
}

.has-aside .aside .aside-header {
  position: relative;
  background: #0b182b;
  border-bottom: #0b182b;
}

.has-aside .aside .aside-header .nav-tabs {
  border-bottom: 0;
}

.has-aside .aside .aside-body {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.has-aside .aside .aside-body .aside-body-content {
  margin: 10px;
}

.has-aside .aside.aside-left {
  width: 260px;
}

.has-aside .aside.aside-left + .content {
  width: calc(100% - 260px);
  left: 260px;
}

/*------------------------------------*\
#D - Resets
\*------------------------------------*/
a {
  color: #1d46b5;
}

legend {
  font-size: 1rem;
}

/* Custom scrollbar */
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(10, 10, 10, 0.75) !important;
}

/*------------------------------------*\
#1 - Cor
\*------------------------------------*/
.bg {
  /* #1.01 - Tema Base */
  /* #1.02 - Feedback */
}

.bg-primary {
  background-color: #152f54 !important;
}

.bg-primary-bright {
  background-color: #295da6;
}

.bg-primary-light {
  background-color: #1f467d;
}

.bg-primary-dark {
  background-color: #0b182b;
}

.bg-secondary {
  background-color: #0a0a0a !important;
}

.bg-secondary-bright {
  background-color: #3d3d3d;
}

.bg-secondary-light {
  background-color: #242424;
}

.bg-secondary-dark {
  background-color: black;
}

.bg-accent {
  background-color: #0331ad;
}

.bg-accent-bright {
  background-color: #1b58fb;
}

.bg-accent-light {
  background-color: #043fdf;
}

.bg-accent-dark {
  background-color: #02237b;
}

.bg-info {
  background-color: #1d46b5 !important;
}

.bg-success {
  background-color: #24762f !important;
}

.bg-warning {
  background-color: #d73d00 !important;
}

.bg-danger {
  background-color: #b02c15 !important;
}

.border {
  /* #1.01 - Tema Base */
  /* #1.02 - Feedback */
}

.border-primary {
  border-color: #152f54 !important;
}

.border-secondary {
  border-color: #0a0a0a !important;
}

.border-accent {
  border-color: #0331ad !important;
}

.border-info {
  border-color: #1d46b5 !important;
}

.border-success {
  border-color: #24762f !important;
}

.border-warning {
  border-color: #d73d00 !important;
}

.border-danger {
  border-color: #b02c15 !important;
}

/*------------------------------------*\
#2 - Tipografia
\*------------------------------------*/
/* #2.01 - Font family */
/* #2.02 - Estilos */
.fw100 {
  font-weight: 100;
}

.fw300 {
  font-weight: 300 !important;
}

.fw400 {
  font-weight: 400 !important;
}

.fw500 {
  font-weight: 500 !important;
}

.fw700 {
  font-weight: 700 !important;
}

.fw900 {
  font-weight: 900 !important;
}

/* #2.03 - Variantes */
h1 {
  font-size: 5.125rem;
  font-weight: 300;
}

h2 {
  font-size: 1.875rem;
  font-weight: 400;
}

h3 {
  font-size: 1.625rem;
  font-weight: 400;
}

h4 {
  font-size: 1.375rem;
  font-weight: 400;
}

h5 {
  font-size: 1.125rem;
  font-weight: 400;
}

h6 {
  font-size: 1rem;
  font-weight: 400;
}

p {
  font-size: 1rem;
  font-weight: 400;
}

.sub-text {
  font-size: 0.875rem;
  font-weight: 400;
}

label {
  /*text-transform: uppercase;*/
  font-weight: 700;
  font-size: 0.75rem;
}

label:not(.custom-control-label) {
  text-transform: uppercase;
}

.custom-control-label {
  padding-top: 4px;
}

/* #2.04 - Cor */
.text {
  /* #1.01 - Tema Base */
  /* #1.02 - Feedback */
}

.text-primary {
  color: #152f54 !important;
}

.text-primary-bright {
  color: #295da6;
}

.text-primary-light {
  color: #1f467d;
}

.text-primary-dark {
  color: #0b182b;
}

.text-secondary {
  color: #0a0a0a !important;
}

.text-secondary-bright {
  color: #3d3d3d;
}

.text-secondary-light {
  color: #242424;
}

.text-secondary-dark {
  color: black;
}

.text-accent {
  color: #0331ad;
}

.text-accent-bright {
  color: #1b58fb;
}

.text-accent-light {
  color: #043fdf;
}

.text-accent-dark {
  color: #02237b;
}

.text-info {
  color: #1d46b5 !important;
}

.text-success {
  color: #24762f !important;
}

.text-warning {
  color: #d73d00 !important;
}

.text-danger {
  color: #b02c15 !important;
}

.text-muted {
  color: #707070 !important;
}

.text-star {
  color: #fda800;
}

/*------------------------------------*\
#3 - Iconografia
\*------------------------------------*/
/* #3.01 - Webdoc Font */
/* #3.02 - Google Material Font */
.material-icons,
.wd {
  vertical-align: middle;
}

.material-icons.fs-14,
.wd.fs-14 {
  font-size: 14px;
}

.material-icons.fs-16,
.wd.fs-16 {
  font-size: 16px;
}

.material-icons.fs-18,
.wd.fs-18 {
  font-size: 18px;
}

.material-icons.fs-24,
.wd.fs-24 {
  font-size: 24px;
}

.material-icons.fs-32,
.wd.fs-32 {
  font-size: 32px;
}

.material-icons.fs-36,
.wd.fs-36 {
  font-size: 36px;
}

.material-icons.fs-48,
.wd.fs-48 {
  font-size: 48px;
}

/*------------------------------------*\
#4 - Componentes (BS 4.1)
\*------------------------------------*/
/* #4.01 - Alerts */
.alert-primary {
  background-color: #152f54;
  border-color: #152f54;
  color: #fff;
}

.alert-primary .alert-link {
  color: #fff;
}

.alert-secondary {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: #fff;
}

.alert-secondary .alert-link {
  color: #fff;
}

.alert-info {
  background-color: #1d46b5;
  border-color: #1d46b5;
  color: #fff;
}

.alert-info .alert-link {
  color: #fff;
}

.alert-warning {
  background-color: #d73d00;
  border-color: #d73d00;
  color: #fff;
}

.alert-warning .alert-link {
  color: #fff;
}

.alert-danger {
  background-color: #b02c15;
  border-color: #b02c15;
  color: #fff;
}

.alert-danger .alert-link {
  color: #fff;
}

.alert-success {
  background-color: #24762f;
  border-color: #24762f;
  color: #fff;
}

.alert-success .alert-link {
  color: #fff;
}

.alert-light, .alert-dark {
  color: #0a0a0a;
}

/* #4.02 - Badges */
.badge-primary {
  background-color: #152f54;
  color: #fff;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0b182b;
}

.badge-secondary {
  background-color: #0a0a0a;
  color: #fff;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: black;
}

.badge-accent {
  background-color: #0331ad;
  color: #fff;
}

.badge-accent[href]:hover, .badge-accent[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #02237b;
}

.badge-success {
  background-color: #c5edcb;
  color: #184f1f;
}

.badge-success[href]:hover, .badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #184f1f;
}

.badge-success.has-bg {
  background-color: #24762f;
  color: white;
  border: 2px solid white;
}

.badge-danger {
  background-color: #fce6e2;
  color: #822110;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #822110;
}

.badge-danger.has-bg {
  background-color: #b02c15;
  color: white;
  border: 2px solid white;
}

.badge-info {
  background-color: #eef2fc;
  color: #163589;
}

.badge-info[href]:hover, .badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #163589;
}

.badge-info.has-bg {
  background-color: #1d46b5;
  color: white;
  border: 2px solid white;
}

.badge-warning {
  background-color: #fff5f1;
  color: #a42f00;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #a42f00;
}

.badge-warning.has-bg {
  background-color: #d73d00;
  color: white;
  border: 2px solid white;
}

.badge-semprazo {
  background: #f5f5f5;
  color: #343a40;
}

.badge-semprazo[href]:hover, .badge-semprazo[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: gainsboro;
}

.badge-foradoprazo {
  background: #343a40;
  color: #fff;
}

.badge-foradoprazo[href]:hover, .badge-foradoprazo[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124;
}

.badge-ultimodia {
  background: #ce0b0f;
  color: #fff;
}

.badge-ultimodia[href]:hover, .badge-ultimodia[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #9e080b;
}

.badge-penultimodia {
  background: #dd3900;
  color: #fff;
}

.badge-penultimodia[href]:hover, .badge-penultimodia[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #aa2c00;
}

.badge-5diasparafimdoprazo {
  background: #6317d6;
  color: #fff;
}

.badge-5diasparafimdoprazo[href]:hover, .badge-5diasparafimdoprazo[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #4e12a8;
}

.badge-dentrodoprazo {
  background: #118721;
  color: #fff;
}

.badge-dentrodoprazo[href]:hover, .badge-dentrodoprazo[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0b5a16;
}

.badge.tag {
  color: #0a0a0a;
  font-weight: 600;
  line-height: 1.5;
  /* tag style #1 */
  /* tag style #2 */
  /* tag style #3 */
  /* tag style #4 */
  /* tag style #5 */
  /* tag style #6 */
  /* tag style #7 */
  /* tag style #8 */
  /* tag style #9 */
  /* tag style #10 */
}

.badge.tag a {
  color: #b02c15;
}

.badge.tag[data-tag="f1f1f1"], .badge.tag-id[data-tag="f1f1f1"] {
  background-color: #f1f1f1;
}

.badge.tag[data-tag="ffecda"], .badge.tag-id[data-tag="ffecda"] {
  background-color: #ffecda;
}

.badge.tag[data-tag="dae9f9"], .badge.tag-id[data-tag="dae9f9"] {
  background-color: #dae9f9;
}

.badge.tag[data-tag="e7e0d8"], .badge.tag-id[data-tag="e7e0d8"] {
  background-color: #e7e0d8;
}

.badge.tag[data-tag="ebebeb"], .badge.tag-id[data-tag="ebebeb"] {
  background-color: #ebebeb;
}

.badge.tag[data-tag="ffdbd6"], .badge.tag-id[data-tag="ffdbd6"] {
  background-color: #ffdbd6;
}

.badge.tag[data-tag="e9d9f3"], .badge.tag-id[data-tag="e9d9f3"] {
  background-color: #e9d9f3;
}

.badge.tag[data-tag="e8d5db"], .badge.tag-id[data-tag="e8d5db"] {
  background-color: #e8d5db;
}

.badge.tag[data-tag="c9efce"], .badge.tag-id[data-tag="c9efce"] {
  background-color: #c9efce;
}

.badge.tag[data-tag="ffffd0"], .badge.tag-id[data-tag="ffffd0"] {
  background-color: #ffffd0;
}

.tag-id {
  width: 12px;
  height: 12px;
  display: inline-block;
}

/* #4.03 - Breadcrumb */
.breadcrumb {
  background: transparent;
  font-size: .875rem;
  font-weight: 700;
}

.breadcrumb a {
  color: #1d46b5;
}

.breadcrumb a:hover {
  color: #163589;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  color: #bdbdbd;
}

.breadcrumb-item.active {
  color: #707070;
}

/* # 4.04 - Buttons */
.btn {
  font-weight: 700;
  /* btn-primary */
  /* btn-secondary */
  /* btn-accent */
  /* btn-flat */
  /* btn-light */
  /* btn-info */
  /* btn-success */
  /* btn-warning */
  /* btn-danger */
  /* outline primary */
  /* Botões disabled */
}

.btn-primary {
  background: #152f54;
  border-color: #152f54;
  color: #fff;
}

.btn-primary:hover {
  background: #0b182b;
  border-color: #0b182b;
  color: #fff;
}

.btn-primary:focus, .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(21, 47, 84, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(21, 47, 84, 0.1);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background: #0b182b;
  border-color: #0b182b;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(21, 47, 84, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(21, 47, 84, 0.1);
  color: #fff;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(21, 47, 84, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(21, 47, 84, 0.1);
}

.btn-secondary {
  background: #0a0a0a;
  border-color: #0a0a0a;
  color: #fff;
}

.btn-secondary:hover {
  background: black;
  border-color: black;
  color: #fff;
}

.btn-secondary:focus, .btn-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(10, 10, 10, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(10, 10, 10, 0.1);
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background: black;
  border-color: black;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(10, 10, 10, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(10, 10, 10, 0.1);
  color: #fff;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(10, 10, 10, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(10, 10, 10, 0.1);
}

.btn-accent {
  background-color: #0331ad;
  border-color: #0331ad;
  color: #fff;
}

.btn-accent:hover {
  background-color: #02237b;
  border-color: #02237b;
  color: #fff;
}

.btn-accent:focus, .btn-accent.focus, .btn-accent:active, .btn-accent.active, .btn-accent:active:focus, .btn-accent:active.focus {
  background: #02237b;
  border-color: #02237b;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(3, 49, 173, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(3, 49, 173, 0.1);
}

.btn-flat {
  background: transparent;
  color: #0a0a0a;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-flat:hover {
  background: transparent;
  color: #0a0a0a;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-flat:focus, .btn-flat.focus, .btn-flat:active, .btn-flat.active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(10, 10, 10, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(10, 10, 10, 0.1);
}

.btn-light {
  color: #0a0a0a;
}

.btn-light:hover {
  color: #0a0a0a;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
}

.btn-info {
  background: #1d46b5;
  border-color: #1d46b5;
  color: #fff;
}

.btn-info:hover {
  background: #163589;
  border-color: #163589;
  color: #fff;
}

.btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .btn-info:active:focus, .btn-info:active.focus {
  background: #163589;
  border-color: #163589;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 70, 181, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(29, 70, 181, 0.1);
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
  background: #1d46b5;
  border-color: #1d46b5;
  color: #fff;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  background: #163589;
  border-color: #163589;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 70, 181, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(29, 70, 181, 0.1);
  color: #fff;
}

.btn-success {
  background: #24762f;
  border-color: #24762f;
  color: #fff;
}

.btn-success:hover {
  background: #184f1f;
  border-color: #184f1f;
  color: #fff;
}

.btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .btn-success:active:focus, .btn-success:active.focus {
  background: #184f1f;
  border-color: #184f1f;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(36, 118, 47, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(36, 118, 47, 0.1);
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  background: #24762f;
  border-color: #24762f;
  color: #fff;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  background: #184f1f;
  border-color: #184f1f;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(36, 118, 47, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(36, 118, 47, 0.1);
  color: #fff;
}

.btn-warning {
  background: #d73d00;
  border-color: #d73d00;
  color: #fff;
}

.btn-warning:hover {
  background: #a42f00;
  border-color: #a42f00;
  color: #fff;
}

.btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .btn-warning:active:focus, .btn-warning:active.focus {
  background: #a42f00;
  border-color: #a42f00;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(215, 61, 0, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(215, 61, 0, 0.1);
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
  background: #d73d00;
  border-color: #d73d00;
  color: #fff;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  background: #a42f00;
  border-color: #a42f00;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(215, 61, 0, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(215, 61, 0, 0.1);
  color: #fff;
}

.btn-danger {
  background: #b02c15;
  border-color: #b02c15;
  color: #fff;
}

.btn-danger:hover {
  background: #822110;
  border-color: #822110;
  color: #fff;
}

.btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .btn-danger:active:focus, .btn-danger:active.focus {
  background: #822110;
  border-color: #822110;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(176, 44, 21, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(176, 44, 21, 0.1);
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
  background: #b02c15;
  border-color: #b02c15;
  color: #fff;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  background: #822110;
  border-color: #822110;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(176, 44, 21, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(176, 44, 21, 0.1);
  color: #fff;
}

.btn-outline-primary {
  color: #152f54;
  background-color: transparent;
  background-image: none;
  border-color: #152f54;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #0b182b;
  border-color: #0b182b;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(21, 47, 84, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(21, 47, 84, 0.1);
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0b182b;
  border-color: #0b182b;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(21, 47, 84, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(21, 47, 84, 0.1);
}

.btn-outline-secondary {
  color: #0a0a0a;
  background-color: transparent;
  background-image: none;
  border-color: #0a0a0a;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: black;
  border-color: black;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(10, 10, 10, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(10, 10, 10, 0.1);
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: black;
  border-color: black;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(10, 10, 10, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(10, 10, 10, 0.1);
}

.btn-outline-accent {
  color: #0331ad;
  background-color: transparent;
  background-image: none;
  border-color: #0331ad;
}

.btn-outline-accent:hover {
  background-color: #02237b;
  border-color: #02237b;
  color: #fff;
}

.btn-outline-accent:focus, .btn-outline-accent.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(3, 49, 173, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(3, 49, 173, 0.1);
}

.btn-outline-accent:active, .btn-outline-accent.active, .btn-outline-accent:active:focus, .btn-outline-accent.active:focus {
  background: #02237b;
  border-color: #02237b;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(3, 49, 173, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(3, 49, 173, 0.1);
  color: #fff;
}

.btn-outline-info {
  color: #1d46b5;
  background-color: transparent;
  background-image: none;
  border-color: #1d46b5;
}

.btn-outline-info:hover {
  background-color: #163589;
  border-color: #163589;
  color: #fff;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 70, 181, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(29, 70, 181, 0.1);
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #163589;
  border-color: #163589;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 70, 181, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(29, 70, 181, 0.1);
}

.btn-outline-success {
  color: #24762f;
  background-color: transparent;
  background-image: none;
  border-color: #24762f;
}

.btn-outline-success:hover {
  background-color: #184f1f;
  border-color: #184f1f;
  color: #fff;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(36, 118, 47, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(36, 118, 47, 0.1);
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #184f1f;
  border-color: #184f1f;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(36, 118, 47, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(36, 118, 47, 0.1);
}

.btn-outline-warning {
  color: #d73d00;
  background-color: transparent;
  background-image: none;
  border-color: #d73d00;
}

.btn-outline-warning:hover {
  background-color: #a42f00;
  border-color: #a42f00;
  color: #fff;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(215, 61, 0, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(215, 61, 0, 0.1);
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #a42f00;
  border-color: #a42f00;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(215, 61, 0, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(215, 61, 0, 0.1);
}

.btn-outline-danger {
  color: #b02c15;
  background-color: transparent;
  background-image: none;
  border-color: #b02c15;
}

.btn-outline-danger:hover {
  background-color: #822110;
  border-color: #822110;
  color: #fff;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(176, 44, 21, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(176, 44, 21, 0.1);
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  background-color: #822110;
  border-color: #822110;
  color: #fff;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(176, 44, 21, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(176, 44, 21, 0.1);
}

.btn-outline-light {
  color: #0a0a0a;
  border-color: #bdbdbd;
  background-color: #fff;
}

.btn-outline-light:hover {
  color: #0a0a0a;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(10, 10, 10, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(10, 10, 10, 0.1);
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #0a0a0a;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
}

.btn-circle {
  width: 2.375rem;
  height: 2.375rem;
  padding: 0;
  border-radius: 50%;
  line-height: 0;
}

.btn-circle i {
  font-size: 1rem;
}

.btn-sm.btn-circle {
  width: 1.938rem;
  height: 1.938rem;
}

.btn-sm.btn-circle i {
  font-size: .75rem;
}

.btn-lg.btn-circle {
  width: 3rem;
  height: 3rem;
}

.btn-lg.btn-circle i {
  font-size: 1.5rem;
}

.btn-fab {
  -webkit-box-shadow: 0 0.4rem 1rem rgba(10, 10, 10, 0.15);
          box-shadow: 0 0.4rem 1rem rgba(10, 10, 10, 0.15);
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 998;
}

.btn-fab:hover {
  -webkit-box-shadow: 0 0.6rem 1rem rgba(10, 10, 10, 0.15);
          box-shadow: 0 0.6rem 1rem rgba(10, 10, 10, 0.15);
}

.btn-fab + .btn-fab {
  bottom: 98px;
}

.btn-fab.animated {
  -webkit-animation: pulse-suporte 1s 7;
          animation: pulse-suporte 1s 7;
}

.btn:disabled, .btn.disabled {
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  opacity: .15;
}

@-webkit-keyframes pulse-suporte {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(3, 49, 173, 0.4);
            box-shadow: 0 0 0 0 rgba(3, 49, 173, 0.4);
  }
  25% {
    -webkit-box-shadow: 0 0 0 5px rgba(3, 49, 173, 0.8);
            box-shadow: 0 0 0 5px rgba(3, 49, 173, 0.8);
  }
  75% {
    -webkit-box-shadow: 0 0 0 20px rgba(3, 49, 173, 0.2);
            box-shadow: 0 0 0 20px rgba(3, 49, 173, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(3, 49, 173, 0);
            box-shadow: 0 0 0 0 rgba(3, 49, 173, 0);
  }
}

@keyframes pulse-suporte {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(3, 49, 173, 0.4);
            box-shadow: 0 0 0 0 rgba(3, 49, 173, 0.4);
  }
  25% {
    -webkit-box-shadow: 0 0 0 5px rgba(3, 49, 173, 0.8);
            box-shadow: 0 0 0 5px rgba(3, 49, 173, 0.8);
  }
  75% {
    -webkit-box-shadow: 0 0 0 20px rgba(3, 49, 173, 0.2);
            box-shadow: 0 0 0 20px rgba(3, 49, 173, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(3, 49, 173, 0);
            box-shadow: 0 0 0 0 rgba(3, 49, 173, 0);
  }
}

/* #4.05 - Button Groups */
.btn-group-advanced {
  border-radius: 0.25rem;
  background-color: #fff;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  border: 1px solid #bdbdbd;
}

.btn-group-advanced span {
  margin: 0 10px;
  font-size: 0.875rem;
}

.btn-group-advanced .btn {
  border: 0;
  padding: 0.3125rem 0.75rem;
}

/* File Types */
.wd-file-xls, .wd-file-xlsx {
  color: #007d56;
}

.wd-file-ppt, .wd-file-pptx {
  color: #CD4D00;
}

.wd-file-doc, .wd-file-docx {
  color: #0036c7;
}

.wd-file-js {
  color: #966A00;
}

.wd-file-pdf {
  color: #AC1417;
}

.wd-file-css {
  color: #C0392C;
}

.wd-file-zip {
  color: #A36528;
}

.wd-file-txt {
  color: #5C6A6A;
}

.wd-file-png {
  color: #6A507E;
}

.wd-file-bmp {
  color: #4B4461;
}

.wd-file-gif {
  color: #33485D;
}

.wd-file-svg {
  color: #CA316C;
}

.wd-file-csv {
  color: #008368;
}

.wd-file-jpeg {
  color: #647698;
}

.wd-file-tiff {
  color: #33485D;
}

.wd-file-html {
  color: #2B3D4F;
}

.wd-file-xml {
  color: #2D8731;
}

/* #4.06 - Card */
.card {
  border: 1px solid #c9c9c9;
}

.card-header {
  background: transparent;
  border-bottom: 1px solid #e3e3e3;
}

.card-footer {
  border-top: 1px solid #e3e3e3;
  background-color: #fcfcfc;
}

.card.bg {
  /* card primary*/
  /* card secondary*/
  /* card accent*/
  /* card info*/
  /* card success*/
  /* card warning*/
  /* card danger*/
}

.card.bg-primary {
  border: 1px solid #152f54;
  color: #fff;
}

.card.bg-primary .card-footer {
  background-color: #152f54;
}

.card.bg-primary .btn-flat {
  color: #fff;
}

.card.bg-primary .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-primary .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #0b182b;
}

.card.bg-primary-bright {
  border: 1px solid #295da6;
  color: #fff;
}

.card.bg-primary-bright .card-footer {
  background-color: #295da6;
}

.card.bg-primary-bright .btn-flat {
  color: #fff;
}

.card.bg-primary-bright .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-primary-bright .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #1f467d;
}

.card.bg-primary-light {
  border: 1px solid #1f467d;
  color: #fff;
}

.card.bg-primary-light .card-footer {
  background-color: #1f467d;
}

.card.bg-primary-light .btn-flat {
  color: #fff;
}

.card.bg-primary-light .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-primary-light .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #152f54;
}

.card.bg-primary-dark {
  border: 1px solid #0b182b;
  color: #fff;
}

.card.bg-primary-dark .card-footer {
  background-color: #0b182b;
}

.card.bg-primary-dark .btn-flat {
  color: #fff;
}

.card.bg-primary-dark .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-primary-dark .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #010102;
}

.card.bg-secondary {
  border: 1px solid #0a0a0a;
  color: #fff;
}

.card.bg-secondary .card-footer {
  background-color: #0a0a0a;
}

.card.bg-secondary .btn-flat {
  color: #fff;
}

.card.bg-secondary .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-secondary .nav-tabs .nav-link.active {
  color: #fff;
  border-color: black;
}

.card.bg-secondary-bright {
  border: 1px solid #3d3d3d;
  color: #fff;
}

.card.bg-secondary-bright .card-footer {
  background-color: #3d3d3d;
}

.card.bg-secondary-bright .btn-flat {
  color: #fff;
}

.card.bg-secondary-bright .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-secondary-bright .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #242424;
}

.card.bg-secondary-light {
  border: 1px solid #242424;
  color: #fff;
}

.card.bg-secondary-light .card-footer {
  background-color: #242424;
}

.card.bg-secondary-light .btn-flat {
  color: #fff;
}

.card.bg-secondary-light .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-secondary-light .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #0a0a0a;
}

.card.bg-secondary-dark {
  border: 1px solid black;
  color: #fff;
}

.card.bg-secondary-dark .card-footer {
  background-color: black;
}

.card.bg-secondary-dark .btn-flat {
  color: #fff;
}

.card.bg-secondary-dark .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-secondary-dark .nav-tabs .nav-link.active {
  color: #fff;
  border-color: black;
}

.card.bg-accent {
  border: 1px solid #0331ad;
  color: #fff;
}

.card.bg-accent .card-footer {
  background-color: #0331ad;
}

.card.bg-accent .btn-flat {
  color: #fff;
}

.card.bg-accent .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-accent .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #02237b;
}

.card.bg-accent-bright {
  border: 1px solid #1b58fb;
  color: #fff;
}

.card.bg-accent-bright .card-footer {
  background-color: #1b58fb;
}

.card.bg-accent-bright .btn-flat {
  color: #fff;
}

.card.bg-accent-bright .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-accent-bright .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #043fdf;
}

.card.bg-accent-light {
  border: 1px solid #043fdf;
  color: #fff;
}

.card.bg-accent-light .card-footer {
  background-color: #043fdf;
}

.card.bg-accent-light .btn-flat {
  color: #fff;
}

.card.bg-accent-light .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-accent-light .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #0331ad;
}

.card.bg-accent-dark {
  border: 1px solid #02237b;
  color: #fff;
}

.card.bg-accent-dark .card-footer {
  background-color: #02237b;
}

.card.bg-accent-dark .btn-flat {
  color: #fff;
}

.card.bg-accent-dark .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-accent-dark .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #011549;
}

.card.bg-info {
  border: 1px solid #1d46b5;
  color: #fff;
}

.card.bg-info .card-footer {
  background-color: #1d46b5;
}

.card.bg-info .btn-flat {
  color: #fff;
}

.card.bg-info .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-info .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #163589;
}

.card.bg-success {
  border: 1px solid #24762f;
  color: #fff;
}

.card.bg-success .card-footer {
  background-color: #24762f;
}

.card.bg-success .btn-flat {
  color: #fff;
}

.card.bg-success .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-success .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #184f1f;
}

.card.bg-warning {
  border: 1px solid #d73d00;
  color: #fff;
}

.card.bg-warning .card-footer {
  background-color: #d73d00;
}

.card.bg-warning .btn-flat {
  color: #fff;
}

.card.bg-warning .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-warning .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #a42f00;
}

.card.bg-danger {
  border: 1px solid #b02c15;
  color: #fff;
}

.card.bg-danger .card-footer {
  background-color: #b02c15;
}

.card.bg-danger .btn-flat {
  color: #fff;
}

.card.bg-danger .nav-tabs .nav-link {
  color: #fff;
}

.card.bg-danger .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #822110;
}

.card-group .card-top-left-corner {
  border-radius: 5px 0 0 0 !important;
  border-bottom: 0;
}

.card-group .card-top-right-corner {
  border-radius: 0 5px 0 0 !important;
  border-bottom: 0;
}

.card-group .card-bottom-left-corner {
  border-radius: 0 0 0 5px !important;
}

.card-group .card-bottom-right-corner {
  border-radius: 0 0 5px 0 !important;
}

.card-body .card:last-child {
  margin-bottom: 0 !important;
}

/* #4.07 - Carousel (X) */
/* css do carousel*/
.carousel-indicators li {
  width: 6px;
  height: 6px;
  border-radius: 100%;
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-indicators-item {
  min-height: 240px;
  /*classe que permite que os cards dentro do carousel fiquem todos à mesma altura*/
}

.carousel-inner {
  overflow: visible;
}

/* #4.08 - Collapse */
/* #4.09 - Dropdowns */
.no-arrow .dropdown-toggle::after {
  display: none;
}

.dropdown-menu {
  -webkit-box-shadow: 0 4px 22px rgba(10, 10, 10, 0.15);
          box-shadow: 0 4px 22px rgba(10, 10, 10, 0.15);
  border-radius: 3px;
  border: 1px solid #e3e3e3;
}

.dropdown-menu form .dropdown-divider {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.dropdown-header {
  color: #707070;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
}

.dropdown-divider {
  border-top: 1px solid #e3e3e3;
}

.dropdown-item {
  color: #0a0a0a;
  font-size: 0.875rem;
}

.dropdown-item:active, .dropdown-item.active {
  color: #0a0a0a;
  text-decoration: none;
  background-color: #f0f0f0;
}

/* #4.10 - Forms */
.form-group.required sup {
  color: #d73d00;
  font-size: 60px;
  line-height: 1px;
  vertical-align: middle;
  display: inline-block;
}

.form-group .dropdown-toggle {
  width: 100%;
  text-align: left;
}

/* #4.11 - Input Group */
.form-control {
  color: #707070;
  border: 1px solid #bdbdbd;
}

.form-control:disabled, .form-control[readonly] {
  color: #0a0a0a;
  border: 1px solid #e3e3e3;
  background-color: #e3e3e3;
  cursor: not-allowed;
}

.form-control:focus {
  color: #0a0a0a;
  -webkit-box-shadow: 0 0 0 3px rgba(29, 70, 181, 0.25);
          box-shadow: 0 0 0 3px rgba(29, 70, 181, 0.25);
}

.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
  border-color: #b02c15;
}

.custom-select.is-invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #b02c15;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(176, 44, 21, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(176, 44, 21, 0.1);
}

.invalid-feedback {
  color: #b02c15;
}

/* #4.12 - Jumbotron (X) */
/* #4.13 - List Group */
.list-group-item.active, .list-group-item:active {
  background: #1d46b5;
  color: #fff;
  border-color: #1d46b5;
}

.list-group-item:focus, .list-group-item:hover {
  background: #e3e3e3;
  color: #0331ad;
  border-color: #bdbdbd;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #e3e3e3;
  background-color: transparent;
}

/* #4.14 - Modal */
.modal.modal-fullscreen {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-right: 0 !important;
}

.modal.modal-fullscreen .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  max-width: none;
}

.modal.modal-fullscreen .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  border: none;
}

.modal.modal-fullscreen .modal-body {
  margin-bottom: 60px;
}

.modal.modal-fullscreen .modal-body .sidebar {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  width: 320px;
  background: transparent;
  padding: 40px;
}

.modal.modal-fullscreen .modal-body .base {
  width: 100%;
  min-height: 100%;
  position: relative;
  padding-left: 320px;
  /*padding-bottom: 60px;*/
  background: transparent;
}

.modal-footer {
  border-top: 1px solid #e3e3e3;
  background-color: #fcfcfc;
}

/* #4.15 - Navs */
.nav-tabs {
  border-bottom: 1px solid rgba(10, 10, 10, 0.15);
}

.nav-tabs .nav-link {
  border: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #0331ad;
}

.nav-tabs .nav-link.active {
  color: #707070;
  background-color: transparent;
  border-color: transparent;
  border: 0;
  border-bottom: 2px solid #0331ad;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}

.nav-tabs .nav-link .badge {
  font-size: 100%;
}

/* #4.16 - Pagination */
.page-item:last-child .page-link {
  border-right: 1px solid #bdbdbd;
}

.page-item:first-child .page-link {
  border-left: 1px solid #bdbdbd;
}

.page-item label,
.page-item .page-link {
  position: relative;
  display: block;
  margin-left: -1px;
  line-height: 1.25;
  color: #0a0a0a;
  background-color: #fff;
  border: 1px solid #bdbdbd;
}

.page-item label {
  font-weight: 700;
  padding: 0.594rem 0.75rem;
  text-transform: none;
  font-size: .875rem;
  margin-bottom: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item .page-link {
  font-weight: 700;
  padding: 0.5rem 0.75rem;
  color: #1d46b5;
  border-left: 0;
  border-right: 0;
}

.page-item .page-link:hover {
  color: #1d46b5;
  background-color: #f0f0f0;
  border-color: #bdbdbd;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #1d46b5;
  border-color: #1d46b5;
}

/* #4.17 - Popovers */
.popover {
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: 0 1px 60px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 60px rgba(0, 0, 0, 0.2);
}

.popover-header {
  font-weight: 600;
  background-color: transparent;
  border-bottom: none !important;
}

.popover-footer {
  padding: 0.5rem 0.75rem;
}

.popover-body {
  color: #0a0a0a;
}

.popover-row .row > .col,
.popover-row .row > [class^=col-] {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
}

.popover-row .row {
  margin-left: 0;
  margin-right: 0;
}

/* #4.18 - Progress */
.progress {
  height: 0.25rem;
  overflow: visible;
  background-color: rgba(0, 0, 0, 0.1);
}

.progress-bar {
  position: relative;
}

.progress-bar span {
  background-color: #0a0a0a;
  position: absolute;
  top: -30px;
  font-size: .75rem;
  line-height: .75rem;
  padding: 6px;
  right: -14px;
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: 0 5px 10px rgba(10, 10, 10, 0.2);
  box-shadow: 0 5px 10px rgba(10, 10, 10, 0.2);
}

.progress-bar span:after {
  bottom: -10px;
  left: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #0a0a0a;
  border-width: 5px;
  border-style: solid;
  margin-left: -5px;
}

/* #4.19 - Scrollspy (X) */
/* #4.20 - Tooltips */
.tooltip.show {
  opacity: 1;
}

.tooltip-inner {
  color: #0a0a0a;
  font-weight: 600;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 60px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 60px rgba(0, 0, 0, 0.2);
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
  border-right-color: #fff;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #fff;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #fff;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
  border-left-color: #fff;
}

/* #4.21 - Tables*/
.table thead th {
  vertical-align: middle;
  border: 0;
  border-bottom: 0;
  color: #0a0a0a;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.table td,
.table th {
  padding: 8px;
  vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff;
}

.table-info {
  background: #c2d5f3;
}

.table-success {
  background: #c5e6d5;
}

.table-warning {
  background: #ffe6c9;
}

.table-danger {
  background: #f6cec8;
}

.table-wd {
  font-size: 0.875rem;
  border: 0;
}

.table-wd.has-warning tbody tr td {
  border-left-width: 0;
  border-right-width: 0;
}

.table-wd.has-warning tbody tr td:first-child {
  width: 1%;
  white-space: nowrap;
  background-color: #f9f9fc;
  border: 0;
}

.table-wd.has-warning tbody tr td:nth-child(2) {
  border-left-width: 1px;
}

.table-wd.has-warning tbody tr td:last-child {
  width: 1%;
  white-space: nowrap;
  border-right-width: 1px;
}

.table-wd.has-warning tbody tr td.is-checked {
  border-left: 4px solid #0331ad;
}

.table-wd.has-warning.has-checkbox tbody tr td {
  border-left-width: 0;
  border-right-width: 0;
}

.table-wd.has-warning.has-checkbox tbody tr td:first-child {
  width: 1%;
  white-space: nowrap;
  background-color: #f7f7fa;
  border: 0;
}

.table-wd.has-warning.has-checkbox tbody tr td:nth-child(2) {
  width: 1%;
  white-space: nowrap;
  border-left-width: 1px;
}

.table-wd.has-warning.has-checkbox tbody tr td:last-child {
  width: 1%;
  white-space: nowrap;
  border-right-width: 1px;
}

.table-wd.has-warning.has-checkbox tbody tr td.is-checked {
  border-left: 4px solid #0331ad;
}

.table-wd.has-checkbox tbody tr td {
  border-left-width: 0;
  border-right-width: 0;
}

.table-wd.has-checkbox tbody tr td:first-child {
  width: 1%;
  white-space: nowrap;
  border-left-width: 1px;
}

.table-wd.has-checkbox tbody tr td:last-child {
  width: 1%;
  white-space: nowrap;
  border-right-width: 1px;
}

.table-wd.has-checkbox tbody tr td.is-checked {
  border-left: 4px solid #0331ad;
}

/* table doc-tratamento*/
.doc-tratamento {
  background-color: #fff;
  border: 2px solid #d73d00;
  color: #d73d00 !important;
}

/* #4.22 - Avatars*/
.user-avatar,
.file-type,
.doc-tratamento {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  color: #fff;
  text-transform: uppercase;
}

.user-avatar.is-64,
.file-type.is-64,
.doc-tratamento.is-64 {
  min-width: 64px;
  width: 64px;
  height: 64px;
  font-size: 1.875rem;
  font-weight: 500;
}

.user-avatar.is-48,
.file-type.is-48,
.doc-tratamento.is-48 {
  min-width: 48px;
  width: 48px;
  height: 48px;
  font-size: 1.375rem;
  font-weight: 500;
}

.user-avatar.is-32,
.file-type.is-32,
.doc-tratamento.is-32 {
  min-width: 32px;
  width: 32px;
  height: 32px;
  font-size: 1rem;
  font-weight: 500;
}

.user-avatar.is-24,
.file-type.is-24,
.doc-tratamento.is-24 {
  min-width: 24px;
  width: 24px;
  height: 24px;
  font-size: 0.625rem;
  font-weight: 600;
}

.user-avatar.is-16,
.file-type.is-16,
.doc-tratamento.is-16 {
  min-width: 16px;
  width: 16px;
  height: 16px;
  font-size: 0.625rem;
  font-weight: 700;
}

/* cores dos avatares*/
[data-color="008a08"] {
  background: #008a08;
}

[data-color="084a3f"] {
  background: #084a3f;
}

[data-color="673ab7"] {
  background: #673ab7;
}

[data-color="3f2565"] {
  background: #3f2565;
}

[data-color="861439"] {
  background: #861439;
}

[data-color="3c2d43"] {
  background: #3c2d43;
}

[data-color="2f4955"] {
  background: #2f4955;
}

[data-color="305c9a"] {
  background: #305c9a;
}

[data-color="0c387f"] {
  background: #0c387f;
}

[data-color="166dff"] {
  background: #166dff;
}

[data-color="df0e54"] {
  background: #df0e54;
}

[data-color="a4005e"] {
  background: #a4005e;
}

/* #4.23 - UI  */
.navbar {
  border-bottom: 1px solid #d0d0d0 !important;
}

.dropzone {
  border: dashed 2px #1d46b5;
  background-color: #eef2fc;
  padding: 20px;
}

/* Fixar o cabeçalho no topo da página on scrolldown*/
.sticky-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 100;
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.sticky-nav {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  z-index: 100;
}

/* UI - Transições e Animações */
.animate {
  -webkit-transition: all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
  transition: all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
}

@-webkit-keyframes pulse-notification {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(215, 61, 0, 0.4);
            box-shadow: 0 0 0 0 rgba(215, 61, 0, 0.4);
  }
  25% {
    -webkit-box-shadow: 0 0 0 5px rgba(215, 61, 0, 0.8);
            box-shadow: 0 0 0 5px rgba(215, 61, 0, 0.8);
  }
  75% {
    -webkit-box-shadow: 0 0 0 10px rgba(215, 61, 0, 0.2);
            box-shadow: 0 0 0 10px rgba(215, 61, 0, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(215, 61, 0, 0);
            box-shadow: 0 0 0 0 rgba(215, 61, 0, 0);
  }
}

@keyframes pulse-notification {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(215, 61, 0, 0.4);
            box-shadow: 0 0 0 0 rgba(215, 61, 0, 0.4);
  }
  25% {
    -webkit-box-shadow: 0 0 0 5px rgba(215, 61, 0, 0.8);
            box-shadow: 0 0 0 5px rgba(215, 61, 0, 0.8);
  }
  75% {
    -webkit-box-shadow: 0 0 0 10px rgba(215, 61, 0, 0.2);
            box-shadow: 0 0 0 10px rgba(215, 61, 0, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(215, 61, 0, 0);
            box-shadow: 0 0 0 0 rgba(215, 61, 0, 0);
  }
}

.user-logged .has-notification {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #24762f;
  -webkit-box-shadow: 0 0 0 rgba(215, 61, 0, 0.4);
          box-shadow: 0 0 0 rgba(215, 61, 0, 0.4);
  -webkit-animation: pulse-notification 1s infinite;
          animation: pulse-notification 1s infinite;
  position: absolute;
  top: 4px;
  left: 48px;
  z-index: 1;
}

/* UI - Offcanvas */
.offcanvas {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1052;
  -webkit-transition: -webkit-transform 0.33s ease-in;
  transition: -webkit-transform 0.33s ease-in;
  transition: transform 0.33s ease-in;
  transition: transform 0.33s ease-in, -webkit-transform 0.33s ease-in;
}

.offcanvas-backdrop {
  position: fixed;
  z-index: 1051;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  background-color: rgba(12, 12, 12, 0.33);
}

.offcanvas.offc-sm {
  width: 576px;
  right: -576px;
}

.offcanvas.offc-md {
  width: 768px;
  right: -768px;
}

.offcanvas.offc-lg {
  width: 992px;
  right: -992px;
}

.offcanvas.active, .offcanvas.triggered {
  -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.15);
}

body.offcanvas-expanded {
  overflow: hidden;
}

.offcanvas-pane {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  overflow: auto;
}

.offcanvas-pane .pane-header {
  position: relative;
  border-bottom: 1px solid white;
  background-color: #fff;
  z-index: 2;
}

.offcanvas-pane .pane-body {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.offcanvas-pane .pane-body-content {
  margin: 20px;
}

.offcanvas-pane .pane-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #fff;
  z-index: 2;
}

.split-offcanvas-pane {
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  overflow-x: hidden;
}

.split-offcanvas.left {
  left: 0;
  background-color: #f6f6fc;
  border-right: 1px solid #c2c2c2;
  padding: 20px;
}

.split-offcanvas.left .header,
.split-offcanvas.left .footer {
  color: #fff;
}

.offc-md .split-offcanvas.left {
  width: calc(100% - 508px);
}

.offc-md .split-offcanvas.right {
  right: 0;
  width: 508px;
}

.offc-lg .split-offcanvas.left {
  width: calc(100% - 732px);
}

.offc-lg .split-offcanvas.right {
  right: 0;
  width: 732px;
}

/*------------------------------------*\
#5 - Login
\*------------------------------------*/
.split-access {
  height: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  overflow-x: hidden;
}

.split-login.left {
  width: calc(100% - 600px);
  left: 0;
  background-color: #0331ad;
  padding: 10px 40px;
}

.split-login.left .header,
.split-login.left .footer {
  color: #fff;
}

.split-login.right {
  width: 600px;
  right: 0;
  padding: 20px 80px;
}

.split-login.right .header h1 {
  font-size: 16px;
}

.bgLeft {
  display: block;
  background: transparent url(/images/loginBG.jpg) no-repeat;
  background-size: cover;
}

    .bgLeft::after {
        content: "";
        background-color: #404040 !important;
        opacity: 0.8;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
    }

/*------------------------------------*\
#6 - Timeline
        
\*------------------------------------*/
.timeline {
  position: relative;
  margin: 0;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 4px;
  background-color: #f0f0f0;
  top: 30px;
  bottom: 0;
  left: 0;
}

.timeline .event {
  position: relative;
  left: 20px;
  margin-bottom: 20px;
  padding-right: 20px;
}

.timeline .event::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  left: -23px;
  background-color: #0331ad;
  border: 2px solid #fff;
  top: 28px;
  border-radius: 50%;
  z-index: 1;
}

.timeline .event.month {
  margin-bottom: 0;
}

.timeline .event.month::after {
  background-color: #fff;
  border-color: #f0f0f0;
}
