.login-wrapper{
    margin: 0;
    padding: 0;
    background-size: cover;
    /*background-image: url(https://d2ho63rcxu1z93.cloudfront.net/images/bg-globe-dark-low.jpg);*/
    background-repeat: no-repeat;
    background-position: top;
    background: #2c2c2c;
}
* {
    box-sizing: border-box;
}

html, body {
    font-family: Arial,Helvetica,"Helvetica Neue",sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
body {
    display: block;
}
.container{
    margin: 0 auto;
    max-width: 800px;
    position: relative;
}
.logout{
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.login-card{
    max-width: 400px;
    background: white;
    margin: auto;
    margin-top: 20vh;
    position: relative;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 20px;
    padding-bottom: 60px;
}
.login-card form{
 display: flex;
flex-direction: column;
gap: 10px;
}

h1{
line-height: 1.3;
margin: 0;
margin-bottom: 20px;
}

.login-card h1{
text-align: center;
}

.logo{
    background: url(https://d2ho63rcxu1z93.cloudfront.net/images/virtudesk-logo-dark-sm.png) no-repeat right center;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 128px;
}

input[type=text],input[type=password]{
    border: 1px solid #b3b3b3;
    min-height: 36px;
    padding: 0 10px;
    border-radius: 4px;
    margin: 0;
}
select{
border: 1px solid #b3b3b3;
height: 36px;
margin: 0;
}

button{
min-height: 36px;
padding: 0 20px;
background: rgb(44, 104, 156);
color: white;
border: none;
border-radius: 4px;
cursor:pointer;
margin: 0;
}
p.error{
color: rgb(231, 61, 91);
text-align: center;
display: block;
background: rgb(255, 231, 235);
border: 1px solid rgb(232, 151, 165);
padding: 10px;
border-radius: 4px;
margin: 0;
}

form .postfixed{
display: flex;
align-items: center;
gap: 5px;
}

form .postfixed span{
border: 1px solid #d9d9d9;
border-radius: 4px;
min-height: 36px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
color: gray;
}
.add-form-wrapper{
 display: grid;
 grid-template-columns: 200px 200px;
 grid-gap: 5px;
 margin-bottom: 120px;
}
.add-form-wrapper .postfixed{
  grid-column: 1 / 3;
  width: 100%;
}
.add-form-wrapper .postfixed input{
 width: 200px;
}
table td{
padding: 4px 8px;
}

table tr {
border: 1px solid #d9d9d9;
}
table{
 border-collapse: collapse; 
width: 100%;
max-width: 400px;
}
p.success{
display: block;
padding: 8px;
color: rgb(11, 80, 5);
border: 1px solid rgb(151, 199, 151);
background: rgb(217, 240, 217);
border-radius: 4px;
}
.text-note{
color: gray;
}