/*--------------------*/
/* - Sumoselect       */
/*--------------------*/
.SelectBox {z-index: 0;padding: 0;margin: 0;line-height: 0;font-size: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.SumoSelect {cursor: pointer;z-index: 3;width: 100%;--sel-p: 15px;--sel-h: 56px;--sel-fz: 1rem;}
.SumoSelect > .CaptionCont {z-index: 1;text-align: left;height: var(--sel-h);padding: var(--sel-p);padding-right: calc(var(--sel-p) * 3);background: var(--clr-white);border-radius: 8px;color: var(--clr-black);border: 1px solid var(--clr-input);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.SumoSelect > .CaptionCont > span {cursor: pointer;padding-right: 0;font-size: var(--sel-fz);font-weight: 500;line-height: calc(var(--sel-h) - var(--sel-p) * 2);color: currentColor;text-transform: capitalize;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.SumoSelect > .CaptionCont > span.placeholder {font-style: normal;color: var(--clr-black);}
.SumoSelect > .CaptionCont > label {display: inline-block;cursor: pointer;width: 20px;height: 20px;color: currentColor;right: var(--sel-p);bottom: auto;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.SumoSelect > .CaptionCont > label i {background-image: none;opacity: 1;width: 10px;height: 10px;top: 40%;left: 50%;right: auto;bottom: auto;color: currentColor;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
.SumoSelect > .optWrapper {display: block;overflow: auto;z-index: 2;padding: 0;top: 100%;left: 0;width: 100%;border: none;border-radius: 8px;opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: var(--clr-white);-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.12);box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.12);-webkit-transition: 0s;transition: 0s;}
.SumoSelect > .optWrapper > .options {--sumo-dropHeight: calc(95svh + var(--sumo-dropdown-height));max-height: var(--sumo-dropHeight, auto);padding: 10px 0;border-radius: 0 !important;}
.SumoSelect > .optWrapper > .options::-webkit-scrollbar {width: 0px;height: 0px;display: none;}
.SumoSelect > .optWrapper > .options li.opt {padding: 0;border-bottom: 0;}
.SumoSelect > .optWrapper > .options li label {white-space: unset;text-align: left;padding: 10px var(--sel-p);font-size: var(--sel-fz);line-height: 1.1em;font-weight: 400;color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.SumoSelect > .optWrapper > .options li.opt.selected label {color: var(--clr-primary);}
.SumoSelect > .optWrapper > .options > .opt.disabled:first-child {display: none;}
.SumoSelect > .optWrapper > .options li.group > label {padding: 10px 15px;font-weight: 600;}
.SumoSelect > .optWrapper > .options li ul li.opt {padding-left: 10px;}
.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont {-webkit-box-shadow: none;box-shadow: none;border-color: var(--clr-grey);}
.SumoSelect.open {z-index: 12 !important;}
.SumoSelect.open > .CaptionCont {border-color: var(--clr-black);}
.SumoSelect.open > .CaptionCont > label {-webkit-transform: translateY(-50%) rotateX(180deg);transform: translateY(-50%) rotateX(180deg);}
.SumoSelect.open > .optWrapper {top: 100%;-webkit-transform: translateY(8px);transform: translateY(8px);opacity: 1;visibility: visible;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.SumoSelect.disabled {opacity: 0.5;}
.SumoSelect.disabled > .CaptionCont {cursor: not-allowed;}
.SumoSelect.disabled > .CaptionCont > span {cursor: not-allowed;}
.SumoSelect > .optWrapper.multiple > .options li.opt label {padding-left: 10px;}
.SumoSelect .select-all > span i,
.SumoSelect > .optWrapper.multiple > .options li.opt span i {margin-right: 0;width: 18px;height: 18px;border: 1px solid var(--clr-input);border-radius: 0;-webkit-box-shadow: none;box-shadow: none;background-color: transparent;}
.SumoSelect .select-all.partial > span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {-webkit-box-shadow: none;box-shadow: none;background: none;border-color: var(--clr-black);}
.SumoSelect .select-all.partial > span i:after,
.SumoSelect .select-all.selected > span i:after,
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i:after {content: "";position: absolute;z-index: 1;inset: 2px;background-color: var(--clr-black);}
@media (min-width: 1200px) {
.SumoSelect > .optWrapper > .options li.opt:hover {background-color: rgba(193, 233, 231, 0.5);}
}
@media (max-width: 767px) {
.SumoSelect {--sel-p: 10px;--sel-h: 50px;}
}