/* == Dropdown == */
.wojo.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  white-space: nowrap;
}
/* == Content == */
.wojo.dropdown .menu {
  font-family: 'wSansRegular';
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0em;
  padding: 0em 0em;
  background: #FFFFFF;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  box-shadow: 0 10px 30px 0 rgba(0,0,0, 0.1);
  border: 1px solid #E7E7E7;
  border-radius: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  z-index: 101;
  will-change: transform, opacity;
}
.wojo.dropdown .menu > * {
  white-space: nowrap;
}
/* == Hidden Input == */
.wojo.dropdown > input:not(.search):first-child,
.wojo.dropdown > select {
  display: none !important;
}
/* == Icon == */
.wojo.dropdown > .dropdown.icon {
  position: relative;
  width: auto;
  font-size: 0.813em;
  margin: 0em 0em 0em 1em;
}
.wojo.dropdown > .dropdown.fitted.icon {
  margin: 0em;
  height: 1.5rem;
  line-height:1.5rem
}
.wojo.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 1em;
}
.wojo.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em;
}
/* == Text == */
.wojo.dropdown > .text {
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}
/* == Menu Item == */
.wojo.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.75);
  padding: 0.875rem 1.125rem !important;
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  box-shadow: none;
  -webkit-touch-callout: none;
}
.wojo.dropdown .menu > .item:first-child {
  border-top-width: 0px;
}
/* == Floated Content == */
.wojo.dropdown > .text > [class*="right floated"],
.wojo.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0em !important;
  margin-left: 1em !important;
}
.wojo.dropdown > .text > [class*="left floated"],
.wojo.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0em !important;
  margin-right: 1em !important;
}
.wojo.dropdown .menu .item > .icon.floated,
.wojo.dropdown .menu .item > .flag.floated,
.wojo.dropdown .menu .item > .image.floated,
.wojo.dropdown .menu .item > img.floated {
  margin-top: 0em;
}
/* == Menu Divider == */
.wojo.dropdown .menu > .header {
  margin: 1rem 0rem 0.75rem;
  padding: 0em 1.125rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.938em;
  font-family: 'wSansDemi';
  text-transform: uppercase;
}
.wojo.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0em;
  margin: 0.5em 0em;
}
.wojo.dropdown .menu > .basic.divider {
  margin: 0;
}
.wojo.dropdown .menu > .input {
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1.125rem 0.875rem;
  min-width: 10rem;
}
.wojo.dropdown .menu > .header + .input {
  margin-top: 0em;
}
.wojo.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em;
}
.wojo.dropdown .menu > .input:not(.transparent) .button,
.wojo.dropdown .menu > .input:not(.transparent) .icon,
.wojo.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
/* == Item Description == */
.wojo.dropdown > .text > .description,
.wojo.dropdown .menu > .item > .description {
  float: right;
  margin: 0em 0em 0em 1em;
  color: rgba(0, 0, 0, 0.4);
}
.wojo.dropdown .menu > .message,
.wojo.dropdown .menu > .segment {
  padding: 0.875rem 1.125rem;
  font-weight: normal;
}
.wojo.dropdown .menu > .wojo.basic.fitted.message {
  padding: 0;
}
.wojo.dropdown .menu > .message:not(.wojo) {
  color: rgba(0, 0, 0, 0.4);
}
/* == Sub Menu == */
.wojo.dropdown .menu .menu {
  top: 0% !important;
  left: 100% !important;
  right: auto !important;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0 !important;
  z-index: 21 !important;
}
.wojo.dropdown .menu .menu:after {
  display: none;
}
/* == Sub Elements == */
.wojo.dropdown > .text > .icon,
.wojo.dropdown > .text > .label,
.wojo.dropdown > .text > .flag,
.wojo.dropdown > .text > img,
.wojo.dropdown > .text > .image {
  margin-top: 0em;
}
.wojo.dropdown .menu > .item > .icon,
.wojo.dropdown .menu > .item > .label,
.wojo.dropdown .menu > .item > .flag,
.wojo.dropdown .menu > .item > .image,
.wojo.dropdown .menu > .item > img {
  margin-top: 0em;
}
.wojo.dropdown > .text > .icon,
.wojo.dropdown > .text > .label,
.wojo.dropdown > .text > .flag,
.wojo.dropdown > .text > img,
.wojo.dropdown > .text > .image,
.wojo.dropdown .menu > .item > .icon,
.wojo.dropdown .menu > .item > .label,
.wojo.dropdown .menu > .item > .flag,
.wojo.dropdown .menu > .item > .image,
.wojo.dropdown .menu > .item > img {
  margin-left: 0em;
  float: none;
  margin-right: 0.875rem;
}
.wojo.dropdown > .text > img,
.wojo.dropdown > .text > .image,
.wojo.dropdown .menu > .item > .image,
.wojo.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-height: 2em;
}
/* == Coupling == */
.wojo.dropdown .wojo.menu > .item:before,
.wojo.menu .wojo.dropdown .menu > .item:before {
  display: none;
}
.wojo.menu .wojo.dropdown .menu .active.item {
  border-left: none;
}
.wojo.menu .right.menu .dropdown:last-child .menu,
.wojo.menu .right.dropdown.item .menu,
.wojo.buttons > .wojo.dropdown:last-child .menu {
  left: auto;
  right: 0em;
}
.wojo.label.dropdown .menu {
  min-width: 100%;
}
.wojo.dropdown.icon.button > .dropdown.icon {
  margin: 0em;
}
.wojo.button.dropdown .menu {
  min-width: 100%;
}
/* == Selection == */
.wojo.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1.250em;
  white-space: normal;
  outline: 0;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotate(0deg);
  transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.7142em;
  display: inline-block;
  padding: 0.750em 2.6em 0.750em 1em;
  background-color: #F8FAFA;
  border: 1px solid #F2F5F7;
  color: #0d0d0d;
  border-radius: 0.250rem;
  -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
}
.wojo.selection.inverted.dropdown {
  background-color: #fff;
}
.wojo.selection.dropdown.visible,
.wojo.selection.dropdown.active {
  z-index: 100;
}
select.wojo.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid #dddddd;
  visibility: visible;
}
.wojo.selection.dropdown > .search.icon,
.wojo.selection.dropdown > .delete.icon,
.wojo.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  top: auto;
  width: auto;
  z-index: 3;
  right: 1em;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.wojo.compact.selection.dropdown {
  min-width: 0px;
}
.wojo.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0px;
  outline: none;
  width:100%;
  border:0;
  /*
  margin: 0px -1px;
  min-width: calc(100% + 2px);
  width: calc(100% + 2px);
  */
  border-radius: 0;
  box-shadow: 0px 2px 3px 0px #dddddd;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  box-sizing: border-box;
}
.wojo.selection.dropdown .menu:after,
.wojo.selection.dropdown .menu:before {
  display: none;
}
.wojo.selection.dropdown .menu > .message {
  padding: 0.875rem 1.125rem;
}

