/* gondola develop css difference */
/* 既存に影響が無いようにappend.cssを部分的に上書きしてスタイルを整えます */

/* 配信詳細表示 */
/* temp-area Class exsists only at: admin/src/Template/Web/Delivery/detail.ctp */
.temp-area img {
    max-width: 300px;
}

/* 来店予約：予約リクエストダウンロードボタン */
#reserve-request-csv {
    width: 250px;
}
/* 来店予約：確定予約ダウンロードボタン */
#reserve-approved-csv {
    width: 250px;
}

/* 予約リクエストの詳細・確定：予約リクエスト情報の「予約リクエスト情報を印刷する」ボタン　*/
#resavation_request_details  button.btn.btn-primary.no_print {
    width: 250px;
}

/* 予約リクエストの詳細・確定：予約リクエスト情報の「予約のキャンセル」ボタン　*/
#resavation-request-delete-btn  {
    width: 200px;
    margin-left: 120px;
}

/* 予約リクエストの詳細・確定確認：予約リクエスト情報の「予約の確定」ボタン　*/
#resavation-request-approve-btn  {
    width: 200px;
}

/* 予約リクエストの詳細・確定：来店結果入力の「来店結果を確定」ボタン　*/
#resavation_approve_result_input-btn  {
    width: 200px;
}

/* 確定予約の更新：確定情報の変更の「確定予約を更新」ボタン　*/
#resavation_approve_change-btn {
    width: 200px;
}

/* 予約リクエストの詳細・確定：調整連絡履歴エリア */
#contact-history-area p {
    border-bottom: 1px solid #d0d5de;
    padding-bottom: 25px;
}

/* 来店結果：検索ボタン */
#reserve-result-search {
    width: 150px;
    margin-left: 15px;
}

/* 来店結果：CSVダウンロードボタン */
#export-result-csv {
    width: 250px;
}


/* 配信：リッチメッセージ縦幅 ※配信例の画像に合わせて調整のこと */
#myTabContent {
    min-height: 500px;
}

/* append */
#dummy-gd .app-content .bg_btn button.btn.btn-primary,
#dummy-gd .app-content .bg_btn a.btn.btn-primary {
    margin-bottom: 40px;
    text-align: center;
}

/* append */
#dummy-gd .index-btn .btn.btn-primary {
    width: 300px;
}

/* modify */
#dummy-gd .border_table.customer_table {
    overflow-x: auto;
}

/* modify */
#dummy-gd .border_table.top_blue table thead {
    font-weight: bold;
}

/* delete (append style cancel) */
#dummy-gd .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.00);
}

/* 有効期限切れクーポン */
img.gray-out {
    filter: grayscale(100%);
}