/*
*		    ________      .___   
*	__  _  _\_____  \   __| _/
*	\ \/ \/ / _(__  <  / __ |
*	 \     / /       \/ /_/ |
*	  \/\_/ /______  /\____ |
*	               \/      \/
*
*	@author			Jacques Baars <j@w3d.co.za>
*
*	@notice			This is the property of W3Designs, W3Development, W3D,
*					it is illegal to use this source code without the required permission,
*					contact j@w3d.co.za for further advice or permissions.
*
*	@license		Copyright (c) 2016 W3Designs (PTY) Ltd. (http://www.w3d.co.za)
*/

/* Login */
#login{}

	/* Tabs */
	#login .core-tabs{}
	
		#login .core-tabs .menu{
			margin-bottom: 10px;
			border-bottom: 1px solid var(--softBorderColor);
		}
	
		#login.dark-mode .core-tabs .menu{
			border-bottom: 1px solid var(--darkModeBorderColor);
		}
		
			#login .core-tabs .menu .tabs{}
			
				#login .core-tabs .menu .tabs .tab{}
				
				#login .core-tabs .menu .tabs .tab.selected{
					color: var(--color2);
					background-color: var(--bgColor);
				}
		
		#login .core-tabs .container{}
			
			#login .core-tabs .container .data{
				padding: 0;
			}

	/* Form */
	#login .form{
		margin: 6% auto;
		width: 50%;
	}

		#login .form .options{
			padding: 5px;
			display: flex;
			width: calc(100% - 10px);
			justify-content: space-between;
		}

	/* Why Reg */
	#login .why-reg{
		margin: 50px 0 0;
		text-align: center;
		font-size: var(--fontSize90);
	}

		#login .why-reg a{
			color: #666;
		}

/*1024px*/
@media screen and (max-width: 1024px){
	#login .form{
		width: 70%;
	}
}

/*600px*/
@media screen and (max-width: 600px){
	#login .form{
		width: 100%;
	}
}