@charset "utf-8";
/* CSS Document for only the login presentation layer */

#login_label{
   font-size:18px;
   color: #FFFFFF;
   font-weight:bold;
}

#login_label:hover{
   cursor: pointer;
}

#login_form_label{
   font-size:18px;
   color:#006633;
   font-weight: bold;
}

#login_form_element_table{
   width: 40%;
}

.closebtn{
   font-size: 40px;
   top: 15px;
   float: right;
   margin-top: 10px;
   margin-right: 10px;
   padding-left: auto;
   padding-right: auto;
   text-decoration:none;
   color:#FFFFFF;
   font-weight:bolder;
   border: solid;
   border-color:#FFFFFF;
   border-radius: 5em;
}

.closebtn:hover{
   background: rgba(33,33, 33, 0.8);
   cursor:pointer;
}

#forgot_passowrd{
   color: #CC6600;
   font-size:16px;
   font-weight:400;
}

#no_account{
   font-size:16px;
}

.link{ 
   cursor: pointer; 
   color:#006633;
   font-weight:bold;
}


#login_div{
   position: fixed;
   top: 0em;
   width: 100%;
   height: 100%;
   margin-left:auto;
   margin-right:auto;
   padding: 0px;
   z-index: 12000 !important;
   left:0px;
   right:0px;	
   display:none;
   transition: 0.8s;
   background-color: rgb(0,0,0);
   background-color: rgba(0,0,0, 0.4);
}

.pad_row, .inter_row_padding{
   display:none;
}


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

   #small_login_label, #small_signup_label{
	   color: #FFFFFF;
	   font-weight:bold;
   }
   
   #login_form_element_table{
      width: 100%;
   }
   
   #login_form_label{
      font-size: 90px;
   }
   
   #no_account{
      font-size: 40px;
   }
   
   .text_box{
      height: 150px;
      width: 80%;
   }
   
   #close_circle{
	   font-size: 90px;
	   top: 15px;
	   float: right;
	   margin-top: 80px;
	   margin-right: 10px;
	   padding-left: auto;
	   margin-bottom:80px;
	   padding-right: auto;
	   text-decoration:none;
	   color:#FFFFFF;
	   font-weight:bolder;
	   border: solid;
	   border-color:#FFFFFF;
	   border-radius: 5em;
   }
   
   #login_form_email, #login_form_password{
       width:80%;
       height: 90px;
       font-size:65px;
       padding-bottom: 80px;
   }
   
   #email_text_box, #pass{
       width:80%;
       height: 100px;
       font-size: 65px;  
   }
   
   #signin{
       height: 180px;
       font-size:65px;
   }
   
   .pad_row{
      display: inline-block;
   }
   
   .inter_row_padding{
      display: inline-block;
   }
   
   #invalid_credentials_message{
      font-size:36px;
   }
   
}