/*Header text color*/
header .form-login label,
header .form-login span,
header .phone-number {
  color: #14213D;
}

aside {
  background: #14213D;
}

@keyframes normal-width {
  from {
    width: 200px;
    background: #14213D;
  }
}

@keyframes auto-width {
  to {
    width: 200px;
    background: rgba(20, 33, 61, 0.95);
  }
}

aside ul li span {
  color: white;
}

aside ul li {
  color: whitesmoke;
}

aside ul li:hover {
  background: white;
  box-shadow: inset 0px 0px 77px #14213D;
}

.topbar-filtro-button {
  background: #004971 !important;
  border-color: #004367 !important;
}

.topbar-filtro-button:hover {
  background: #09386e !important;
}

.topbar-filtro-button-icon {
  height: 100%;
  width: 20%;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.5em;
  background: #073262;
  color: #FFF;
  text-align: center;
  transition: all 0.3s linear;
  border-radius: 0 6px 6px 0;
}

/*Navbar background*/
header .navbar {
  background-color: #14213D;
  border: 0;
  margin-bottom: 5px;
}

/*Navbar text color*/
.navbar-default .navbar-nav > li > a {
  color: #FFF !important;
}

/*Navbar hover appearance*/
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  opacity: .8;
  background-color: transparent !important;
}

/*Navbar active appearance*/
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:active {
  background-color: #004971 !important;
  position: relative;
  pointer-events: none;
}

/*Banner background and padding*/
main > .banner {
  background-color: #14213D;
  padding-bottom: 5px;
}

/*Default main sections colors*/
main > .row.split > section {
  background-color: #14213D;
  color: #FFF;
}

/*Last (second) column of row splitted colors*/
main > .row.split > section:last-child {
  background-color: #F0F0F0;
  color: inherit;
}

/*Main section splitted cards background*/
main > .row.split > section .card {
  background-color: #FFF;
}

/*Footer colors*/
footer {
  background-color: #F0F0F0;
}

/*Copyright colors and padding*/
#copyright {
  background-color: #FFF;
  padding: 5px 0;
}

/* Toda e qualquer tabela diferente de produtos */
.tabelaInfos th {
  background-color: #14213D !important;
  color: #fff;
}

.tabelaInfos tr:nth-child(odd):hover td, tbody tr.odd:hover td {
  background-color: #eeeeee !important;
}

.tabelaInfos tr:nth-child(even):hover td, tbody tr.even:hover td {
  background-color: #eeeeee !important;
}

/* COMPRAR*/

.tabelaProdutos {
  font-size: 95%;
}

.tabelaProdutos th {
  background-color: #14213D !important;
  color: #fff;
}

/*.tabelaProdutos td {
  padding: 7px;
  border: white 1px solid !important;
}

.tabelaProdutos tr:nth-child(odd):hover td, tbody tr.odd:hover td {
  background-color: #e3e3e3;
  cursor: pointer;
}

.tabelaProdutos tr:nth-child(even):hover td, tbody tr.even:hover td {
  background-color: #e3e3e3;
  cursor: pointer;
}

.tabelaProdutosPadrao {
  background: white !important;
}*/

.tabelaProdutosSugestao {
  background: #d6e9c6 !important;
}

.comprar-fa-shopping-cart-estoque-ok {
  color: green;
}

.comprar-fa-shopping-cart-estoque-falta {
  color: red;
}

/* TOPBAR - CARRINHO*/

.topbar-carrinho-details:after {
  border-bottom-color: #004971;
}

.topbar-carrinho-details {
  border-color: #004971;
}

.topbar-carrinho-icon-cart {
  background: #14213D;
  color: #FFF;
}

.topbar-carrinho-cart-btn {
  background: #004971;
  color: #FFF;
}

/* TOPBAR - FILTRO*/

.topbar-filtro-box {
  background: #14213D;
  color: #eee;
}

.topbar-filtro-box-button {
  background: #004971;
  color: #ddd;
  box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
}

.topbar-filtro-box-button-active {
  background: #FFC107;
  color: black;
}

.topbar-filtro-box-button-active:hover {
  background: #FF8F00;
  color: black;
}

.topbar-filtro-box-button:not(.topbar-filtro-box-button-active):hover {
  background: #14213D;
  color: #ddd;
}

button.nav-search-btn, button.nav-search-btn:focus {
  color: #666;
}

.user-small {
  color: #004971;
}

.footer-color {
  background: #14213D;
  color: #ddd;
}
.login-background{
  background: #14213D;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
}

.login-card{
  background: white;
}