.form{
   padding:3% 15% 3% 38%;
   box-shadow:-2px -2px 3px #1A4780;
   border-radius:10px;
   border-style:outset;
   border-color:#fff;
   background-image:linear-gradient(to right, rgba(205,55,174,0.3),rgba(185,145,173,0.3),rgba(245,181,207,0.3) );
}
.form-control{
  width:100%;
  padding:10px 20px;
  height:45px;
}
.row{
 margin-top:13%;
}
.media_rule{
 width:220px;
 height:160px; 
 background-color:#fff;  
 position: relative;
 top: 45px;
 left: 150px;
 z-index: 1;
 padding:5px 10px;
 /*background-image: linear-gradient(to right, rgba(255, 0, 0,0.1),rgba(255, 165, 0,0.1),rgba(255, 255, 0,0.1), rgb(0, 128, 0,0.1), 	rgb(0, 0, 255,0.1), rgb(75, 0, 130,0.1), rgb(238, 130, 238,0.1));*/
 box-shadow:2px 2px 2px #901E78;
 border-style:inset;
 border-color:#fff;
}
.form-control{
 border:1px solid #000;
}
.atag{
  text-decoration:none;
  font-weight:bold;
  color:black;
}
.btn{
 background-color:#921D77;
 color:#fff;
 margin-top:45px;
}
.btn:hover{
 font-weight:bold;
 background-color:#60267A;
 color:#fff;
}
.logo {width:190px; height:150px;}
.captcha-box-left{width:50%;float:left;}
.captcha-box-right{width:35%;float:left;margin-left:10%}
@media only screen and (max-width: 990px) {
  .media_rule {
    background-color:none;
	box-shadow:2px 2px 2px #901E78, -2px -2px 2px #901E78;
	position:relative;
	top:20px;
	left: 50px;
	border-style:none;
    border-color:none;
  }
  .form{
padding:3% 15% 3% 15%;}
}

@media only screen and (max-width: 470px) {
 .form-control{
    width: 120%;  
 }
 .captcha-box-left{width:100%;float:left;}
.captcha-box-right{width:100%;float:left;margin-left:1%}
}
.text-first{color:#60267A;}
.text-second{color:#921D77; background-color:#fff;padding:3px 10px; margin:0 3px;text-align:center;}
.input-group-addon {
	color: #555;
	background-color: #fff;
	border: 1px solid #000;
	
}
.p-eye img{width:20px;cursor:pointer;}