html {
	min-height: 100%;
}
body {
	/*padding-top: 56px;*/
    margin-bottom: 0 !important;
}
html, body, main, div#main-content-container, div#main-content-container>section, div#main-content-container > section > div:first-child {
    height: 100%;
}
img.main-img{
	-webkit-box-shadow: 11px 15px 38px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 11px 15px 38px -10px rgba(0,0,0,0.75);
	box-shadow: 11px 15px 38px -10px rgba(0,0,0,0.75);

	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

div.login-container{
	width: 300px;
	margin: 50px auto;
	/*
	background-color: rgba(255,255,255,0.85);
	*/
	background-color: white;

	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

div.avatar{
	border: none;
}
#loginTitleTxt{
	display: none;
}
.login-container::before, .login-container::after{
	display: none;
}
.login-footer{
	margin-top: 25px;
	display: block;
	position: relative;
	text-align: center;
}
.login-footer span{
	display: block;
	font-size: .8em;
}
.login-footer img{
	height: 20px;
}
.form-box select {
	width: 100%;
    padding: 10px;
    text-align: center;
    height: 40px;
    border: 1px solid #ccc;
    background: #fafafa;
	transition: 0.2s ease-in-out;
	border-radius: 0 0 5px 5px;
}
#toggleOptions {
	position: absolute;
	right: 5px;
	bottom: 5px;
	color: #10867D;
	cursor: pointer;
}

.agora-spinner {
    margin: 20px auto 20px;
    width: 70px;
    text-align: center;
}

.agora-spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.agora-spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.agora-spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}

main {
  margin-top: 0px !important;
}

.u-header__logo-img {
    height: 50px;
}

.g-text-shadow-black-0-0-5 {
    text-shadow: 0 0 5px #000;
}

.g-text-shadow-black-0-0-10 {
    text-shadow: 0 0 10px #000;
}

@media (max-width: 768px) {
  main {
    margin-top: 0px !important;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 768px){
	img.main-img{
		display: none;
	}
	div.login-container{

	}

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px){
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px){
	body {
		/*padding-bottom: 60px;*/
	}

	/*div.login-container img.logo{
		padding: 20px 0;
	}

	div.login-container{
		position: absolute;
		top: -35px;
		right: 15px;
	}
	#loginTitleTxt{
		display: block;
		position: absolute;
		top: 12px;
		left: 50px;
		width: 300px;
	}*/
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){

	/*div.login-container{
		position: absolute;
		top: -20px;
		right: 100px;
	}
	#loginTitleTxt{
		width: 400px;
		left: 100px;
	}*/
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){
	/*div.login-container{
		position: absolute;
		top: -20px;
		right: 200px;
	}
	#loginTitleTxt{
		left: 200px;
	}*/
}