@import url("https://fonts.googleapis.com/css?family=Roboto");
@import url("https://fonts.googleapis.com/css?family=Poppins");
@import url("https://fonts.googleapis.com/css?family=Raleway:200,100,400");
:root {
  --primary-color: #000;
  --secondary-color: rgb(36, 36, 36);
  --lightBg-color: #f4f4f4;
  --danger-color: rgb(118, 1, 1);
  --warning-color: rgb(242, 102, 0);
  --modalBg-color: rgb(7, 7, 7);
  --gold-color: rgb(254, 187, 84);
  --jumbotronBg-color: rgba(60, 60, 60, 0.9);
  --navBg-color: #00335F;
  --bcsYellow-color: #fcaf27;
}
body {
  margin: 0;
  padding: 0;
 /*  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden; */
  background-color: var(--primary-color);
  color: #cdcdcd;
  transition: background-color 2s ease;
  font-family: Raleway;
  font-size: 1.1rem;
}
a {
  text-decoration: none;
  color: var(--warning-color);
}
a:link {
  text-decoration: none;
  color: var(--warning-color);
}
a:visited {
  text-decoration: none;
  color: var(--warning-color);
}
a:hover {
  text-decoration: none;
  color: var(--warning-color);
}
a:active {
  text-decoration: none;
  color: var(--warning-color);
}
.navBgColor {
  background-color: var(--navBg-color);
}
.top-margin {
    margin-top: 50px;
}
.center {
	text-align: center;
}
.navbar {
    margin-bottom: 0;
}
.white-text {
	display: block;
	color: fff;
}
#permissions li {
  display: inline-block;
}
#admin-list {
  list-style: none;
}
.jumbotron {
  background-color: var(--jumbotronBg-color);
}
input[type="checkbox"] {
  width: 12px;
  height: 12px;
  background: #c6c6c6;
  outline: none;
  border-radius: 6px;
  -webkit-appearance: none;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  transition:  0.5s;
}
input:checked[type="checkbox"] {
  background: #03a9f4;
}
.drop {
  background-color:  var(--navBg-color);
  border: 1px solid var(--bcsYellow-color);
}