.mylists-header {
  display: inline-block;
  position: absolute;
  padding-bottom: 5px
}
.mylists-switch,.mylists-tabs {
	list-style:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	font-size:16px;
	min-height:30px;
	padding:7px;
	position:relative;
	border-color:#efeff0;
	-webkit-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);
	-moz-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);
	-webkit-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);
	-moz-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);
	-ms-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);
	-o-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);
	box-shadow:0 0 15px 0 rgba(28,25,44,0.05);
	margin-bottom:15px;
	background-color:#f3efe5;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	/*border-radius:100px*/
}
.mylists-switch li,.mylists-tabs li {
	/*display:inline-block;*/
	margin:0 10px 0 0;
	color:#333;
	text-decoration:none;
	padding:8px 10px
}
.mylists-switch li:hover,.mylists-tabs li:hover {
	color:#dc3545;
	cursor:pointer
}
.mylists-switch li.active:hover {color:#000}
.mylists-switch li:hover a,.mylists-tabs li:hover a {
	color:#dc3545
}
.mylists-switch li:last-child,.mylists-tabs li:last-child {
	margin:0
}
.mylists-switch li.active,.mylists-tabs li.active {
	background-color:#dc3545;
	color:#fff;
	border:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px
}
.mylists-tabs li.active a {
	color: #fff
}

ul.mylists-switch > li {padding-right: 10px}

.select li {
  display: none;
  cursor: pointer;
  padding: 5px 15px;
  border-top: 1px solid black;
  /*min-width: 150px;*/
   width:100%
}

.select li:first-child {
  display: block;
  border-top: 0px;
}
.select li .active, .mylists-switch li.active {
  display: block;
  border-top: 0px;
}
.mylists-switch li:not(.active) {display: none;}

.select {
  display: block;
  padding: 0;
  position: relative;
}

.select li:hover {
  background-color: #ddd;
  cursor: pointer;
}

.select li:first-child:hover {
  /*background-color: transparent;*/
}

.select.open li {
  display: block;
}

.select span:before {
  position: absolute;
  top: 0px;
  right: 15px;
  content: "\2193";
  font-family:"FontAwesome";
}

.select.open span:before {
  position: absolute;
  top: 5px;
  right: 15px;
  content: "\2191";
  font-family:"FontAwesome";
}

ul[title]::before {
  font-family: 'LeagueGothic';
  content: attr(title);
  /* then add some nice styling as needed, eg: */
  display: block;
  font-weight: bold;
  padding: 4px;
  font-size: 19px;
  cursor: pointer;
}

ul.select[aria-label]::before {
    content: attr(aria-label);
  font-family: 'LeagueGothic';
  /* then add some nice styling as needed, eg: */
  display: block;
  font-weight: bold;
  padding: 4px;
  font-size: 19px;
  cursor: pointer;
})