.force-to-bottom {
    /*position:absolute;
    bottom: 5%;
    width: 100%;
    right: 16px;*/
    position: absolute;
    bottom: 8px;
    right: 25px;
    font-size: 18px;
    
}
.new-login-dailog{
	
	background-color: transparent !important;
}
.force-to-bottom>h4 {
    font-size: 13px;
}

.fb-btn{
	padding: .5em;
	background-color: #4c6faa;
	color: #ffffff;	
	border-radius: 0px !important;
	font-size: 15px;
}
.fb-btn:hover{
	color: #ffffff;
}
.g-btn:hover{
	color: #ffffff;
}
.fb-btn:focus{
	color: #ffffff;
	outline: none;
}
.g-btn:focus{
	color: #ffffff;
	outline: none;
}
.g-btn{
	padding: .5em;
	background-color: #e66552;
	color: #ffffff;	
	border-radius: 0px !important;
	font-size: 15px;
	margin-top: .6em !important;
}
.footer-text>h4{
	font-size: 18px;
}
.login-dailog{
	width: 26%;
	max-width: 439px;
    min-width: 365px;
	position:absolute;
    left:0; 
    right:0;
    top:0; 
    bottom:0;
	margin:auto;	
	box-shadow: 0px 0px 25px 0px #444444;
    padding: 3em 5em 3em 5em;	
    background-color: #ffffff;
}
.mob-log-div{
	margin-top: 20px;
}
.logo-div>img{
	width: 80%;
	display: block;
	margin: auto;
}
.center{
	text-align: center;
}
.mob-log-div>input{
	border-radius: 0px !important;
	padding: 1.4em 1em 1.4em .5em;
	font-size: 15px;
	color: #909090;
	
}
.mob-log-div>p{
	margin-top: 1.2em;
}
.mob-log-div>button{
	font-size: 17px;
	padding: .5em 0em .5em 0em;
	margin-top: .7em!important;
}
.exist-login{
	margin-left: 4em;
	margin-right: 4em;
}
.exist-login>input{
	border-radius: 0px !important;
	padding: 1.4em 1em 1.4em .5em;
	font-size: 20px;
	color: #909090;
	margin-top: .5em;
}
.exist-login>h2{
	color: #6b6b6b;
	margin-bottom: 2em;
}
.exist-login>a>h4{
	margin-top: 4em;
}
.exist-login>a{
	text-decoration: none;
	color: #6b6b6b;
	text-align: center;
	cursor: pointer;	
}
.exist-login>button{
	font-size: 25px;
	padding: .5em 0em .5em 0em;
	margin-top: .7em;
}
.mobile-div{
	margin-top: 7em;
}
.mobile-div>input{
	border-radius: 0px !important;
	padding: 1.4em 1em 1.4em .5em;
	font-size: 20px;
	color: #909090;
	margin-top: 2em;
}
.mobile-div>button{
	font-size: 25px;
	padding: .5em 0em .5em 0em;
	margin-top: .7em;
}
.mobile-div>h4{
	color: #6b6b6b;
}
.login-link{
	margin-top: 5em;
    text-align: center;
    cursor: pointer;    
}
.login-link>a{
	text-decoration: none;
	color: #6b6b6b;
}
.mob-log-div>h3{
	color: #6b6b6b;
	margin-top: 1em;
}
.firebase-login{
	margin-top: 1em;
}
.firebase-login>h5{
	margin-bottom: 1.5em;
}
#sign-in-body{
  background: #F98C48;
  background-image: -webkit-linear-gradient(#ED9D2B, #EE4732); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(#ED9D2B, #EE4732); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(#ED9D2B, #EE4732); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(#ED9D2B, #EE4732); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.footer-text{
	color: #ffffff;
	position: absolute;	
	width: 100%;	
}
.loading{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
#django-login-label-div{
	margin-left: 4em;
}
@media (min-width: 1281px) {
  /* .mob-log-div>h2 {	 
	    margin-top: 1em;
	    font-size: 20px;
	} */
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1370px) {
  /* .login-dailog{
		width: 33%;
  }   */
  .mob-log-div>h2{		
		margin-top: 1em;
	}
	.login-dailog{		
		padding: 2em 4em 0em 4em;
	}
	.new-login-dailog{
	
		background-color: transparent !important;
	}
	.firebase-login{
		margin-top: 1.8em;
	}
	.mob-log-div>input{		
	    padding: 1.2em 1em 1.2em .5em;
	    /*margin-top: 1em;*/
	}
	.mob-log-div>p{
		margin-top: 1em;
	}
	.mob-log-div>button{
	    padding: .2em 0em .2em 0em;
	}
	.checkbox>label>h4{
		font-size: 13px;
	}
	#django-login-label-div>label>h4{
		font-size: 13px;
	}
	#django-login-label-div {
	    margin-left: 6.5em !important;
	}
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  /* .login-dailog{
	width: 55%;
  }  */  
  .login-dailog{		
		padding: 2em 4em 0em 4em;
	}
	.new-login-dailog{
	
		background-color: transparent !important;
	}
	.firebase-login{
		margin-top: 1em;
	}
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  
  
}