body, html {
        padding:0px;
        margin: 0px;
}

body[login] main#login-container,
body[logon] main#logon-container {
        transform: translate(-50%,-50%);
        max-width: 500px;
        position: absolute;
        top: 40%;
        left: 50%;
}

body[login] span[logon],
body[logon] span[login] {
        display:none;
}

 


body[login] div[logo-container] div[logo],
body[logon] div[logo-container] div[logo] {
        
        width: 150px;
        height: 150px;
        background-size: contain;
        margin: 0 auto;
        background-position: center;
        background-repeat: no-repeat;
}

body[login] div[logo-container],
body[logon] div[logo-container] {
        border-bottom: solid 1px rgb(201, 201, 201);
        padding-bottom: 10px;
}

body[logon] form#submit-logon-form div#block-company {
        border: solid 1px rgb(159, 158, 158);
        border-radius:5px;
        padding: 10px;
}

#overlay {	
        position: fixed;
        top: 0;
        z-index: 100;
        width: 100%;
        height:100%;
        display: none;
        background: rgba(0,0,0,0.6);
}
#overlay .cv-spinner {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;  
}
#overlay .cv-spinner .spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}



.modal.show .modal-dialog {
    transform: none;
    top: 30%;
    transform: translateY(-50%);
}


div.boxed {
        border: solid 1px gray;
        border-radius: 5px;
        display: inline-block;
        padding: 10px;
        margin: 10px 10px 0px 0px;
}