@charset "utf-8";
/* CSS Document */

body{
   background:#FFFFFF; 
   padding:0%; 
   margin:0%; 
   width:100%; 
   height:100%;
}

#outer_most_div{
   width:100%; 
   height: 100%; 
   margin:0%; 
   padding: 0%; 
   display:block; 
   color:#FFFFFF;
}

#header_section{
   width:100%; 
   height: 20vh; 
   margin:0%; 
   padding: 0%; 
   display:block; 
   background:#000000;
}

#laptop_header_section{
   width:100%; 
   height: 20vh; 
   margin:0%; 
   padding: 0%; 
   display:block; 
   background:#000000;
}

#mobile_header_section{
   width:100%; 
   height: auto; 
   margin:0%; 
   padding: 0%; 
   display:none; 
   background:#000000;
}

#laptop_header{
   display:block; 
   width: 100%; 
   height: 15vh;  
   margin:0%;  
   padding-top:5vh;
   color:#FFFFFF; 
   background:#000000; 
   text-align:center; 
   font-weight:bold; 
   font-size:36px;
}

#laptop_subsection_1{
   height: 100%; 
   width: 15%; 
   margin: 0%; 
   padding:0%; 
   display:inline-block;
}

#laptop_subsection_2{
   height: 100%; 
   width: 70%; 
   margin: 0%; 
   padding:0%; 
   display:inline-block; 
   text-align:center; 
   vertical-align:middle;
}

#laptop_subsection_3{
   height: 100%; 
   width: 15%; 
   margin: 0%; 
   padding:0%; 
   display:inline-block; 
   vertical-align:middle; 
   text-align:center;
}

#laptop_profile_pic_div{
   display:block; 
   width: 100%; 
   height:auto; 
   vertical-align:middle; 
   text-align:center;
}

#mobile_header_section_content{ 
   width:100%; 
   height:7vh; 
   margin:0%; 
   padding: 0%;
}

#menu_icon_space{
   width:20%;  
   margin:0%; 
   padding: 0%;
   cursor:pointer;
   background: url(images/mobile_navigation_bar_512.png) center no-repeat; 
   background-size: 40%;
}

#search_space{
   width:60%;  
   margin:0%; 
   padding: 0%; 
   text-align:center;
   font-size:55px;
   font-weight:bold;
   color:#FFFFFF;
   vertical-align:middle;
   cursor:pointer;
}

#profile_pic_space{ 
   width:20%;  
   margin:0%; 
   padding: 0%; 
   cursor:pointer; 
   background-size: 40%;
}

#mobile_entity_row{ 
   width:100%; 
   height: 90%
   height: auto; 
   margin:0%; 
   padding: 0%;
   text-align:center;
   vertical-align:middle;
   margin:0%;
   padding-bottom: 3%;
   color:#FFFFFF;
   font-size:70px;
   font-weight:bold;
   background:#000000;
   
}

#account_menu{
   display:none; 
   width:100%; 
   height:auto; 
   margin:0%; 
   padding: 0%; 
   background:#000000;
}

#mobile_menu{
   display:none; 
   width:100%; 
   height:auto; 
   margin:0%; 
   padding: 0%; 
   background:#333333;
}

#mobile_menu_div{
   display:none; 
   width:100%; 
   height:auto; 
   margin:0%; 
   padding: 0%; 
   background:#333333;
}

.mobile_menu_item{
   display:inline-block; 
   width:47%; 
   height:20px; 
   margin:0%; 
   padding: 1%;
   background:#333333;
}

.mobile_menu_item_wrapper{
   width: 100%; 
   height:100%; 
   cursor: pointer;
}

#laptop_menu_div{
   display:block; 
   width:100%; 
   height:50%; 
   margin:0%; 
   padding: 0%; 
   background:#333333;
}

.laptop_menu_item{
   display:inline-block; 
   width:100%; 
   height:20px; 
   margin:0%; 
   padding: 0%; 
   background:#333333;
}

.laptop_menu_item_wrapper{
   width: 93%; 
   height:100%; 
   cursor: pointer;
   padding-left: 7%;
   vertical-align:middle;
}

.laptop_menu_item:hover{
   background:#FFFFFF;
   color:#000000;
}

.laptop_menu_item_wrapper:hover{
   color:#000000;
   background:#FFFFFF;
}


.menu_anchor{
   text-decoration:none;
   color:#FFFFFF;
}


