#acess-icons.fout-fix.pagina-acessivel *,
.fout-fix.pagina-acessivel {
  background: #000;
  color: #fff;
}

.access-toggle-btn {
  background: #17497e;
  border: 0;
  color: #fff;
  position: fixed;
  right: 140px;
  bottom: 9px;
  padding: 9px 15px 9px 50px;
  border-radius: 0 8px 8px 0px;
}

.access-toggle-btn svg {
  width: 50px !important;
  height: 50px;
  position: absolute;
  left: -17px;
  top: -5px;
  color: #b4deef;
  background: #b4deef;
  border-radius: 50%;
}

#jbbutton {
  height :auto;
  width :auto;
}

#acess-icons {
  position: fixed;
  right: 15px;
  bottom: 70px;
  display: none;
  background: rgb(242, 247, 250);
  width: 315px;
}

#acess-icons.is-active {
  display: block;
}

#acess-icons .access-head {
  background: #000;
  padding: 10px 15px;
  width: 100%;
  color: #fff;
  font-family: PT Serif;
  font-weight: 600;
  font-size: 18px !important;
}

.option-outer {
  padding: 13px 13p;
}

.option-outer ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.fout-fix.pagina-acessivel .option-outer ul li.active {
  color: #fff;
}

.option-outer ul li svg {
  margin-right:  10px;
}
.option-outer ul li:hover,
.option-outer ul li.active {
  background: #17497e;
  color: #fff;
}

.option-outer ul li:last-child{
  border-bottom:  0;
}
.option-outer ul li {
  font-size: 16px !important;
  padding: 13px 15px;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
}

.pagina-acessivel .option-outer ul li {color:  #fff;}
.pagina-acessivel .option-outer ul li svg path,
.option-outer ul li.active svg path,
.option-outer ul li.active svg,
.option-outer ul li:hover svg path,
.option-outer ul li:hover svg {
  fill :#fff !important;
}

 

#acess-icons .access-head svg {
  width: 25px;
  height: 25px;
  float: right;
  cursor: pointer;
}

#jbbutton:hover{
  background: #0072b1;
}

#jbbutton:hover svg path {
    fill: #0072b1 !important;
}

.max-container {
  max-width: 1280px;
}

@media(max-width: 350px) {
  #acess-icons {
    width: 290px;
  }
}