.accGear {
    position: fixed;
    bottom: 1.6rem;
    right: 0%;
    padding: 12px;
    /* border-radius: 15px; */
    cursor: pointer;
    border: 2px solid #d8c4a0;
    z-index: 999999999;
    background: white;
    /* border-radius : 10px 10px 0px 10px; */
    /* box-shadow: 0px 2px 6px 2px grey; */
    background-image: url('accessibility/logo.svg');
    background-position: center;
    background-size: cover;
    display: none;
}
.micImg{
    background: url("accessibility/mic.svg") no-repeat 0 0;
}
.accbrightness {
    background: url('accessibility/brightness.svg') no-repeat 0 0;
}
.accinvert {
    background: url("accessibility/invert-colors.svg") no-repeat 0 0;
}
.accgrey {
    background: url('accessibility/greyscale.svg') no-repeat 0 0;
}
.accinvgrey {
    background: url('accessibility/greyscale.svg') no-repeat 0 0;
}
.accChat {
    background: url('accessibility/chat.svg') no-repeat 0 0;
}
.accZoom {
    background: url('accessibility/zoom-in.svg') no-repeat 0 0;
}
.accZoomout {
    background: url('accessibility/zoom-out.svg') no-repeat 0 0;
}
.accColor {
    background: url('accessibility/color.svg') no-repeat 0 0;
}
.accMic {
    background: url('accessibility/mic.svg') no-repeat 0 0;
}
.accPagetitle {
    background: url('accessibility/page-title.svg') no-repeat 0 0;
}
.accRotate{
    background: url('accessibility/rotate.png') no-repeat 0 0;
}
.accRefresh {
    background: url('accessibility/refresh.svg') no-repeat 0 0;
}
.accFocus {
    background: url('accessibility/focus.svg') no-repeat 0 0;
}
.accMagnifier {
    background: url('accessibility/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: var(--dsr-color-complementary-tan);
    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;
        /* Open upward from the gear icon: anchor to bottom instead of top */
        
        top: var(--dsr-comp-header-height, 8rem);         
        right: 9.6rem;
        border: 1px solid #d9d0d0;
        background-color: white;
        padding: 0px;
        display: none; /* jQuery slideToggle will animate height upward because element is bottom-anchored */
        /* box-shadow: 2px 1.5px 2px 1px rgb(39, 38, 38); */
        border-radius: 11px 0px 0px 0px; /* flipped corner for upward opening */
        z-index: 99999;
        height: auto;
        /* overflow: hidden; */
    }

    @media (max-width: 640px) {
        #accessibilityPanel {
            bottom: 7rem; 
        }
    }

  .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;
}