/****************************************************************************
*	File Name : 			forms.css
*
*	Date Created :			2019-10-10
*	Date Modified:       
*
* Handles the styles for form elements (inputs, select menus, buttons etc)
*
*******************************************************************************/
[read-only=""],
input[type="number"]:disabled,
input[type="text"]:disabled,
input[type="text"].disabled,
input[type="text"].read-only,
input[type="tel"]:disabled,
input[type="tel"].disabled,
input[type="tel"].read-only,
select:disabled ~ .select-styled,
.select-styled-multi:disabled,
.select-styled.disabled,
.select-styled.read-only,
input[type="checkbox"].disabled {
  background: rgb(241, 241, 241) !important;
  color: rgb(153, 153, 153);
  cursor: not-allowed;
}

form#mainForm {
  height: 100%;
}
.search-your-files-container {
  background: #fff;
  padding: 1.33%;
}
.form-fields {
  position: relative;
}
/* Generic styling for all form elements */
.form-elem {
  background: #fff;
  border: 0.10vw solid #767676; /* Accessibility and branding */
  border-radius: 0.2vw;
}
.form-elem-sm {
  height: 1.76vw;
  line-height: 1.76vw;
}
.form-elem-med {
  height: 2.35vw;
  line-height: 2.35vw;
}
.form-elem-lg {
  height: 3vw;
  line-height: 3vw;
}

/* Text inputs */
.text-inputs {
  display: block;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  padding: 0 1vw;
}

/* Textareas */
textarea {
  height: 9vw;
  line-height: 140%;
  padding: 1vw;
  resize: vertical;
  width: 100%;
}

/* Select menus */
select[multiple] option {
  border-bottom: 0.05vw solid var(--gray-shade2);
  padding: 0.4vw;
}
select[multiple].multi-select-med option {
  padding: 0.63vw 2.5vw 0.6vw 1vw;
}
select[multiple] option:last-child {
  border-bottom: none;
}
.select  {
  margin: 0;
  position: relative;
  width: 100%;
}

select  {
  display: block;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
select[multiple] {
  padding: 0;
}
select:not([multiple]) {
  padding: 0 0 0 1vw;
} 
#mainSearchForm select {
  padding: 0 2.5vw 0 1vw;
}


.form-elem-lg ~ .select-options li,
.form-elem-sm ~ .select-options li,
.form-elem-med ~ .select-options li {
  font-size: calc(0.7vw + 0.3rem);
  font-weight: 500;
  line-height: 120%;
  margin: 0;
  padding: 0.8vw 1vw;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  width: 100%;
}
@media only screen and (min-width: 3840px) {
  .form-elem-lg ~ .select-options li {
    font-size: calc(0.75vw + 0.3rem);
  }
}

.form-elem-med ~ .select-options li {
  padding: 0.65vw 1vw;
}
@media only screen and (min-width: 3840px) {
  .form-elem-med ~ .select-options li {
    font-size: calc(0.7vw + 0.3rem);
  }
}

.form-elem-sm ~ .select-options li {
  font-size: calc(0.6vw + 0.3rem);
  padding: 0.4vw 1vw;
}
@media only screen and (min-width: 3840px) {
  .form-elem-sm ~ .select-options li {
    font-size: calc(0.65vw + 0.3rem);
  }
}

.select-options li:hover {
  background: #f7f7f7;
}

.select-options li[data-value=""] {
  display: none;
}


