html, body {
height: 100%;
}
/***
--------------------------------------------------------------------
LOGIN-SCREEN
--------------------------------------------------------------------
***/
.vertical-center {
min-height: 100%; /* Fallback for vh unit */
min-height: 100vh; /* You might also want to use
'height' property instead.
Note that for percentage values of
'height' or 'min-height' properties,
the 'height' of the parent element
should be specified explicitly.
In this case the parent of '.vertical-center'
is the element */
/* Make it a flex container */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
/* Align the bootstrap's container vertically */
-webkit-box-align : center;
-webkit-align-items : center;
-moz-box-align : center;
-ms-flex-align : center;
align-items : center;
width: 100%;
-webkit-box-pack : center;
-moz-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content : center;
justify-content : center;
}
.jumbatron.vertical-center.login {
background-color: lavenderblush;
}
.container.login {
/*background-color: gold;*/
max-width: 500px;
padding: 30px 30px 10px 30px;
border-radius: 10px;
border-style: solid;
border-color: gray;
border-width: 0.15mm;
box-shadow: 5px 5px 2.5px grey;
}
/***
--------------------------------------------------------------------
OWNER-SCREEN
--------------------------------------------------------------------
***/
.map{
margin-top: -25px
}
#seat-map{
/*background-color: lightseagreen;*/
padding: 90px 20px 20px 111px;
background: url("../img/kartet.98787d2666ef.svg");
background-repeat: no-repeat;
background-attachment: inherit;
background-position: 75px 35px;
border-color: black;
border-radius: 10px;
border-width: 10px;
margin-left: -90px;
}
.infoform{
/*background-color: blueviolet;*/
padding: 50px 0px;
}
.text-left{
text-align: left !important;
}
.buttons{
padding: 30px 10px 10px 10px;
}
.buttons2{
margin: 40px 15px 10px 20px !important;
}
input:required:invalid, input:focus:invalid {
background-image: url("../img/invalid.3347c03d2f88.png");
background-position: right top;
background-repeat: no-repeat;
}
input:required:valid {
background-image: url("../img/valid.fa6f4f9556d0.png");
background-position: right top;
background-repeat: no-repeat;
}
input[data-readonly] {
pointer-events: none;
}
td.text-center{
text-align: center;
}
h3{
padding-bottom: 27px;
}
.clockpick{
margin-bottom: 10px;
}
.padding-date{
padding-bottom: 15px;
}
.employee-table{
pointer-events: none;
}
.employee-map{
pointer-events: none;
}
#reservationTable tr > :last-child{
/* background: linear-gradient(90deg, pink 50%, cyan 50%); */
/* display: none; */
}
.disable-map {
pointer-events: none;
}
.disable-cursor {
cursor: not-allowed;
}
.darkgreytext {
color: darkgray;
}
.partialunavailable {
background: linear-gradient(90deg, pink 50%, cyan 50%);
}
textarea.form-control {
overflow-x: hidden;
}