.fixedBorder{ background:#004475; height:30%; z-index:9999; right:44px; width:1px;}
.fixedBorder1{ background:#004475; height:30%; z-index:9999; right:44px; width:1px; bottom:0;}
.fixedBorder span{width:5px; height:5px; background:#004475; border-radius:50px; display:block; bottom:0; position:absolute; right:25px;}
.fixedBorder1 span{width:5px; height:5px; background:#004475; border-radius:50px; display:block; top:0; position:absolute; right:25px;}
.fixedSidemenu{ top:200px; z-index:9999; right:20px;}
.fixedSidemenu ul {display:block; margin:0; text-align:center; background:#004475; border-radius:4px; padding:20px 10px; border:#9ee0fe solid 1px;}
.fixedSidemenu ul li{list-style:none; text-align:center; margin-bottom:10px;}
.fixedSidemenu ul li:nth-last-child(1){margin-bottom:00px;}
.fixedSidemenu ul li a {color:#64beff; transition: 0.2s ease; font-size:16px; line-height:0;}
.fixedSidemenu ul li a .fa{line-height:2; padding:0 5px;}
.fixedSidemenu ul li:hover a {color:#fff;}
.fixedSidemenu ul li:hover {background:#08b3e7; border-bottom-right-radius:4px; border-top-right-radius:4px;}
.fixedSidemenu ul li a small{position:fixed; right:21px; line-height:0; background:#08b3e7; width:00px; transition:.2s ease; overflow: hidden; padding:4px 0px 4px 10px; margin-top:-0px; z-index:-1; text-align:left; border-bottom-left-radius:4px; border-top-left-radius:4px; letter-spacing:1px;} 
.fixedSidemenu ul li:nth-child(1):hover a small{width:110px; z-index:1;}
.fixedSidemenu ul li:nth-child(2):hover a small{width:140px; z-index:1;}
.fixedSidemenu ul li:nth-child(3):hover a small{width:200px; z-index:1;}
.fixedSidemenu ul li:nth-child(4):hover a small{width:250px; z-index:1;}
.fixedSidemenu ul li:nth-child(5):hover a small{width:100px; z-index:1;}
.fixedSidemenu ul li:nth-child(6):hover a small{width:130px; z-index:1;}
.closepopup{ opacity: 1;color: #FFF;}
#womandirector{    z-index: 99999999; padding-left:0px !important;   }
#enrolleddirector{    z-index: 99999999;padding-left:0px !important;    }
#womandirector p { margin-bottom: 15px; margin-left: 15px; font-size:11.909px;}
#womandirector ul li { background: url(https://iodglobal.com/directorsdatabank/uploads/bullet.png) no-repeat 0 4px; padding-left: 15px;     font-size:12px;}
#enrolleddirector .modal-header,#womandirector .modal-header {   background: #004475; color: #FFF;}
#enrolleddirector p {    margin-bottom: 15px;    margin-left: 15px;    font-size:11.909px;}
#enrolleddirector p1 {    margin-bottom: 15px;    margin-left: 15px;    font-size:12.5px;    color: #9f2828;}
#enrolleddirector ul li {   background: url(https://iodglobal.com/directorsdatabank/uploads/bullet.png) no-repeat 0 4px;    padding-left: 15px;     font-size:12px;}
#enrolleddirector .modal-dialog {  width: 876px;}
.popupleft{ float: left;    width: 35%;    padding-right: 5%;}
.popupright{ float: left;    width: 60%;    padding-right: 0;}
.fixedmainparent{
    display: flex;
    flex-direction: column;
    position: fixed;
    height: 100vh;
    right: 21px;
    top:0;
    z-index: 10000000;
    align-items: center;
    justify-content: space-around;
}
.dflex{
        display: flex;
}
@media (max-width: 767px){
.fixedBorder{height:30%; top:0;}
.fixedBorder1{height:30%;}
.fixedSidemenu{top:33%;}
#enrolleddirector .modal-dialog {  width: 100%;}
.dflex{
        display: flex;
    flex-direction: column;
}
.popupleft{ width:100%; }
.popupright{ width:100%; }
.closepopup{ top:0;left:0; }
}