html, body {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ======== HOME ======== */

.cw-empresa{
  display: flex; 
  width: 100vw;
  justify-content: center;
  align-items: center;
  padding: 4px 0 4px 195px; 
  background-color: #041d31; 
  font-size: 13px;
  color: #aab6be; 
  z-index: 2; 
  position: fixed; 
}

/* ====== SINDEBAR ====== */

#cw-sindebar{
  width: 210px;
  height: 100vh;
  background: #041d31;
  padding: 0 6px;
  position: fixed; 
  z-index: 3; 
  display: flex;
  flex-direction: column;
}

#cw-sidebar {
  overflow-y: auto !important;
  height: auto !important;
}

.cw-menu {
  width: 100%;
}
.cw-logo-menu{
  border: 1px solid #223b4e; 
  border-radius: 8px; 
  padding: 4px; 
  text-align: center; 
  font-size: 20px; 
  margin: 15px;
}
.cw-titulo-menu{
  background-color: #ffc515; 
  text-align: center; 
  font-size: 18px; 
  border-radius: 8px; 
  padding: 3px 0; 
  margin: 15px;
  color: #041d31 !important;
  text-decoration: none;
}

#cw-accordion {
  overflow-y: auto;
  flex: 1;
  margin-bottom: 10px;
}

/* ==== contorno-link ==== */
.accordion {
  width: 100%;
  background: #041d31;
  overflow-y: auto;
}
  
/* ===== caixa-link ===== */
.accordion .link {
  cursor: pointer;
  display: block;
  padding: 9px 12px 8px 35px;
  color: #aab6be;
  font-size: 12px;
  font-family: tahoma;
  border-bottom: 1px solid #223b4e;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion .linkpp {
  cursor: pointer;
  display: block;
  padding: 9px 12px 8px 35px;
  color: #aab6be;
  font-size: 13px;
  font-family: tahoma;
  border-top: 1px solid #223b4e;
  border-bottom: 1px solid #223b4e;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li:last-child .link {border-bottom: 0;} 

/* ======= ícones ======= */
.accordion li i {
  position: absolute;
  top: 13px;
  left: 12px;
  font-size: 13px;
  color: #aab6be;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/* ======= setas ======= */
.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 11px;
}

/* ======= menu ======= */
.accordion li.open .link { color: #aab6be; }
.accordion li.open i { color: #aab6be; }
.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* ===== sub-menu ===== */
.submenu {
  display: none;
  background: #041d31;
  font-size: 13px;
}

.submenu li { border-bottom: 1px solid #223b4e; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #fedb72;
  padding: 6px;
  padding-left: 35px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
  color: #fedb72;
  text-decoration: none;
}

.seta{
  position: relative;
}

.cw-logado{
  width: 85%;
  display: flex; 
  justify-content: center; 
  align-items: center; 
  color: #aab6be;
  border-radius: 8px; 
  padding: 10px 0;
  margin: 5px 15px;
  font-size: 14px;
  border-top: 1px solid #aab6be ;

}

#cw-accordion::-webkit-scrollbar {
  width: 5px;
}
#cw-accordion::-webkit-scrollbar-track {
  background: #eee;
}
#cw-accordion::-webkit-scrollbar-thumb {
  background: #9e9e9e;
}
#cw-accordion::-webkit-scrollbar-thumb:hover {
  background: #555;
}