@media only screen and (max-width: 767px) {
.wojo.selection.dropdown .menu {
  max-height: 7.500rem;
}
}



@media only screen and (min-width: 768px) {
.wojo.selection.dropdown .menu {
  max-height: 10rem;
}
}

@media only screen and (min-width: 992px) {
.wojo.selection.dropdown .menu {
  max-height: 15rem;
}
}

@media only screen and (min-width: 1920px) {
.wojo.selection.dropdown .menu {
  max-height: 20rem;
}
}
.wojo.selection.dropdown .menu > .item {
  border-top: 1px solid #FAFAFA;
  padding: 0.875rem 1.125rem;
  white-space: normal;
  word-wrap: normal;
}
.wojo.selection.dropdown:hover {
  border-color: #5fbae9;
  box-shadow: none;
}
.wojo.selection.active.dropdown {
  border-color: transparent;
  box-shadow: 0px 2px 3px 0px #dddddd;
}
.wojo.selection.active.dropdown .menu {
  border-color: #5fbae9;
  box-shadow: 0px 2px 3px 0px #dddddd;
}
.wojo.selection.dropdown:focus {
  border-color: transparent;
  box-shadow: none;
}
.wojo.selection.dropdown:focus .menu {
  border-color: #5fbae9;
  box-shadow: 0px 2px 3px 0px #dddddd;
}
.wojo.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
}
.wojo.selection.active.dropdown:hover {
  border-color: #f2f5f7;
  box-shadow: 0px 2px 3px 0px #dddddd;
}
.wojo.selection.active.dropdown:hover .menu {
  border-color: #5fbae9;
  box-shadow: 0px 2px 3px 0px #dddddd;
}
.wojo.active.selection.dropdown > .dropdown.icon,
.wojo.visible.selection.dropdown > .dropdown.icon {
  opacity: 1;
  z-index: 3;
}
.wojo.active.selection.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}
/* == Searchable == */
.wojo.search.dropdown {
  min-width: '';
}
.wojo.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer;
  top: 0em;
  left: 0em;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit;
}
.wojo.search.dropdown > input.search {
  position: absolute;
  z-index: 2;
}
.wojo.search.dropdown > .text {
  cursor: text;
  position: relative;
  z-index: 3;
}
.wojo.search.selection.dropdown > input.search {
  line-height: 1.250em;
  padding: 0.625em 2.6em 0.625em 1em;
}
.wojo.search.dropdown.active > input.search,
.wojo.search.dropdown.visible > input.search {
  cursor: auto;
}
.wojo.search.dropdown.active > .text,
.wojo.search.dropdown.visible > .text {
  pointer-events: none;
}
.wojo.active.search.dropdown input.search:focus + .text .icon,
.wojo.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45;
}
.wojo.active.search.dropdown input.search:focus + .text {
  color: rgba(0, 0, 0, 0.4) !important;
}
.wojo.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 767px) {
.wojo.search.dropdown .menu {
  max-height: 7.500rem;
}
}

