/* login css */

 
	  
#LoginformSection{ background-image: url(../../img/cydlogoMobile.png);
					background-color:white; padding:40px 10px;
					margin:20px auto; width:50%;
					padding-top:0px; margin-top:30px; 
				
					position:fixed;
					left:25%;
					top:40px;}
	

#LoginformSectionClose{ float:right; font-size:30px;  color:red; margin-top:0px;
	margin-right:40px; padding:2px 8px;
	border:solid 1px rgb(240,240,240);
	background-color:white;
	
	}
#LoginformSectionClose:hover{ color:white;  cursor:pointer;
	                        background-color:rgba(255,0,0, .5);}	

	
#DivLoginHome{display:block; width:65%;
	background-color:white;
    margin:1px auto;
    margin-bottom:20px;
    border-radius:5px;
   -moz-border-radius:5px;
  -webkit-border-radius:5px;
	padding:0px; padding-top:2px;
	padding-bottom:2px;
	border:solid 1px rgb(123, 30, 209);
	border-top:solid 2px rgb(123, 30, 209); 
	 }


#loginHeaderPara{ background-color: white; width:60%; font-size:100%; 
                   margin:0 auto; color:rgb(123, 30, 209); padding-bottom:20px;}

#inputLogin1,#inputLogin2{width:85%; margin:10px auto;
					border-radius:10px;
	   -moz-border-radius:10px;
	  -webkit-border-radius:10px;
	   border:solid 1px rgb(200,200,200);
	   padding:4px 14px;}

	   
#inputLoginMain2, #inputLoginMain3{width:80%; margin-top:4px;
		padding:1px 5px; padding-left:7px;	border:solid 1px white;}




#Login-buttonArrow{font-size:100%; padding:5px 15px; 
			width:22%; margin:2px auto 10px 60%;
			  background-color: rgba(123, 30, 209, .8); color:white;
				   border:solid 1px rgba(123, 30, 209, .8);
				  border-radius:20px;
	-moz-border-radius:20px;
   -webkit-border-radius:20px;}


#Login-buttonArrow:hover{background-color:rgba(123, 30, 209, .6);  cursor:pointer;}

#Login-buttonArrow i{ font-size:90%;}








	  #add_namephoto{ width:15px;
		                height:16px;
						 margin-bottom:4px;}
		#formLogin_namephoto{ width:50px;
		                height:50px;  float:right;
						 margin-bottom:4px;
						 border:1px solid white;
						 background-color:white;
						 border-bottom:solid 1px rgb(230,230,230);
						 border-radius:50%;
					  -moz-border-radius:50%;
					 -webkit-border-radius:50%;}
		#loginas_namephoto{width:auto;
		                height:75px;  
						 margin-bottom:4px;
						 padding-bottom:10px;
						 border:1px solid white;
						 background-color:white;
						 border-bottom:solid 1px rgb(230,230,230);}			 
					 
					 
	  
	
	#inputLogin1,#inputLogin2{width:85%; margin:10px auto;
	                               border-radius:10px;
					  -moz-border-radius:10px;
					 -webkit-border-radius:10px;
                      border:solid 1px rgb(200,200,200);
					  padding:4px 14px;}
					  
					  
		#inputSechcc{width:30%; display:inline-block; margin:0px 2px 5px 10%;
	                               border-radius:10px;
					  -moz-border-radius:10px; text-align:right;
					 -webkit-border-radius:10px;
                      border:solid 1px rgb(200,200,200);
					  padding:4px 14px; background-color:blueb;}
	
	#inputSechMain1{width:93%; margin-bottom:0px;
                                     padding:1px 5px;	border:solid 1px white;}
	#inputSechcc span{ color:#FFC300; }
	    #inputSechcc span:hover{ color:black; font-weight:bold; cursor:pointer; background-color:#FFC300;
		                         }
	
	
	
	

	#logasSech,#logasCart,#logas{ color:green;  background-color: #FFC300;  margin:10px auto;
									width:40%; text-align:center;
									font-size:125%;}							 
									
	
	#inputLoginMain1,#inputLoginMain2,#inputLoginMain3,#inputLoginMain4{width:80%; margin-top:4px;
                                     padding:1px 5px;	border:solid 1px white;}
	
	#inputLoginMain1,#inputLoginMain3{ width:66%; padding-left:2px;}
	#inputLoginMain2,#inputLoginMain3{ padding-left:7px;}
	
	










	
	
	
	#fogot{text-align:left; padding:0px; margin:0px;
            	margin-top:5px;
	         margin-left:10%; font-weight:normal;}
	#fogot a{color:#FFC300; font-weight:normal;}
	
	#homeTopLabel{ padding:1px 10px; font-weight:normal;
			            font-size:110%;
						background-color:rgb(150,150,150);
						padding-top:4px;
			             color:white;
						 margin:1px 4px;
						 border-top-left-radius:5px;
					  -moz-border-top-left-radius:5px;
					 -webkit-border-top-left-radius:5px;
					 
					 border-top-right-radius:5px;
					  -moz-border-top-right-radius:5px;
					 -webkit-border-top-right-radius:5px;
						 }
	#errorLog{background-color:red; padding:5px 10px; width:82%;
	            color:white; margin:25px auto 0px auto;
				font-size:120%;
				border-radius:3px;
	      -moz-border-radius:3px;
		 -webkit-border-radius:3px;}

	
	
	 #imgAnimate{ width:50px; margin:15px auto; 
	              margin-left:0%;
				  margin-bottom:0px;}
				  
				  
				  
				  
				  
				  
	 @media screen and (max-width: 768px) {
	 #inputSechcc{width:99%; display:inline-block; margin:0px 2px 5px 2px;
	                               border-radius:10px;
					  -moz-border-radius:10px; text-align:right;
					 -webkit-border-radius:10px;
                      border:solid 1px rgb(200,200,200);
					  padding:4px; background-color:blueb;}
	
	#inputSechMain1{width:85%; margin-bottom:0px;
                                     padding:1px 4px;	
									 }
	 #inputSechcc span{ padding-left:5px; 
	                    padding-right:5px; }
	 
	 #DivLoginHomess,#DivLoginHome{width:98%;}
	 
	 
	 
	 
	 
	 }
	 
	 
	 
	 
	 
        
@media only screen and (min-width: 991px) and (max-width: 1280px) {

	#LoginformSection {  width:65%;
		position:fixed;
		left:15%;
		top:40px; }
	
  
  }
  
  
  
  
  @media only screen and (min-width: 767px) and (max-width: 991px) {
   
   
	#LoginformSection { width:84%;
		position:fixed;
		left:8%;
		top:40px; }
  
  }
  
  
  
  
  
  
  
  
  
  
  
  
  @media only screen and (max-width: 767px) {
  
	#LoginformSection {  width:97%;
		position:fixed;
		left:2%;
		top:40px; } 
	 }
  
  
  
  @media only screen and (max-width: 500px) {
  
	#LoginformSection {   width:97%;
		position:fixed;
		left:2%;
		top:40px; } 

		#Login-buttonArrow{ padding:5px 15px; 
			width:36%; margin:2px 20px 10px 60%;
			 }

	 }