html {
    position: relative;
    min-height: 100%;
}
@font-face {
    font-family: 'Aeonik-Light';
  
    src: url('../fonts/Aeonik-Light.ttf') format('truetype');
  }

body {
    background-color: #000;
    background-image: url("../images/OneTimeSecret-BackGround.png");
    background-position: top;
    background-repeat: no-repeat;
    background-origin: content-box;
    color: rgb(185, 185, 185);
    font-family: Aeonik-Light;
  }

.break-word {
    word-wrap: break-word;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

input[readonly].readonly-text {
    background-color: #fff;
    cursor: text;
}

.logo {
    height: 60px;
    width: 180px;
    background-image: url("../images/Kyos_logo_white_180x60.png");
}

.logo-shield {
    height: 41px;
    width: 47px;
    margin-bottom: 10px;
}

.navbar-default {
    background-color: #541CFF;
    border-color: #541CFF;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #9274FF;
    background-image: none;
  }

.btn-primary:hover,
.btn-primary:focus {
    background-color: #9274FF;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #9274FF;
  border-color: #9274FF;
}

.navbar-brand {
    background-color: #541CFF;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: rgb(185, 185, 185);
}

.btn-primary {
    color: #fff;
    background-color: #541CFF;
    border-color: #4C5CC5;
}

.page-header {
    display:inline-block;
    align-content: space-around;
    justify-content: flex-start;
    align-items: flex-end;
    border-bottom: none;
}

.row-small {
    margin-left: auto;
    margin-right: auto;
    width: 140px;
    margin-bottom: 10px;
}

.row-medium {
    margin-left: auto;
    margin-right: auto;
    width: 360px;
    margin-bottom: 10px;
}

/* <img class="logo-shield" src="../static/snappass/images/Kyos_Home_Shield.png"> */