/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

/* 
---------------------------------------------------- */

img.logo-navbar { 
  width: 30px; 
  height: 30px;
}

.float-right { 
  float: right;
}

.float-left { 
  float: left;
}

.navbar-toggler {
  background-image: url("/images/menu.svg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}

/* Additional instruction for the form data
--------------------------------------------------- */

.form-group { 
  margin-bottom: 0.8em;
}

.form-group label { 
  font-weight: bold;
}

legend { 
  font-size: medium;
}

.form-group div.info { 
  color: #707070;
  margin-bottom: 0.4em;
}

.about-page-logo { 
  width: 140px;
  height: 140px;
  margin-right: 1em;
}

.about-block
{
  margin-top: 1em;
}

#sidebarMenu { 
    overflow: auto;
}

.supervisor-img-sm { 
  width: 75px;
  height: 75px;
}

td.text-vertical { 
  vertical-align: middle;
}

td.image-cell { 
  width: 100px;
}

.yellow-box { 
  background-color: #ffc;
  border: 1px solid #fc0;
  padding: 0.5em;
  margin: 0.5em;
}

.no-wrap { 
  white-space: nowrap;
}

.dropTarget {
  border: 1px solid #fc0;
  padding: 0.5em;
  margin: 0.5em;
  min-height: 2em;
}

.projectItem { 
  padding: 0.5em;
  margin: 0.5em;
  border: 1px solid #eaeaea;
  background-color: #eaeaea;
}

.offset { 
  margin-top: 1em;
  margin-bottom: 1em;
}

.display-none { 
  display: none;
}

.grid-container {
  display: grid;
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  grid-template-columns: 2.5em auto
}

.grid-item-selected {
  background-color: #ffc;
  border: 1px solid #fc0;
}

.grid-item {
  padding: 0.5em;
  margin: 0.3em;
}

h3.highlight
{
  font-weight: bold;
  font-size: medium;
}

.form-block-checkbox
{
  padding: 0.8em;
  margin: 0.2em;
}

div.button-block {
  white-space: nowrap;
}

/** Mid-Project Demo Marking
 ****************************************/

 .comment { 
  font-size: small; 
  color: #a9a9a9;
  margin-top: 0.2em;
}

.red-message { 
  color: #f00;
}

h2.marking { 
  font-size: large;
  margin-bottom: 0.5em;
  background-color: #e5e5e5;
  padding: 0.2em;
}

.markItemSelected { 
  border: 1px solid #fc0;
  background-color: #ffc;
  padding: 0.3em;
  margin: 0.1em;
}

.markItemNotSelected {
  border: 1px solid #fff;
  background-color: #fff;
  padding: 0.3em;
  margin: 0.1em;
}

.marks-block { 
  border: 1px solid #eaeaea;
  padding: 0.5em;
  margin: 0.5em 0;
}

/* Marks
 ***************************/

.mark-status { 
  padding: 0.2em;
}

.mark-status-marking { 
  background-color: #ffdb7e;
  border: 1px solid #fc0;
}

.mark-status-finished  { 
  background-color: #529702;
  border: 1px solid #396b00;
  color: white;
}

.mark-status-released { 
  background-color: #1b6ec2;
  border: 1px solid #00366b;
  color: white;
}

.mark-attended-false  { 
  background-color: #f8d7da;
  border: 1px solid #f5c2c7;
  color: #842029;
}

.manager-note {
  border: 1px solid #eaeaea;
  padding: 0.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

.manager-note-info { 
  color: #c2c2c2;
}

.manager-note-details { 
  margin: 0.5em;
}

.review-amber { 
  border: 1px solid #ffdb7e;
  background-color: #ffc;
  padding: 0.2em;
}

.review-green { 
  border: 1px solid #3bad01;
  background-color: rgb(201, 255, 154);
  padding: 0.2em;
}

.clear-both { 
  clear: both;
}

/* Navigation Cards
 *********************************************/

div.card-float { 
  float: left;
  margin-right: 1em;
  width: 18em;
}

.card-header { 
  background-color: #205c02;
  color: white;
  font-weight: bold;
}

.action-block { 
  margin-bottom: 1em;
}

hr.marking-divider { 
  margin-top: 2.5em;
  margin-bottom: 2em;
}

.feedback-block { 
  margin: 0.5em;
  padding: 0.5em;
  border: 1px solid #999;
}

span.highlight { 
  border: 1px solid #fc0;
  padding: 0.2em;
  background-color: #ffc;
  font-weight: bold;
}

span.scheme-link { 
  font-size: small;
}

li.extra-margin-bottom {
  margin-bottom: 1em;
}

.table-count { 
  color: #515151;
  font-size: smaller;
}

.non-breaking { 
  white-space: nowrap;
}

.project-info-block { 
  margin-top: 0.3em;
}

.marking-item { 
  margin-right: 0.3em;
}