body {
    background-color: #000000;
    color: rgb(185, 185, 185);
}
div.menu {
  text-align: center;
}
.main-nav {
  display: block;
}
.main-logo {
  width: 392px;
}
.button {
  display: inline-block;
  position: relative;
  background: #7f00a5;
  background: -webkit-gradient(linear, left top, left bottom, from(#7f00a5), to(#290242));
  background: -webkit-linear-gradient(top, #7f00a5, #290242);
  background: -moz-linear-gradient(top, #7f00a5, #290242);
  background: -ms-linear-gradient(top, #7f00a5, #290242);
  background: -o-linear-gradient(top, #7f00a5, #290242);
  padding: 3.5px 7px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: rgb(185, 185, 185);
  font-size: 15px;
  font-family: Helvetica, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
  border: none;
}
.button:hover {
  border-top-color: #9600c2;
  background: #9600c2;
  color: white;
}
.button.delete {
  background: #c80000;
  background: -webkit-gradient(linear, left top, left bottom, from(#c80000), to(#6e0000));
  background: -webkit-linear-gradient(top, #c80000, #6e0000);
  background: -moz-linear-gradient(top, #c80000, #6e0000);
  background: -ms-linear-gradient(top, #c80000, #6e0000);
  background: -o-linear-gradient(top, #c80000, #6e0000);
}
.button.delete:hover {
  border-top-color: red;
  background: red;
  color: white;
}
.content {
  display: block;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
}
.footer {
  display: block;
  clear: both;
  padding-top: 20px;
  text-align: center;
  color: #7f00a5;
}
span.dray img {
  vertical-align: middle;
  padding-top: 5px;
  width: 175px;
}
a.dray {
  color: blue;
}
hr {
  border: 2px solid #7f00a5;
}
h2, h3, span {
  margin-bottom: 2px;
}
.error {
  color: red;
}
img.error {
  width: 400px;
}
.warning {
  color: red;
}
.success {
  color: green;
}
.footnote {
  font-size: .8em;
}
ul.roster,
ul.errorlist,
ul.messages {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: inline-block;
}
ol.tips,
ul.tips {
  text-align: left;
}
ul.tips {
  list-style: disc;
}
ul.errorlist {
    color: red;
}
ul.roster li {
  margin: 2px 7px;
  display: block;
}
ul.roster a {
  margin: 2px 7px;
  padding: 2px 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  color: rgb(185, 185, 185);
}
ul.roster a.status-Arch {
  color: grey;
}
ul.roster a:hover {
  color: rgb(20, 20, 20);
  background: rgb(185, 185, 185);
}
div.section {
  border: 2px solid #7f00a5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
}
div.left {
  text-align: left;
}
table.roster {
  text-align: center;
  border-collapse: collapse;
  margin: -10px;
}
table.roster th,
table.roster td {
  padding: 10px;
  border:  1px solid #7f00a5;
}
table.roster th {
  border-top: 0;
  color: #7f00a5;
}
table.roster th:first-child,
table.roster tr td:first-child {
  border-left: 0;
}
table.roster th:last-child,
table.roster tr td:last-child {
  border-right: 0;
}
table.roster tr:last-child td {
  border-bottom: 0;
}
table.roster a {
  color: rgb(185,185,185);
  text-decoration: none;
}
.propvalue {
  color: #337ab7;
  vertical-align: middle;
}
div.propvalue {
  border: none;
  margin: 0;
}
.propvalue a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 1px 3px;
  color: #7f00a5;
  text-decoration: none;
}
.propvalue a:hover {
  color: rgb(20, 20, 20);
  background: rgb(185, 185, 185);
}
.attendays span {
  display: block;
}
.bootstrap-switch-wrapper,
.bootstrap-switch.bootstrap-switch-focused {
  border: 2px solid #7f00a5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.bootstrap-switch .bootstrap-switch-label {
  background: #ffffff;
}
.select2-container {
  display: block;
  margin: auto;
}
.select2-dropdown {
  border: 2px solid #7f00a5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.select2-selection__rendered {
  margin-bottom: 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: 2px solid #7f00a5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
}
.select2-selection__choice {
  float: none !important;
  background-color: #7f00a5 !important;
  color: black !important;
}
.select2-results__options {
  color: black;
}
.select2-results__option {
  color: black !important;
  margin: 2px 7px;
  padding: 2px 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.select2-results__option[aria-selected=true] {
    display: none;
}
.select2-results__option--highlighted {
  background-color: #7f00a5 !important;
}
div.hide-help ul, span.helptext {
  display: none;
}
div.hide-help ul.errorlist {
  display: inline-block;
  color: red;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
input {
  background: #000000;
  color: rgb(185,185,185);
}
input[type=text],
input[type=number],
input[type=date],
input[type=password],
input[type=email] {
  font-size: 16px;
  border: 2px solid #7f00a5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 13px;
  width: 100%;
  height: 26px;
}
.prev-day {
  margin-right: 200px;
}
span.prev-day {
  margin-left: 103px;
}
.status-Expi {
  color: red;
}
.status-Appr {
  color: orange;
}
.status-Deni {
  color: red;
}
.status-Avai {
  color: blue;
}
.status-Awai {
  color: yellow;
}
.status-Comp {
  color: green;
}
.status-Arch {
  color: grey;
}
.replaced {
  color: #337ab7;
}