@media only screen and (min-width: 768px) {
.wojo.search.dropdown .menu {
  max-height: 10rem;
}
}

@media only screen and (min-width: 992px) {
.wojo.search.dropdown .menu {
  max-height: 15rem;
}
}

@media only screen and (min-width: 1920px) {
.wojo.search.dropdown .menu {
  max-height: 20rem;
}
}
/* == Searchable == */
.wojo.multiple.dropdown {
  padding: 0.438em 2.6em 0.438em 0.188em;
}
.wojo.multiple.dropdown .menu {
  cursor: auto;
}
.wojo.multiple.search.dropdown,
.wojo.multiple.search.dropdown > input.search {
  cursor: text;
}
.wojo.multiple.dropdown > .label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: .813em;
  padding: 0.313em 0.875em;
  margin: 0.188em 0.188rem 0.188em 0em;
  box-shadow: 0px 0px 0px 1px #dddddd inset;
}
.wojo.multiple.dropdown .dropdown.icon {
  cursor: pointer;
  position: absolute;
  top: 1em;
  width: auto;
  z-index: 3;
  right: 1em;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.wojo.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  /*margin: 0.5em 0em 0.5em 0.875em;*/
  line-height: 1.75em;
  margin-left: .5em;
}
.wojo.multiple.dropdown > .label ~ .text {
  display: none;
}
.wojo.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.5em 0em 0.5em 0.875em;
  line-height: 1.2142em;
}
.wojo.multiple.search.dropdown > .label ~ .text {
  display: none;
}
.wojo.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.5em 0em 0.5em 0.875em;
  width: 2.2em;
  line-height: 1.2142em;
}
.wojo.basic.multiple.dropdown > .wojo.label {
  font-size: .875em;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
/* == Searchable == */
.wojo.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}
.wojo.inline.dropdown .dropdown.icon {
  margin: 0em 0.5em 0em 0.25em;
  vertical-align: baseline;
}
.wojo.inline.dropdown > .text {
  font-family: 'wSansDemi';
}
.wojo.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.25em;
  border-radius: 0;
}
/* == States == */
.wojo.dropdown .menu .active.item {
  background: transparent;
  font-family: 'wSansDemi';
  color: rgba(0, 0, 0, 0.95);
  box-shadow: none;
  z-index: 102;
}
.wojo.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  z-index: 103;
}
.wojo.loading.dropdown > i.icon:before,
.wojo.loading.dropdown > i.icon:after {
  left: 30% !important;
}
.wojo.loading.dropdown > i.icon {
  top: 50% !important;
}
.wojo.multiple.loading.dropdown > i.icon:before,
.wojo.multiple.loading.dropdown > i.icon:after {
  top: 0% !important;
  left: 0% !important;
}
.wojo.loading.dropdown > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  margin: -1.25em 0em 0em -1.25em;
  width: 1.5em;
  height: 1.5em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.wojo.loading.dropdown > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  box-shadow: 0px 0px 0px 1px transparent;
  margin: -1.25em 0em 0em -1.25em;
  width: 1.5em;
  height: 1.5em;
  -webkit-animation: dropdown-spin 0.6s linear;
  animation: dropdown-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
}
.wojo.loading.dropdown.button > i.icon:before,
.wojo.loading.dropdown.button > i.icon:after {
  display: none;
}
@-webkit-keyframes dropdown-spin {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes dropdown-spin {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.wojo.dropdown > .default.text,
.wojo.default.dropdown > .text {
  color: #607d8a;
}
.wojo.dropdown:hover > .default.text,
.wojo.default.dropdown:hover > .text {
  color: #607d8a;
}
.wojo.loading.dropdown > .text {
  -webkit-transition: none;
  transition: none;
}
.wojo.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.wojo.dropdown.selected,
.wojo.dropdown .menu .selected.item {
  background: rgba(0, 0, 0, 0.03);
  color: #5fbae9;
}
.wojo.dropdown > .filtered.text {
  visibility: hidden;
}
.wojo.dropdown .filtered.item {
  display: none !important;
}
/* == Error == */
.wojo.dropdown.error,
.wojo.dropdown.error > .text,
.wojo.dropdown.error > .default.text {
  color: #9F3A38;
}
.wojo.selection.dropdown.error {
  background: #FFF6F6;
  border-color: #E0B4B4;
}
.wojo.selection.dropdown.error:hover {
  border-color: #E0B4B4;
}
.wojo.dropdown.error > .menu,
.wojo.dropdown.error > .menu .menu {
  border-color: #E0B4B4;
}
.wojo.dropdown.error > .menu > .item {
  color: #9F3A38;
}
.wojo.multiple.selection.error.dropdown > .label {
  border-color: #E0B4B4;
}
.wojo.dropdown.error > .menu > .item:hover {
  background-color: #FFF2F2;
}
.wojo.dropdown.error > .menu .active.item {
  background-color: #FDCFCF;
}
/* == Disabled == */
.wojo.disabled.dropdown,
.wojo.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}
/* == Variations == */
.wojo.dropdown .menu {
  left: 0px;
}
.wojo.dropdown .right.menu > .menu,
.wojo.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0 !important;
}
.wojo.dropdown > .left.menu .menu,
.wojo.dropdown .menu .left.menu {
  left: auto !important;
  right: 100% !important;
  border-radius: 0 !important;
}
.wojo.dropdown .item .left.dropdown.icon,
.wojo.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0.875rem 0em 0em;
}
.wojo.dropdown .item .left.dropdown.icon,
.wojo.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0.875rem 0em 0em;
}
.wojo.dropdown .item .left.dropdown.icon + .text,
.wojo.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
}
.wojo.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  /*box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);*/
  box-shadow: 0 -12px -24px rgba(0,0,0,0.15), 0 -10px -10px rgba(0,0,0,0.1);
  border-radius: 0;
}
.wojo.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important;
}
.wojo.simple.upward.active.dropdown,
.wojo.simple.upward.dropdown:hover {
  border-radius: 0 !important;
}
.wojo.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0;
}
.wojo.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.wojo.upward.selection.dropdown:hover {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
}
.wojo.active.upward.selection.dropdown {
  border-radius: 0 !important;
}
.wojo.upward.selection.dropdown.visible {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0 !important;
}
.wojo.upward.active.selection.dropdown:hover {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
}
.wojo.upward.active.selection.dropdown:hover .menu {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
/* == Simple == */
.wojo.scrolling.dropdown .menu,
.wojo.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto;
}
.wojo.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important;
}
.wojo.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid #dddddd;
}
.wojo.scrolling.dropdown .menu .item.item.item,
.wojo.dropdown .scrolling.menu > .item.item.item {
  border-top: none;
  padding-right: calc(1.125rem + 17px) !important;
}
.wojo.scrolling.dropdown .menu .item:first-child,
.wojo.dropdown .scrolling.menu .item:first-child {
  border-top: none;
}
.wojo.dropdown > .animating.menu .scrolling.menu,
.wojo.dropdown > .visible.menu .scrolling.menu {
  display: block;
}

