/* main styles */
body {
   background-color: #46166b;
   font-family: PublicSans, sans-serif;
   margin: 0;
   padding: 0;
}
#header {
   background-color: #46166b;
   height: 100px;
   padding: 10px;
}
#header a {
   text-decoration: none;
}
#logo {
   height: 70px;
   width: 452px;
}
main {
   background-color: #f4f4f4;
   float: left;
   width: 100%;
}
#footer {
   background-color: #46166b;
   bottom: 0;
   clear: both;
   color: #fff;
   margin: 0;
   padding: 25px 0;
   text-align: center;
   width: 90%;
}
#footer ul {
   list-style: none;
}
#footer ul li {
   color: #9b9c9f;
   display: inline;
}
#footer ul li + li::before {
   content: " | ";
}
#footer a {
   color: #fff;
   text-decoration: none;
}
#footer a:hover {
   color: #eeb211;
}
#wrapper {
   overflow: hidden;
}
#content {
   margin: 15px auto;
}
.innertube {
   margin: 0 15px;
}
.error {
   color: #ff0000;
   font-weight: bold;
}
.additional-info {
   margin-top: 15px;
}

/* bootstrap overrides */
.container {
   background-color: #fff;
   border: none;
   /* box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */
   padding: 25px;
}
.card {
   box-shadow: 0 0.25rem 0.625rem rgba(0,0,0,0.1);
   max-height: 100%;
}
.card-header {
   background-color: #eee;
   color: #46166b;
   font-weight: bold;
}
.card-header span {
   margin-left: 15px;
}
.card-body {
   min-height: 90%;
}
.btn-primary {
   background-color: #46166b;
   border-color: #46166b;
}
.btn-primary:hover{
   background-color: #6f42c1;
}
.btn-primary:not(:disabled):not(.disabled):active {
   background-color: #865dd3;
   border-color: #865dd3;
}
.form-control:focus {
   border-color: #eeb211;
   box-shadow: 0 0 0 0.2rem rgba(238, 178, 17, 0.25);
}