/* LOGIN THE LIGHTS */

body {
    background: none;
     background-color: #e3f7ff;
}

#backgroundspin {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -10;
 background:url('https://thelights.com.au/images/rays_360.svg') no-repeat center;
 height: 100vw;
 margin: 0px;
 padding 0px;
 overflow:hidden;
  -webkit-animation-name: rays;
          animation-name: rays;
  -webkit-animation-duration: 100000ms;
          animation-duration: 100000ms;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: center;
          transform-origin: center;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rays {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rays {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


#admin_wrapper {
 padding:0;
 border:0;
 width: 520px;
 min-height: 557px;
 background-color: #000000d6;
 color: #FFF;
}

.alpha60 {
	background: #000000d6;
	 background-color: rgba(0,0,0,0.72);
}

#admin_wrapper h2 {
 text-shadow:none;
 color:#fbb040;
 padding:0 60px;
 margin:0 0 20px 0;
 font-weight: 300;
}
#admin_wrapper h3 {
 margin:0 0 20px 0;
 text-shadow:none;
 color: #fbb040;
 font-weight: 300;
}

#logo {
 background: url('https://secure.activecarrot.com/media/dynamic/static_images/1379/thelights_logo.png');
 background-position: center;
 background-color: #000000d6;
 background-color: rgba(0,0,0,0.90);
 background-repeat: no-repeat;
 background-size: 200px;
 height:200px;
 width:100%;
 margin-bottom:40px;
}

#admin_wrapper form {
 padding:0 60px 60px 60px;
 margin:0;
}

#admin_wrapper form label {
 text-shadow: none;
 font-size: 20px;
 color: #FBB040;
 margin-top:0;
}

#admin_wrapper form input {
 width: 100%;
 box-sizing: border-box;
 font-size: 20px;
 height: 53px;
 background: #795548 !important;
 background-color: #000 !important;
 border:0!important;
 border-radius:3px;
 padding:7px 20px;
 color:#a3a3a3;
 margin-bottom:20px;
}

#terms {
	height: 15px !important;
}

form .input {
	background: #000 !important;
}

#admin_wrapper form input#button {
 width:auto;
 background:#FBB040 !important;
 color:#000;
 margin-bottom:0;
 cursor:pointer;
}
#admin_wrapper form .forgot_password input#button {
 width:109px;
 margin-left:33px;
}

#admin_wrapper form .forgot_password a {
 font-size:18px;
 color:#ffffff;
}

.fail {
 margin:20px 0;
 padding: 10px 60px;
 background:#ffffff;
 color:#000;
}


#admin_wrapper form div {
 width:100%!important;
 box-sizing:border-box;
 color: #000;
}

@media only screen and (max-width:660px) {
	/* DB responsive styles for login page */
	body{
		margin-top:0;
	}

	#backgroundspin {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -10;
 background:url('https://thelights.com.au/images/rays_360.svg') no-repeat center;
 height: 100vw;
 margin: 0px;
 padding 0px;
 overflow:hidden;
  -webkit-animation-name: rays;
          animation-name: rays;
  -webkit-animation-duration: 100000ms;
          animation-duration: 100000ms;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: center;
          transform-origin: center;
}
	#admin_wrapper{
		width:100%;
		margin-top: 0;
	}
	#admin_wrapper #logo{
		margin-bottom:30px;
		height: initial;
    min-height: 150px;
    background-size: 9.2em;
	}
	#admin_wrapper form .forgot_password a {
    float: left;
    margin-bottom: 20px;
	}
	#admin_wrapper form .forgot_password input#button{
		clear: left;
    margin: 0;
    float: left;
	}
	#admin_wrapper form{
		overflow:hidden;
		padding: 10px 30px 50px 30px;
	}
}