/* :focus, :focus-visible {
    outline: #333 dotted thin !important;
    outline-offset: 2px !important;
} */

.e-dropdown__container {
  position: relative;
  width: 100%
}

.e-dropdown__button {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #333;
  padding: 0;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 2px;
  font-weight: 700;
}

.e-dropdown__button.opened{
  background-color: #fff;
  border-bottom: 3px solid #008945;
/*   outline: #333 dotted thin !important;
  outline-offset: 2px !important; */
}

.e-dropdown__state-changed{
    border-bottom: 3px solid #008945;

}

.e-dropdown__arrow {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.e-dropdown__arrow {
    display: block;
    width: 100%;
    color: #212529;
    background: url(/home/images/icon-select.svg) no-repeat;
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 16px 12px;
}


/* .e-dropdown__button.opened{
    background: url(/home/images/icon-select.svg) no-repeat;
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 16px 12px;
} */


.e-dropdown__button:hover{
    cursor: pointer;
}


.e-dropdown__button:focus,
.e-dropdown__button.opened {
  cursor: pointer;
/*   outline: 1px dotted #333;
  outline-offset: -2px;  */
}


.e-dropdown__listbox-container {
  background: #fff;
}

.e-dropdown__combobox {
  width: 100%;
  height: 35px;
  /* border: 1px dotted #333; */
  padding: 0 10px;
}

.e-dropdown__listbox-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 150px;
  overflow-y: scroll;
}

.e-dropdown__listbox-container ul li {
  padding: 8px 10px;
  border-bottom: 1px solid #e5e5e5;
}

.e-dropdown__listbox-option {
  cursor: pointer;
  position: relative;

}

.e-dropdown__listbox-option:hover {
  background-color: #e5e5e5;
  /* outline: 1px dotted #333;
  outline-offset: -2px; */
}

.e-dropdown__listbox-option:focus{
    outline-offset: -2px !important;
}

.e-dropdown__listbox-option[data-visual-focus="true"] {
  /* background-color: #e5e5e5; */
 /*  outline: 1px dotted #333; */
  outline-offset: -2px; 
}

.e-dropdown__listbox-option[xdata-value-selected="true"] {
  color: #008945;
  /* background-color: #e5e5e5; */
 /*  outline: 1px dotted #333; */
  outline-offset: -2px; 
}

.e-dropdown__listbox-option[data-value-selected=true]:focus{
    outline-offset: -2px !important; 
}

.e-dropdown__tick:after {
  content: '';
  width: 5px;
  height: 10px;
  border: solid #333;
  border-width: 0 2px 2px 0;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%) rotate(45deg);
  margin-top: -2.5px;
}

#home-page .is-hidden{
  display: none;
}

#home-page .etabs__panel.is-hidden{
  display: none;
}

#home-page .etabs__panel:not(.is-hidden) {
  display: block !important
} 

.sr-focus-only{
  	display: block;
	overflow: hidden;
	text-indent: -600px;
	font-size: small;
	line-height: 1.5;
	background-color: #008945;
	color: #fff !important;
	font-size: 12px;
	opacity: 0;
	position: absolute;
	top: 0;
	text-decoration: underline;
	outline: 0!important;
	pointer-events: none
}

.sr-focus-only:focus{
	text-indent: 1px;
	opacity: 1;
	pointer-events: auto;
	padding: 2px 10px;
	z-index: 9999;
}

.radio-group input[type=radio]{
  display: block !important;
  position: absolute;
  z-index: -1;
}

#vhsiChartContainer .highcharts-reset-zoom {
    display: none !important; /* Hides the reset zoom button */
}

/* .form-check-input:focus + label {
    outline: 1px dotted #333;
    outline-offset: 2px;
} */
.form-check-input.sr-current-outline + label {
      outline: none !important;
  outline-offset: 0 !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000 !important;
}

.modal-open,.modal.fade.show{
  padding-right: 0 !important
}

.e-dropdown__listbox-container{
  position: absolute;
  display: none ;
  height: 0;
  width: 0;
  overflow: hidden;
}

@media only screen and (max-width: 350px) {
    header .logo img {
        height: auto !important;
        max-width: calc(100% - 0px);
    }
    .header .mobile-header-row{
      flex-wrap: wrap;
    }
}

#leavingModal {
    background: rgba(0, 0, 0, .5);
}
.e-dropdown__listbox{
  touch-action: pan-y;
}

.setting-heading .sr-only{
  display: none;
}

a{
  cursor: pointer;
}

:focus {
  outline: none !important;
}

:not(.is-mobile) .sr-current-outline {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000 !important;
}

:not(.is-mobile) footer .bottom .sr-current-outline {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow:  0 0 0 2px #666, 0 0 0 4px #fff, 0 0 0 6px #000 !important;
}


.is-mobile .sr-current-outline,.chart-container.sr-current-outline{
  box-shadow: none !important;
}


:not(.combobox-hv-input) .e-dropdown__listbox-option.sr-current-outline,
.combobox-hv-input [data-visual-focus=true],
.e-dropdown__listbox-option.sr-current-outline,
.sr-current-outline2
{
    box-shadow:none !important;
    outline: 2px solid #000 !important;
    outline-offset: -6px !important;
}
@media only screen and (max-width: 768px) {
  #top-header{
    display: none;
  }
}