body {
}

.forgotpaswwordtext {
    color: #092a72 !important;
    text-decoration: none !important;
    text-decoration: none !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-align: right !important;
    float: right;
}


.vertical-center-row 
{ 
    display: table-cell;
    vertical-align: middle;
}

#main_div_ 
{
    background: rgba(0, 0, 0, 0.55) none repeat scroll 0% 0%;
    padding: 15px;
    margin-left: 31%;
    border-radius: 10px;
    margin-top: 17%;
    width: 37%;
}


 .align1 
 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-animation: tkcloud-color1 8s infinite alternate;
    -moz-animation: tkcloud-color1 8s infinite alternate;
    -ms-animation: tkcloud-color1 8s infinite alternate;
    -o-animation: tkcloud-color1 8s infinite alternate;
    animation: tkcloud-color1 8s infinite alternate;
}

    .grid1
    {
        margin-left: auto;
        margin-right: auto;
        width: 150px;
        height: 150px;
        background-color: #1abc9c;
        border-radius: 50%;
        transition: all 0.3s ease;
        opacity: 0.98;
        filter: alpha(opacity=98);
        padding: 10px 20px;
        /*background-color: #2c3338;*/
        background-color: rgb(249, 250, 251);
    }

     .form1 
     {
            margin: -14px;
            margin: -0.875rem;
            margin-top: 8%;
     }

            .form1 input[type='password'],
            .form1 input[type='text'],
            .form1 input[type='submit'] {
                width: 100%;
            }

        .form__field1 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: 14px;
            margin: 0.875rem;
        }

        .form__input1 {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }


         .login1 {
            color: #eee;
        }

            .login1 label,
            .login1 input[type='text'],
            .login1 input[type='password'],
            .login1 input[type='submit'] {
                border-radius: 0.25rem;
                padding: 16px;
                padding: 1rem;
                background: #f3f5f7;
            }

            .login1 label {
                background-color: #363b41;
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
                padding-left: 20px;
                padding-left: 1.25rem;
                padding-right: 20px;
                padding-right: 1.25rem;
            }

            .login1 input[type='password'],
            .login1 input[type='text'] {
                background-color: #3b4148;
                border-bottom-left-radius: 0;
                border-top-left-radius: 0;
            }

                .login1 input[type='password']:focus,
                .login1 input[type='password']:hover,
                .login1 input[type='text']:focus,
                .login1 input[type='text']:hover {
                    background-color: #434a52;
                }

            .login1 input[type='submit'] {
                -webkit-animation: tkcloud-color_border 8s infinite alternate;
                -moz-animation: tkcloud-color_border 8s infinite alternate;
                -ms-animation: tkcloud-color_border 8s infinite alternate;
                -o-animation: tkcloud-color_border 8s infinite alternate;
                animation: tkcloud-color_border 8s infinite alternate;
                color: #eee;
                font-weight: 700;
                text-transform: uppercase;
            }