/* .acessivel_toolbar{ display: flex;}*/

.acessivel_navbar{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size:1em !important;
    border-bottom:.1em solid rgba(197, 194, 194, 0.2);
    background-color: #fff;
    color:#000;
    width: 100%;
   /* height: 60px;*/
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    z-index: 9999;
    /* position: fixed; */
  
}
.acessivel_navbar nav{
    display: flex;
    justify-content: center;
}
.acessivel_navbar ul{
        display: flex;
        flex-wrap: wrap;
        /*justify-content: center;*/
        justify-content: space-around;
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        max-width: 960px;
        font-size: .9em !important;
}

.acessivel_navbar  li{
    display: block;
    line-height: 2em;
    padding: .2em;
    display: block;
    border-right: .1em solid rgba(197, 194, 194, 0.2);
    text-align: center;
    flex:1;
    font-size: 14px;
}
.acessivel_navbar li:hover{
    background-color:rgba(197, 194, 194, 0.1);
}

.acessivel_navbar li:focus-within{
    background-color:rgba(197, 194, 194, 0.1); 
}
.acessivel_navbar  li:first-child{
    border-left: .1em solid rgba(197, 194, 194, 0.2);
}
.acessivel_navbar .ida11y_mlast {
    max-width: 1.1em;
    padding-top: .5em;
    max-width: 20px;
    margin:0 auto;
    flex:none;
}


.acessivel_navbar li a {
    color:#000;
    text-decoration: none;
}

  .acessivel_navbar ul ul {
    display:none;
    position: absolute;
    margin: .3em 0 0 -.3em;
    background: #fff;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
	z-index: 999;
   }
 .acessivel_navbar ul li:hover > ul
  {
     display:block; 

   }
   
   .acessivel_navbar ul>li>ul>li {
    
    border-bottom: .1em solid rgba(197, 194, 194, 0.2);
    border-left:none !important;
    border-right:none !important;
    padding: .5em 2em .5em 2em;
    /* width: 189px; */
  }

  .sub-menu li {
    display: flex;
    padding-right: 2em;
  }

  .sub-menu li:hover, .sub-menu li a:hover {
    background: rgb(221, 221, 221);
    color: rgb(68, 67, 67);
  }

/*Set new focus for all elemments*/



/*Color sets for tool bar */

/*Set 1: Background: White | Foreground: Black */

.icon-equal {
  background: url('//cdn.igualedigital.com.br/a11y/assets/icon-equal.png') no-repeat 0px 0px;
  width: 14px;
  height: 14px;
  display:block;
}

.icon-equal:hover {
   background-position: 0px -14px;
}


/*Set 2: Background: Black | Foreground: Yellow */

.toolbar-colorset2{
    background-color: #000 !important;
    color:yellow!important;
}
.toolbar-colorset2 li a {
    color:yellow !important;
}
.toolbar-colorset2 li a:hover{
   color:#fff !important;
}
.toolbar-colorset2 ul ul {

    background: #000;

}
.toolbar-colorset2 li a:focus { 
    /* background-color: #FFFF00 !important; */
    color:#fff !important;
}

.icon-equal2 {
  background: url('//cdn.igualedigital.com.br/a11y/assets/icon-equal2.png') no-repeat 0px 0px;
  width: 14px;
  height: 14px;
  display:block;
}

.icon-equal2:hover {
   background-position: 0px -14px;
}


/*Set 3: Background: Gray | Foreground: Black */

.toolbar-colorset3{
    background-color: rgba(204, 204, 204,0.99)!important;
    color:#000!important;
    border-color: #000 !important;
}
.toolbar-colorset3 li{
    border-color: #000 !important;
  
}
.toolbar-colorset3 li:focus-within{
    background: rgba(255, 255, 255, 0.90) !important;
}
.toolbar-colorset3 li a {
    color:#000!important;
}
.toolbar-colorset3 li a:hover{
   color:#000!important;
}
.toolbar-colorset3 ul ul {

    background: rgba(204, 204, 204,0.99)!important;

}

.icon-equal3 {
  background: url('//cdn.igualedigital.com.br/a11y/assets/icon-equal3.png') no-repeat 0px 0px;
  width: 14px;
  height: 14px;
  display:block;
}

.icon-equal3:hover {
   background-position: 0px -14px;
}

/* Certifications List (footer) */

.acessibility-certifications-list{
        background-color:transparent;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        list-style-type: none;
        margin: 0;
        padding: 0;
        /*max-height: 32px;*/
        padding:10px;
        min-height: 50px;

}
.acessibility-certifications-list img{
    border:1px solid #ccc;
   
}
/*.acessibility-certifications-list ul{}*/

.acessibility-certifications-list li{
    background-color: yellow;
    list-style:none;
    display: inline;
    margin: 5px;
    height: 32px;
}
/* Certifications List (footer) */

/*+ acessibility-Scroll-to-top*/
.acc-scrollToTop{
    z-index: 2;
    width:30px;
	height:30px; 
	text-align:center; 
	background: whiteSmoke;
    font-size: 0px;
    font-weight: bold;
	text-decoration: none;
	position:fixed;
	bottom:40px;
	right:40px;
	display:none;
	/* Antigo - background: url('//cdn.igualedigital.com.br/a11y/assets/acc-to-top-b.png') no-repeat 0px 0px; */
    background: url('//cdn.igualedigital.com.br/id_a11y/assets/img/acc-to-top-b.png') no-repeat 0px 0px;
}
.acc-scrollToTop:hover{
	text-decoration:none;
}
/*- acessibility-Scroll-to-top*/

/* + acessible focus */

/*
.focus--keyboard, a:focus, button:focus, input:focus, select:focus, textarea:focus {
  border-color: #143E4A;
  box-shadow: 0 0 6px 2px #0F5672;
  outline: none; }

.focus--mouse, a.focus--mouse:focus, button.focus--mouse:focus, input.focus--mouse:focus, select.focus--mouse:focus, textarea.focus--mouse:focus {
  border-color: #143E4A;
  box-shadow: 0 0 6px 2px #0F5672;
  outline: none; 
  }
*/
  /* - acessible focus*/


  

/*media querys::devices*/

@media screen and (min-width: 0px) and (max-width: 768px) {
    .acessivel_navbar{
        display:none;
        position: initial;
    }
   
   
    #developmentByBlock,
    #acc-scroll-to-top {
        display: none;
    }

  .acessivel_navbar ul{
      display: inline;
  }
  .acessivel_navbar ul ul {

    margin: .3em 0 0 4em;
    background: #fff;
}
   .acessivel_navbar li{
       display: block;
       /* text-align: center; */
   }
   
}


@media screen and (min-width: 768px) and (max-width: 1120px) {
    .acessivel_navbar{
        font-size: .8em !important;
        position: initial;
    }
    #accessibilityInfo, #acessibilityInfoBlock, #developmentByBlock, #acc-scroll-to-top {display: inline;}
    #acc-scroll-to-top{display: block important!;}
    .acessivel_navbar ul{display: flex; }
      .acessivel_navbar li{
       display: block;
      
   }
    .acessivel_navbar li a:hover{background-color: none;}
    .toolbar-colorset2{background-color: none;color:#000;}
    .toolbar-colorset3{background-color: none;color:#000;}
  
  }