@import url('account.css');

/* ヘッダ */
.scv-account-header {
    width: 912px;
    min-width: 912px;
    height: 44px;
    font-size: 17px;
    border-bottom: 1px solid #50b9f0;
    align-items: center;
}

    .scv-account-header span {
        width: 216px;
        text-align: center;
    }

    .scv-account-header span.active {
        color: #196EC3;
        font-weight: bold;
    }

    .scv-account-header span.finish {
        color: #0A3269;
    }

    .scv-account-header span.disable {
        color: #C8CDDC;
    }

/* タイトル */
.scv-account-title {
    font-size: 20px;
    color: #05A0F0;
    font-weight: bold;
}

/* タイトル（エラー） */
.scv-account-title-error {
    font-size: 20px;
    color: #DE4747;
    font-weight: bold;
}

/* メールアドレス表示部 */
.scv-account-email {
    width: 400px;
    height: 56px;
    background-color: #F5F5FA;
    border-radius: 4px;
    line-height: 56px;
    text-align: center;
}

/* 説明文 */
.scv-account-description {
    font-size: 14px;
    font-weight: normal;
    color: #242424;
}

/* 補足 */
.scv-account-annotation {
    font-size: 13px;
    font-weight: normal;
    color: #73788C;
}

/* 項目名 */
.scv-account-item-title-box {
    padding: 0px 8px;
    width: 176px;
    height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* 項目（小）チェックボックスなどで使用 */
.scv-account-item-title-box-small {
    background-color: #A1F0FB;
    margin-top: 4px;
    padding: 0px 8px;
    width: 40px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* 入力 */
.scv-account-createbox-item-data {
    width: 528px;
    height: 48px;
    padding: 0px 8px;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
}

    /* 入力 span */
    .scv-account-createbox-item-data span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre;
        margin: 8px 0px 0px 0px;
    }

    /* 入力 input */
    .scv-account-createbox-item-data input {
        width: 480px;
        height: 32px;
    }

        /* パスワード変更画面 入力 input */
        .scv-account-createbox-item-data input.change-password {
            width: 100%;
            height: 32px;
        }

/* 入力エラーメッセージ */
.scv-account-createbox-item-data-error {
    height: 24px;
    margin: 0px 8px;
    display: flex;
}

/* 項目テキスト */
.scv-account-item-title-text {
    font-size: 14px;
    color: #242424;
}

/* 項目チェックボックス */
.scv-account-item-title-check {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}

/* 項目間の線 */
.scv-account-item-line {
    border: 0;
    border-top: 1px solid #DCE1EB;
    margin: auto;
}

/* エラーメッセージ */
.scv-form-validation-error {
    font-size: 12px;
    color: #DE4747;
    font-weight: bold;
}

/* アカウント情報の管理 メニューボタン */
.scv-account-menu a {
    width: 200px;
    height: 48px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #b4e1ff;
    color: #05A0F0;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
}

    .scv-account-menu a:hover {
        background-color: #EBF5FF;
    }

    .scv-account-menu a.active {
        background-color: #96DCFF;
    }

.scv-account-menu-line {
    width: 4px;
    height: auto;
    margin: 0px 8px;
}

.scv-account-menu-line.active {
    width: 4px;
    height: auto;
    margin: 0px 8px;
    background-color: #05A0F0;
}