.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
}

.white_content {
	/* position: absolute; */
	/* top: 25%; */
	/* left: 25%; */
	/* width: 50%; */
	/* height: 50%; */
	/* padding: 16px; */
	/*background-color: black;*/
	z-index: 1002;
	/* overflow: visible; */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.white_content.shown {
	/*display: block;
	opacity:1;*/
}

.login-dialog-wrapper{
	display:table-cell;
	vertical-align:middle;
	background-color: rgba(0,0,0,0.4);
}

.login-title{
  display:none;
  z-index: 9999999;
  font-family: HelveNueThinNormal;
  font-size: 23px;
  margin-bottom: 20px;
  display: block!important;
  text-align:left;
  border-bottom: 1px solid #666;
  padding-bottom: 15px;
  color:white;
}

.dialog-holder input, .dialog-holder  button{
	font-size:32px;
	background-color:transparent;
	color:white;
	font-family:HelveNueThinNormal;
	outline: 0;
	border-width:0px;
	border:none;
	display:inline-block;
	margin:10px 0px;
}

input#callme{
	margin-bottom:0px;
}

.dialog-holder input.invalid{
	background-color:#CC3333;
}

#login-btn , #register-btn , #forgot-pass-btn{
	background-color:#00FF00;
	font-size:20px;
	padding:10px 30px;
	display:inline-block;
}

#forgot-password{
	display:block;
	font-family:HelveNueThinNormal;
	font-size:13px;
	color:grey;
}

.dialog-holder{
	display:inline-block;
	background-color:#333;
	padding:40px;
	-webkit-box-shadow: -7px 15px 40px 4px rgba(0,0,0,0.35);
	-moz-box-shadow: -7px 15px 40px 4px rgba(0,0,0,0.35);
	box-shadow: -7px 15px 40px 4px rgba(0,0,0,0.35);
}

.dialog-holder form{
	text-align:left;

	}

#goto-register,#goto-login{
	font-size: 12px;
	font-family:HelveNueThinNormal;
	border: solid 2px #333;
	padding :5px 10px;
	color:white;
	display:inline-block;
	margin-left: 50px;
}
	
.dialog-holder div{
	/*color:white;
	display:inline;*/
	
}
.dialog-holder img{
	width:80px;
}


#register-form .intl-tel-input{
	margin: 10px 0px;
}

#register-form .intl-tel-input .country-list{
	background-color: #333;
    color: #999;
    font-family: Arial;
    max-width: 390px;
    overflow-x: hidden;
}

#register-form .intl-tel-input .country-list::-webkit-scrollbar-track{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	background-color: #000000;
}

#register-form .intl-tel-input .country-list::-webkit-scrollbar{
	width: 6px;
	background-color: #000000;
}

#register-form .intl-tel-input .country-list::-webkit-scrollbar-thumb{
	background-color: #999;
}


#register-form.hide-phone .intl-tel-input.allow-dropdown .flag-container{
	width: 0px;
    overflow: hidden;
    padding: 0px;
}

#register-form.hide-phone .intl-tel-input.allow-dropdown input, #register-form.hide-phone .intl-tel-input.allow-dropdown input[type=text], #register-form.hide-phone .intl-tel-input.allow-dropdown input[type=tel]{
	padding-left:0px;
}




.fadein-noscript {
    -webkit-animation: fadein 1s; /* Safari and Chrome */
       -moz-animation: fadein 1s; /* Firefox */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera */
            animation: fadein 1s;
}

.delay-anim{
	-webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;
}

@keyframes fadein {
  from  {opacity: 0;}
  to {opacity: 1;}
}

/* Firefox */
@-moz-keyframes fadein {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Opera */
@-o-keyframes fadein {
  from {opacity: 0;}
  to {opacity: 1;}
}