/* Prevents autocomplete yellow background color */
          input:-webkit-autofill,
          input:-webkit-autofill:hover, 
          input:-webkit-autofill:focus,
          textarea:-webkit-autofill,
          textarea:-webkit-autofill:hover,
          textarea:-webkit-autofill:focus,
          select:-webkit-autofill,
          select:-webkit-autofill:hover,
          select:-webkit-autofill:focus {transition: background-color 5000s ease-in-out 0s;}          
           
          body{
    		   padding:0;
    		   margin:0;	
			   background-color:#000;	   
		   }		   
		   .vid-container{
		   	   position:relative; 
			   height:100vh;			 
			   background-color:#000;			  	   
		   }		   
		   .bgvid{
		   	   position:absolute; 
			   left:0;
			   top:0;
			   width:100vw;			   		     
		   }		   
		   .inner-container{
		   	   width:100%; 
			   overflow:hidden;					     
		   }		   
		   .box{
		       position:absolute;			   
			   height:100%;
			   left:50%;
 			   transform: translate(-48%);	
			   width:420px;
			   text-align:center;
			   font-family:tahoma;
			   color: white;			   
			   background: rgba(0,0,0,0.13);
			   padding:18px;		   
		   }
		   .box h1{
		      text-align:center;
			  margin:0 0 12px 0;
			  font-size:32px;
			  letter-spacing:0.4px;	
			  text-shadow:1px 2px 0 #000;	   
		   }
		   .box h2{
		      text-align:center;
			  text-shadow:1px 2px 0 #000;
			  margin:76px 0 30px 0;
			  font-size:19px;	
			  letter-spacing:0.6px;
			  color:#fff;	   
		   }
		   .box h3{
		      text-align:center;
			  text-shadow:1px 2px 0 #000; 
			  margin:27px 0 0 0;
			  font-size:27px;	
			  color: white;	   
		   }			   	   		   
		   .box input{
		      display:block;
			  width:236px;
			  margin:20px auto;
			  padding:14px 10px 14px 38px;
			  background:white;
			  color: black;
			  border:0;
			  border-radius:50px;	
			  font-size:15px;			  
			  font-family:tahoma;  
		   }	           
           .inputWithIcon input[type="text"],.inputWithIcon input[type="password"] {
              padding-left:38px;
           }
           .inputWithIcon {
              position: relative;
           }
           .inputWithIcon i {
              position: absolute;
              left: 69px;
              top: 7px;
              padding: 8px;              
              color: #0082c3;
              transition: 0.3s;
           }          	   
		   
           .box .btn{
		      display:block;
			  margin:25px auto;
			  width:125px;
		      background:orange;
			  border:1px solid orange;
			  border-radius:50px;
			  text-transform:uppercase;
			  text-shadow:1px 1px 0 #000;
			  color:white;			  
			  padding:13px;
			  font-size:16px;
			  font-weight:bold;			  
			  cursor:pointer;		   
		   }
		   .box .btn:hover {
              background: linear-gradient(rgba(0, 90, 135, 0.7), rgba(0, 56, 105, 0.9));
              box-shadow: 1px 1px 12px #719ECE;
              color:#fff;
			  text-shadow:1px 2px 0 #000;
              border: 1px solid #222235;
		   }
		   .box .btn:active {
              background: linear-gradient(rgba(26, 26, 35, 0.7), rgba(26, 26, 35, 0.9));
              box-shadow: 1px 1px 12px #ffa850;
              color:orange;
			  text-shadow:1px 2px 0 #000;
              border: 1px solid #12121c;
              outline:none;
		   }			   
		   .box p{
		      font-size:13px;
			  line-height:20px;
			  text-align:center;	
			  letter-spacing:0.4px;   
		   }
		   .box .copyright{
		      font-size:12px;
			  text-align:center;		   
		   }
		   .box input:focus,
		   .box input:active,
		   
           .box .btn:focus{
		       outline:none;
		   }
		   .box .slogan {
		        position:relative;
                display:block;
                margin-top:35px;
            	font-family: Arial, sans-serif;
            	font-size: 18px;	
                font-style: italic;
            	font-weight: bold;
                color: #ffa850; 
            	text-shadow:0 1px 0 #000;       
			}
			.box img{
			    display:block;
				margin:0 auto;
                text-align:center;
			}		
			.box .loginBg{
			    position:absolute;
				top:66px;
			    left:50%;
 			    transform: translate(-50%);				               
			}			
			a.url:link{color:#6babf1;text-decoration:none; border:1px dashed #6babf1; padding:1px 2px;}
			.box a.url:hover{color:#ffc950;text-decoration:none; border:1px dotted #ffc950; padding:1px 2px;} 
			a.url:visited{color:#6babf1;text-decoration:none;}
            a.url:active{color:#dc143c;text-decoration:underline;}