.selectric-wrapper {position: relative; cursor: pointer; }
.selectric-responsive { width: 100%; }

.selectric {max-width: 500px; border:0px; background: #170261; color: white; border-radius: 30px;
	margin-left: auto; margin-right: auto; position: relative;}
	
.selectric .label {display: block; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px;
  color: #999; height: 70px; padding: 20px 40px; margin-bottom: 11px; user-select: none;
  font-size: inherit; font-weight: normal; line-height: inherit; }
  
.selectric .open-btn { display: block;  position: absolute;  right: 0;  top: 0;
  width: 48px;  height: 70px; color: rgba(0,0,0,0);
  background: url('wedge.png') center center no-repeat; opacity: 0.5;
  transition: 0.3s;
}
/*
.selectric .open-btn:after {  content: " ";
  position: absolute;  top: 0;   right: 0;  bottom: 0;  left: 0;
  margin: auto;  width: 0;  height: 0;  border: 4px solid transparent;
  border-top-color: #BBB;  border-bottom: none;
}
*/

.selectric-hover .selectric {border-color: #c4c4c4; }
.selectric-hover .selectric .open-btn {opacity: 1;}
/*.selectric-hover .selectric .button:after {border-top-color: #a2a2a2;}*/

.selectric-open {z-index: 9999;}
.selectric-open .selectric {  border-color: #c4c4c4;}
.selectric-open .selectric-items {display: block;}

.selectric-disabled {filter: alpha(opacity=50); opacity: 0.5; cursor: default; user-select: none;}

.selectric-hide-select {position: relative; overflow: hidden; width: 0; height: 0;}
.selectric-hide-select select {position: absolute; left: -100%; display: none;}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {display: none;  max-width: 500px; margin: 0px auto; position: absolute;  top: 100%;  left: 0px; right: 0px; 
  border:0px; background: #170261; color: white;  z-index: -1;  }
  
.selectric-items .selectric-scroll {height: 100%; overflow: auto;}
.selectric-above .selectric-items {top: auto; bottom: 100%;}
.selectric-items ul, .selectric-items li {list-style: none;  padding: 0;  margin: 0;  line-height: 20px; min-height: 20px;}
.selectric-items li {display: block;  padding: 10px;  color: #666;  cursor: pointer;}
.selectric-items li.selected {
  background: #EFEFEF;
  color: #444;
}
.selectric-items li:hover {
  background: #F0F0F0;
  color: #444;
}
.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  user-select: none;
  background: none;
  color: #444;
}
.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}