/* Radio buttons */
.radio-button-container {
  border-radius: 0.2vw;
  padding: 0 0.2vw;
}
.radio-button-container input[type="radio"]   {
  border: 0;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  visibility: hidden;
  z-index: -999;
}
.radio-button-container > label	{
  cursor: pointer;
}
  .radio-button-container label .radio-button-styled {
    border-color: var(--esc-blue);
    border-style: solid;
    border-radius: 50%;
    border-width: 0.1vw;
    display: block;
    height: 12px;
    width: 12px;
    opacity: 0.5;
    padding: 0;
    position: relative;
  }
  .radio-button-container input:checked ~ .radio-button-styled,
  .radio-checked-disabled {
    opacity: 1;
  }
  .radio-button-container input:checked ~ .radio-button-styled:after,
  .radio-checked-disabled:after {
    background: var(--esc-blue);
    border-radius: 50%;
    content: '';
    height: 6px;
    width: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
.disabled-cursor, .disabled-cursor div,
.disabled-cursor span, .disabled-cursor input,
.radio-checked-disabled:after, .chk-checked-disabled:after {
  cursor: default !important;
}
@media only screen and (min-width: 1280px) {
    .radio-button-container label .radio-button-styled {
    height: 16px;
    width: 16px;
  }
  .radio-button-container input:checked ~ .radio-button-styled:after, 
  .radio-checked-disabled:after {
    height: 8px;
    width: 8px;
  }
}
@media only screen and (min-width: 1920px) {
  .radio-button-container label .radio-button-styled {
    height: 22px;
    width: 22px;
  }
  .radio-button-container input:checked ~ .radio-button-styled:after, 
  .radio-checked-disabled:after {
    height: 10px;
    width: 10px;
  }
}
@media only screen and (min-width: 2560px) {
  .radio-button-container label .radio-button-styled {
    height: 26px;
    width: 26px;
  }
  .radio-button-container input:checked ~ .radio-button-styled:after, 
  .radio-checked-disabled:after {
    height: 14px;
    width: 14px;
  }
}
@media only screen and (min-width: 3840px) {
  .radio-button-container label .radio-button-styled {
    height: 30px;
    width: 30px;
  }
  .radio-button-container input:checked ~ .radio-button-styled:after, 
  .radio-checked-disabled:after {
    height: 16px;
    width: 16px;
  }
}

.radio-button-container label .label-text 	{
  display: block;
  font-size: 0.7vw;
  font-weight: 500;
  line-height: 1.55vw;
  margin-left: 0.25vw;
  width: 100%;
}

/* Specific to this Incorporations form section*/
#ctl00_MainContent_IncorpSharesAndProvisions1_accordionPane_content_sharesAndProvisionsForm label input[type="radio"] {
  width: auto;
}

/* Checkboxes  */
input[type="checkbox"] {
  border: 0;
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
  z-index: -10;
}
  input[type="checkbox"]:focus ~ .checkmark {
    outline: 3px solid #00678f; /* Changed for accessibility */
    outline-offset: 3px;
  }

