.oselect {
  position: relative;
  padding: 0;
  margin-bottom: 10px;
  box-sizing: border-box
}

.oselect ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px
}

.oselect ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.87)
}

.oselect__separator {
  margin-top: 11px;
  color: #b1b4b6;
  width: 1px
}

.oselect .oselect__checkboxes {
  margin-left: -7px
}

.oselect__title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
  margin: 0
}

@media (min-width: 641px) {
  .oselect__title {
      font-size:24px;
      line-height: 1.25
  }
}

.csr-sidebar-search-selector .oselect__title {
  font-size: 19px;
  line-height: 1.25
}

@media print {
  .oselect__title {
      font-size: 14pt;
      line-height: 1.15
  }
}

.oselect__button {
  z-index: 1;
  background: 0 0;
  border: 0;
  text-align: left;
  padding: 0;
  cursor: pointer;
  color: #1d70b8
}

.oselect__button:hover {
  text-decoration: underline;
  text-underline-offset: .1em;
  text-decoration-thickness: max(3px,.1875rem,.12em);
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  -webkit-text-decoration-skip: none;
  text-decoration-skip: none
}

.oselect__button::-moz-focus-inner {
  border: 0
}

.oselect__button:focus {
  outline: 0;
  text-decoration: none;
  outline: 3px solid transparent;
  color: #0b0c0c;
  background-color: #fd0;
  box-shadow: 0 -2px #fd0,0 4px #0b0c0c;
  text-decoration: none;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.oselect__button[disabled] {
  background-image: none;
  color: inherit
}

.oselect__button::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2
}

.oselect__icon {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 40px;
  fill: #0b0c0c
}

.oselect__icon--down,.oselect__icon--up {
  left: -5px
}

.oselect__container {
  background-color: #fff;
  height: 225.333px;
  box-sizing: border-box
}

.oselect__container:focus {
  outline: 0
}

.oselect__container--large {
  max-height: 600px
}

.oselect__container-inner {
  padding: 5px 0;
  box-sizing: border-box
}

.oselect__filter {
  position: relative;
  background: #fff;
  padding: 13px 0 10px 0;
  box-sizing: border-box
}

@media (min-width: 641px) {
  .oselect__filter {
      padding-right:0
  }
}

.csr-sidebar-search-selector .oselect__filter {
  padding-right: 0
}

.oselect__filter-input {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 33px;
  background: url(/company/csr/images/oselect_search_icon.svg) #fff no-repeat -5px -7px
}

.js-enabled .oselect__heading {
  position: relative;
  padding: 10px 8px 5px 28px;
  margin: 0
}

.js-enabled [aria-expanded=true]~.oselect__icon--up {
  display: block
}

.js-enabled [aria-expanded=false]~.oselect__icon--down {
  display: block
}

.js-enabled [data-closed-on-load=true] .oselect__container {
  display: none
}

.js-enabled [data-closed-on-load=true] .oselect__filter {
  display: none
}

.js-enabled [data-closed-on-load=true] .oselect__expander {
  display: none
}

.oselect__selected-counter {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.25;
  color: #0b0c0c;
  margin-top: 3px
}

@media (min-width: 641px) {
  .oselect__selected-counter {
      font-size:14px;
      line-height: 1.4285714286
  }
}

@media print {
  .oselect__selected-counter {
      font-size: 12pt;
      line-height: 1.2
  }
}

.oselect.js-closed .oselect__container,.oselect.js-closed .oselect__expander,.oselect.js-closed .oselect__filter {
  display: none
}

.oselect.js-opened .oselect__container,.oselect.js-opened .oselect__expander,.oselect.js-opened .oselect__filter {
  display: block
}

.oselect__available-options-list {
  position: relative;
  color: transparent;
  list-style: none;
  padding: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 500px;
  width: 100%;
  box-sizing: border-box
}

.oselect__available-options-list label {
  color: #0b0c0c;
  /*background-color: #fff;*/
  padding: 11px 15px 9px 2.5em
}

.oselect__available-checkbox {
  margin: 8px 5px 3px 7px;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  font: inherit;
  color: #0b0c0c;
  width: 1.5em;
  height: 1.5em;
  border: 2px solid #0b0c0c;
  display: inline-grid;
  position: absolute;
  place-content: center;
  z-index: 1
}

.oselect__available-checkbox::before {
  content: "";
  width: .65em;
  height: .65em;
  transform: scale(0);
  box-shadow: inset 1em 1em #0b0c0c;
  transform-origin: bottom left;
  clip-path: polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)
}

