/*

Project Color palette

Green: #C2CD23
Blue: #405E6F

 */
body{ margin:0; padding:0; }
header{ position:fixed; top:0; z-index:2; width:100vw; height:50px; background-color:#C2CD23; color:white; }
#primary_center_logo{ height:30px; margin-top:10px; padding-left:10px;}
#primary_usecase_definition{ position:fixed; top:60px;left:0; z-index:2; font-family:impact; font-size:12pt; color: white; width:100vw; padding-left:10px;}
#newstore_body_wrapper{ margin-left:200px;}
.fieldtitle_wrapper{ display:inline-block; width:200px; font-family:arial; font-size:12pt; }
.formfield_wrapper{ padding: 10px; }
.formfield_wrapper input, .formfield_wrapper select{ padding:5px; width:500px; }
input[type="submit"]{ background-color: #c2cd23; color:white; padding:10px; border:none; border-radius:3px; display:block; min-width:150px; margin:10px;  }
input[type="submit"]:hover{ cursor:pointer; }
.displayoption{ padding-top:50px; display:none; margin-left:200px; }
.default_pagetitle{ font-family:impact; font-size:20pt; padding:10px; background-color:#EFEFEF; color:#444; float:left; width:200px; }

#leftnav{ height:100vh; width:200px; position:fixed; left:0; top:0; background-color:#405E6F;  }
#leftnav_link_wrapper{ margin-top:80px; padding:20px; }
#leftnav_link_wrapper a { font-family:arial; text-decoration:none; font-size:10pt; color:white; display:block; }
#leftnav_link_wrapper a.selected{ color: #C2CD23; }
#leftnav_link_wrapper a:hover{ text-decoration:underline; cursor:pointer; color: #C2CD23;  }

#primary_usecase_definition{ }

.store_slider{width:calc(100vw - 200px); height:230px; background-color:lightgray; white-space:nowrap; overflow-x:auto; margin-left:200px; }
.store_wrapper{ width:300px;  text-align:center; font-family:arial; padding:10px; margin:10px; background-color: rgba(0,0,0,.05); border-radius:5px; display:inline-block;  }
.store_headerlogo_wrapper{ height:120px; }
.store_headerlogo_wrapper img{ max-width:200px; max-height:120px; }
.store_name a{ color:#405E6F; text-decoration:none; }
a.store_name_pfunct{ color:#405E6F; font-size:10pt; }
.store_name a:hover{ text-decoration:underline; }

.store_wrapper:hover{ }
#patchnotes_wrapper{ padding:20px; }
.store_slider h3{ display:block; padding:10px; }
.store_slider{ font-family:arial; }

#flashynav_storepages{ padding-left:10px; font-family:arial; font-size:10pt; }

.default_catalogsearch_wrapper{ font-size:8pt; padding:10px; font-family:arial;  margin-bottom:30px; }
.default_catalogsearch_wrapper input{ padding:5px; font-size:10pt; border-radius:5px; border:1px solid grey; }
.product_display_wrapper{ margin:5px; width:100px; float:left; background-color: #EFEFEF; padding:10px; text-align:center; font-family:arial; }
.product_display_title{ font-size:8pt; font-weight:bold; }
.product_display_links a{ font-size:8pt; text-decoration:none; display:block; padding-top:5px; }
.product_display_links a:hover{ text-decoration:underline; cursor:pointer; }


/*
*
* POPUP DISPLAY TO EDIT A PRODUCT
*
 */
#edit_product_wrapper{ background-color:rgba(0,0,0,.5); width:100%;
    height:100%; position:fixed; top:0; left:0;
    font-family:arial; display:none;
}
#edit_product_wrapper_inner{ position:fixed; top:100px; width:500px;
    background-color:white; padding:5px;
    left:calc(50% - 250px); border-radius:5px;
}
.edit_product_title{ font-weight:bolder; margin-bottom:10px;  padding:5px; background-color:#405E6F; color:white; }
.form_field_wrapper{ margin-top:5px; }
.form_field_wrapper input{ width: 285px; }
.form_field_title{ display:inline-block; width:200px; font-size:10pt;  }
.form_field_subtitle{ font-weight:bold; padding-top:10px; padding-bottom:5px; }
.form_button_wrapper{ margin-top:10px;}
.form_button_wrapper input{ display:inline-block; }
.width_spacer{height:50px; width:150px; display:inline-block; }

.addproductform_input{ display:inline-block !important;}
#addproduct_form{ float:right; }