.accGear {
    position: fixed;
    /* top: 10%;
    right: 0%; */
    bottom: 14px;
    right: 2%;
    padding: 20px;
    /*border-radius: 25px;*/
    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/img/assets/logo.png');
    background-position: center;
    background-size: cover;
}

@media screen and (max-width:991px){
    .accGear{
        display: none !important;
    }
    .tabPanel{
        display: none !important;
    }
    #accessibilityPanel{
        display: none !important;
    }
}

.micImg{
    background: url("/assets/img/assets/mic.png") no-repeat 0 0;
}
.accbrightness {
    background: url('/assets/img/assets/brightness.svg') no-repeat 0 0;
}
.accinvert {
    background: url("/assets/img/assets/invert-colors.svg") no-repeat 0 0;
}
.accgrey {
    background: url('/assets/img/assets/greyscale.svg') no-repeat 0 0;
}
.accinvgrey {
    background: url('/assets/img/assets/greyscale.svg') no-repeat 0 0;
}
.accChat {
    background: url('/assets/img/assets/chat.svg') no-repeat 0 0;
}
.accZoom {
    background: url('/assets/img/assets/zoom-in.svg') no-repeat 0 0;
}
.accZoomout {
    background: url('/assets/img/assets/zoom-out.svg') no-repeat 0 0;
}
.accColor {
    background: url('/assets/img/assets/color.svg') no-repeat 0 0;
}
.accMic {
    background: url('/assets/img/assets/mic.png') no-repeat 0 0;
}
.accPagetitle {
    background: url('/assets/img/assets/page-title.svg') no-repeat 0 0;
}
.accRotate{
    background: url('/assets/img/assets/rotate.png') no-repeat 0 0;
}
.accRefresh {
    background: url('/assets/img/assets/refresh.svg') no-repeat 0 0;
}
.accFocus {
    background: url('/assets/img/assets/focus.jpg') no-repeat 0 0;
}
.accMagnifier {
    background: url('/assets/img/assets/magnifier.svg') no-repeat 0 0;
}
.accManual {
    background: url('/assets/img/assets/manual.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;*/
  }
  .slideContent.active{
    transition: height 0.5s ease-out;
    overflow: hidden;
    display:block !important;
  }
  .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: 38px;
    position: fixed;
    top: 15%;
    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: 550px;
    height:auto;
  } */
    #accessibilityPanel {
	font-size:15px !important;
    width: 38px;
    position: fixed;
    /* top: 15%;
    right: 0%; */
    bottom: 6%;
    right: 32px;
    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: 550px; */
    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;
}



@media (max-width: 1200px) {
    #accessibilityPanel {
        right: 0 !important;
        bottom: 0 !important;
        border-radius: 0 0 0 11px !important;
        box-shadow: 2px 2px 8px 1px grey;
    }
    .accGear {
        right: 0 !important;
        bottom: 0 !important;
        border-radius: 10px 10px 0 0 !important;
        box-shadow: 2px 2px 8px 1px grey;
    }
}