.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin: 2px 0px 3px 0px;}
.ui-multiselect-header ul { font-size:0.9em; list-style-type: none; padding: 0px; }
.ui-multiselect-header ul li {background-color: #FFF !important; border-bottom: 1px solid #EBEDF3; }
.ui-multiselect-header a { text-decoration:none !important; }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }
.ui-widget-header {
    border: 1px solid #000;
    background: #8B8B7E !important;
    font-weight: normal;
}
.ui-multiselect-filter {
    margin-right: 5px;
    font-size: 15px;
    width:100%
}
.ui-multiselect-menu { display:none; padding:0px 0px 3px 8px; position:absolute; z-index:100; text-align: left; }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; border:0px; padding:10px 1px 0px 0px; display: flex; align-items: center; }
.ui-multiselect-checkboxes label input { position:relative; left: 5px; }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #000;
    background: #FFF;
    font-weight: bold;
    color: #000;
}

.ui-state-active, .ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
    border: 1px solid #000;
    background: #FFF none repeat scroll 0% 0%;
    font-weight: normal;
    color: #000;
}
.ui-multiselect {
    padding: 2px 0px 2px 4px;
    text-align: center;
    margin-top: -15px;
}
.ui-helper-reset {padding-top: 5px;}
.ui-helper-reset {padding-left:5px;}
.ui-state-default .ui-icon {background-image:none !important;}
.multi_select_container {
  width:100%; 
  margin:0px auto;
  padding:30px 0px 0px 0px;
  text-align: center;
}
.multi_select_container button { cursor:default !important;}
label.ui-corner-all > span {padding-left: 20px !important; font-size:16px !important; font-weight: normal !important;}
.ui-multiselect-checkbox_container {
  float: left !important;
  transform: translate3d(0px, 33px, 0px);
  top: 0px;
  right: 30px;
  will-change: transform;
  display: none;
  position: absolute;
  z-index: 2;
  width: 250px;
  box-shadow: 0px 0px 50px 0px rgb(82 63 105 / 15%);

  background-color: white;
}
label.ui-corner-all > input[type="checkbox"] {
  -moz-transform: scale(1.80);
  -webkit-transform: scale(1.80);
  -o-transform: scale(1.80);
  transform: scale(1.80);
}
label.ui-state-hover {
  background:#ffffff !important;
  padding-left: 0px !important;
  border: 0px !important;
}
@media only screen and (max-width:480px){
  .multi_select_container {  width:100%; margin:0px auto;}
}

input[type="checkbox" i]:focus-visible {
  outline-offset: 0 !important;
  outline: 0 !important;
}

.ui-lnk-focus:hover {
  color: #337ab7 !important;
}

.ui-multiselect-header-show {
  display: block;
}

.ui-widget-content {
  border: 1px solid #000;
}

.ui-multiselect-header-title {
  background-color: white !important;
  margin: 10px 0px 10px 5px;
  justify-content: space-between;
  display: flex;
  align-items: stretch;
  height: 30px;
}

.ui-multiselect-header-three-dot {
  margin: 6px 5px;
}

.ui-multiselect-header ul li a span {
  display: flex;
  padding: 15px !important;
  font-size: 16px !important;
  font-family: Lato;
}

.ui-multiselect-height {
  height: 280px;
  width: 98% !important;
  margin: 0 auto !important;
  display: flex;
}

.btn.btn-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 !important;
  height: calc(1.5em + 1.3rem + 2px);
  width: calc(1.5em + 1.3rem + 2px);
}

.btn.btn-hover-light-primary.btn-clean {
  border: 0 !important;
}

.btn-sm {
  padding: 0.55rem 0.75rem;
  font-size: 0.925rem;
  line-height: 1.35;
  border-radius: 4px;
}

.btn.btn-sm .svg-icon svg, .btn-group-sm > .btn .svg-icon svg {
  height: 20px !important;
  width: 20px !important;
}

.btn.btn-three-dot .svg-icon svg g [fill] {
  transition: fill 0.3s ease;
  fill: gray;
}

.btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-light-primary:focus:not(.btn-text), .btn.btn-hover-light-primary.focus:not(.btn-text) {
  color: rgb(54, 153, 254);
  background-color: #E1F0FF;
  border-color: transparent;
}

.btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-light-primary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3699FF;
}

.btn.btn-icon.btn-sm, .btn-group-sm > .btn.btn-icon {
  height: calc(10px + 8px + 10px + 10px);
  width: calc(10px + 10px + 10px + 10px);
}

.ui-multiselect-filter input {
  font-size: 13pt !important;
  padding-left: 10px;
  margin: 5px 0px 5px 0px !important;
  font-weight: normal;
  height: 30px;
  width: 98% !important;
}

@media only screen and (max-width:480px) {
  .ui-multiselect-height {
    height: 280px;
    width: 94% !important;
    margin: 0 auto !important;
    display: flex;
  }

  .ui-multiselect-filter input {
    width: 100% !important;
  }
}