#page_content_section{
   width:100%; 
   height: 60vh; 
   margin:0%; 
   padding: 0%; 
   display:block; 
   direction:ltr; 
   background:#333333;
}

#laptop_menu{
   display:inline-block; 
   width:20%; 
   height:100%; 
   margin:0%; 
   padding: 0%; 
   background:#333333; 
   overflow:auto;
}

#page_content_and_controls{
   display:inline-block; 
   width:80%; 
   height:100%; 
   margin:0%; 
   padding: 0%; 
   background: #FFFFFF;
   border-top: solid;
   border-top-color:#666666; 
   overflow:auto;
}

#page_content_controls{
   margin-left:auto; 
   margin-right:auto; 
   width:40%; 
   height:auto; 
   display:block;
}

#mobile_page_content_controls{
   margin-left:auto; 
   margin-right:auto; 
   margin-bottom: 3vh;
   width:40%; 
   height:auto; 
   display:none;
}

#blank_line{
   display:block; 
   width: 100%; 
   height: auto;
}

#mobile_blank_line{
   display:block; 
   width: 100%; 
   height: auto;
}

#page_name_label_div{
   display:block; 
   width: 100%; 
   height: auto;
   padding-top: 1%;
   padding-bottom: 1%;
   text-align:center;
   vertical-align:middle;
   background:#FFFFFF;
   color:#000000;
   font-weight:700;
}

#mobile_page_name_label_div{
   display:block; 
   width: 100%; 
   height: auto;
   padding-top: 0%;
   padding-bottom: 2vh;
   text-align:center;
   vertical-align:middle;
   background:#FFFFFF;
   color: #000000;
}

#add_and_remove_entity_div{
   display:block; 
   width: 100%; 
   height: auto; 
   text-align:center;
}

#mobile_add_and_remove_entity_div{
   display:block; 
   width: 100%; 
   height: auto; 
   text-align:center;
}

#view_entity_control_div{
   display:inline-block; 
   width:30%;
   margin:2%;
   text-align:center;
   vertical-align:middle;
   border-radius: 1em; 
   border: solid #333333;
   cursor:pointer;
   background: url(images/eye.png) center no-repeat; 
   background-size: 15%;
}

#add_entity_control_div{
   display:inline-block; 
   width:30%;
   margin:2%;
   text-align:center;
   vertical-align:middle;
   border-radius: 1em; 
   border: solid #333333;
   cursor:pointer;
   background: url(images/add.png) center no-repeat; 
   background-size: 10%;
}

#mobile_view_entity_control_div{
   display:inline-block; 
   width:40%;
   margin:2%;
   text-align:center;
   vertical-align:middle;
   border-radius: 1em;
   border: solid #333333;
   cursor:pointer;
   background: url(images/eye.png) center no-repeat; 
   background-size: 20%;
}

#mobile_add_entity_control_div{
   display:inline-block; 
   width:40%;
   margin:2%;
   text-align:center;
   vertical-align:middle;
   border-radius: 1em;
   border: solid #333333;
   cursor:pointer;
   background: url(images/add.png) center no-repeat; 
   background-size: 20%;
}

#page_content_display_div{
   margin-left:auto; 
   margin-right:auto; 
   width:98%; 
   height:auto; 
   display:block; 
   background:#C3C3C3;
}

.display_content{
   width: 100%; 
   height: 90vh; 
   background:#FFFFFF; 
   display:block;
   padding-top: 20px;
}

#footer_section{
   width:100%; 
   height: auto; 
   margin:0%; 
   padding: 0%; 
   display:block; 
   background:#000000;
}

#laptop_footer{
   width:100%; 
   height: auto; 
   margin:0%; 
   padding: 0%; 
   display:block; 
   background:#000000;
}

#laptop_footer_wrapper{
   display: block; 
   width:100%; 
   height:100%; 
   margin:0%; 
   padding:0%;
}

.laptop_footer_sub_section{
   display:inline-block; 
   width:25%; 
   height:100%; 
   margin:0%; 
   padding:0%;
}

#mobile_footer{
   width:100%; 
   height: auto; 
   margin:0%; 
   padding: 0%; 
   display:none; 
   background:#000000;
}

#mobile_footer_wrapper{
   display: block; 
   width:100%; 
   height:100%; 
   margin:0%; 
   padding:0%;
}

.mobile_footer_sub_section{
   display:inline-block; 
   width:100%; 
   height:10vh; 
   margin:0%; 
   padding:0%;
}

