html,body, * {
	font-smooth: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.body-section {
    /* background-color: #35b3dc!important;*/
   background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.8)), url(../images/bg-login.jpg) !important;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding: 20px 0px 20px;
    position: relative;
    height: 100vh;
}
a:focus, a:hover{
    color:white!important;
    text-decoration:none;
}
#ffdd {
    color: #bdbdbd6b;
    position: absolute;
    right: 20%;
}
.gggggg {
    color: #bdbdbd6b;
    font-size: 18px;
    font-family: cursive;
}
#ffddf {
    position: relative;
    left: 20%;
    top:35%;
}
#ffddsr {
    color: #bdbdbd6b;
    position: absolute;
    bottom:20%;
    right:15%;

}
#ffdds {
    position: absolute;
    left: 5%;
    top: 25%;
}
#ffddse {
    position: absolute;
    left: 10%;
    bottom:10%;
}
#ffddsrd {
    position: absolute;
    right: 20%;
    bottom: 60%;
}
#particles-js {
    background: #f00;/*#0a274b;*/
    height: 100% !important;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -999999;
}

.login-box {
    max-width: 400px;
    margin: 17px auto;
    box-sizing: border-box;
    border-radius: 5px;
    /* position: relative; */
    /* background: linear-gradient(to left, rgba(57,100,208,1) 0%, rgba(45,193,201,1) 100%); */

    padding: 0px 12px;
    height: auto;
    /*background-image: url(../images/134214747.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 7px;
    background: #1d1d1d!important;
}

.loginbox-member {
	width: 400px;
    margin: 17px auto;
    padding: 11px;
    border-radius: 5px;
    /* position: relative; */
    /* background: linear-gradient(to left, rgba(57,100,208,1) 0%, rgba(45,193,201,1) 100%); */

    overflow: hidden;
    height: auto;
    /*background-image: url(../images/134214747.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 22px;
    border: 10px solid white;
    background: #0a274d;
}

.forget_password {
    padding: 40px 36px;
    width: 400px;
    margin: 70px auto;
    /*  background: white;*/
    background: #0a274d;
    border-radius: 5px;
}
    .forget_password p{
        color:white;
    }
.adminform label {
    color: white;
}

.logoSlot {
    
  
    margin-bottom: 10px;
}


.logoSlot img {
    width: 50%;
    /* max-width: 100px; */
    /* margin-bottom: 57px !important; */
    margin: 10px auto;
    display: flex;
}

.login_box_body {
   
    padding: 20px;
   /* box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);*/
    min-height: 267px;
    width: 100%;
    margin: auto;
}

.form-group.has-feedback input {
    width: 100%;
    height: 45px;
    box-sizing:border-box;
    border-radius: 0px;
    font-size: 15px;
 /*   border: 1px solid #cbfb45;*/
    padding: 0px 0px 0px 10px;
   /* box-shadow: 1px 1px 7px 2px rgb(0 0 0 / 20%) !important;*/
    margin: 10px 0;
}
#forget-password {
    color: #d1d1d1;
}


.login_txt {
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
    color: white;
}


.login_btn {
    background: #fd961a;
    /* width: 150px; */
    /* height: 40px; */
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
    margin: 0px auto;
    display: flex;
    padding: 6px 15px;
    text-decoration: none;
    border-style: none;
    text-align: center;
    justify-content: center;
}


button.login_btn.forget {
    width: 100%;
    /* margin: 0px auto; */
    width:auto!important;
    display:block;
    margin: 0 auto!important;
}

/*.login_btn:hover {
    background: linear-gradient(45deg, #AA4DCF,#FC20B6);
    color: #fff;
}*/

    .login_btn i {
        font-size: 20px;
        margin: 4px 10px 0px 0px;
    }

.clearfix.log-other {
    display: block;
    text-align:right;
    width: 325px;
    padding: 15px 20px 40px;
	margin:auto;
}

.new-acc-link a {
    color: #fff;
    font-size: 14px;
    margin-bottom:10px;
    text-decoration:none;
}

.admin-login {
    padding: 0px 15px;
    /*background: #4c6f98!important;*/
}
    .admin-login label{
        color:white!important;
    }

    .btnd {
        background: #d2d6de;
        padding: 8px 40px;
        border-radius: 50px;
        color: #fff;
        width: 67px;
        margin: 0px 0px 0px 25px;
    }

    .btnd a {
        color: white;
    }

.form-group.has-feedback.adminform label {
    font-size: 16px;
    margin-bottom: 0px;
    text-align: left;
}

    .form-group.has-feedback.adminform label span {
        color: red;
    }

.forget_password .login_btn {
    margin: 10px auto;
    display: initial;
}

p.center {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}




@media(max-width:767px) {
    .login-box {
        width: 92% !important;
    }
}

@media screen and (min-device-width: 320px) and (max-device-width: 480px) {
   /* .login-box {
        margin-left: 2%;
        margin-right: 2% !important;
    }*/
    .forget_password{
        width:auto!important;
        margin:0!important;

    }
    .login_box_body {
        margin-left: 15px;
        margin-right: 15px !important;
        width: auto;
    }
    .login_btn{
        width:100%;
        justify-content:center;
    }
    .logoSlot{
        margin-bottom:0px;
    }
    .btnd {
        background: #d2d6de;
        padding: 8px 40px;
        border-radius: 50px;
        color: #fff;
        width: 32px;
      margin: 60px 0px 0px 6px;
        width: 18%;
        text-align: center;
    }
    #form{
        margin:0px;
    }
    .login_box{
        padding:0px!important;
    }
    .form-group.has-feedback {
        width: auto !important;
        margin-bottom: 11px!important;
    }
        .form-group.has-feedback input{
            margin:0!important;
        }
        .g {
            margin-bottom: 21px;
        }
    .form-group.has-feedback{
        width:100%;
    }
   
    .login_box_body{
        height:100%;
    }
    #hii {
        padding: 20px;
        width: 88% !important;
        display: block;
    }
    #g #hii{
        margin-bottom:10px!important;
        display:block;
    }
    button.login_btn.forget {
        margin: 7px auto !important;
    }
}

/*=========================================*/
@media screen and (min-device-width: 481px) and (max-device-width: 576px){
    .logoSlot{
        padding:0px;
    }
        .logoSlot img{
            width:29%;
        }
    .login_box_body{
        width:88%;
    }
    .btnd {
        width: 53px!important;
        margin-top:12px!important;
    }
}
@media screen and (min-device-width: 577px) and (max-device-width: 767px){
    .logoSlot img{
        width:25%!important;
    }
}