.cssDrpDwn {position: relative;display: inline-block;}
.cssDrpDwn-content {display: none;position: absolute;right: 0;min-width:150px;width:100%;transition: 0.4s;background-color: #f9f9f9;
                    padding:5px; border-radius: 10px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;}
.cssDrpDwn-content a {color: black;padding: 12px 16px;text-decoration: none;display: block; font-size:14px;}
.cssDrpDwn-content a:hover {color:white;background-color:#0530AD;border-radius:10px;cursor:pointer;}
.cssDrpDwn:hover .cssDrpDwn-content {display: block;}
.cssDrpDwn:hover .cssExitBtn:hover {background-color:red;color:white;cursor:pointer; font-weight:bold;}

.cssSubMnu-Cntnr {display:none;background-color:ghostwhite;padding-left: 8px;padding-right:8px;border-radius:10px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.cssSubMnu-Cntnr a {font-size:12px;}
.cssSubMnu-Cntnr a:hover {background-color:lightblue;color:black;}

/* Add an class in sub menu main button */
.cssSubMnu2Opn {color: black;padding: 12px 16px;text-decoration: none;display: block; font-size:14px;transition: 0.4s;}
.cssSubMnu2Opn:hover {color: white;background-color: #0530AD;border-radius: 10px;cursor: pointer;}
.cssSubMnu2Opn::after {content: "▼";}

/* Add an active class to the active dropdown button */
.cssSubMnuActive {background-color: dodgerblue;color: white;padding: 12px 16px;text-decoration: none;display: block;font-size: 14px;border-radius: 10px;transition: 0.4s;}
.cssSubMnuActive::after {content:"▲";}

.cssChip50 {display: inline-block;padding: 0 25px 0px;height: 50px;font-size: 14px;line-height: 50px;border-radius: 50px;background-color: #F2F4F8;border: 1px solid lightgray;}
.cssChipImg50 {float: left;margin: 0 0 0 -25px;height: 50px;width: 50px;border-radius: 50%;}


/* for standard document master page series*/
.cssSeriesTD {
    padding-left:2px;
    padding-right:2px;
    padding-top:1px;
    padding-bottom:1px;
    text-align: center;
    vertical-align: middle;
    background-color: whitesmoke;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-left: 2px solid lightgray;
    border-right: 2px solid lightgray;
}
.cssSeriesTD:hover {background-color:lightgray;}
    
    /* for DBQuery master page */
.cssDBQryBG {
    min-height: 80vh;
    margin-left: 5%;
    margin-right: 5%;
    border-width: 5px 1px 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: aliceblue;
    padding: 1px 1px 1px 1px;
    background-image: -ms-linear-gradient(90deg, #d6e8ff 0%, #d6e8ff 25%, transparent 100%, #d6e8ff 75%, transparent);
    background-image: -webkit-linear-gradient(90deg, #d6e8ff 0%, #d6e8ff 25%, transparent 100%, #d6e8ff 75%, transparent);
    background-image: -o-linear-gradient(90deg, #d6e8ff 0%, #d6e8ff 25%, transparent 100%, #d6e8ff 75%, transparent);
}

.cssOverlay {height: 100%;width: 0;position: fixed;z-index:9999;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);transition: 0.5s; overflow:hidden; }
.cssOverlay-content {position: relative;top: 25%;width: 100%;text-align: center;margin-top: 30px;}

.cssOverlay .cssClosBtn {position: absolute;top: 1px;right: 45px;font-size: 70px; color:white;}
.cssOverlay .cssOvrlyHdg {position: absolute;top: 30px;left:0;font-size: 60px; color:white;}

@media screen and (max-height: 450px) {
    .cssOverlay .cssClosBtn {font-size: 40px;top: 15px;right: 35px;}
}