.darkest {
    background-color: #1f1f1f;
}
.dark {
    background-color: #2c2c2c;
}
.light {
    background-color: #393939;
}
.lightest {
    background-color: #464646;
}
.accent {
    color: #d495ff;
}
.logo {
    vertical-align: middle;
    width: 24px;
    height: 24px;
}

@font-face {
    font-family: "Graphik";
    src: url('/static/Graphik-Medium.0edd96619e1a5b33.ttf');
}

body {
    font-family: "Graphik";
}

#content {
    height: 100%;
}

#content-wrap {
    padding-bottom: 2.5em;    /* Footer height */
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5em;            /* Footer height */
    background-color: #1f1f1f;

}

#header {
    width: 100%;
    color: white; /* #d495ff;*/
    height: 56px;
    padding: 12px;
    background-color: #2c2c2c;
    /* font-size: x-large; */
    font: 500 20px/32px Graphik;
    line-height: 32px;
}

#page-container {
  position: relative;
  min-height: 100vh;
  /* background: linear-gradient(to right bottom, rgb(75,75,75), rgb(0,0,0) ); */
  background-color: #1f1f1f;
}

.auth {
    padding: 16px;
    margin: 16px;
    min-height: 8em;
    min-width: 8em;
    background-color: #464646;
    text-align: center;
}
.auth-link {
    display: block;
    text-decoration: none;
    position: relative;
    color: white;
}
.auth > img, .auth-logo {
    max-width: 8em;
    max-height: 5em;
}


.chooser {
    padding: 16px;
    margin: 8px;
  color: white;
  /*background-color: rgb(56,0,137);*/
  margin: 0 auto;
  /*box-shadow: 2px 4px 2px 2px #000;*/
  background-color: #393939;

}

.select-provider {
    color: #d495ff;
}

.chooser-logo {
width: 50px;
height: 60px;
margin-left: 0.5em;
margin-top: 0.4em;
}

#footer-content {
    text-align: right;
    padding: 0.25em;
    font-size: smaller;
}

.brand-title {
    margin-left: 32px;
    vertical-align: baseline;
}

.afslogo {
  height: 1.5em;  float: right; margin-top: 0.2em;
}

#page-container{
    z-index: 0;
}

.modal{
  position:fixed;
  top:0;
  left:0;
    background-color: rgba(200, 200, 200, 0.5);
    color: black;
  font-size:1em;
  display: block;
  z-index: 100;
}

.modal-dialog{
  z-index: 101;
  margin:10% auto;
  max-width: 75%;
}

.modal-footer-btn-container
{
  margin: auto;
}

.btn{
    cursor: pointer;
}

.btn-primary{
    background-color: #a100ff;
    border: 1px solid #a100ff;
}

.btn-primary:hover{
    background-color: #d495ff;
    border: 1px solid #a100ff;
}

.btn-primary:disabled, .btn-primary:disabled:hover{
    color:white;
    background-color: #6c757d;
    border: #6c757d;
    border: 1px solid #6c757d;
    cursor:default;
}

.btn-secondary:disabled:hover{
  cursor:default;
}

@media only screen and (max-width: 600px){

    .modal-title{
        font-size:1.9em;
    }

    .modal-dialog{
      max-height:85%;
      max-width:85%;
      font-size:.5em;
      overflow-y:auto;
    }


}

.vertical2 {
  height: 2em;
}

.vertical5 {
  height: 5em;
}