.accGear {
    position: fixed;
    top: 0.5%;
    right: 0%;
    padding: 14px;
    /* border-radius: 15px; */
    cursor: pointer;
    border: 1px solid #d9d0d0;
    z-index: 999999999;
    background: white;
    border-radius : 10px 10px 0px 10px;
    box-shadow: 0px 2px 6px 2px grey;
    background-image: url('assets/logo.svg');
    background-position: center;
    background-size: cover;
}
.micImg{
    background: url("assets/mic.svg") no-repeat 0 0;
}
.accbrightness {
    background: url('assets/brightness.svg') no-repeat 0 0;
}
.accinvert {
    background: url("assets/invert-colors.svg") no-repeat 0 0;
}
.accgrey {
    background: url('assets/greyscale.svg') no-repeat 0 0;
}
.accinvgrey {
    background: url('assets/greyscale.svg') no-repeat 0 0;
}
.accChat {
    background: url('assets/chat.svg') no-repeat 0 0;
}
.accZoom {
    background: url('assets/zoom-in.svg') no-repeat 0 0;
}
.accZoomout {
    background: url('assets/zoom-out.svg') no-repeat 0 0;
}
.accColor {
    background: url('assets/color.svg') no-repeat 0 0;
}
.accMic {
    background: url('assets/mic.svg') no-repeat 0 0;
}
.accPagetitle {
    background: url('assets/page-title.svg') no-repeat 0 0;
}
.accRotate{
    background: url('assets/rotate.png') no-repeat 0 0;
}
.accRefresh {
    background: url('assets/refresh.svg') no-repeat 0 0;
}
.accFocus {
    background: url('assets/focus.svg') no-repeat 0 0;
}
.accMagnifier {
    background: url('assets/magnifier.svg') no-repeat 0 0;
}
.accImg {
	display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    content: "";
    background-size: 100%;
    cursor: pointer;
}
.accGear.accActive {
    /* right: 11%; */
    box-shadow: none;
    border: 0px;
}

.saveCheckBox {
	text-align:right;
	padding: 7px 7px;
}

.accLogo {
	height: 37px;
    width: 37px;
}
.accTablink {
    background-color: white;
    color: black;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 7px;
    font-size: 13px;
    width: auto;
    border: 1px solid #8d8a8a;
    font-weight: bold;
  }

  
  /* Style the tab content (and add height:100% for full page content) */
  .tabcontent {
    display: none;
    
	/*height: 287px; padding: 10px;*/
  }
  .FilterItem, .Item {
	padding:10px;
	cursor:pointer;
	border-bottom:1px solid;
  }
  .FilterItem:hover , .Item:hover{
    background: #ffcc33;
    color: white;
  }
  
  .activeTab{
      display:block !important;
      background-color: white;
  }
  .activeItem, .accTablink:hover{
      background-color: white;
      color:black;
      /* color: black; */
  }
  #accessibilityPanel {
    font-size: 15px !important;
    width: 40px;
    position: fixed;
    top: 4.5%;
    right: 0%;
    border: 1px solid #d9d0d0;
    background-color: white;
    padding: 0px;
    display: none;
    box-shadow: 4px 3px 8px 1px grey;
    border-radius: 0px 0px 0px 11px;
    z-index: 99999;
    max-height: 435px;
    height: auto;
  }
  .gearIcon, .tabItems {
      padding: 5px;
  }
  #hc_extension_svg_filters > svg {
	  position:fixed;
  }
  .addFocus:focus{
    border: 3px solid !important;
    border-style: solid !important;
	border-color:#ffcc33 !important;
    outline-color: #ffcc33 !important;
  }
  .addFocus:hover{
    border: 3px solid !important;
    border-style: solid !important;
	border-color:#ffcc33 !important;
    outline-color: #ffcc33 !important;
  }
  .addFocus:checked{
    border: 3px solid !important;
    border-style: solid !important;
	border-color:#ffcc33 !important;
    outline-color: #ffcc33 !important;
  }
  /* page title properties */
.titleH1 {
    display: block;
    font-size: 2em !important;
    margin-top: 0.67em !important;
    margin-bottom: 0.67em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-weight: bold !important;
}

.titleH2 {   
    display: block !important;
    font-size: 1.5em !important;
    margin-top: 0.83em !important;
    margin-bottom: 0.83em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-weight: bold !important;
}

.titleH3 {
    display: block !important;
    font-size: 1.17em !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-weight: bold !important;
}

.titleH4 {
    display: block !important;
    font-size: 1em !important;
    margin-top: 1.33em !important;
    margin-bottom: 1.33em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-weight: bold !important;
}

.titleH5 {
    display: block !important;
    font-size: .83em !important;
    margin-top: 1.67em !important;
    margin-bottom: 1.67em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-weight: bold !important;
}

.titleH6 {
    display: block !important;
    font-size: .67em !important;
    margin-top: 2.33em !important;
    margin-bottom: 2.33em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-weight: bold !important;
}