/*
 * This is the main CSS file for the application.
 * With Propshaft, we include CSS content directly rather than using @import.
 */

/* Custom application styles from general.css */
body { 
  background: url("/assets/background-a65b1fb3.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.simple_form input:optional {
  border-left-color: #999;
}
.simple_form input:required {
  border-left-color: palegreen;
}
.simple_form input:invalid {
  border-left-color: salmon;
}

.col-sidebar {
    -ms-flex: 0 0 6rem;
    flex: 0 0 6rem;
}

a.card:hover {
	background-color: #f8f9fa;
  color: #212529;
  text-decoration: none;
}

.nav-pills .nav-link.active {
	background-color: #808080;
}

.card-item a:hover {
  background-color: #f8f9fa;
  text-decoration: none;
}

.card-item:hover {
  background-color: #f8f9fa;
}

.card-item:hover .card-footer {
  background-color: #f8f9fa;
}

.card-group {
  margin-bottom: 15px;
}

.sign-in {
  max-width: 50rem;
}

.card {
  background-color: rgba(255,255,255, 0.7)
}

.table-custom {
  background-color: transparent !important;
}

.table-custom th,
.table-custom td {
  text-align: left;
  background-color: transparent !important;
}

.table-custom thead tr {
  border-bottom: 2px solid #dee2e6;
}

.table-custom th {
  background-color: transparent !important;
  vertical-align: bottom;
}

/* Scaffold styles - minimal override needed */
#notice {
  color: green;
}

.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
}

#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0;
  background-color: #c00;
  color: #fff;
}

#error_explanation ul li {
  font-size: 12px;
  list-style: square;
}