/*
 *
 * base styles
 *
 */
body {
  font: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  padding-top: 50px;
  /* As I use a navbar-fixed-top */
  background-color: #3b7db5; }

/* unvisited link */
a {
  /* mouse over & selected link */
  /* visited link */ }
  a:hover, a:active, a:link {
    color: #FFFFFF; }
  a:visited {
    color: #000000; }

.red {
  color: red; }

.p-messages {
  padding: 15px; }

.width-100 {
  width: 100%; }

.width-75 {
  width: 75%; }

.margin-top-default {
  margin-top: 7px; }

.list-plain {
  list-style-type: none;
  margin: 0px;
  padding: 0px; }

.margin-left-5 {
  margin-left: 5px; }

.breadcrumbs {
  background-color: #639ac9;
  padding: 10px;
  color: #FFFFFF; }
  .breadcrumbs a {
    color: #FFFFFF !important; }

.errorlist {
  color: #ff0000; }

.title {
  color: #FFFFFF;
  text-align: center; }

.navbar {
  margin-bottom: 0px;
  border: 0px; }

/*
 *
 * Forms
 *
 */
.error-msg {
  color: #a94442; }

.form-group.required label:after {
  color: #d00;
  content: "*";
  margin-left: 8px;
  top: 5px; }

.table-no-th {
  color: #000; }

.table-striped strong {
  color: #3b7db5; }

.table-striped th, td {
  text-align: center; }

.navbar-default .navbar-brand {
  color: #FFFFFF;
  font-size: 25px; }

.top-bar {
  background-color: #3b7db5;
  color: #FFFFFF; }
  .top-bar a {
    color: #FFFFFF;
    padding-right: 5px; }

.left-side {
  background-color: #f1f1f1;
  min-height: 100%;
  color: #000000; }
  .left-side a {
    color: #428bca; }
  .left-side h2 {
    color: #428bca; }

.flex {
  display: flex; }

.right-side {
  background-color: #FFFFFF;
  overflow: auto;
  min-height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000000; }
  .right-side h1,
  .right-side h2,
  .right-side .title-color,
  .right-side a {
    color: #428bca; }
  .right-side .table > tbody > tr > td {
    color: #000000; }
  .right-side .table > thead > tr > th {
    background-color: #3b7db5; }

.delete-color {
  color: #FFFFFF !important; }

.section-outter {
  margin-left: 40px;
  background-color: #FFFFFF; }

.section-container {
  text-align: center;
  width: 90px;
  border: 2px solid #d2d2d2;
  margin: 0px 5px 5px;
  padding: 3px; }

.section-container img {
  margin: 5px 0px 5px 0px; }

.dashboard-outter {
  border: 2px solid #d2d2d2;
  border-radius: 5px; }

.dashboard {
  background-color: #3b7db5;
  padding: 5px;
  color: #FFFFFF;
  font-weight: bold;
  border: 0px 1px 1px 1px solid #d2d2d2;
  border-radius: 5px 5px 0px 0px;
  margin-bottom: 10px; }

.table-border {
  border: 1px solid #d2d2d2; }

.border-radius-5 {
  border-radius: 5px; }

.no-padding {
  padding: 0px !important; }

.padding-top-0 {
  padding-top: 0px !important; }

.no-margin {
  margin: 0px !important; }

.margin-right-8 {
  margin-right: 8px !important; }

.latest-products {
  padding-left: 0px !important; }

.delete-person tr:hover {
  background-color: orange; }

/*
 *
 * Login screen
 *
 *
 */
.container {
  color: black;
  background-color: #3b7db5; }

.form-signin {
  background-color: #FFFFFF;
  padding: 0px;
  max-width: 330px;
  margin: 100px auto;
  min-width: 350px; }
  .form-signin .header {
    background-color: #0567ba;
    color: #FFFFFF;
    padding: 10px; }
  .form-signin .content {
    padding: 15px 10px; }
  .form-signin button {
    width: 10em;
    background-color: #0567ba;
    color: #FFFFFF; }

.report-dashboard {
  width: 320px;
  margin: 0px auto; }

.report-x {
  border: 1px solid black;
  padding: 8px;
  display: inline-block;
  width: 220px;
  margin-left: 5px;
  color: #ffffff;
  border-color: #d4d1d1;
  background-color: #cd3b42; }
  .report-x h2 {
    color: #ffffff;
    font-size: 22px; }

.report-b {
  background-color: #33640f; }

.report-c {
  background-color: #1e8277; }

.report-d {
  background-color: #2380cf; }

.statistics-blocks {
  margin: 0px auto; }

/* Dashboard elements */
.box {
  margin-bottom: 20px; }

.box-header {
  background-color: #0567ba;
  border: 1px solid #f4f4f4;
  color: #fff;
  padding: 10px; }
  .box-header h3 {
    margin: 2px 2px 2px 4px;
    font-size: 17px; }

.box-body {
  padding: 0px 10px; }

.box-primary {
  border-top-color: #3c8dbc; }

.products-list {
  list-style: none;
  margin: 0px;
  padding: 0px; }
  .products-list li {
    padding: 5px 0;
    border-color: #2196F3 !important;
    border-bottom: 1px dotted #1e347b; }

.item-info .title {
  font-weight: bold;
  color: #0567ba; }

.item-info .description {
  color: #999; }

.btn-link-text {
  color: #FFFFFF !important; }

.modal-body {
  color: #000; }

.modal-header {
  background-color: #3b7db5; }

.modal {
  text-align: center; }

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%; } }

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

.footer {
  padding: 20px; }