main {
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 10px;
}

.fleet-form {
    display: grid;
    align-content: start;
    justify-items: center;
    gap: 0.65em;
    width: 65vw;
    padding: 1em;
    border: solid 3.5px;
    border-radius: 7px;
    grid-template-columns: 1fr;
}


#fleet-error-modal .modal-title,
#fleet-error-modal .modal-header-controls {
    background-color: var(--error);
}

#fleet-error-modal .modal-header-decoration {
    fill: var(--error);
}

#fleet-error-modal ets-modal-body,
#fleet-error-modal ets-modal-actions {
    border-color: var(--error);
}

fleet-error-message {
    display: block;
    margin: 10px;
    font-size: 1.2em;
}

    fleet-error-message ul {
        margin: unset;
        padding: unset;
    }

    fleet-error-message li {
        list-style-type: none;
    }


.box {
    border: solid 1.75px var(--common-color);
    border-radius: 4px;
    gap: .75em;
    padding: 1em;
    width: 100%
}

    .box .ets-width-1 {
        flex: 2;
    }


.fleet-button-container {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
}


.captcha-row {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 20px 0;
}

.captcha-box {
    display: inline-block;
}

a{
    color:var(--common-color)
}

.instructions {
    display: grid;
    align-content: start;
    justify-items: center;
    gap: 0.5em;
    grid-template-rows: repeat(2, auto);
    margin: 20px 0px 35px 0px;
}

.instructions-warning {
    font-weight: bold;
    color: #F00;
}