/* line 5, app/assets/stylesheets/access.scss */
#login-box {
  width: 50%;
  background-color: white;
  text-align: center;
  border-radius: 5px;
  margin: auto;
  padding: 20px;
}

/* line 15, app/assets/stylesheets/access.scss */
#login-fields {
  display: inline-block;
  text-align: left;
}

/* line 20, app/assets/stylesheets/access.scss */
#login-fields input {
  margin-bottom: 10px;
}
/* line 5, app/assets/stylesheets/items.scss */
input#quantity {
  width: 45px;
}

/* line 9, app/assets/stylesheets/items.scss */
input#filter-input {
  width: 80%;
  /* Full-width */
  font-size: 16px;
  /* Increase font-size */
  padding: 12px 40px 12px 40px;
  /* Add some padding */
  border: 1px solid black;
  /* Add a grey border */
  border-radius: 5px;
  margin-bottom: 12px;
  /* Add some space below the input */
}
/* line 5, app/assets/stylesheets/orders.scss */
a {
  color: maroon;
}

/* line 9, app/assets/stylesheets/orders.scss */
#order-title {
  font-size: 1.25rem;
  font-weight: bold;
}

/* line 14, app/assets/stylesheets/orders.scss */
#remove_all_link, #submit_order_link {
  font-size: 0.9rem;
  background-color: white;
  color: maroon;
  border: maroon solid thin;
  border-radius: 5px;
  text-decoration: none;
  margin: 0 20px 0;
  padding: 5px;
}

/* line 26, app/assets/stylesheets/orders.scss */
#remove_all_link:hover, #submit_order_link:hover {
  background-color: maroon;
  color: white;
  border-color: white;
  cursor: pointer;
}

/* line 33, app/assets/stylesheets/orders.scss */
#comment_box {
  margin-bottom: 20px;
}

/* line 37, app/assets/stylesheets/orders.scss */
#comment_box textarea {
  margin-top: 10px;
}

/* line 41, app/assets/stylesheets/orders.scss */
#comment_box label {
  font-weight: bold;
}

/* line 49, app/assets/stylesheets/orders.scss */
#main-box p#price-total {
  width: 80%;
  text-align: right;
  border-top: maroon solid thin;
  margin: auto;
  margin-top: 15px;
  padding: 15px 0 0 0;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

 html {
   font-family: Tahoma, sans-serif;
   background-color: maroon;
 }

 h1, h2 {
   width: 100%;
   text-align: center;
   color: white;
 }

 h1 {
   font-family: Impact, sans-serif;
   font-size: 2.5rem;
   letter-spacing: 0.1rem;

   margin: 30px 0 0 0;
 }

 h2 {
   font-size: 1.5rem;

   margin: 25px 0 15px 0;
 }

 ul {
   list-style-type: none;
 }

 #flash-notice {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   text-align: center;
   width: 100%;
   background-color: white;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   border-top: maroon solid thin;

   margin: auto;
   padding: 3px 0;
 }

 #nav-links {
   width: 80%;

   margin: auto;
   padding: 0;
 }

 #nav-links a {
   color: white;
   background-color: maroon;
   border: white solid 3px;
   text-decoration: none;
   display: inline;
   float: left;

   margin: 0 5px 20px 0;
   padding: 5px;
 }

 #nav-links a#logout-link {
   float: right;
 }

 #nav-links a:hover, #nav-links a.active-link {
   color: maroon;
   background-color: white;
   border-color: maroon;
 }

 #welcome-user-text {
   color: white;
   float: right;

   margin: 8px 15px 8px 0;
 }

 #loading_wheel {
   position: absolute;
   top: 20px;
   right: 20px;

   width: 2rem;
   height: 2rem;

   display: none;

   margin: auto;
 }

 #main-box {
   width: 80%;
   max-height: 72vh;
   overflow-y: scroll;
   background-color: white;
   border-radius: 5px;
   text-align: center;

   margin: auto;
   padding: 20px;
 }

 #main-box table {
   border-collapse: separate;
   border-spacing: 10px;

   margin: auto;
 }