body{
        background: url(../img/background.jpg) no-repeat;
        background-size: 100%;
    }
    .codehim-form{
        max-width: 400px;
        min-height: 400px;
        box-sizing: border-box;
        background: rgba(255, 255, 255, 0.6);
        box-shadow: 4px 2px 16px rgba(0, 0, 0, 0.4);
        border-radius: 8px;
        margin:  20px auto 0 auto;
        padding: 25px;
        color: #414141;
            
    }
    .cm-input{
        display: block;
        box-sizing: border-box;
        padding: 10px;
        width: 100%; 
        margin: 14px auto;
        border-radius: 20px;
        border: 1px solid #ccc;
        
        
    }
    .cm-input:focus{
        outline: 0;
        border-color: #f9cb81;
        
    }
    .cm-input:invalid{
        border-color: #e41b17;
        
    }
    /* Login Button Design */
    
    .btn-login{
        display: block;
        width: 100%;
        padding: 10px;
        border: 0;
        color: #fff;
        border-radius: 20px;
        cursor: pointer;
        
    }
    .btn-login:focus{
        outline: 0;
    }
    
    .btn-login:hover{
        opacity: 0.8;
        transition: .3s;
    }
    
    /* Gradient Background */
    .gr-bg{
        background: rgb(252,205,128);
        background: linear-gradient(90deg, rgba(252,205,128,1) 0%, rgba(209,122,142,1) 55%, rgba(220,159,174,1) 100%);   
    }
     /* For, tiele */
    .form-title{
        padding: 12px;
        text-align: center;
        position: relative;
    }
    .form-title h2{
        color: #5c86e1;
    }
    .form-title .user-icon{
        position: absolute;
        font-size: 42px;
        color: #fff;
        width: 90px;
        height: 90px;
        line-height: 90px;
        text-align: center;
        border-radius: 45px;
        top: -60px;
        left: -45px;
        }
        .outershadow1 {
-moz-box-shadow: 0 0 5px 3px #9d9d9d;
-webkit-box-shadow: 0 0 3px 5px #9d9d9d;
box-shadow: 0 0 5px 3px #9d9d9d;
}
.insetshadow1 {
-moz-box-shadow: inset 0 0 5px 3px #9d9d9d;
-webkit-box-shadow: inset 0 0 3px 5px #9d9d9d;
box-shadow: inset 0 0 5px 3px #9d9d9d;
}
.nblur1 {
-moz-box-shadow: -5px -5px 0 #888;
-webkit-box-shadow: -5px -5px 0 #888;
box-shadow: -5px -5px 0 #888;
}
.optshadow2 {
-moz-box-shadow: -5px -5px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: -5px -5px 0 rgba(0, 0, 0, 0.4);
box-shadow: -5px -5px 0 rgba(0, 0, 0, 0.4);
}
.tooltipT.red{
background:#e41f1f;
-moz-box-shadow: 0 0 5px 3px #9d9d9d;
-webkit-box-shadow: 0 0 3px 5px #9d9d9d;
box-shadow: 0 0 5px 3px #9d9d9d;
}