/*@charset "utf-8";*/
/* CSS Document */

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: table;
}

.container {
    display: table-cell;
    text-align: center;
    /*vertical-align: middle;*/
}

.content {
    /*background-color: red;*/
    /*display: inline-block;*/
    text-align: left;
}

.add-button {
    background-color: #003153;
    color: white;
}

    .add-button:hover {
        background-color: #001d31 !important;
        color: white !important;
        border-color: #003153 !important;
    }
/*body {
    display: table-cell;
    vertical-align: middle;
}*/

.margin {
    margin: 0 !important;
}

.container {
    width: 100% !important;
}

body {
    background-color: #eef3f7;
    background-image: linear-gradient(#eef3f7, #5284ad);
}

.signup-form-container {
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin: 4% auto;
    max-width: 500px;
    border-top-color: #00c0ef;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.form-header {
    color: #444;
    display: block;
    padding: 20px;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
}

    .form-header .form-title {
        display: inline-block;
        font-size: 18px;
        margin: 0;
        line-height: 1;
    }

.form-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 20px;
}

.form-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 20px;
    background-color: #fff;
}

.form-control {
    font-size: 16px;
    height: auto;
    padding: 7px 9px;
}

.loaderDiv {
    display: none;
    position: fixed;
    z-index: 1000;
    text-align: center;
}

.footerCls {
    color: white;
    /*font-weight: 80;*/
    margin: 30px 0px 0px 0px;
    text-align:center;
}

.modal-header {
    background-color: #003153;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-title {
    color: #ffffff;
}

.prsupplnk {
    text-align: right;
}

#contentBox {
    /*padding-top: 2%;*/
    padding:0px;
}

.SUCCESS {
    color: #008000;
}

.INVALID {
    color: #ff0000;
}

.image-wrapper {
    width: 91%;
    margin-left: 4%;
}

.privacy-policy {
    color: #fff !important;
}


.footer-copyright-text {
    width: 70%;
    float: left;
}

.footer-privacy-text {
    width: 100%;
    text-align: center;
    /*margin-top: 35px;*/
}

/*@media screen and (max-width: 450px) {
    .footer-copyright-text {
        width: 100%;
        float: left;
    }

    /*.footer-privacy-text {
        width: 100%;
        float: right;
        text-align: left;
    }
}*/
/*@media screen and (min-width: 1300px) {
    #mainContentDiv {
        max-width: 412px;
    }
}*/
/* temp */
@media screen and (min-width: 5001px) {
    .container {
        display: initial;
        text-align: center;
        vertical-align: middle;
    }
}
@media screen and (min-width: 1200px)and (max-width: 5000px) {
      /*#contentBox {
    padding-top: 1%;
}*/
}

/*@media screen and (min-width: 1600px) {
    .col-lg-offset-4 {
        margin-left: 41.33333333%;
    }
}

@media screen and (min-width: 1600px) {
    .col-lg-offset-4 {
        margin-left: 38.333333%;
    }
}*/
@media screen and (min-width:768px) and (max-width:867px){
    .signIn-col-lg-offset-4 {
            margin-left: 21.33333333%;
        }
    .reset-col-lg-offset-4 {
            margin-left: 21.33333333%;
        }
    
}
@media screen and (min-width:868px) and (max-width:967px){
    .signIn-col-lg-offset-4 {
            margin-left: 25.33333333%;
        }
    .reset-col-lg-offset-4 {
            margin-left: 24.33333333%;
        }
}
@media screen and (min-width:968px) and (max-width:1067px){
    .signIn-col-lg-offset-4 {
            margin-left: 26.33333333%;
        }
    .reset-col-lg-offset-4 {
            margin-left: 27.33333333%;
        }
}
@media screen and (min-width:1068px) and (max-width:1200px){
    .signIn-col-lg-offset-4 {
            margin-left: 30.33333333%;
        }
    .reset-col-lg-offset-4 {
            margin-left: 30.33333333%;
        }
}
@media screen and (min-width:1201px) and (max-width:1300px){
    .signIn-col-lg-offset-4 {
            margin-left: 31.33333333%;
        }
   .reset-col-lg-offset-4 {
            margin-left: 32.33333333%;
        }
}
@media screen and (min-width:1301px) and (max-width:1500px){
    .signIn-col-lg-offset-4 {
            margin-left: 33.33333333%;
        }
    .reset-col-lg-offset-4 {
            margin-left: 33.33333333%;
        }
}

