/**********************Form section Start********************************/
.PanelControl {
    width: 250px; /*340px*/
    height: 65px; /*80px*/
    padding: 0px 0px 60px 20px;
    float: left;
}

.PanelControlHalf {
    width: 50%;
    height: 60px;
    padding: 10px 0px 60px 20px;
    float: left;
    min-width: 200px;
}

.PanelControlSearch {
    height: 80px;
    text-align: center;
    padding-top: 0px 0px 60px 20px;
    ;
}

.PanelControlReset {
    width: 340px;
    height: 80px;
    padding: 0px 0px 60px 20px;
    /* float: left; */
    margin: 0 auto;
}

.loginControl {
    width: 200px; /*350px*/
    height: 60px; /*80px*/

    float: left;
}

.ImageControl {
    width: 200px;
    height: 80px;
    float: left;
}

.PanelControl .lblAlinge, .PanelControlReset .lblAlinge, .PanelControlHalf .lblAlinge {
    width: 210px; /*340px*/
    float: left;
    vertical-align: bottom;
    margin: 5px 0px;
}


.loginControl .lblAlinge {
    width: 280px;
    float: left;
    vertical-align: bottom;
    margin: 5px 0px;
}


/*.PanelControl  .colon 
        
        {
            width:3px;
            float:left;
            margin:5px 10px;
              vertical-align:bottom;
            
        }*/

.PanelControlSearch .InputTypeControl {
    border-radius: 5px 5px 5px 5px;
    height: 30pX;
    widTH: 200pX;
}

.PanelControl .InputTypeControl, .PanelControlReset .InputTypeControl, .PanelControlHalf .InputTypeControl {
    border-radius: 5px 5px 5px 5px;
    height: 30pX;
    widTH: 200pX; /*300*/
    float: left;
}

.PanelControl .InputTypeControl_50perct {
    border-radius: 5px 5px 5px 5px;
    height: 30pX;
    width: 50%;
    float: left;
}

@media only screen and (max-width: 980px) {
    .PanelControl .InputTypeControl, .PanelControlReset .InputTypeControl, .PanelControlHalf .InputTypeControl {
        border-radius: 5px 5px 5px 5px;
        height: 30pX;
        /*widTH: 135pX;*/
        width: 200px;
        float: left;
        padding-top: 10px 0px 60px 20px;
    }
}

@media only screen and (max-width: 500px) {
    .PanelControlHalf {
        width: 100%;
        padding-top: 10px 0px 60px 20px;
    }
}

.loginControl .InputTypeControl {
    border-radius: 5px 5px 5px 5px;
    height: 30pX;
    widTH: 230pX; /* 200pX 280*/
    float: left;
}

.PanelControl .RadioTypeControl, .PanelControlReset .RadioTypeControl {
    border-radius: 5px 5px 5px 5px;
    height: 30pX;
    widTH: 320pX;
    float: left;
}

.PanelControl .RadioTypeControl1, .PanelControlReset .RadioTypeControl1 {
    border-radius: 5px 5px 5px 5px;
    height: 30pX;
    widTH: 350pX;
    float: left;
}

