body#auth footer {
			display 		: none;
		}

		body#auth div.container {
			position 		: fixed;
			height 		 	: 100%;
			width 			: 100%;
			padding 		: 0;
			margin 			: 0;
			border-top 		: 1px solid #EAEAEA;
			background-size : cover;
			background-image: var(--IMGURL-LOGIN-BG);
		}

		body#auth div.container>div {
			height 			: 100%;
		}


		div.authLeft {
			position 		: relative;
		}

		div.authLeft img {
			position 		: fixed;
			bottom 			: 0;
			margin 			: 0 auto;
			left 			: 10%;
		}

		div.authRight {
			background 		: rgba(255,255,255,1);
			overflow-y      : scroll;
		}

		body#auth div.container div.inner {
			padding 		: 50px 0 20px;
			width 			: 80%;
			margin 			: 0 auto;
			height 			: 100%;
			text-align 		: center;
		}

		input.form-control.text.auth {
			font-size 		: 36px;
			padding 		: 10px 20px;
			height 			: auto;
			margin 			: 10px 0;
			color 			: #333;
			text-align 		: center;
		}

		body#auth div.container div.inner label {
			display 		: block;
			text-align 		: left;
			font-size 		: 140%;
			padding 		: 10px 0 5px 0;
		}

		body#auth ul.social {
			list-style 		: none;
			display 		: table;
			width 			: 100%;
			padding 		: 0;
			margin 			: 0;
		}

		body#auth ul.social li {
			display 		: table-cell;
			width 			: 33%;
		}

		body#auth ul.social li a.social {
			display 		: block;
			border 			: 1px solid #DDD;
			border-radius 	: 2px;
			background 		: #FFF;
			color 			: #333;
			font-size 		: 140%;
			padding 		: 20px 0;
			cursor 			: pointer;
		}

		body#auth ul.social li a.social i.fa {
			margin  		: 0 5px;
			color 			: #FFF;
			padding 		: 5px 0px;
			font-size 		: 120%;
		}

		body#auth ul.social li a.social.twitter {
			margin-left 	: 5px;
		}

		body#auth ul.social li a.social.twitter i.fa {
			color 			: #00acee;
		}

		body#auth ul.social li a.social.twitter:hover {
			background 		: #4081ec;
			color 			: #FFF;
		}

		body#auth ul.social li a.social.twitter:hover i.fa {
			color 			: #FFF;
		}

		body#auth ul.social li a.social.google {
			margin-right 	: 5px;
		}

		body#auth ul.social li a.social.google i.fa {
			color 			: #32a350;
		}

		body#auth ul.social li a.social.google:hover {
			background 		: #32a350;
			color 			: #FFF;
		}

		body#auth ul.social li a.social.google:hover i.fa {
			color 			: #FFF;
		}

		a.btn.forgot {
			margin 			: 20px 0 0 0;
			color 			: #666;
		}

		body#auth ul.social li a.social.twitch {
			margin-left 	: 5px;
		}

		body#auth ul.social li a.social.twitch i.fa {
			color 			: #6441a5;
		}

		body#auth ul.social li a.social.twitch:hover {
			background 		: #6441a5;
			color 			: #FFF;
		}

		body#auth ul.social li a.social.twitch:hover i.fa {
			color 			: #FFF;
		}


		body#auth button.btn {
			display 		: block;
			border 			: 1px solid #DDD;
			width 			: 100%;
			font-size 		: 160%;
			background 		: #FFF;
			color 			: #333;
			border-radius 	: 5px;
			height 			: 70px;
			position 		: relative;
			padding 		: 0;
			overflow 		: hidden;
			cursor 			: pointer;
			margin  		: 20px 0 0 0;
		}

		body#auth button.btn span {
			display 		: block;
			height 			: 70px;
			padding 		: 18px 0 25px 0;
		}

		body#auth button.btn i.fa {
			position 		: absolute;
			right 			: 0;
			padding-top 	: 22px;
			display 		: block;
			background 		: var(--COLOR-ONE);
			top 			: 0;
			width 			: 70px;
			height 			: 70px;
			color 			: #FFF;
			text-align 		: center;
		}

		body#auth button.btn:hover {
			background 		: var(--COLOR-ONE);
			color 			: #FFF;
		}

		body#auth h4.social {
			display 		: block;
			position 		: relative;
			border-top 		: 1px solid #CCC;
			margin 			: 30px 0;
		}

		body#auth h4.social span {
			background 		: #FFF;
			padding 		: 10px 20px;
			position 		: absolute;
			top  			: -23px;
			width 			: 70px;
			margin-left  	: -35px;
			text-align 		: center;
		}


		body#auth div.container div.inner.errors .hideWithErrors {
			display 		: none;
		}

		body#auth div.container div.inner div.error {
			display 		: none;
		}

		body#auth div.container div.inner.errors div.error {
			display 		: block;
			background 		: rgba(228,66,52,0.8);
			color 			: #FFF;
			margin 			: 20px 0;
			padding 		: 15px 20px;
			font-size 		: 140%;
		}

		body#auth div.login {
			padding 		: 20px 0 120px 0;
			font-size 		: 120%;
		}

		body#auth div.login span {
			display 		: block;
			padding 		: 10px;
			font-size 		: 130%;
		}

		body#auth div.login a.btn.login {
			color 			: #333;
			width 			: 60%;
			margin 			: 0 auto;
			text-align 		: center;
			border-radius 	: 20px;
		}

		body#auth div.login a.btn.login:hover {
			background 		: var(--COLOR-ONE);
			color 			: #FFF;
		}

		body#auth div.login a.btn.login * {
			text-align 		: center;
			display 		: inline-block;
		}

		@media only screen and (max-width: 600px) {
			input.form-control.text.auth {
				font-size: 3vh;
			}

			body#auth button.btn {
				background 	: var(--COLOR-ONE);
				color 		: #FFF;
			}
			body#auth h4.social {
				margin 		: 25px 0;
			}

		}

		@media only screen and (max-height: 767px) {
			body#auth div.container div.inner {
				padding-top 	: 10px;
			}

			body#auth div.login {
				padding-bottom 	: 120px;
			}
		}