.DropDownMenuXXX {
    position:relative;
}
/** postOptions BUTTON */
.DropDownMenuXXX > .button {
	font-size:1.6em;
	cursor:pointer;
	line-height:13px;
	height:35px;
}
.DropDownMenuXXX > .button.img48w > img {width: 65px;height: 25px;object-fit: cover;border: solid 1px grey; padding: 2px 0px}
.DropDownMenuXXX > .button.img26w > img {    width: 21px;height: auto;padding-top: 4px;}
.DropDownMenuXXX > .button.afterdots {
    position:relative;
    font-size:1.7em;
    content:"";
}
.DropDownMenuXXX > .button.afterdots:after {
    position: absolute;
    content: "...";
    width: 28px;
    height: 7px;
    right: 0px;
    top: 4px;
    line-height: 0;
    z-index:2;
}
.DropDownMenuXXX > .button.afterdots.mobile:after {
    top:20px;
}
.DropDownMenuXXX > .button.white { color:white;}
.DropDownMenuXXX > .button.black { color:black;}
.DropDownMenuXXX > .button.gray { color:gray;}

body:not(.mobile) .DropDownMenuXXX > .button.active {
    color:yellow; 
}
body.mobile .DropDownMenuXXX > .button.active {
    color:#3e9041;
}
.DropDownMenuXXX > .button:hover {
    text-decoration:underline; 
}

/** postOptions MENU */
.DropDownMenuXXX > .menu {
	display:none;
	background:white;
	border:solid 1px lightgray;
	border-radius:3px;
	padding:3px 6px;
	z-index:998;
}
.DropDownMenuXXX > .menu.active {
    position: absolute!important;
	display:block;
	top:33px;
}
.DropDownMenuXXX > .menu.left.active { left:0px; }
.DropDownMenuXXX > .menu.right.active { right:0px; }
.DropDownMenuXXX > .menu > div:hover {
    color:white;
    background:#1E90FE;
}
.DropDownMenuXXX > .menu > div, .DropDownMenuXXX > .menu > a {
    border-bottom:solid 1px lightgray;
    color:black;
    background:white;
    cursor:pointer;
    line-height:normal;
}
body.mobile .DropDownMenuXXX > .menu > div, body.mobile .DropDownMenuXXX > .menu > a {
    padding:8px 13px;
}
.DropDownMenuXXX > .menu > div > div {
    white-space:nowrap;
}
.DropDownMenuXXX > .menu > div.withRightOption,
.DropDownMenuXXX > .menu > div.withCoverOption {
    position:relative;
}
.DropDownMenuXXX > .menu > div.withRightOption > div:nth-child(1) {
	right: 0px;
	top: 50%;
	transform: translate(-2px,-50%);
	position:absolute;
}
.DropDownMenuXXX > .menu > div.withCoverOption > div:nth-child(1) {
	right: 0px;
	top: 0px;
	left:0px;
	bottom:0px;
	position:absolute;
}
.DropDownMenuXXX > .menu > div.withCoverOption > div:nth-child(1) > select {
    background:transparent;
    width:100%;
    height:100%;
    color:transparent;
}
.DropDownMenuXXX > .menu > div.withCoverOption > div:nth-child(1) > select option {
    color:black;
}
.DropDownMenuXXX > .menu > div:not(.withRightOption):not(.withCoverOption) > div:nth-child(1),
.DropDownMenuXXX > .menu > div:not(.withCoverOption):not(.withRightOption) > div:nth-child(1),
.DropDownMenuXXX > .menu > div.withRightOption > div:nth-child(2),
.DropDownMenuXXX > .menu > div.withCoverOption > div:nth-child(2) {
	font-size:1em;
}
.DropDownMenuXXX > .menu > div:not(.withRightOption):not(.withCoverOption) > div:nth-child(2),
.DropDownMenuXXX > .menu > div:not(.withCoverOption):not(.withRightOption) > div:nth-child(2),
.DropDownMenuXXX > .menu > div.withRightOption > div:nth-child(3),
.DropDownMenuXXX > .menu > div.withCoverOption > div:nth-child(3) {
	font-size:0.7em;
	color:lightgray;
}