@media all and (-ms-high-contrast: none) {
.wojo.scrolling.dropdown .menu,
 .wojo.dropdown .scrolling.menu {
  min-width: calc(100% - 17px);
}
}

@media only screen and (max-width: 767px) {
.wojo.scrolling.dropdown .menu,
 .wojo.dropdown .scrolling.menu {
  max-height: 9.875rem;
}
}

@media only screen and (min-width: 768px) {
.wojo.scrolling.dropdown .menu,
 .wojo.dropdown .scrolling.menu {
  max-height: 14.500rem;
}
}

@media only screen and (min-width: 992px) {
.wojo.scrolling.dropdown .menu,
 .wojo.dropdown .scrolling.menu {
  max-height: 19.375rem;
}
}

@media only screen and (min-width: 1920px) {
.wojo.scrolling.dropdown .menu,
 .wojo.dropdown .scrolling.menu {
  max-height: 19.375rem;
}
}
.wojo.simple.dropdown .menu:before,
.wojo.simple.dropdown .menu:after {
  display: none;
}
.wojo.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.wojo.simple.active.dropdown,
.wojo.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}
.wojo.simple.active.dropdown > .menu,
.wojo.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1;
}
.wojo.simple.dropdown > .menu > .item:active > .menu,
.wojo.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1;
}
.wojo.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden;
}
.wojo.simple.visible.dropdown > .menu {
  display: block;
}
/* == Fluid == */
.wojo.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em;
}
.wojo.fluid.dropdown > .dropdown.icon {
  float: right;
}
.wojo.floating.dropdown .menu {
  left: 0;
  right: auto;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.08) !important;
  border-radius: 0 !important;
}
.wojo.floating.dropdown > .menu {
  margin-top: 0.5em !important;
  border-radius: 0 !important;
}
/* == Pointing == */
.wojo.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.875rem;
  border-radius: .250em;
}
.wojo.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  box-shadow: -1px -1px 0px 0 #dddddd;
  background: #FFFFFF;
  z-index: 2;
}
.wojo.pointing.dropdown.upward > .menu:after {
  box-shadow: 1px 1px 0px 0 #dddddd;
}
.wojo.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em;
}
.wojo.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}
.wojo.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}
.wojo.top.left.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.wojo.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 1em 0em 0em;
}
.wojo.top.right.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: auto;
  right: 1em;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.wojo.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 1em;
}
.wojo.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.wojo.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 1em 0em 0em;
}
.wojo.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;

  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.wojo.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em 1em;
}
.wojo.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.wojo.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important;
}
.wojo.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto;
}
.wojo.bottom.left.pointing.dropdown > .menu:after {
  left: 1em;
  right: auto;
}
.wojo.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto;
}
.wojo.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: 1em;
}
.wojo.upward.pointing.dropdown > .menu,
.wojo.upward.top.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  margin: 0em 0em 0.875rem;
}
.wojo.upward.pointing.dropdown > .menu:after,
.wojo.upward.top.pointing.dropdown > .menu:after {
  top: 100%;
  bottom: auto;
  margin: -0.25em 0em 0em;
}
.wojo.dropdown > .dropdown.icon {
  font-family: 'WojoIcons';
  line-height: auto;
  height: 1em;
  width: 1.23em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
}
.wojo.dropdown > .dropdown.icon {
  width: auto;
}
.wojo.dropdown > .dropdown.icon:before {
  content: "\e051";
}
.wojo.dropdown .menu .item .dropdown.icon:before {
  content: '\f0da';
}
.wojo.dropdown .item .left.dropdown.icon:before,
.wojo.dropdown .left.menu .item .dropdown.icon:before {
  content: "\f0d9";
}
.wojo.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: "\e053";
}
/* == Sizes == */
.wojo.dropdown .menu.mini .item {
  font-size: 0.750rem;
}
.wojo.selection.tiny.dropdown {
  padding: 0.5em 2.6em 0.5em .75em;
  line-height: 1.5em;
}
.wojo.dropdown .menu.tiny .item,
.wojo.selection.tiny.dropdown,
.wojo.selection.tiny.dropdown .menu .item {
  font-size: 0.875rem;
}
.wojo.dropdown .menu.small .item,
.wojo.selection.small.dropdown,
.wojo.selection.small.dropdown .menu .item {
  font-size: 0.875rem;
}
.wojo.dropdown .mini.small .item,
.wojo.selection.mini.dropdown,
.wojo.selection.mini.dropdown .menu .item {
  font-size: 0.750rem;
}
.wojo.dropdown .menu.large .item {
  font-size: 1.125rem;
}