* {  margin:0;  }

html, body * {  margin:0;  }

.body
{
    height: 100%;
    background-color:#3474b6;
    background-attachment: fixed;
    background-repeat:no-repeat;
}

.body-login
{
    height: 800px;
    justify-content: center;
    align-items: center;
}

.desktop-title
{
    padding-left:40px;
    padding-bottom:80px;
    font-weight:bold;
    color:#3474b6;
}


.desktop-icon
{
    width:128px;
    height:128px;
    opacity:0.8;
}

.desktop-icon:hover { opacity:1.0; }

.desktop-item
{
    font-family:"Arial";
    font-size:16px;
    color:black;
}

.desktop-item:hover { color:blue; }

.form-outer
{
    padding-top:200px;
    width:100%;
}

.form-login
{
    width:440px;
    height:550px;
    background-color:white;
}

.form-recovery {  height:600px;  }
/*
.month
{
    padding-left:5px;
    padding-right:5px;
    font-weight:bold;
    cursor:pointer;
}


.reserv-office {  color:#429EDB;  }

.reserv-weekend {  color:red;  }
*/
#error
{
    color:red;
    font-weight:bold;
}

#sendcode:hover
{
    text-decoration:underline;
}

.form-input  {  width:350px;  }

.input-button
{
    width:110px;
    background-color:#0460a9;
    color:white;
}

.header
{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:50px;
    background-color:white; /*#cccccc;*/
    border-bottom:solid 1px blue;
    z-index:1;
}

.header-logo
{
    float:left;
    padding:5px;
    padding-left:20px;
}


.header-username
{
    float:right;
    padding-top:10px;
    padding-right:20px;
    font-weight:bold;
    color:black;
    font-family:"Tahoma";
    font-size:16px;
    cursor:pointer;
}

.container
{
    padding-top:7rem;
    padding-bottom:7rem;
    background-color:#f5f5f5;
}



/*
.button
{
    width:120px;
    height:40px;
}

.display
{
    width:300px;
    height:40px;
}

.sign {  height:28px;  }

#display {  cursor:pointer;  }

.day-off {  background-color:#E0BFBF !important;  }

.tile-outer-day  {  padding:10px;  }

.tile-inner-day
{
    border:solid 1px black;
    border-radius:10px;
    background-color:white;
    width:100%;
    min-height:170px;
    padding:10px;
}

.tile-inner-day:hover  {  background-color:#DCEDFA;  }

.tile-confirm  {  cursor:pointer;  }

.tile-employee
{
    font-size:24px;
    font-weight:bold;
    line-height:64px;
    
}
*/
body > footer
{
  position: sticky;
  top: 100vh;
  color:white;
}

h1 { 
    
    font-weight:bold;
    font-size:3.6rem;
}

h3
{
    padding-top:20px;
    padding-bottom:10px;
    text-align:left;
}