/*    body{*/
            
            /*background:#060667;*/
    /*        background:#010132;*/
    /*    }*/
        
    /*    .panel-body input[type="text"], input[type="password"]{*/
    /*    border: none;*/
    /*    border-bottom: 1px solid #090979;*/
    /*    background: transparent;*/
    /*    outline: none;  */
    /*    height: 30px;*/
    /*    color: #0a0a0b;*/
    /*    font-style: 16px; */
    /*}*/
    
/*    .panel-body button[type="submit"]{*/
/*    border: none;*/
/*    outline: none;*/
    /*height: 40px;*/
    /*background: #090979;*/
    /*background:linear-gradient(to right, #c33764,#1D2671);*/
/*    background:#010132;*/
    /*background: linear-gradient(to bottom, #c33764, #1d2671); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/*    color: #fff;*/
    /*font-size: 18px;*/
/*    border-radius: 20px;*/
/*    }*/
/*    .panel{*/
/*         border-radius: 10px;*/
    /* box-shadow: 5px 10px; */
/*    box-shadow: 5px 10px 18px #888888;*/
/*    }*/
    
/*    .logo{*/
/*    width: 70%;*/
    /*margin-top: -15px;*/
    /*margin-bottom: 30px;*/
    /* height: 100px; */
    /* border-radius: 50%; */
    /* position: absolute; */
    /* left: calc(50% - 50px);  */
    /*top: -50px;*/
/*}*/
/*    @media only screen and (max-width: 480px) {*/
   /*For mobile phones: */
/* .panel-body {*/
/*    width: 90%;*/
/*    height: 70%;*/
/*    padding: 20px 20px;*/
/*  }*/
  
/*}*/




body{
    margin: 0;
    padding: 0;
    /*background: #090979;*/
    /*background:#060667;*/
    background:#010132;
    /* background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%); */
    /* background: #4178be; */
    /* background-color: rgba(9, 9, 121, 100); */
    /* background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); */
    /* background: url(6.jpg); */
    /* background-size: cover; */
    background-position: center;
    font-family:sans-serif;
}
.login-box{
    width: 320px;
    height: 400px;
    /*background : rgba(0, 0, 0, 0);*/
    background:#f0eaea;
    /*color: #453d3d;*/
     top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    padding: 20px 30px;
    /* padding : 50px   30px; */
    border-radius: 10px;
    /* box-shadow: 5px 10px; */
    box-shadow: 5px 10px 18px #888888;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    /* box-shadow: 10px 10px 38px 5px #888888;#e7e5e5 */
}


/*@media only screen and (max-width: 768px) {*/
  /* For mobile phones: */
/* .login-box {*/
/*    width: 90%;*/
/*    height: 70%;*/
/*    padding: 20px 20px;*/
/*  }*/
/*}*/


@media only screen and (max-width: 480px) {
   /*For mobile phones: */
 .login-box {
    width: 90%;
    height: 70%;
    padding: 20px 20px;
  }
  
  .login-box .title{
    margin-top: 15px;
    margin-bottom: 40px
}

}

@media only screen and (max-width: 480px) {
   /*For mobile phones: */
    
}

.title{
    margin-bottom: 30px;
    margin-top: 5px;
}
.logo{
    width: 60%;
    margin-top: -15px;
    /*margin-bottom: 30px;*/
    /* height: 100px; */
    /* border-radius: 50%; */
    /* position: absolute; */
    /* left: calc(50% - 50px);  */
    /*top: -50px;*/
}
h1{
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
    font-size: 22px;
}
.login-box p{
    margin: 0;
    padding: 0;
    font-weight: bold;
}
.login-box input{
    width: 100%;
    margin-bottom: 30px;
}
.login-box input[type="text"], input[type="password"]{
    border: none;
    border-bottom: 1px solid #090979;
    background: transparent;
    outline: none;  
    height: 30px;
    /*color: #fff;*/
     color: #0a0a0b;
    font-style: 16px; 
}
.login-box input[type="submit"]{
    border: none;
    outline: none;
    height: 40px;
    /*background: #090979;*/
    /*background:linear-gradient(to right, #c33764,#1D2671);*/
    /*background: linear-gradient(to bottom, #c33764, #1d2671); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background:#010132;
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
}
.login-box input[type="submit"]:hover{
    cursor: pointer;
    background: #39dc79;
    color: #000;
 }
 .login-box a{
     text-decoration: none;
     font-size: 14px;
     color: #fff;
 }
 .login-box a:hover{
     cursor: pointer;
     background: #39dc79;
     color: #fff;
 }