.dropdown {
	position: absolute;
	z-index: 9999999;
	display: none;
}

.dropdown .dropdown-menu,
.dropdown .dropdown-panel {
	min-width: 14em;
	/* max-width: 14em; */
	list-style: none;
	background: #FFF;
	border: solid 1px #DDD;
	border: solid 1px rgba(0, 0, 0, .2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	overflow: visible;
	padding: 0.3em 0;
	margin: 0;
}

.dropdown .dropdown-panel {
	padding: 1em;
}

.dropdown.dropdown-tip {
	margin-top: 8px;
}

.dropdown-animOpen {
  animation: dropdownpopup 0.2s forwards;
    transform-origin: top;
 }

@keyframes dropdownpopup {
  0%{
    opacity: 0;
    transform: scaleY(0.8);
  }
  50%{
    opacity: 1;
    transform: scaleY(0.9);
  }
  100%{
    transform: scaleY(1);
  }
}

.dropdown-animClose {
  animation: dropdownpopdown 0.2s forwards;
    transform-origin: top;
}

@keyframes dropdownpopdown {
  0%{
    opacity: 1;
    transform: scaleY(1);
  }
  50%{
    transform: scaleY(0.8);
  }
  100%{
    opacity: 0;
    transform: scaleY(0.7);
    display: none;
  }
}

.dropdown.dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:before {
	left: auto;
	right: 9px;
}

.dropdown.dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:after {
	left: auto;
	right: 10px;
}


.dropdown.dropdown-scroll .dropdown-menu,
.dropdown.dropdown-scroll .dropdown-panel {
	max-height: 358px;
	overflow: auto;
}

.dropdown .dropdown-menu LI {
	list-style: none;
	padding: 0 0;
	margin: 0;
	line-height: 1.3em;
}

.dropdown .dropdown-menu LI > A,
.dropdown .dropdown-menu LABEL {
	display: block;
	color: #555;
	text-decoration: none;
	line-height: 1.6em;
	padding: 0.3em 1em;
	white-space: nowrap;
}

.dropdown .dropdown-menu LI > A:hover,
.dropdown .dropdown-menu LABEL:hover {
	background-color: #08C;
	color: #FFF;
	cursor: pointer;
}

.dropdown .dropdown-menu .dropdown-divider {
	font-size: 1px;
	border-top: solid 1px #E5E5E5;
	padding: 0;
	margin: 5px 0;
}

/* Icon Examples - icons courtesy of http://p.yusukekamiyamane.com/ */
.dropdown.has-icons LI > A {
	padding-left: 30px;
	background-position: 8px center;
	background-repeat: no-repeat;
}

.dropdown .undo A { background-image: url(icons/arrow-curve-180-left.png); }
.dropdown .redo A { background-image: url(icons/arrow-curve.png); }
.dropdown .cut A { background-image: url(icons/scissors.png); }
.dropdown .copy A { background-image: url(icons/document-copy.png); }
.dropdown .paste A { background-image: url(icons/clipboard.png); }
.dropdown .delete A { background-image: url(icons/cross-script.png); }







.dropdownJS {
	position: absolute;
	z-index: 9999999;
	display: none;
}

.dropdownJS .dropdown-menuJS,
.dropdownJS .dropdown-panelJS {
    min-width: 14em;
    /* max-width: 14em; */
    list-style: none;
    background: #fbfbfb;
    /* border: solid 1px #DDD; */
    /* border: solid 1px rgba(0, 0, 0, .2); */
    border-radius: 6px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    overflow: visible;
    padding: 0.3em 0;
    margin: 0;
}

.dropdownJS .dropdown-panelJS {
	padding: 1em;
}

.dropdownJS.dropdown-tipJS {
	margin-top: 8px;
}

.dropdownJS.dropdown-tipJS:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  display: inline-block;
}

.dropdownJS.dropdown-tipJS.dropdown-anchor-rightJS:before {
	left: auto;
	right: 9px;
}

.dropdownJS.dropdown-tipJS:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  display: inline-block;
}

.dropdownJS.dropdown-tipJS.dropdown-anchor-rightJS:after {
	left: auto;
	right: 10px;
}


.dropdownJS.dropdown-scrollJS .dropdown-menuJS,
.dropdownJS.dropdown-scrollJS .dropdown-panelJS {
	max-height: 358px;
	overflow: auto;
}

.dropdownJS .dropdown-menuJS LI {
	list-style: none;
	padding: 0 0;
	margin: 0;
	line-height: 1.3em;
}

.dropdownJS .dropdown-menuJS LI > A,
.dropdownJS .dropdown-menuJS LABEL {
	display: flex;
	align-items: center;
	color: #555;
	text-decoration: none;
	line-height: 1.3em;
	padding: 0.3em 1em;
	white-space: nowrap;
}

.dropdownJS .dropdown-menuJS LI > A:hover,
.dropdownJS .dropdown-menuJS LABEL:hover {
	background-color: #a5a5a5;
	color: #FFF;
	cursor: pointer;
}

.dropdownJS .dropdown-menuJS .dropdown-dividerJS {
	font-size: 1px;
	border-top: solid 1px #E5E5E5;
	padding: 0;
	margin: 5px 0;
}

/* Icon Examples - icons courtesy of http://p.yusukekamiyamane.com/ */
.dropdownJS.has-iconsJS LI > A {
	padding-left: 30px;
	background-position: 8px center;
	background-repeat: no-repeat;
}

.dropdownJS .undo A { background-image: url(icons/arrow-curve-180-left.png); }
.dropdownJS .redo A { background-image: url(icons/arrow-curve.png); }
.dropdownJS .cut A { background-image: url(icons/scissors.png); }
.dropdownJS .copy A { background-image: url(icons/document-copy.png); }
.dropdownJS .paste A { background-image: url(icons/clipboard.png); }
.dropdownJS .delete A { background-image: url(icons/cross-script.png); }