body {
    background-color: #ffffff !important;
    background-image: none !important;
}

div.kc-logo-text {
    background-image: url(../img/keycloak-logo-text.svg);
    width: 500px;
    height: 80px;
}

.custom-warning-text {
    color: #ff0000 !important;
    font-weight: bold;
    margin-top: 20px;
    font-size: 0.9em;
}

.form-group.horizontal-row {
    display: flex !important;
    align-items: flex-start;
}

.horizontal-row .col-xs-12.col-sm-2 {
    flex: 0 0 auto !important;
    width: auto !important;

    padding-right: 0 !important;
    padding-left: 0 !important;
}

.horizontal-row .col-xs-12.col-sm-4 {
    flex: 0 0 110px !important;
    width: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.horizontal-row .col-xs-12.col-sm-8 {
    flex: 1 !important;
    width: auto !important;
    padding-right: 0 !important;
}


.horizontal-row .col-xs-12.col-sm-10 {
    flex: 1 !important;
    width: auto !important;

    padding-right: 0 !important;
}

.horizontal-row .pf-c-form__label,
.horizontal-row .pf-c-form__label-text {
    padding-top: 0 !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
}

.form-horizontal .horizontal-row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* 画面サイズが小さい場合（スマホなど） */
@media (max-width: 767px) {
    div.kc-logo-text {
        background-image: url(../img/keycloak-logo-text.svg);
        width: 450px;
        height: 80px;
    }

    .horizontal-row .col-xs-12.col-sm-2 {
        flex: 0 0 auto !important;
        width: auto !important;
        padding-right: 10px !important;
    }

    .horizontal-row .col-xs-12.col-sm-10 {
        flex: 1 !important;
        width: auto !important;
    }
}