.checkbox-label {
  cursor: pointer;
  position: relative;
}
.checkbox-label > span {
  display: inline-block;
  line-height: 1.4vw;
}
.checkbox-square {
  cursor: pointer;
  display: block;
  left: 100%;
  line-height: 1.5vw;
  margin-top: 1vw;
  padding: 0 0 0 2vw;
  position: absolute;
  bottom: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-square.left-none {
  left: 0;
}
.checkbox-square .checkmark {
  background-color: transparent;
  border: 0.15vw solid #626b78;
  border-radius: .2vw;
  height: 1.4vw;
  left: 0;
  position: absolute;
  top: 0;
  -moz-transition: background-color .15s ease-in 0s;
  -o-transition: background-color .15s ease-in 0s;
  -webkit-transition: background-color .15s ease-in 0s;
  transition: background-color .15s ease-in 0s;
  width: 1.5vw;  
}
.checkbox-square .checkmark-gray {
  background-color: transparent;
  border: 0.15vw solid #bebebe;
  border-radius: .2vw;
  height: 1.4vw;
  left: 0;
  position: absolute;
  top: 0;
  -moz-transition: background-color .15s ease-in 0s;
  -o-transition: background-color .15s ease-in 0s;
  -webkit-transition: background-color .15s ease-in 0s;
  transition: background-color .15s ease-in 0s;
  width: 1.5vw;
}
.checkbox-square .tooltip {
  background: #3a4955;
  border-radius: 0.2vw;
  box-shadow: 0vw 0vw 0.2vw 0.1vw rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: default;
  display: none;
  font-size: 0.6vw;
  font-weight: 300;
  height: auto;
  line-height: 100%;
  padding: 0.6vw 1.4vw;
  position: absolute;
  left: calc(100% + 0.75vw);
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  width: auto;
  z-index: -1;
}
.checkbox-square:hover + .tooltip {
  display: block;
}
.checkbox-square input:checked ~ .checkmark, 
.chk-checked-disabled {
  background-color: var(--esc-blue);
  border-color: var(--esc-blue);
}

/*Checkboxes that need to appear unclickable*/
.static-chkbox .checkbox-label {
    cursor: default !important;
}
.static-chkbox .checkbox-label span, .static-chkbox .checkbox-label .checkbox-square {
    cursor: text !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  display: none;
  content: "";
  left: 30%;
  top: 0%;
  transform: rotate(45deg);
  position: absolute;
}
/* Show the checkmark when checked */
.checkbox-square .checkmark:after {
  border-color: #fff;
  border-style: solid;
  border-width: 0 0.15vw 0.15vw 0;
  height: 60%;
  width: 30%;
}

.checkbox-square input:checked ~ .checkmark:after, 
.chk-checked-disabled:after {
  display: block;
}

.checkbox-square-pdf-merge {
  cursor: pointer;
  display: block;
  left: 100%;
  line-height: 1.5vw;
  margin-top: 0;
  padding: 0 0 0 2vw;
  bottom: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

  .checkbox-square-pdf-merge.left-none {
    left: 0;
  }

  .checkbox-square-pdf-merge .checkmark {
    background-color: transparent;
    border: 0.15vw solid #626b78;
    border-radius: .2vw;
    height: 1.4vw;
    left: 0;
    position: absolute;
    top: -4px;
    -moz-transition: background-color .15s ease-in 0s;
    -o-transition: background-color .15s ease-in 0s;
    -webkit-transition: background-color .15s ease-in 0s;
    transition: background-color .15s ease-in 0s;
    width: 1.5vw;
  }

  .checkbox-square-pdf-merge .checkmark-gray {
    background-color: transparent;
    border: 0.15vw solid #bebebe;
    border-radius: .2vw;
    height: 1.4vw;
    left: 0;
    position: absolute;
    top: 0;
    -moz-transition: background-color .15s ease-in 0s;
    -o-transition: background-color .15s ease-in 0s;
    -webkit-transition: background-color .15s ease-in 0s;
    transition: background-color .15s ease-in 0s;
    width: 1.5vw;
  }

  .checkbox-square-pdf-merge .tooltip {
    background: #3a4955;
    border-radius: 0.2vw;
    box-shadow: 0vw 0vw 0.2vw 0.1vw rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: default;
    display: none;
    font-size: 0.6vw;
    font-weight: 300;
    height: auto;
    line-height: 100%;
    padding: 0.6vw 1.4vw;
    position: absolute;
    left: calc(100% + 0.75vw);
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    width: auto;
    z-index: -1;
  }

  .checkbox-square-pdf-merge:hover + .tooltip {
    display: block;
  }

  .checkbox-square-pdf-merge input:checked ~ .checkmark,
  .chk-checked-disabled {
    background-color: var(--esc-blue);
    border-color: var(--esc-blue);
  }


/* Show the checkmark when checked */
.checkbox-square-pdf-merge .checkmark:after {
  border-color: #fff;
  border-style: solid;
  border-width: 0 0.15vw 0.15vw 0;
  height: 60%;
  width: 30%;
}

.checkbox-square-pdf-merge input:checked ~ .checkmark:after,
.chk-checked-disabled:after {
  display: block;
}
.chk-checked-disabled {
  background-color: var(--esc-blue) !important;
  opacity: 0.5;
}
/* Those checkboxes that require the text to be on the right side in their subgroupings */
.checkbox-text {
  line-height: 1.4vw;
  margin-left: 2vw;
  margin-bottom: 0.5vw;
}

/* Accessibility Changes Below */
.new-checkbox {
  display: block;
}

.new-checkbox input[type="checkbox"] {
  width: 22px;
  height: 22px;
  aspect-ratio: 1/1;
  border: 2px solid #626B78;
  background-color: transparent;
  opacity: unset;
  z-index: unset;
}

.new-checkbox label {
  display: block;
  padding: 0.15vw 0vw 0.15vw 2.8vw;
  text-indent: -0.7em;
  width: unset !important;
  cursor: pointer;
  line-height: 1.4vw;
}

  .new-checkbox:disabled,
  .new-checkbox:disabled input[type="checkbox"]:disabled,
  .new-checkbox:disabled input[type="checkbox"]:disabled label {
    cursor: default;
  }

  .new-checkbox input[type="checkbox"]:checked {
    accent-color: var(--esc-blue);
  }

  .new-checkbox:not(:disabled) input[type="checkbox"]:not(:disabled):active,
  .new-checkbox:not(:disabled) input[type="checkbox"]:not(:disabled):focus,
  .new-checkbox:not(:disabled) input[type="checkbox"]:not(:disabled):focus-visible {
    outline: 0.15vw solid #0367F2;
    outline-offset: 0.1vw;
  }

/* Accessibility Changes Above */

/* File choosers */
input[type="file"] {
  visibility: hidden;
}
.file-upload-label {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.chooser-text {
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}



.ss-main {
  position: relative;
  display: inline-block;
  user-select: none;
  color: #666666;
  width: 100%;
}
.ss-main .ss-single-selected {
  background: #fff;
  border: 0.05vw solid #e2e2e2;
  border-radius: 0.2vw;
  display: flex;
  cursor: pointer;
  width: 100%;
  height: 30px;
  padding: 6px;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.2s;
}
.ss-main .ss-single-selected.ss-disabled {
  background-color: #dcdee2;
  cursor: not-allowed;
}
.ss-main .ss-single-selected.ss-open-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.ss-main .ss-single-selected.ss-open-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ss-main .ss-single-selected .placeholder {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  width: calc(100% - 30px);
  line-height: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ss-main .ss-single-selected .placeholder * {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
.ss-main .ss-single-selected .placeholder .ss-disabled {
  color: #dedede;
}
.ss-main .ss-single-selected .ss-deselect {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  margin: 0 6px 0 6px;
  font-weight: bold;
}
.ss-main .ss-single-selected .ss-deselect.ss-hide {
  display: none;
}
.ss-main .ss-single-selected .ss-arrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  margin: 0 6px 0 6px;
}
.ss-main .ss-single-selected .ss-arrow span {
  border: solid #666666;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transition: transform 0.2s, margin 0.2s;
}
.ss-main .ss-single-selected .ss-arrow span.arrow-up {
  transform: rotate(-135deg);
  margin: 3px 0 0 0;
}
.ss-main .ss-single-selected .ss-arrow span.arrow-down {
  transform: rotate(45deg);
  margin: -3px 0 0 0;
}




.ss-main .ss-multi-selected {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  padding: 0 0 0.170vw 0.4vw;
  box-sizing: border-box;
  transition: background-color 0.2s;
  width: calc(100% - 1.25vw);
}
.ss-main .ss-multi-selected.ss-disabled {
  background-color: #dcdee2;
  cursor: not-allowed;
}
.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
  color: #666666;
}
.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed;
}
.ss-main .ss-multi-selected.ss-open-above {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ss-main .ss-multi-selected.ss-open-below {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ss-main .ss-multi-selected .ss-values {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex: 1 1 100%;
}
.ss-main .ss-multi-selected .ss-values .ss-disabled {
  display: flex;
  padding: 0.4vw 0.375vw;
  margin: 0.170vw 0 0 0;
  line-height: 1em;
  align-items: center;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes scaleIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes scaleOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.ss-main .ss-multi-selected .ss-values .ss-value {
  display: flex;
  user-select: none;
  align-items: center;
  padding: 0.325vw 0.375vw;
  margin: 0.170vw 0.375vw 0 0;
  color: #ffffff;
  background-color: var(--esc-orange);
  border-radius: 0.15vw;
  animation-name: scaleIn;
  animation-duration: 0.2s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
.ss-main .ss-multi-selected .ss-values .ss-value.ss-out {
  animation-name: scaleOut;
  animation-duration: 0.2s;
  animation-timing-function: ease-out;
}
.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
  margin: 0 0 0 5px;
  cursor: pointer;
}
.ss-main .ss-multi-selected .ss-add {
  position: absolute;
  right: 0.5vw;
  top: 0.65vw;
}
.ss-main .ss-multi-selected .ss-add .ss-plus {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #666666;
  position: relative;
  height: 10px;
  width: 2px;
  transition: transform 0.2s;
}
.ss-main .ss-multi-selected .ss-add .ss-plus:after {
  background: #666666;
  content: "";
  position: absolute;
  height: 2px;
  width: 10px;
  left: -4px;
  top: 4px;
}
@media only screen and (max-width: 1919px) {
  .ss-main .ss-multi-selected .ss-add .ss-plus {
    height: 5px;
    width: 1px;
  }
  .ss-main .ss-multi-selected .ss-add .ss-plus:after {
    height: 1px;
    width: 5px;
    left: -2px;
    top: 2px;
  } 
}
@media only screen and (min-width: 1920px) {
  .ss-main .ss-multi-selected .ss-add .ss-plus {
    height: 10px;
    width: 2px;
  }
  .ss-main .ss-multi-selected .ss-add .ss-plus:after {
    height: 2px;
    width: 10px;
    left: -4px;
    top: 4px;
  } 
}
@media only screen and (min-width: 3840px) {
  .ss-main .ss-multi-selected .ss-add .ss-plus {
    height: 15px;
    width: 3px;
  }
  .ss-main .ss-multi-selected .ss-add .ss-plus:after {
    height: 3px;
    width: 15px;
    left: -6px;
    top: 6px;
  } 
}
.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
  transform: rotate(45deg);
}
.ss-main .ss-content {
  position: absolute;
  width: 100%;
  margin:  0.05vw 0 0 0;
  box-sizing: border-box;
  border-bottom: 0.05vw solid #e2e2e2;
  border-left: 0.05vw solid #e2e2e2;
  border-right: 0.05vw solid #e2e2e2;
  z-index: 1010;
  background-color: #ffffff;
  transform-origin: center top;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
  transform: scaleY(0);
}
.ss-main .ss-content.ss-open {
  display: block;
  opacity: 1;
  transform: scaleY(1);
}
.ss-main .ss-content .ss-search {
  display: flex;
  flex-direction: row;
  padding: 0.6vw 0.6vw 0.45vw 0.6vw;
}
.ss-main .ss-content .ss-search.ss-hide {
  height: 0vw;
  opacity: 0;
  padding: 0vw 0vw 0vw 0vw;
  margin: 0vw 0vw 0vw 0vw;
}
.ss-main .ss-content .ss-search.ss-hide input {
  height: 0vw;
  opacity: 0;
  padding: 0vw 0vw 0vw 0vw;
  margin: 0vw 0vw 0vw 0vw;
}
.ss-main .ss-content .ss-search input {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0vw;
  height: 2vw;
  padding: 0.45vw 0.6vw;
  margin: 0;
  border: 0.05vw solid #e2e2e2;
  border-radius: 0.15vw;
  background-color: #ffffff;
  outline: 0;
  text-align: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: textfield;
}
.ss-main .ss-content .ss-search input::placeholder {
  color: #8a8a8a;
  vertical-align: middle;
}

.ss-main .ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 22px;
  font-weight: bold;
  flex: 0 0 30px;
  height: 30px;
  margin: 0 0 0 8px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  box-sizing: border-box;
}
.ss-main .ss-content .ss-addable {
  padding-top: 0px;
}
.ss-main .ss-content .ss-list {
  max-height: 40vh;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
}
.ss-main .ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  padding: 6px 10px 6px 10px;
  font-weight: bold;
}
.ss-main .ss-content .ss-list .ss-optgroup .ss-option {
  padding: 6px 6px 6px 25px;
}
.ss-main .ss-content .ss-list .ss-optgroup-label-selectable {
  cursor: pointer;
}
  .ss-main .ss-content .ss-list .ss-optgroup-label-selectable:hover {
    color: #ffffff;
    background-color: #136EFB;
  }
.ss-main .ss-content .ss-list .ss-option {
  padding: 6px 10px 6px 10px;
  cursor: pointer;
  user-select: none;
}
.ss-main .ss-content .ss-list .ss-option * {
  display: inline-block;
}
.ss-main .ss-content .ss-list .ss-option:hover,
.ss-main .ss-content .ss-list .ss-option.ss-highlighted {
  background-color: var(--esc-orange-shade3);
}
.ss-main .ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  color: #dedede;
  background-color: #ffffff;
}
.ss-main .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
  color: #c0c0c0;
  background-color: var(--gray-shade1);
}
.ss-main .ss-content .ss-list .ss-option.ss-hide {
  display: none;
}
.ss-main .ss-content .ss-list .ss-option .ss-search-highlight {
  background-color: #fffb8c;
}