.FormDesign {
    width: 98%;
    margin: 0px auto;
    line-height: 18px;
    padding: 0px 5px 20px 5px;
    max-width: 1500px;
    min-height: 450px;
    box-sizing: border-box;
}

    .FormDesign > * {
        line-height: 14px;
        text-align: justify;
        font-size: 12px;
        font-weight: 400;
        font-style: normal;
        color: #0d6cac; /*#64adf1;*/ /*#04631e;*/
    }

    .FormDesign table > * {
        line-height: 14px;
        text-align: center;
        font-size: 12px;
        text-indent: 0;
        font-weight: 400;
        font-style: normal;
        color: #0d6cac;
    }
    /*.FormDesign div {
        padding: 0px 0px 20px 10px;
       
        float: left;
    }*/
    .FormDesign div.Wd100 {
        width: 100%;
        margin: 1px;
        padding: 0 20px 0px 20px;
    }

    .FormDesign div.Wd70 {
        width: 48%;
        margin: 5px;
        float: left;
    }

    .FormDesign div.Wd30 {
        width: 48%;
        margin: 5px;
        float: left;
    }

    .FormDesign div.Wd33 {
        width: 31.3%;
        margin: 1%;
        float: left;
    }

    /*.FormDesign div.Wd25 {
            width: 25%;
            margin: 5px;
            float:left;         
        }*/

    .FormDesign h1 {
        font-size: 24px;
        line-height: 35px;
        text-align: center;
        text-indent: 0;
    }

    .FormDesign p {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 0;
    }

    .FormDesign ol li {
        font-size: 12px;
        line-height: 14px;
        padding: 10px 0;
        display: list-item;
        text-indent: 0px;
        margin-left: 1em;
    }


    .FormDesign .headingStyle {
        line-height: inherit;
        width: 100%;
        margin: 0;
        padding: 0;
        /*overflow: hidden;*/
    }

        .FormDesign .headingStyle span {
            display: inline-block;
            font-size: inherit;
            color: inherit;
            text-indent: 0;
            max-width: 100%;
        }

            .FormDesign .headingStyle span:before,
            .FormDesign .headingStyle span:after {
                content: "";
                position: fixed;
                height: 18px;
                border-bottom: 4px solid #d9d9d9;
                top: 0;
                width: 800px;
            }

            .FormDesign .headingStyle span:before {
                right: 100%;
                margin-right: 5px;
            }

            .FormDesign .headingStyle span:after {
                left: 100%;
                margin-left: 5px;
            }

/*@media only screen and (max-width : 00px){
    .FormDesign div.Wd33 {
        width:80%;
        margin: 1%;
        float: left;
    }
}*/
@media only screen and (min-width : 1020px) and (max-width : 1400px) {
    .loginControl .InputTypeControl {
        border-radius: 5px 5px 5px 5px;
        height: 30pX;
        widTH: 100%; /* 90% 200pX;*/
        float: left;
    }
}

@media only screen and (min-width : 880px) and (max-width : 1060px) {
    .loginControl .InputTypeControl {
        border-radius: 5px 5px 5px 5px;
        height: 30pX;
        widTH: 100%; /* 90% 150pX;*/
        float: left;
    }
}

@media only screen and (min-width : 460px) and (max-width : 540px) {
    .loginControl .InputTypeControl {
        border-radius: 5px 5px 5px 5px;
        height: 30pX;
        widTH: 100%; /* 90% 200pX;*/ /*280pX*/
        float: left;
    }
}

@media only screen and (min-width : 390px) and (max-width : 460px) {
    .loginControl .InputTypeControl {
        border-radius: 5px 5px 5px 5px;
        height: 30pX;
        widTH: 100%; /* 90% 220pX;*/
        float: left;
    }
}

@media only screen and (min-width : 290px) and (max-width : 390px) {
    .loginControl .InputTypeControl {
        border-radius: 5px 5px 5px 5px;
        height: 30pX;
        widTH: 100%; /* 90% 150pX;*/
        float: left;
    }
}

@media only screen and (min-width : 290px) and (max-width : 880px) {
    .FormDesign div.Wd100 {
        width: 98%;
    }

    .FormDesign div.Wd33 {
        width: 100%;
        margin: 1%;
        float: left;
    }

    .FormDesign div.Wd70 {
        width: 98%;
    }

    .FormDesign div.Wd30 {
        width: 98%;
    }
}

@media only screen and (max-width : 330px) {
    .FormDesign div.Wd100 {
        width: 93%;
    }

    .FormDesign div.Wd70 {
        width: 93%;
    }

    .FormDesign div.Wd30 {
        width: 93%;
    }
}

/**********************Form section Start********************************/
.ErrorMessage {
    float: left;
}

.PanelButton {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 10px;
}

.grid {
    text-align: center;
}

.ProgressButton {
    text-align: center;
}

.Heading {
    /*border-bottom:3px solid white;*/
    /*background-color:#eee;*/
    /*padding:10px 0 0 0px;*/
    width: 100%;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 5px gray;
    text-align: center;
    font-weight: 200;
    color: black;
    padding: 100px 0px 0px 0px;
    /*padding: 135px 0px 0px 0px;*/
}

.PhotoUpload {
    padding-left: 630px;
    min-height: 50px;
    padding-top: 20px;
}

.MsgDisplay {
    padding-right: 30px;
    padding-top: 5px;
    float: right;
    color: red
}