// project specific CSS goes here

////////////////////////////////
		//Variables//
////////////////////////////////

// Alert colors

$white: #fff;
$mint-green: #d6e9c6;
$black: #000;
$pink: #f2dede;
$dark-pink: #eed3d7;
$red: #b94a48;
$input-height: 49px;

////////////////////////////////
		//Alerts//
////////////////////////////////

// bootstrap alert CSS, translated to the django-standard levels of
// debug, info, success, warning, error

.alert-debug {
  background-color: $white;
  border-color: $mint-green;
  color: $black;
}

.alert-error {
  background-color: $pink;
  border-color: $dark-pink;
  color: $red;
}

.bg-light {
  background-color: green;
}

.btn:hover {
  background-color: red;
  border-color: orange;
}

//.container a {
//  color: darkslategrey;
//  background-color: yellowgreen;
//  font-size: large;
//}

#chunky {
  border: 8px dashed yellowgreen;
  border-radius: 10px;
  box-shadow: 3px 10px 12px lightgray;
}

.tabaligncenter {
  text-align: center;
}

.table-sm tr {
  font-size: 0.85rem;
  line-height: 15px;
  min-height: 10px;
}


#partially-achieved-cell {
  background-color: rgb(247, 148, 0);
  color: white;
}

#achieved-cell {
  background-color: green;
  color: white;
}

#not-achieved-cell {
  background-color: red;
  color: white;
}

.textinput {
  background-color: lightgoldenrodyellow;
  box-shadow: 2px 10px 15px lightgray;
  height: $input-height;
}

#_title {
  color: orangered;
}