/* Sales stat table*/
#sales_stat_table, #inventory_stat_table{
  width: 60%;
}

/* stat_labels */

.stat_label{
   font-size:18px;
}

.stat_number{
   font-weight:bolder;
   color: #006633;
   font-size:32px;
}

/* select table */
.top_row{
   background:#333333;
   color:#FFFFFF;
}

.even_row{
   background:#CCCCCC;
}

.odd_row{
   background:#FFFFFF;
}

.edit_icon{
   width: 15px;
   height: 15px; 
}

.select_row{
   font-size:12px;
}

.delete_icon{
   width: 15px;
   height: 15px;
}

/*Delete confirmation overlay table */
.delete_confirmation_table{
   width: 50%;
   background:#FFFFFF;
   margin-top: 10%
}

/* Update table */

.update_table{
   height:auto;
   width: auto;
}

/*Transfer table*/
#transfer_table{
   width: 50%;
}

/*Profile table*/
#my_profile{
}

/*Profile pic*/
.profile_pic{
   width: 50px;
   height:50px;
}
	
#profile_pic_label{
   font-size:12px;
}


#report_selector_table{
   width: 40%;
}

/* Report table */
.report_table{
   width: 100%;
}

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

   #mobile_footer{
       display:block;
   }
   
   #laptop_footer{
       display:none;
   }
   
   #header_section{
       height:auto;
   }
   
   #laptop_header_section{
       display:none;
   }
   
   #mobile_header_section{
       display:block;
   }
   
   .mobile_menu_item{
      height: 80px;
	  border-radius: 3em;
	  vertical-align:middle;
   }
   
   #mobile_menu{
       display:block;
	   font-size:50px;
	   font-weight:bold;
   }
   
   #mobile_menu_div{
       display:block;
   }
   
   #laptop_menu_div{
      display:none;
   }
   
   #laptop_menu{
       display:none;
   }
   
   #page_content_and_controls{
       width: 100%;   
   }
   
   #mobile_page_name_label_div{
       width: 100%; 
   }
   
   #mobile_page_content_controls{
      display: block;
	  font-size:63px;
   }
   
   #page_content_controls{
      display: none;
   }
   
   #page_content_display_div{
      overflow:auto;
   }
   
   #add_display, #view_display{
      font-size:42px;
   }
   
   #page_content{
      font-size:63px;
   }
   
   /* Sales stat table*/
   #sales_stat_table{
      width: 100%;
   }
   
   #select_inventory_table{
      width: 150%;
   }
   
   #inventory_stat_table{
      width: 150%;
   }
   
	/* stat_labels */
	
	.stat_label{
	   font-size:56px;
	}
	
	.stat_number{
	   font-weight:bolder;
	   color: #006633;
	   font-size:120px;
	}
    
	/* select table */
	.select_table{
	   font-size:63px;
	   width:auto;
	}
	
	.select_row{
	   font-size:42px;
	}
	
	.edit_icon{
	   width: 70px;
       height: 70px;
	}
	
	.delete_icon{
	   width: 70px;
       height: 70px;
	}
	
	.top_row{
       font-size: 48px;
    }
	
	/*Delete confirmation overlay table */
	.delete_confirmation_table_column{
	   height:65vh;
	}
	
	.delete_confirmation_table{
	   width: 80%;
	   height:65vh;
	   margin-top: 0%
	}
	
	.confirm_delete_button{
	   font-size:56px;
	   background:#990000;
	   width:70%;
	   
	}
	
	.cancel_delete_button{
	   font-size:56px;
	   background:#333333;
	   height:80px;
	   width:70%;
	}
	
	/* Update markup */
	
	.closebtn{
	   font-size:100px;
	   background: #333333;
	}
	
	.update_table{
	   height:auto;
	   width:200%; 
	}
	
	/*Transfer table*/
	#transfer_table{
	   width: 100%;
	}
	
	/*Profile table*/
	#my_profile{
	  width: 200%;
	}
	
	/*Profile pic*/
	.profile_pic{
	   width: 200px;
	   height: 200px;
	}
	
	#profile_pic_label{
	   font-size: 42px;
	}
	
	/* Report table */
	.report_table{
	   width: 200%;
	}
	
	#report_selector_table{
	   width: 100%;
	}
	
	.report_selector_button{
	   font-size: 56px;
	   height: 70px;
	}
	
}