body{
	background: #1d2330;
	font-family: sans-serif;
	-webkit-user-select: none; /* Chrome, Safari, Opera */
        -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Standard Syntax */
}
.container{
	width: 100%;
	min-height: 10vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.text{
	color: red;
	margin-bottom: 10px;
	font-size: 20px;
	letter-spacing: 1px;
}
.loading{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.loading .line-box .line{
	height: 17px;
	padding: 1px;
	width: 100%;
	border-radius: 3px;
	background: #124512;
	animation: loading 10s forwards cubic-bezier(0,0,0,0);
}
.login-form {
				width: 430px;
				margin: 15px auto;
			}
			.login-form form {
				margin: 5px;
				background: #f7f7f7;
				box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
				padding: 10px;
				border-radius: 16px;
				border: 3px solid gray;
				box-shadow: 2px 0px 2px 2px red;
			}
			.login-form h2 {
				margin: 0 0 15px;
			}
			.form-control, .btn {
				min-height: 38px;
				border-radius: 2px;
			}
			.btn {
				font-size: 15px;
				font-weight: bold;
			}
			a{
			    margin-left: 30px;
			    padding: 5px;
			}
			p{
			    text-align: center;
			    font-size: 11px;
			}
			h5{
			    text-align: center;
			    font-weight: 500px;
			    color: darkgreen;
			}
			h4{
			    text-align: center;
			    font-weight: 600px;
			    color: red;
			}
			
            .btn-primary{
                    border-radius: 10px;
                    font-style: oblique;
                    }
        .btn-primary:hover { background-color: red; }
        hr{
            margin-top: 2px;
        }
        .wavy{
        	    text-align: right;
        		margin-right: 15px;
        	}
        h6 {
          float: right;
          font-weight: 600px;
        }
        h3{
            color: #03056b;
            font-size: 13px;
        }
        .msg{
                text-align: center;
			    font-weight: 600px;
			    color: #d7e3f5;
			    margin-top: 220px;
			    background: #547bba;
			    text-transform: uppercase;
			    text-shadow: 2px 1px black;
			    border-block-start: 5px pink solid;
			    margin-top: 170px;
        }
        .captcha{
            width: 50%;
            background: #82bafa;
            text-align: center;
            font-size: 18px;
            font-weight: 500px;
            border: 1px solid red;
            border-radius: 6px;
        }
        .form-control{
            background: #dfe6df;
            width: 100%;
            border-radius: 10px;
            border: 1px solid indigo;
            margin-top: -6px;
        }
        .loading .line-box{
        	height: 23px;
        	padding: 1px;
        	width: 100%;
        	border: 2px solid #267591;
        	border-radius: 5px;
        	overflow: visible;
        	box-shadow: 0px 0px 2px 2px lightgreen;
            }
@keyframes loading{
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}
    .second_box{
        margin-bottom: 3px;
        margin-top: 3px;
    }
    #otp{
        padding: 2px 2px 2px 150px;
    }