/* alen-easy-dd */
.menusitfamily a{
	display:block;
} 

#alen-easy-dd-wraper{
	display: none;
	position: fixed;
	left:0px;
	top:0px;
	width: 100vw;
	height: 100vh;
	background: rgba(12, 11, 11, 0.7);
	z-index: 9998;
}
.easy-dd[data-ddstatus='1'] {
	z-index: 9999;
	
}
.easy-dd:hover {
	color: green;
}
.alen-easy-dd:hover .easy-dd{
/*display: block;	*/
border:#ddd 2px solid;
}
.alen-easy-dd{position: relative;}
.easy-dd{
	border:transparent 2px solid;
	/*position: absolute;
	left: -4px;
	top: -28px;
	display: none;
	cursor: pointer;*/
}
.temlesimg:hover {
	border: 1px solid #eae274 !important;
}

/* Dropdown Button */
.dropbtnal {
   // background-color: #3498DB;
    //color: white;
   // padding: 16px;
   // font-size: 16px;
   // border: none;
    cursor: pointer;

}

/* Dropdown button on hover & focus */
.dropbtnal:hover, .dropbtn:focus {
    //background-color: #2980B9;
}

/* Chrome, Safari, Edge, Opera */
.dropdownal input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
 
/* Firefox */
.dropdownal input[type=number] {
  -moz-appearance:textfield;
}

/* The container <div> - needed to position the dropdown content */
.dropdownal {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-contental {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 45px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-contental a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-contental a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.showal {display:block;}