@import url(http://fonts.googleapis.com/css?family=Audiowide);

@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css);

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);

* {

  margin: 0;

  padding: 0;

}



html {

  background: url(https://scontent.fisb4-1.fna.fbcdn.net/v/t31.0-8/18595336_1493878860696876_5893766314272270960_o.jpg?_nc_cat=0&oh=5f15ff2d6ff03df56c194cdf4fad5091&oe=5B7D0AC3) no-repeat center center fixed ;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}



body {

  background: transparent;

}



body, input, button {

  font-family: 'Audiowide', cursive;

}

h1{

  font-size: 30px;

  color: white;

  text-transform: uppercase;

  font-weight: 300;

  text-align: center;

  margin-bottom: 15px;

}

table{

  background: url(http://zexbot.tk/css/783.gif) no-repeat center center fixed ;

  -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

  width:100%;

  table-layout: auto;

}

.tbl-header{

  background-color: rgba(255,255,255,0.3);

 }

.tbl-content{

  height: auot;

  overflow-x:auto;

  margin-top: 0px;

  border: 1px solid rgba(255,255,255,0.3);

}

th{

  font-family: "nova square", cursive;

  padding: 20px 15px;

  text-align: left;

  font-weight: 500;

  font-size: 16px;

  color: #fff;

  text-transform: uppercase;

}

td{

  font-family: "nova square", cursive;

  padding: 15px;

  text-align: left;

  vertical-align:middle;

  font-weight: 300;

  font-size: 16px;

  color: #fff;

  border-bottom: solid 1px rgba(255,255,255,0.1);

}

.login {

  padding: 15px;

  width: 400px;

  min-height: 400px;

  margin: 2% auto 0 auto;

}

.login .heading {

  text-align: center;

  margin-top: 1%;

  

}

.login .heading h2 {

  font-size: 2em;

  font-weight: 300;

  color: #ffffff;

  display: inline-block;

  padding-bottom: 1px;

  text-shadow: #ffffff;

}

.login form .input-group {

  margin-top: 5px;

  border-bottom: 1px solid rgb(217, 217, 217);

  

}

.login form .input-group:last-of-type {

  border: 1px solid rgb(217, 217, 217);



    border-radius: 7px;

}

.login form .input-group span {

  background: transparent;

  min-width: 53px;

  border: none;

}

.login form .input-group span i {

  font-size: 1.5em;

  color:#ffffff;

}

.login form input.form-control {

  display: block;

  width: auto;

  height: auto;

  border: none;

  outline: none;

  box-shadow: none;

  background: none;

  border-radius: 0px;

  padding: 10px;

  font-size: 1.6em;

  width: 100%;

  background: transparent;

  color:#ffffff;

}

.login form input.form-control:focus {

  border: none;

}

.login form button {

  margin-top: 30px;

  background:none;

	-moz-border-radius:28px;

	-webkit-border-radius:28px;

  width: 45%;

  border-radius:28px;

	border:1px solid #ffffff;

	display:inline-block;

	cursor:pointer;

	color:#fff;

	font-family:Arial;

	font-size:17px;

	padding:16px 31px;

	text-decoration:none;

	text-shadow:0px 1px 0px #000;

                     

	

}

.login form button:hover {

  background: none;

  -webkit-animation: hop 1s;

  animation: hop 1s;

}



.float {

  display: inline-block;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px transparent;

}



.float:hover, .float:focus, .float:active {

  -webkit-transform: translateY(-3px);

  transform: translateY(-3px);

}



/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {

  .login {

    width: 600px;

    font-size: 2em;

  }

}

@media only screen and (max-width: 1100px) {

  .login {

    margin-top: 2%;

    width: 600px;

    font-size: 1.7em;

  }

}

/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {

  .login {

    margin-top: 1%;

    width: 550px;

    font-size: 1.7em;

    min-height: 0;

  }

}

/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {

  .login {

    margin-top: 0;

    width: 500px;

    font-size: 1.3em;

    min-height: 0;

  }

}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {

  .login {

    margin-top: 0;

    width: 400px;

    font-size: 1em;

    min-height: 0;

  }

  .login h2 {

    margin-top: 0;

  }

}

/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {

  .login {

    margin-top: 0;

    width: 200px;

    font-size: 0.7em;

    min-height: 0;

  }

}

div.hr {

  	color:#ffffff;

	background-color:#ffffff;

	height: 1px;

	width: 366px;

	opacity: .3;

}

div.hr hr {

  display: none;

}

snowflakeContainer {

    position: absolute;

    left: 0px;

    top: 0px;

}

.snowflake {

    padding-left: 15px;

    font-family: Cambria, Georgia, serif;

    font-size: 14px;

    line-height: 24px;

    position: fixed;

    color: #FFFFFF;

    user-select: none;

    z-index: 1000;

}

.snowflake:hover {

    cursor: default;

}