.ms-options-wrap {
   position: relative;
}

.ms-options-wrap,
.ms-options-wrap * {
   box-sizing: border-box;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
   width: 100%;
   outline: none;
   border: none;
   background-color: #fff;
   padding: 15px;
   font-size: 14px;
   color: #a0b8c9;
   border-radius: 5px;
   text-align: left;
}

.ms-options-wrap > button[disabled] {
   background-color: #e5e9ed;
   color: #808080;
   opacity: 0.6;
}

.ms-options-wrap > button:after {
   content: " ";
   height: 0;
   position: absolute;
   top: 50%;
   right: 5px;
   width: 0;
   border: 6px solid rgba(0, 0, 0, 0);
   border-top-color: #999;
   margin-top: -3px;
}

.ms-options-wrap > .ms-options {
   position: absolute;
   left: 0;
   width: 100%;
   margin-top: 0px;
   margin-bottom: 20px;
   background: white;
   z-index: 2000;
   overflow: auto;
   visibility: hidden;
   color: #a0b8c9;
}

.ms-options-wrap.ms-active > .ms-options {
   visibility: visible;
}

.ms-options-wrap > .ms-options > .ms-search input {
   padding: 10px;
   font-size: 13px;
   background-color: #f5f6fa;
   color: #a0b8c9;
   border-radius: 0px;
   outline: none;
   border: none;
   width: 100%;
   box-sizing: border-box;
   margin: 5px;
}

.ms-options-wrap > .ms-options > .ms-search input::placeholder {
   color: #a0b8c9;
}

.ms-options-wrap > .ms-options > .no-result-message {
   padding: 4px 5px;
   display: none;
}

.ms-options-wrap > .ms-options .ms-selectall {
   display: inline-block;
   text-decoration: none;
   font-size: 14px;
   text-transform: uppercase;
   color: #29ba9b;
}
.ms-options-wrap > .ms-options .ms-selectall:hover {
}

.ms-options-wrap > .ms-options > .ms-selectall.global {
   margin: 4px 5px;
}

.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
}

.ms-options-wrap > .ms-options > ul li.ms-hidden {
   display: none;
}

.ms-options-wrap > .ms-options > ul > li.optgroup {
   padding: 5px;
}
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
   border-top: 1px solid #aaa;
}

.ms-options-wrap > .ms-options > ul > li.optgroup .label {
   display: block;
   padding: 5px 0 0 0;
   font-weight: bold;
}

.ms-options-wrap > .ms-options > ul label {
   position: relative;
   display: inline-block;
   width: 100%;
   padding: 10px 30px;
   margin: 1px 0;
   font-size: 14px;
}
.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.ms-options-wrap > .ms-options.hide-checkbox > ul label {
   padding: 4px;
}

.ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover {
   color: #fff;
   background: transparent linear-gradient(270deg, rgba(1, 56, 94, 0.7294117647) 0%, #29ba9b 100%) 0% 0% no-repeat padding-box;
}

.ms-options-wrap > .ms-options > ul li.selected label {
   color: #fff;
   background: transparent linear-gradient(270deg, rgba(1, 56, 94, 0.7294117647) 0%, #29ba9b 100%) 0% 0% no-repeat padding-box;
}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
   margin: 0 5px 0 0;
   position: absolute;
   left: 10px;
   top: 13px;
}

.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
   position: absolute !important;
   height: 1px;
   width: 1px;
   overflow: hidden;
   clip: rect(1px 1px 1px 1px);
   clip: rect(1px, 1px, 1px, 1px);
}