* {
    box-sizing: border-box;
}

body, html {
    height: 100%;
    width: 100%;
    font-family: arial,  sans-serif;
    margin: 0;
    padding: 0;
}

body {
    background-color: #162935;
}

.full-height {
    height: 100%;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.flex-middle {
    display: flex;
    align-items: center;
}

.myotest-home-zone {
    color: #93937f;
    font-weight: 100;
}

a,.link {
    color: #54bcbf;
}

a,.link:visited {
    color: #93937f;
}


.myotest-home-zone a:visited {
    color: #93937f;
}

.user-info-table {
    min-width: 100%;
}

.user-info-table > tbody > tr {
    height: 100px;
}

.copyright {
    margin: 100px 0 0 0;
    font-size: 0.75em;
}

.errornote {
    color: red;
}

.main-login {
    font-size: 20px;
}

.form-login {
    margin: 50px;
}


.btn {
    padding: .5em 1em;
    border: 1px solid white;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.btn-primary {
    background-color: #29555f;
    color: #444;
    border-color: #29555f;
    transition: all .5s ease;
}

.btn-primary:hover, .btn-primary:active  {
    background-color: #286974;
    color: #222;
    border-color: #65e2e6;
    box-shadow: 0 0 10px 2px #54bcbf;
}


.btn-alternate {
    background-color: #54bcbf;
    color: #29555f;
    border-color: #29555f;
    transition: all .5s ease;
}

.btn-alternate:hover, .btn-alternate:active  {
    background-color: white;
    color: #29555f;
    border-color: #29555f;
    box-shadow: 0 0 10px 2px #54bcbf;
}

.btn-default {
    background-color: #29555f;
    color: #54bcbf;
    border-color: #29555f;
    transition: all .5s ease;
}

.btn-alternate:hover, .btn-alternate:active  {
    background-color: white;
    color: #29555f;
    border-color: #29555f;
    box-shadow: 0 0 10px 2px #54bcbf;
}

.form-row input {
    font-size: 16px;
    line-height: 16px;
    padding: .75em .5em;
    border: 1px solid black;
    border-radius: 5px;
    background-color: #1b3240;
    box-shadow: 0 1px 0px 1px rgba(255,255,255,0.1);
    margin: 5px;
    width: 100%;
    color: white;
}

.form-row input:focus {
    outline: none;
    border-color: #54bcbf;
    box-shadow: 0 0 10px 2px #54bcbf;
}
#login-form, .main-login {
    width: 300px;
    margin: auto;
}
#login-form label {
    display: none;
}
.btn-extra {
    width: 100%;
    font-size: 18px;
    margin: 20px 5px;
}

.btn-google {
    background-color: #ffffff;
    color: #bbb;
    border-color: #29555f;
    transition: all .5s ease;
}

.btn-google:hover, .btn-google:active  {
    background-color: #eeeeee;
}
.btn-google img, .btn-facebook img {
    vertical-align: middle;
    margin-right: 1em;
}

.btn-facebook {
    background-color: #3b5998;
    color: #fff;
    border-color: #29555f;
    transition: all .5s ease;
}

a.btn-facebook:visited {
    color: #fff;
}

.btn-facebook:hover, .btn-facebook:active  {
    background-color:#3b5998;
}

code {
    color: #ffaaaf;
}

.tc, .pp {
    margin: 25px;
}

.btn-tc {
    color: black;
    vertical-align: top;
    font-size: 15px;
    font-family: arial, sans-serif;
}

a.btn-tc:visited {
    color: black;
}

ul.errorlist {
    list-style-type: none;
    color: red;
}

.checkbok-field {
    display: inline-block;
}

.checkbok-field > input[type=checkbox]{
    width: auto;
}