:root{
    --dropdownPointerPos : 20px ;
}

.dropdown{
    display: none;
    position: absolute;
    left:100px;
    color:gray;
    background-color: var(--dropdownColor); 
    width:200px; 
    height:auto;
    max-height:calc(100% - var(--pmHeaderHeight) - 20px); 
    border-radius:3px; 
    padding:10px 10px; 
    /* overflow-y: auto;  */
    font-size:14px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    z-index:20;
    transition: background-color 0.3s ease-in-out;
}

.dropdown:before {
  content: '';
  position: absolute;
  background: var(--dropdownColor);
  box-shadow: -1px 4px 6px rgba(0, 0, 0, 0.1);
  height: 16px;
  left: var(--dropdownPointerPos);
  top: 13px;
  transform: rotate(-135deg);
  transform-origin: 0 0;
  width:  16px;
  z-index: -1;
  transition: background 0.3s ease-in-out;
}

.dropdown:after {
  border-radius:3px; 
  content: '';
  position: absolute;
  background: var(--dropdownColor);
  height: 30px;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: -1;
  transition: background 0.3s ease-in-out;
}

.dropdown-option:hover{
    background-color: rgba(0, 0, 0, 0.1);
}
        
.dropdown-option{
    font-family: var(--mainFont);
    border-radius:3px;
    border:0px;
    width:100%; 
    height:28px;
    margin-top:5px; 
    font-size:14px; 
    vertical-align:top; 
    text-align: left; 
    line-height: 26px;
    color:gray;
    background-color: transparent;
}

.dropdown-option.rtl{
    text-align: right;
}

.dropdown-options{
    height: 100%;
    overflow-y: auto;
    display: none;
}

.dropdown-seprator{
    height: 0px;
    width: calc(100% - 10px);
    border-bottom: solid lightgray 1px;
    margin: 15px 0px 10px 5px;
}

s2{
    text-decoration:none;
    position:relative;
}
s2::before{
    top: 50%;
    background:red;
    opacity:.7;
    content: '';
    width: 110%;
    position: absolute;
    height:.1em;
    left: -5%;
    transform: rotate(-15deg); 
}

s2.inner::before{
    top: -25%;
    left: 115%;
    background: none;
    opacity: 1;
    content: attr(data-s2-before-content);
    text-shadow: 0 0 4px white; 
    transform: rotate(0deg);
}

s2.rtl.inner::before{
    left: -115%;
}