body {
  font-family:Arial, sans-serif, Helvetica;
  color:#2a6496;
  font-weight:300;
  background-image:url("../img/bg.png");
  background-repeat: repeat;
  background-attachment: fixed;
}
a 
{ color:#428bca !important; }
a:hover 
{ color:#e30613 !important; }
.user-header a {
  color:#428bca;
  text-decoration:none;
}
.user-header a:hover {
  color:#e30613;
  text-decoration:underline;
}
h1
{ margin:16px 0px; }
.main-wrapper {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  margin-top:0px;
  overflow:visible;
}
.container {
  max-width:1200px;
  margin:0 auto;
  padding:0px;
  height:100%;
  text-align:center;
}
.container h1 {
  color:#2e71ab;
  font-size:40px;
  font-weight:200;
}
form.login-form {
  padding:10px 0px;
  position:relative;
  z-index:2;
}
form.login-form input {
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  outline:0;
  border:1px solid rgba(255, 255, 255, 0.5);
  background-color:rgba(255, 255, 255, 0.3);
  width:320px;
  border-radius:3px;
  padding:10px 15px;
  margin:0 auto 10px auto;
  display:block;
  text-align:center;
  font-size:18px !important;
  color:#428bca !important;
  font-weight:300;
}
form.login-form input:hover 
{ background-color:rgba(255, 255, 255, 0.8); }
form.login-form input:focus {
  background-color:white;
  color:#428bca !important;
}
form.login-form button {
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  outline:0;
  border:1px solid #428bca;
  background-color:#ffffff;
  padding:10px 15px;
  color:#428bca;
  border-radius:3px;
  width:250px;
  cursor:pointer;
  font-size:18px;
}
form.login-form button:hover {
  background-color:#428bca;
  color:#f0f0f0;
}
.error 
{ color:#9ba6af; }
.alert {    
  margin:10px;
  padding:15px;
  text-align:center;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#9ba6af;
  opacity:1; /* Firefox */
}
:-ms-input-placeholder /* Internet Explorer 10-11 */
{ color:#9ba6af; }
::-ms-input-placeholder /* Microsoft Edge */
{ color:#9ba6af; }

div.login-info {
  font-size:14px;
  max-width:500px;
  margin:auto;
  margin-top:30px;
  padding:15px;
  color:#808080;
  border:1px solid rgba(140, 190, 255, 0.5);
  background-color:rgba(160, 220, 255, 0.3);
  border-radius:3px;
  text-align: left;
}
div.hint-info {
  font-size:12px;
  max-width:800px;
  margin-top:10px;
  padding:10px;
  color:#808080;
  border:1px solid rgba(140, 190, 255, 0.5);
  background-color:rgba(160, 220, 255, 0.3);
  border-radius:3px;
  text-align: left;
}
img.logo-image {
  width:220px;
  padding:50px 0px 0px 0px;
}
img.logo-image-mini {
  width:120px;
  margin:0px 20px 8px 0px;
  padding:0px;
}
img.logo-image-mini-ui {
  width:120px;
  margin:0px 20px 0px 0px;
  padding:0px;
}
div.user-header {
  max-width:100%;
  margin:2px -2px 2px 0px;
  padding:10px 20px;
  color:#808080;
  border:1px solid #a0a0a0;
  background-color:#ffffff;
  border-radius:1px;
  text-align:left;
  font-size:14px;
}
.user-form {
  margin:0px;
  padding:0px;
}
.like-h4 {
  color:#2a6496;
  font-size:20px;
  font-weight:300;
}

span.alert
{
	font-family:Consolas, Courier New; 
	font-weight:800;
	color:#c08080;
}
.red
{ color:#c02020; }
.green
{ color:#20a020; }
.grey
{ color:#c0c0c0; }
.blue
{ color:#2040c0; }
.violet
{ color:#802080; }
.navy
{ color:#2a6496; }
span.invisible
{ visibility:hidden; font-size:1px !important; }

.table-adduser
{
  min-width:700px; 
  width:700px !important; 
  text-align:left;
}
.table-adduser input[type='text'], .table-adduser input[type='email']
{ width:500px; }
.table-products
{ font-family:Arial Narrow; }
.table-products th, .table-users th
{ text-align:left; color:#404040; }
.selectable
{ color:#804080; }
.selectable:hover
{ color:#428bca; cursor: pointer; }
.table-users tr
{ text-align:left; }
.table-products td:nth-child(1)
{ text-align:left; }
.table-products td:nth-child(2), .table-products th:nth-child(2) 
{ background-color:#e7f0ff; }
.table-products td:nth-child(3), .table-products td:nth-child(4), .table-products th:nth-child(3), .table-products th:nth-child(4)
{ background-color:#fff0f0; }
.table-products td:nth-child(6), .table-products td:nth-child(7), .table-products th:nth-child(6), .table-products th:nth-child(7)
{ background-color:#ffffd0; }
.table-products td:nth-child(8), .table-products td:nth-child(9), .table-products th:nth-child(8), .table-products th:nth-child(9)
{ background-color:#e0ffff; }
.table-products td:nth-child(10), .table-products td:nth-child(11), .table-products th:nth-child(10), .table-products th:nth-child(11)
{ background-color:#e0ffff; }
.table-products td:nth-child(12), .table-products th:nth-child(12) 
{ background-color:#e7ffe7; }
.table-products tr:nth-child(even), .table-users tr:nth-child(even)
{ background-color:#f7fcfe; }
.table-products tr:nth-child(even) td:nth-child(2)
{ background-color:#e3ecff; }
.table-products tr:nth-child(even) td:nth-child(3), .table-products tr:nth-child(even) td:nth-child(4)
{ background-color:#ffecec; }
.table-products tr:nth-child(even) td:nth-child(6), .table-products tr:nth-child(even) td:nth-child(7)
{ background-color:#ffffc7; }
.table-products tr:nth-child(even) td:nth-child(8), .table-products tr:nth-child(even) td:nth-child(9)
{ background-color:#d7ffff; }
.table-products tr:nth-child(even) td:nth-child(10), .table-products tr:nth-child(even) td:nth-child(11)
{ background-color:#d7ffff; }
.table-products tr:nth-child(even) td:nth-child(12)
{ background-color:#d7ffd7; }