.oselect__available-checkbox:checked::before {
  transform: scale(1)
}

.oselect__available-checkbox:hover {
  cursor: pointer
}

.oselect__available-options-list-item:hover input {
  outline: 7px solid #b1b4b6
}

.oselect__available-options-list-item:hover input:focus {
  outline: 7px solid #b1b4b6
}

.oselect__available-options-list-item {
  background-color: #fff;
  overflow-x: hidden
}

.oselect__available-options-list-item label {
  display: inline-grid;
  overflow-wrap: anywhere;
  box-sizing: border-box;
  width: 100%
}

.oselect__selected-options-container {
  margin-top: 4px;
  box-sizing: border-box;
  border: 1px solid #b1b4b6;
  border-radius: 4px;
  padding-left: 0;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 4px;
  margin-bottom: 0;
  background-color: #fff;
  width: 100%
}

@media (min-width: 641px) {
  .oselect__selected-options-container {
      width:50%
  }
}

.csr-sidebar-search-selector .oselect__selected-options-container {
  width: 100%
}

.oselect__selected-options-list {
  margin: 0;
  margin-bottom: 0;
  padding: 0;
  overflow: hidden;
  color: transparent;
  width: 100%
}

.oselect__selected-options-list li {
  float: left
}

.oselect__selected-options-button {
  background-color: #f3f2f1;
  border: 1px solid #0b0c0c;
  border-radius: 2px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 3px;
  margin-bottom: 2px;
  margin-right: 2px;
  padding: 4px 4px 2px 4px;
  font-size: 19px;
  text-align: left;
  box-sizing: border-box
}

.oselect__selected-options-button-image {
  position: absolute;
  display: inline-block
}

.oselect__selected-options-button-text {
  position: relative;
  display: inline-block;
  margin-left: 24px
}

@media (min-width: 641px) {
  .csr-sidebar-search-selector .oselect__selected-options-button {
      font-size:16px
  }

  .csr-sidebar-search-selector .oselect__selected-options-button img {
      width: 14px;
      height: 14px
  }

  .csr-sidebar-search-selector .oselect__selected-options-button-text {
      margin-left: 21px
  }
}

@media (max-width: 640px) {
  .oselect__selected-options-button {
      font-size:16px
  }

  .oselect__selected-options-button img {
      width: 14px;
      height: 14px
  }

  .oselect__selected-options-button-text {
      margin-left: 21px
  }
}

.oselect__selected-options-button img {
  vertical-align: top;
  margin-top: 3px;
  margin-left: 2px;
  margin-right: 5px
}

.oselect__selected-options-button:focus:hover:not(:active),.oselect__selected-options-button:hover:not(:active) {
  cursor: pointer;
  background-color: #dbdad9
}

.oselect__selected-options-button:focus,.oselect__selected-options-button:focus:not(:hover):not(:active) {
  outline: 3px solid #ffdd00;
  outline-offset: 0px;
  border: 1px solid #0b0c0c;
  background-color: #fff;
  box-shadow: inset 0 0 0 2px
}

.oselect__skip-panel-link {
  margin-left: 6px
}

.oselect__skip-panel-para {
  position: absolute;
  left: -9999em
}

.oselect__skip-panel-para-focus-within {
  position: relative!important;
  left: auto!important
}

.oselect__standard-wrapper {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 10px
}

.oselect__standard-wrapper:after {
  content: "";
  display: block;
  clear: both
}

.oselect__expander {
  width: 100%;
  box-sizing: border-box
}

.oselect__expander-inner {
  padding: 13px 0 10px 0;
  box-sizing: border-box
}

@media (min-width: 641px) {
  .oselect__expander-inner {
      padding-right:0
  }
}

.csr-sidebar-search-selector .oselect__expander-inner {
  padding-right: 0
}

.oselect__layout-limits {
  width: 50%;
  box-sizing: border-box
}

@media (min-width: 641px) {
  .csr-sidebar-search-selector .oselect__layout-limits {
      width:100%
  }
}

@media (max-width: 640px) {
  .oselect__layout-limits {
      width:100%
  }
}

.csr-reactive-panel-grey {
  width: auto;
  padding-bottom: 1px;
  background-color: inherit;
  border-right: 5px solid #1d70b8
}

.search-results-panel-side-inner {
  width: auto;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 15px
}

@media (max-width: 640px) {
  .csr-reactive-panel-grey {
      border:none
  }

  .search-results-panel-side-inner {
      margin-right: 0
  }
}
