.RegisterSTAageContainer
{
    width:99.9%;
    font-family: DM_SANSvar;
    height: auto;
    position: relative;
}
.DownloadFilesbtn
{
    background-size: cover; 
    border: none; 
    color: white; 
    height: 40px;
    width: 40px;
    cursor: pointer;
}
.Dowpd
{
    display: flex;
    /* justify-content: center; */
    flex-direction: column;
    align-items: center;

}

.FirsContainer
{
    width: 75%;
    margin: 5% 13% 2% 13%;
    display: flex;
    justify-content: space-between;
}
.BannerRightImg
{
    width: 90%;
}

.Bannerheader
{
 font-size: 50px;
 color: #595050;
 font-family: Anton;
}
.Div1,.Div2
{
    height: 300px;
    display: flex;
    align-items: center;
    width: 100%;
}
.Div2
{
    text-align: center;
}
.CategoryDiv
{
    margin-left: 10%;
}

.CategorySection
{
        width: 100%;
        height: 65px;
        border: 1px solid lightgray;
        display: flex;
}
.OptionDiv
{
        width: 67%;
        margin: 0% auto;
        display: flex;
       

}
.DivMenu
{
    width: 18%;
    padding: 15px;
    margin: 1px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #595050;
    cursor: pointer;
    text-align: center;
   
}
.DivActive
{
        border-radius: 10px;
        box-shadow: 0px 0px 3px 1px lightgray;
       /* background-image:linear-gradient(to right ,#EEFDF3) ;        */
       background-image: linear-gradient(to right, #EEFDF3 ,#ECFBF4, #E8F7F5,#E6F3F9,#E1EEFB,#DEEAfd);
}

.UlLiDiv
{
    width: 100%;
}

li.List {
    font-family: DM_SANSvar;
    color: #595050;
    font-size: 16px;
    margin:0 0 15px 0;   
 }
 .IOPProcessSection
 {
    width: 68%;
    padding: 20px;
    margin: 3% auto;
    height: auto;
 }
 .OffDocSection
 {
    width: 68%;
    padding: 20px;
    margin: 3% auto;
    height: auto;
    
 }
 .DebtIpoSection
 {
    width: 68%;
    padding: 20px;
    margin: 3% auto;
    height: auto;
 }
 .RightIssueAllotSection
 {
    width: 90%;
    padding: 20px;
    margin: 3% auto;
    height: auto;
 }
 .NCDSection
 {
    width: 68%;
    padding: 20px;
    margin: 3% auto;
    height: auto;
 }

 .NoIsseueDiv
 {
    font-family: DM_SANSvar;
    color: #595050;
    width: 60%;
    height: 200px;
    /* border:1px solid black; */
    display: flex;
    margin: 0% auto;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 2px 2px lightgray;
    border-radius: 5px;
 }
 .NoIsusesfont
 {
    font-size: 20px;
 }
 .DocumentDiv
 {
    width: 100%;
    
    display: flex;
    flex-wrap: wrap;
 }
 .fileDiv
 {
   
    width: 30%;
    height: 80px;
    display: flex;
    margin: 1%;
    border-radius: 5px;
    border: 1px solid lightgray;
 }
 label
 {
    font-family: DM_SANSvar;
    color: #595050;
 }
 .OffDocuFileNamediv
 {
    width: 75%;
    height: auto;
    font-family: DM_SANSvar;
    color: #595050;
    font-size: 15px;
    padding: 10px;
    display: flex;
    /* justify-content: center; */
    align-items: center;

 }
 .PdfFileImdDiv
 {
    width: 25%;
    height: auto;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .OffDocPdf
 {
    width:57px;
 }

 .IpoDetails
 {
    width: 60%;
    margin:1% auto;
    border-radius: 5px;
    padding: 10px;
    box-shadow:  0px 0px 5px 0px lightgrey;
 }
 .IPOHeader
 {
    text-align: center;
    font-family: DM_SANSvar;
    color: #595050;
    font-size: 18px;
    font-weight: bold;
 }

 .DebtIpoBoxDiv
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /* height: 300px; */
    /* align-items: center; */
    /* justify-content: center; */
    /* text-align: center; */
    
   
}

.Flexdiv
{
   
    width: 46.1%;
    padding: 10px;
    
    font-family: DM_SANSvar;
}
.nlastType
{
    width:98%;
    text-align: center;
}

.dropddl {
    width: 100%;
    height: 40px;
    opacity: 0.7;
    padding-bottom: 1px;
    border-radius: 3px;
    font-size: 15px;
    border: 1px solid rgba(96, 88, 202, 0.774);
    padding: 7px;
    font-family: DM_SANSvar;
}
.dropddl1 {
    width: 95%;
    height: 27px;
    opacity: 0.7;
    padding-bottom: 1px;
    border-radius: 3px;
    font-size: 15px;
    border: 1px solid rgba(96, 88, 202, 0.774);
    padding: 7px;
    font-family: DM_SANSvar;
}
.Inputdata
{
    text-align: center;
}
.backdiv
{
    text-align: center;
}


.Submitbtn {
    padding: 10px;
    background-color: #1D4172;
    width: 30%;
    border-radius: 5px;
    color: aliceblue;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.commondiv{ width:100%;  clear:both; padding:1px; height:auto; font-size:17px; margin-left:0%;font-family: DM_SANSvar;text-align: center;}
.leftdiv{ width:29%; float:left; text-align:left; margin-left:1%; min-height:35px; font-size:14px; border:0px solid #000000;font-family: DM_SANSvar;color: #595050;}
.rightdiv{ width:69%; float:left; text-align:left; padding:1px; min-height:35px; color:#000088; border:0px solid #000000}

.Circular_FlexTable{width:100%;display:block;margin: 1em auto;font-size: 16px;letter-spacing: 0.5px;transition: 0.5s;font-family:DM_SANSvar ;}
.Circular_FlexTable .Circular-flex-Row{display: flex;flex-flow: wrap nowrap;}
.Circular-flex-Row:first-of-type .Circular-cell{background: #1D4172;color: white;padding: 1em 1em;margin: 2px;text-align: center;}
.Circular-flex-Row .Circular-cell{background-color: #D9e7f8;text-align: center;font-family:DM_SANSvar ;}
.Circular-cell{width: calc(100%/3);text-align: left;padding: 1em 1em;margin: 2px;}
.Circular-cell:nth-child(1){width: 10%;text-align: center;padding: 1em 1em;margin: 2px;}
.Circular-cell:nth-child(2){width: 60%;text-align: left;padding: 1em 1em;margin: 2px;}
.Circular-cell:nth-child(3){width: 30%;text-align: center;padding: 5px 1em;margin: 2px;}

.Circular-flex-Row:nth-child(3) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(2) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(4) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(5) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(6) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(7) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(8) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(9) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}

.Circular-flex-Row:nth-child(10) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(11) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(12) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(13) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(14) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(15) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(16) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(17) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(18) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
.Circular-flex-Row:nth-child(19) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
}
/* .Circular-flex-Row:nth-child(6) .Circular-cell:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
} */
.DownloadPDFcls
{
    width: 50px;
    cursor: pointer;
}

.SEL_FlexTable{width:100%;display:block;margin: 1em auto;font-size: 14px;letter-spacing: 0.5px;transition: 0.5s;font-family:DM_SANSvar ;}
.SEL_FlexTable .SEL-flex-Row{display: flex;flex-flow: wrap nowrap;}
.SEL-flex-Row:first-of-type .SEL-cell{background: #1D4172;color: white;padding: 0.5em 0.5em;margin: 2px;text-align: center;}
.SEL-flex-Row .SEL-cell{background-color: #D9e7f8;text-align: center;font-family:DM_SANSvar ;}
.SEL-cell{width: calc(100%/9);text-align: left;padding: 0.5em 0.5em;margin: 2px;}
.SEL-cell:nth-child(1)
{
    width: 5%;
}
.SEL-cell:nth-child(5)
{
    width: 8%;
}
.SEL-cell:nth-child(3)
{
    width: 8%;
}
.SEL-cell:nth-child(4)
{
    width: 8%;
}


@media screen and (max-width: 800px)
{
    .Div1, .Div2 {
        height: 300px;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .OptionDiv {
        width: 97%;
        margin: 0% auto;
        display: flex;
    }
    .IOPProcessSection {
        width: 85%;
        padding: 20px;
        margin: 3% auto;
        height: auto;
    }
    .OffDocSection {
        width: 95%;
        padding: 20px;
        margin: 1% auto;
        height: auto;
    }
    .DocumentDiv {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .DebtIpoSection {
        width: 85%;
        padding: 20px;
        margin: 3% auto;
        height: auto;
    }
    .IpoDetails {
        width: 95%;
        margin: 1% auto;
        border-radius: 5px;
        padding: 10px;
        box-shadow: 0px 0px 5px 0px lightgrey;
    }
    .RightIssueAllotSection {
        width: 85%;
        padding: 20px;
        margin: 3% auto;
        height: auto;
    }
    .Bannerheader {
        font-size: 40px;
        color: #595050;
        font-family: Anton;
    }
    .BannerRightImg {
        width: 100%;
        
    }
    .Div1, .Div2 {
        height: auto;
        display: flex;
        align-items: center;
        width: 100%;
    }
    .NoIsseueDiv {
        font-family: DM_SANSvar;
        color: #595050;
        width: 80%;
        height: 200px;
        /* border: 1px solid black; */
        display: flex;
        margin: 0% auto;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 0px 2px 2px lightgray;
        border-radius: 5px;
    }
    .CategorySection {
        width: 100%;
        height: 65px;
        border: 1px solid lightgray;
        display: flex;
    }
    .DivMenu {
        width: 18%;
        padding: 15px;
        margin: 1px;
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #595050;
        cursor: pointer;
        text-align: center;
    }
    .CategoryDiv {
        margin-left: 0%;
    }
    .fileDiv {
        width: 46%;
        height: 80px;
        display: flex;
        margin: 1%;
        border-radius: 5px;
        border: 1px solid lightgray;
    }
    .Circular-cell:nth-child(2) {
        width: 46%;
        text-align: left;
        padding: 1em 1em;
        margin: 2px;
    }
}

@media screen and (max-width: 500px)
{
    .OffDocSection {
        width: 90%;
        padding: 20px;
        margin: 1% auto;
        height: auto;
    }
    .OptionDiv {
        width: 97%;
        margin: 0% auto;
        display: flex;
        flex-wrap: wrap;
    }
    .CategorySection {
        width: 100%;
        height: auto;
        border: 1px solid lightgray;
        display: flex;
    }
    .DivMenu {
        width: 40%;
        padding: 10px;
        margin: 1px;
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #595050;
        cursor: pointer;
    }

    li.List {
        font-family: DM_SANSvar;
        color: #595050;
        font-size: 15px;
        margin: 0px 0px 10px -30px;
        text-align: justify;
    }
    .fileDiv {
        width: 100%;
        height: 80px;
        display: flex;
        margin: 1%;
    }
    .IpoDetails {
        width: 98%;
        margin: 1% auto;
        border-radius: 5px;
        padding: 10px;
        box-shadow: 0px 0px 5px 0px lightgrey;
    }
    .Flexdiv {
        width: 42.7%;
        padding: 10px;
        font-family: DM_SANSvar;
    }
    .FirsContainer {
        width: 75%;
        margin: 19% 13% 2% 10%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .Div1, .Div2 {
        height: 200px;
        display: flex;
        align-items: center;
    }
    .Submitbtn {
        padding: 10px;
        background-color: #1D4172;
        width: 100%;
        border-radius: 5px;
        color: aliceblue;
        font-size: 16px;
        border: none;
        cursor: pointer;
    }
    .NoIsseueDiv {
        font-family: DM_SANSvar;
        color: #595050;
        width: 100%;
        height: 150px;
        /* border: 1px solid black; */
        display: flex;
        margin: 0% auto;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 0px 2px 2px lightgray;
        border-radius: 5px;
    }

    .dropddl1 {
        width: 100%;
        height: 27px;
        opacity: 0.7;
        padding-bottom: 1px;
        border-radius: 3px;
        font-size: 15px;
        border: 1px solid rgba(96, 88, 202, 0.774);
        padding: 7px;
        font-family: DM_SANSvar;
    }
    .dropddl {
        width: 112%;
        height: 40px;
        opacity: 0.7;
        padding-bottom: 1px;
        border-radius: 3px;
        font-size: 15px;
        border: 1px solid rgba(96, 88, 202, 0.774);
        padding: 7px;
        font-family: DM_SANSvar;
    }
    .Circular-cell:nth-child(2){width: 89%;text-align: left;padding: 1em 1em;margin: 2px;}
    .Circular-flex-Row:nth-child(3) .Circular-cell:nth-child(3){display:flex;flex-direction:column;justify-content: space-evenly;}
    .Circular-flex-Row:nth-child(2) .Circular-cell:nth-child(3){display:flex;flex-direction:column;justify-content: space-evenly;padding: 10px;}
    .Circular-flex-Row:nth-child(4) .Circular-cell:nth-child(3) {
        display: flex;
        flex-direction:column;
        justify-content: space-evenly;
    }
    .Circular-flex-Row:nth-child(5) .Circular-cell:nth-child(3){display:flex;flex-direction:column;justify-content: space-evenly;padding: 10px;}

    /* .Circular-cell:nth-child(3) {
        width: 41%;
        text-align: center;
        padding: 5px 1em;
        margin: 2px;
    } */

    .SEL_FlexTable{width:100%;display:block;margin: 1em auto;font-size: 14px;letter-spacing: 0.5px;transition: 0.5s;font-family:DM_SANSvar ;}
.SEL_FlexTable .SEL-flex-Row{display: flex;flex-flow: wrap ;}
.SEL-flex-Row:first-of-type .SEL-cell{background: #1D4172;color: white;padding: 0.5em 0.5em;margin: 2px;text-align: center;}
.SEL-flex-Row .SEL-cell{background-color: #D9e7f8;text-align: center;font-family:DM_SANSvar ;}
    .SEL-cell{width: calc(100%/9);text-align: left;padding: 0.5em 0.5em;margin: 2px;}


.SEL-cell:nth-child(1){width: 10%;}
.SEL-cell:nth-child(2){width: 35%;}
.SEL-cell:nth-child(3){width: 35%;}
.SEL-cell:nth-child(4){width: 44%;}
.SEL-cell:nth-child(5){width: 42%;}
.SEL-cell:nth-child(6){width: 93%;}
.SEL-cell:nth-child(7){width: 93%;}
.SEL-cell:nth-child(8){width: 93%;}
.SEL-cell:nth-child(9){width: 93%;}
}

.Linkbtn{
    border: 1px solid gainsboro;
    background-color: #6e6969;
    border-radius: 5px;
    padding: 14px 23px;
    color: white;
    font-weight: bold;
}
.Linkbtn:hover{
    background-color: #1D4172;
}
