html, body {
width: 100vw;
height: 100vh;
}
body {
margin: 0;
background-color: #37505C;
overflow: hidden;
color: #FFEAD0;
}
h2 {
display: none;
}
/* unvisited link */
a:link {
color: #F76F8E;
}
/* visited link */
a:visited {
color: #96616B;
}
/* mouse over link */
a:hover {
color: #FFEAD0;
}
/* selected link */
a:active {
color: #F76F8E;
}
.container {
display : flex;
flex-direction: column;
align-items : center;
justify-content: space-evenly;
min-height: calc(100vh - 2em);
}
#footer {
display : flex;
align-items : center;
justify-content: center;
background-color: #113537;
width: 100vw;
height: 2em;
color: #FFEAD0;
padding-top: 4px;
padding-bottom: 4px;
}
#footer img {
height: 2em;
}
#main-menu-app-header, #main-menu-app-description {
display: none;
}
#main-menu-app-logo {
width: 10vw;
}
.contained {
display : flex;
flex-direction: column;
align-items : center;
justify-content: space-evenly;
width: 30vw;
background-color: #113537;
border-radius: 1em;
border: 1px solid #96616B;
padding: 1em;
}
.contained div {
margin-bottom: 1em;
}
#user_password, #user_email {
display: block;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.form-check-label {
color: #FFEAD0;
}
.alert-warning {
color: #113537;
background-color: #F6BB42;
border-color: #96616B;
}
.alert-success {
color: #113537;
background-color: #37BC9B;
border-color: #96616B;
}
.alert-danger {
color: #113537;
background-color: #E9573F;
border-color: #96616B;
}
.alert-info {
color: #113537;
background-color: #CCCCCC;
border-color: #96616B;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
input[name=commit] {
color: white;
background-color: #ED6A16;
width: 100%;
border-color: #BD4B39;
border-radius: 2em;
-webkit-appearance: button;
cursor: pointer;
text-decoration: none;
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}