.help-list > li {
  display: list-item;
  list-style-type: disc;
  margin-left: 2vw;
}

.constrain-fit-width-50 {
  max-width: 50%;
  width: fit-content !important;
}

/* Accessibilty and branding */
input:active,
select:active,
textarea:active,
input:focus,
select:focus,
textarea:focus,
input:target:focus-visible,
select:focus-visible,
textarea:focus-visible {
  border: 2px solid #00678f !important;
}

tab-label:active,
tab-label:focus,
tab-label:focus-visible {
  border: 2px solid #00678f !important;
  background: var(--esc-orange-shade3);
}

/* CKEditor */
.cke {
  border: 0.10vw solid #767676 !important;
}

.cke_contents {
  border-top: 0.10vw solid #767676 !important;
  border-bottom: 0.10vw solid #767676 !important;
}

a.cke_button_off:hover,
a.cke_button_off:focus,
a.cke_button_off:active,
a.cke_button_on,
.cke_combo_off a.cke_combo_button:hover,
.cke_combo_off a.cke_combo_button:focus,
.cke_combo_off a.cke_combo_button:active {
  border: 1px solid #767676 !important;
}

a.cke_button_off:hover,
a.cke_button_off:focus,
a.cke_button_off:active,
a.cke_button_on:hover,
a.cke_button_on:active,
a.cke_button_on:focus,
a.cke_button_on:hover,
.cke_combo_off a.cke_combo_button:hover,
.cke_combo_off a.cke_combo_button:focus,
.cke_combo_off a.cke_combo_button:active {
  outline: 3px solid #00678f; /* Changed for accessibility */
  outline-offset: 1px;
}