@media screen and (min-width: 1501px) and (max-width: 1700px) {
    /*.col-lg-offset-4 {
        margin-left: 33.33333333%;
    }*/
    .signIn-col-lg-offset-4 {
            margin-left: 36.33333333%;
        }
    
    .contact-col-lg-offset-4 {
        margin-left: 35.333333%;
    }
    .reset-col-lg-offset-4 {
            margin-left: 35.33333333%;
        }
}
    @media screen and (min-width: 1701px) and (max-width: 1800px) {
        /*.col-lg-offset-4 {
            margin-left: 33.33333333%;
        }*/
        .signIn-col-lg-offset-4 {
            margin-left: 37.33333333%;
        }
    
        .contact-col-lg-offset-4 {
            margin-left: 37.333333%;
        }
        .reset-col-lg-offset-4 {
            margin-left: 37.33333333%;
        }
    }

    @media screen and (min-width: 1801px) and (max-width: 2000px) {
        /*.col-lg-offset-4 {
            margin-left: 33.33333333%;
        }*/
        .signIn-col-lg-offset-4 {
            margin-left: 38.33333333%;
        }
    
        .contact-col-lg-offset-4 {
            margin-left: 38.333333%;
        }
        .reset-col-lg-offset-4 {
            margin-left: 38.33333333%;
        }
    }

    @media screen and (min-width: 2001px) and (max-width: 2200px) {
        /*.col-lg-offset-4 {
            margin-left: 39.33333333%;
        }*/
        .signIn-col-lg-offset-4 {
            margin-left: 39.33333333%;
        }
    
        .contact-col-lg-offset-4 {
            margin-left: 39.333333%;
        }
        .reset-col-lg-offset-4 {
            margin-left: 39.33333333%;
        }
    }

    @media screen and (min-width: 2201px) and (max-width: 2400px) {
        /*.col-lg-offset-4 {
            margin-left: 40.33333333%;
        }*/
        .signIn-col-lg-offset-4 {
            margin-left: 40.33333333%;
        }
    
        .contact-col-lg-offset-4 {
            margin-left: 40.333333%;
        }
        .reset-col-lg-offset-4 {
            margin-left: 40.33333333%;
        }
    }

    @media screen and (min-width: 2401px) and (max-width: 2600px) {
        /*.col-lg-offset-4 {
            margin-left: 41.33333333%;
        }*/
        .signIn-col-lg-offset-4 {
            margin-left: 41.33333333%;
        }
    
        .contact-col-lg-offset-4 {
            margin-left: 41.333333%;
        }
        .reset-col-lg-offset-4 {
            margin-left: 41.33333333%;
        }
    }

    @media screen and (min-width: 2601px) and (max-width: 3000px) {
        /*.col-lg-offset-4 {
            margin-left: 42.33333333%;
        }*/
        .signIn-col-lg-offset-4 {
            margin-left: 42.33333333%;
        }
   
        .contact-col-lg-offset-4 {
            margin-left: 42.333333%;
        }
        .reset-col-lg-offset-4 {
            margin-left: 42.33333333%;
        }
    }

    @media screen and (min-width: 3001px) and (max-width: 3700px) {
        /*.col-lg-offset-4 {
            margin-left: 43.33333333%;
        }*/
.signIn-col-lg-offset-4 {
            margin-left: 44.33333333%;
        }
   
        .contact-col-lg-offset-4 {
            margin-left: 43.333333%;
        }
        .reset-col-lg-offset-4 {
            margin-left: 43.33333333%;
        }
    }

    @media screen and (min-width: 3701px) and (max-width:4300px) {
        /*.col-lg-offset-4 {
            margin-left: 44.33333333%;
        }*/
        .signIn-col-lg-offset-4 {
            margin-left: 44.33333333%;
        }
    
        .contact-col-lg-offset-4 {
            margin-left: 44.333333%;
        }
        .reset-col-lg-offset-4 {
            margin-left: 44.33333333%;
        }
    }

    @media screen and (min-width: 4301px) and (max-width:5000px) {
        /*.col-lg-offset-4 {
            margin-left: 45.13333333%;
        }*/
        .signIn-col-lg-offset-4 {
            margin-left: 45.33333333%;
        }
    
        .contact-col-lg-offset-4 {
            margin-left: 45.333333%;
        }
        .reset-col-lg-offset-4 {
            margin-left: 45.33333333%;
        }
    }

    /*@media screen and (min-width:1501px) and (max-width:5000px) {
        .signIn-col-lg-offset-4 {
            margin-left: 33.33333333%;
        }
        /*.forgotPasswrd-col-lg-offset-4{
            margin-left: 33.33333333%;
        }
    }*/
    @media screen and (min-width:768px) and (max-width:5000px) {
        .SignIn-Absolute-Center{
            width:412px;
        }
    }



    /*@media (min-width: 768px) {
    .modal-sm {
        width: 400px;
        padding-left: 6%;
    }
}*/

    @media screen and (min-width: 1600px) {
        #clientapp {
            width: 500px;
            padding-left: 6%;
            /*margin-left: -9%;*/
        }
    }