/***
Login page
***/
/* bg color */
.login 
{
    background: url('../images/login/loginpagebackgroung.png') center top;
    background-attachment:fixed;
    background-size:cover;
}
.divGrass
{
    background: url('../images/login/grass.png') center top;
    width:740px;
    height:480px;
    margin:0 auto;
    text-align:center;
}
.divGrass img
{
    margin-top:135px;
}

.loginmiddleimage {
   

    position: absolute;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
     -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    /*width: 400px;*/
    margin: 0px auto 10px auto;
    padding: 30px;
    padding-top: 10px;
    overflow: hidden;
        height:450px;
}

/*.loginmiddleupperimage {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
}*/

.login .logo {
    margin: 0 auto;
    text-align: center;
}


.login .content {
    background-color: #eceef1;
    border-radius: 7px;
    /*width: 400px;*/
    margin: 0px auto 10px auto;
    padding: 30px;
    padding-top: 10px;
    overflow: hidden;
    position: relative;
    /*background-color: #eceef1;*/
}

    .login .content h3 {
        color: #4db3a5;
        text-align: center;
        font-size: 28px;
        font-weight: 400 !important;
    }

    .login .content h4 {
        color: #555;
        line-height: 25px;
    }

    .login .content .hint {
        color: #999;
        padding: 10px 0px;
        margin: 15px 0 7px 0;
    }

    .login .content .login-form,
    .login .content .forget-form {
        padding: 0px;
        margin: 0px;
    }

    .login .content .control-same-line {
        width: 183px;
        display: inline;
    }

    .login .content .control-same-line-equally {
        width: 49.5%;
        display: inline;
    }

    .login .content .title {
        width: 116px;
        display: inline;
    }

    .login .content .form-control {
        border: none;
        /*background-color: #dde3ec;*/
        height: 43px;
        color: #8290a3;
        border: 1px solid #dde3ec;
    }

        .login .content .form-control:focus, .login .content .form-control:active {
            border: 1px solid #c3ccda;
        }

        .login .content .form-control::-moz-placeholder {
            color: #8290a3;
            opacity: 1;
        }

        .login .content .form-control:-ms-input-placeholder {
            color: #8290a3;
        }

        .login .content .form-control::-webkit-input-placeholder {
            color: #8290a3;
        }

    .login .content select.form-control {
        padding-left: 9px;
        padding-right: 9px;
    }

    .login .content .forget-form {
        display: none;
    }

    .login .content .register-form {
        display: none;
    }

    .login .content .form-title {
        color:#6A6A6A;
        font-weight: 300;
        margin-bottom: 25px;
    }

    .login .content .form-actions {
        clear: both;
        border: 0px;
     
        padding: 0px 30px 25px 30px;
        margin-left: -30px;
        margin-right: -30px;
    }

.login-options {
    margin-bottom: 20px;
    overflow: hidden;
}

    .login-options h4 {
        float: left;
        font-weight: 600;
        font-size: 15px;
        color: #7d91aa !important;
    }

    .login-options .social-icons {
        float: right;
        padding-top: 3px;
    }

        .login-options .social-icons li a {
            border-radius: 15px 15px 15px 15px !important;
            -moz-border-radius: 15px 15px 15px 15px !important;
            -webkit-border-radius: 15px 15px 15px 15px !important;
        }

.login .content .form-actions .checkbox {
    margin-left: 0;
    padding-left: 0;
}

