:root {
    
}
main > div {
    margin: 1rem;
}

.bf-checkbox-label-text{
    padding-left:.5rem;
}

td.sx-table-key {
    text-align: right;
    font-weight: 100;
    color: var(--bfc-base-c-2);
}

.sx-row {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    width: 100%;
    justify-content: space-between;
}

/* in darkmode ?*/
::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.styx-pagebar {
    margin-bottom: var(--bfs12);
}
.styx-login {
    background-color: var(--bfc-base-3);
    padding: 1rem;
    text-align: center;
    margin: auto;
    max-width: 500px;
}
.bf-input-phone {

}
    .bf-input-phone > button {
        width: 50%;
        margin: 1rem 0;
    }
    .bf-input-phone > .bf-input-phone-ext {
        font-size: 1rem;
        letter-spacing: 5px;
        width: 30%;
        text-align: center;
        margin: 1rem 0;
    }
    .bf-input-phone > .bf-input-phone-number {
        font-size: 1rem;
        letter-spacing: 5px;
        width: 60%;
        margin: 1rem 0;
    }
    .bf-input-phone-code {
        font-size: 1rem;
        letter-spacing: 5px;
        width: 50%;
        text-align:center;
        text-transform:uppercase;
        margin:1rem 0;
    }


.sx-button-group-noflex .bf-button-group {
    display: inline-block;
    text-align: center;
}
    .sx-button-group-noflex .bf-button-group .bf-button {
        min-width: 80px;
    }