/* css blue */

:root {

  --main-color: #404040;
  --main-color-hover: #2b2c38;
  --main-color-font: #FFF;

}

.pasta-icon {
  background: url("../images/folderblack-min-closed.png") no-repeat center
    center;
}
.pasta-icon:hover {
  background: url("../images/folderblack-min-opened.png") no-repeat center
    center;
}

.bigFolder {
  background: url("../images/folderblack-max-opened.png") no-repeat center
    center;
}

.orange {
  color: #2b2c38;
}

.featuredrow {
  background-color: #2b2c38;
}

.container-principal table th {
  color: #404040;
}

legend {
  color: #404040;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #404040;
  background-color: #2b2c38;
}

.nav-side-menu li:hover {
  border-left: 3px solid #2b2c38;
  background-color: #2b2c38;
}

.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  border-left: 3px solid #2b2c38;
}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #404040;
  border-color: #8b8a8a;
}

.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #404040;
}

.cor-principal {
  background: #404040;
}

.cor-secundaria {
  background: #2b2c38;
}

.ca-icon {
  color: #404040;
}

.ca-content ul li a:hover {
  color: #404040;
}

.ca-menu li:hover h2 a {
  color: #404040 !important;
}
.ca-menu li:hover div.ca-main a {
  color: #404040 !important;
}

.ca-menu li:hover .ca-icon {
  color: #404040;
}

.ca-sub {
  color: #878788;
}

.ca-menu li:hover .ca-main {
  color: #878788;
}


/* NOVAS MUDANÇAS MENU */

.divNaoEsquecerHome ul li i {
  color: #2B2C38;
}
.divNaoEsquecerHome figure {
  background: #2B2C38;
}

.principais-links i.menu-title,
.principais-links ul li i {
  color: #404040;
}

.principais-links:hover i.menu-title,
.principais-links:hover h2.ca-main,
.principais-links:hover ul li i {
  color: #2B2C38;
}

/**/

#loginBox .panel-primary {
  border-color: #404040;
}

#loginBox .panel-primary > .panel-heading {
  background-color: #5b5a5a;
  border-color: #404040;
}

#loginBox .btn-primary {
  background-color: #5b5a5a;
  border-color: #2b2c38;
}

#loginBox .btn-primary:hover {
  background-color: #2b2c38;
}

a:hover,
a:focus {
  color: #404040;
}

.featuredrowTres {
  color: #404040;
}

.btn-primary:hover {
  background-color: #2b2c38;
  border: 1px solid #2b2c38;
}

.table .featuredtr {
  background-color: #2b2c38;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #2b2c38;
  border-color: #2b2c38;
}

.pagination > li > a,
.pagination > li > span {
  color: #404040;
}

.featuredrowDois {
  color: #404040;
}

.table-hover-linked > tbody > tr:hover {
  color: #404040;
}

.nav-tabs > li > a:hover {
  color: #404040;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #404040;
}

.painel .breadcrumb a {
  color: #404040;
}

.nav-side-menu .toggle-btn {
  color: #404040;
}

.agendafuncionarios li a:hover {
  color: #404040;
}

.telaDeVendas #itensCaixa tr.selected {
  background: #404040;
}

.telaDeVendas .focused {
  border: 2px solid #404040;
}

.telaDeVendas .featuredrowDois {
  color: #404040;
}

.nav-side-menu .brand {
  background-color: #5b5a5a;
}

.table-hover > tbody > tr:hover {
  background: #cecdcd;
}

.bgOrange {
  background: #fd802d;
}

/* topo menu */
.navbar-inverse {
  background: #2b2c38;
}

/*rodape*/
.footer {
  background-color: #404040;
}

.bgOrange {
  background: #404040;
}

.table:focus {
  border: 2px solid #cecdcd;
}

.table-hover > tbody > tr:focus {
  background: #cecdcd;
}

.outherBorderedOrange {
  border: 2px solid #404040;
  padding: 5px;
}

.bg-black {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #00000030;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modalLojaVirtual {
  position: relative;
  width: 1075px;
  height: 525px;
  background: white;
  box-shadow: 2px 5px 30px 10px #7b7b7bd4;
}

.header-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  height: 95px;
  background-color: #404040;
}

.header-modal h2 {
  font-family: inherit;
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 0 !important;
}

.card-beneficios {
  position: relative;
  width: 100%;
  height: 100%;
}

.wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  margin: auto;
}

.beneficio {
  margin-right: 10px !important;
  width: 100% !important;
  margin-bottom: 7px !important;
  margin: 4px !important;
  display: flex;
  align-items: center;
  color: #151515;
  font-size: 25px;
  height: 55px;
}

.beneficio i {
  color: #404040;
}

.assine-ja {
  background-color: #404040;
  border-radius: 28px;
  border: 1px solid #686767;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 17px;
  font-weight: bold;
  padding: 16px 31px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #2b2a2a;
  text-transform: uppercase;
  width: 65%;
  text-align: center;
}
.assine-ja:hover {
  background-color: #2b2a2a;
  color: white;
}

.assine-ja:active {
  position: relative;
  top: 1px;
}

h3.price-old {
  display: inline-block;
  font-size: 30px;
  width: 100%;
  text-align: center;
}

.precos {
  justify-content: center;
  align-items: center;
  margin-top: 8%;
}

.strikeout {
  font-size: 0em;
  line-height: 1em;
  position: relative;
}
.strikeout::after {
  border-bottom: 2px solid #404040;
  content: "";
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  width: 50%;
  top: 50%;
  left: 25%;
}

span.sub-text {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  padding: 15px;
}

span.price-new {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65px;
  font-size: 65px;
  color: #151515;
  font-family: inherit;
  margin-bottom: 20px;
}

hr.vertical {
  border: none;
  border-left: 0.5px solid hsl(0deg 0% 80%);
  height: 100vh;
  width: 1px;
  margin: 0;
}

.bl-1 {
  border-left: 1px solid #cccccc;
}