.popup-ellipsis {
  display: none;
  position: fixed;
  top: 0;
  width: auto;
  height: auto;
  padding: 0;
  box-sizing: border-box;
  border-radius: 5px;
  z-index: 100;
  border: 1px solid #CCC;
  background-color: white;
  box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.3);   
}

.popup-ellipsis a { color: #555; text-decoration: none; }

.popup-ellipsis ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.popup-ellipsis ul li { color: #FFF; padding: 5px 8px 5px 8px; border-bottom: 1px solid #CCC; cursor: pointer; 
	display: flex;
	align-items: center;
	justify-content: center;
}
.popup-ellipsis ul li:last-child { border-bottom: none; }
.popup-ellipsis ul li:hover { color: #FFF; background-color: #CCC; }
.popup-ellipsis ul li:hover a { color: #FFF; background-color: #CCC; }
.popup-ellipsis ul li a { width: 100%; }
.popup-ellipsis ul li.disabled { cursor: default; }
.popup-ellipsis ul li.disabled:hover { color: #CCC; background-color: unset; }
.popup-ellipsis ul li.disabled a { color: #CCC; cursor: default; }


.box .middle li .icon-ellipsis { padding: 0 8px 0 8px; cursor: pointer; }
.box .middle li .icon-ellipsis.selected i { color: red; }

@media only screen and (max-width : 500px) {

	.popup-ellipsis {
		display: none;
		position: fixed;
		top: unset;
		bottom: var(--footer-size);
		left: 0;
		width: calc(100%);
		height: auto;
		padding: 0;
		box-sizing: border-box;
		z-index: 100;
		border-top: 3px solid #555;
		background-color: #0B2B26;
	}

	.popup-ellipsis a { color: #FFF; text-decoration: none; }
	.popup-ellipsis ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.popup-ellipsis ul li { color: #FFF; padding: 10px; border-bottom: 1px solid #CCC; }
	.popup-ellipsis ul li.disabled:hover { color: #555; background-color: unset; }
	.popup-ellipsis ul li.disabled a { color: #555; cursor: default; }

	.box .middle li .icon-ellipsis { padding: 0 0px 0 10px; cursor: pointer; }

}