html,
body {
    height: 100%;
    overflow-x: hidden;
}

.full-container{
    max-width: 100vw !important;
    margin: 0 !important;
}

body {
    display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

.spinner{
    align-items: center;
    justify-content: center;
}

h1.domain-name{
    margin-bottom: 1em;
}
.panel-cont{
    position: absolute;
    top: 0px;
    height: 100vh;
    display: flex;
    z-index: 1;
}

.form-key-request > div, .form-key-validation > div {
    max-width: 330px;
    padding: 15px;
}

.form-key-request .form-floating:focus-within, .form-key-validation .form-floating:focus-within {
    z-index: 2;
}

.form-key-validation input[type="text"],
.form-key-request input[type="text"],
button {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.transition {
    transition: 1s;
}

.state-right {
    opacity: 0;
    transform: translateX(100vw);
}

.state-left {
    opacity: 0;
    transform: translateX(-100vw);
}

.state-on {
    opacity: 100;
    transform: translateX(0vw);
    z-index: 2;
}

.feature-icon {
    width: 4rem;
    height: 4rem;
    border-radius: .75rem;
}

.icon-link>.bi {
    margin-top: .125rem;
    margin-left: .125rem;
    fill: currentcolor;
    transition: transform .25s ease-in-out;
}

.icon-link:hover>.bi {
    transform: translate(.25rem);
}

.icon-square {
    width: 3rem;
    height: 3rem;
    border-radius: .75rem;
}

.text-shadow-1 {
    text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25);
}

.text-shadow-2 {
    text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
}

.text-shadow-3 {
    text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25);
}

.card-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.feature-icon-small {
    width: 3rem;
    height: 3rem;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;  /* Support for older browsers */
    overflow-wrap: break-word;
}

.table-log-tr{
    cursor: pointer;
}