+.itemsbox .items {
+ display: block;
+ position: absolute;
+ overflow-y: auto;
+
+ transition: all 0.5s ease;
+ visibility: hidden;
+ opacity: 0;
+}
+
+.itemsbox:hover .items, .itemsbox .items:hover {
+ visibility: visible;
+ opacity: 1;
+}
+
+.itemsbox .items .item {
+ display: block;
+ padding: 5px;
+ color: black;
+ cursor: pointer;
+ text-decoration: none;
+}
+
+.itemsbox .items .item.selected {
+ font-weight: bold;
+ cursor: default;
+}
+
+.itemsbox .items .item:not(.selected):hover, .button:hover {
+ background-color: #DCE4F3;
+}
+
+.itemsbox .items .item[disabled], .button[disabled] {
+ pointer-events: none;
+ background-color: #aaa;
+ filter: grayscale(100%);
+ border-color: #AAA391;
+}
+
+.button {
+ display: inline-block;
+ text-align: center;
+ text-decoration: none;
+ background-position: center;
+ background-repeat: no-repeat;
+ border: 1px solid #bac2e1;
+ border-radius: 5px;
+}
+