.login .content .forget-form .form-actions {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.login .content .register-form .form-actions {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0px;
}

.login .content .form-actions .btn {
    margin-top: 1px;
}

.login .content .form-actions .btn-success {
    font-weight: 600;
    padding: 10px 20px !important;
}

.login .content .form-actions .btn-default {
    font-weight: 600;
    padding: 10px 25px !important;
    color: #6c7a8d;
    background-color: #ffffff;
    border: none;
}

    .login .content .form-actions .btn-default:hover {
        background-color: #fafaff;
        color: #45b6af;
    }

.login .content .forget-password {
    font-size: 14px;
    float: right;
    display: inline-block;
  
}
.white {
color:white;

}

.login .content .check {
    color: #8290a3;
}

.login .content .rememberme {
    color:white;

}

.login .content .create-account {
    margin: 0 -40px -40px -40px;
    padding: 15px 0 17px 0;
    text-align: center;
    background-color: #6c7a8d;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -ms-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
}

    .login .content .create-account p a {
        font-weight: 600;
        font-size: 14px;
        color: #c3cedd;
    }

    .login .content .create-account a {
        display: inline-block;
        margin-top: 5px;
    }

/* footer copyright */
.login .copyright {
    text-align: center;
    margin: 0 auto 30px 0;
    padding: 10px;
    color: #7a8ca5;
    font-size: 13px;
}

.form-group2 {
    margin-bottom: 15px;
}

@media (max-width: 440px) {
    /***
  Login page
  ***/
    .login .logo {
        margin-top: 10px;
    }

    .login .content {
        width: 95%;
        padding: 10px;
    }

        .login .content h3 {
            font-size: 22px;
        }

    .forget-password {
      
        display: inline-block;
        margin-top: 20px;
    }

    .login-options .social-icons {
        float: left;
        padding-top: 3px;
    }

    .login .checkbox {
        font-size: 13px;
    }

    .form-group, .form-group2 {
        margin-bottom: 10px;
    }

    .login .content .title, .login .content .control-same-line, .login .content .control-same-line-equally {
        width: 100%;
        margin-bottom: 10px;
    }

    .form-group2 {
        margin-bottom: 0px;
    }

    .nav li a {
        padding-left: 0px !important;
    }
}

.form .form-body {
    padding: 10px;
}

.form-wizard .steps {
    background-image: none;
    filter: none;
    border: 0px;
    box-shadow: none;
}

.nav-justified {
    width: 100%;
}

    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
        border: 1px solid #ddd;
    }

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.form-wizard .steps > li > a.step {
    background-image: none;
    filter: none;
    border: 0px;
    box-shadow: none;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.form-wizard .steps > li.active > a.step .number {
    background-color: #45B6AF;
    color: #fff;
}

.form-wizard .steps > li > a.step > .number {
    background-color: #C8C6C6;
    display: inline-block;
    text-align: center !important;
    font-size: 16px;
    font-weight: 300;
    padding: 11px 15px 13px 15px;
    margin-right: 10px;
    height: 45px;
    width: 45px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    color: white;
}

.form-wizard .steps > li.active > a.step .desc {
    color: #333;
}

.form-wizard .steps > li > a.step > .desc {
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding-top: 5px;
    color: rgb(140, 138, 138);
}

.width400px {
    width: 400px;
}

.width500px {
    width: 500px;
}

.width550px {
    width: 550px;
}

.width600px {
    width: 600px;
}

.divHeader {
    float: left;
    padding-top: 10px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 15px;
    width: 100%;
}

    .divHeader h3 {
        padding-left: 20px;
        margin-top: 14px;
        font-size: 26px !important;
    }

.content h5 {
    font-size: 25px;
    color: #6A6A6A;
    text-align: center;
    margin: 15px 0px;
}

.left {
    float: left;
}

.c1 {
    clear: both;
}

.padding10 {
    padding: 10px 0px;
}

.error_image {
    float: left;
    margin-right: 15px;
}

.notes {
    font-weight: bold;
    color: #6A6A6A;
    line-height: 22px;
}

.modal-body {
    overflow: auto;
}

.portal-list {
    width: 100%;
}

    .portal-list ul {
        list-style: none;
    }

        .portal-list ul li {
            float: left;
            margin: 0px 8%;
        }

            .portal-list ul li:hover {
            }

            .portal-list ul li p {
                padding-top: 10px;
                font-size: 14px;
            }

.portal {
    border: 1px solid #E9E9DE;
    border-radius: 13px !important;
    padding: 20px;
    float: left;
    min-height: 93px;
}

    .portal:hover {
        cursor: pointer;
        background-color: #E9E9DE;
    }

.close {
    text-indent: initial;
    width: initial;
    height: initial;
}

.login .content .create-account p a {
  
  color: #fff !important;
}


.login-options h4 {
 
  color: #fff !important;
}

.login .copyright {

  color: #fff !important;

}
