﻿/*
+==============================================================================
|
|    Copyright(c) 2020 IMS. All Rights. Reserved.
|
|  ・システム     ： クリーニング店向けＰＯＳシステム
|
+==============================================================================
|
|   数値入力補助ダイアログスタイルシート
|
|=== 改 版 履 歴 ==============================================================
| Date         Author           Reference                              Version
|==============================================================================
| 2020/06/29   IMS下平          新規作成                               1.0.0
|
|
===============================================================================
*/
@charset "UTF-8";

.calculate-area {
    width: 510px;
    max-width: 510px;
    min-width: 510px;
    margin: auto;
}

.address-area {
    width: 350px;
    max-width: 350px;
    min-width: 350px;
    margin: auto;
}

.number-area {
    width: 270px;
    max-width: 270px;
    min-width: 270px;
    margin: auto;
}

/* 計算結果表示ラベル */
#formulaResultLabel {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    width: 100%;
    height: 49px;
    font-size: 33px;
    vertical-align: bottom;
    text-align: right;
    padding-right: 16px;
    background-color: #dddddd;
    border: 1px solid #000000;
}

#hourResultLabel {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    width: 100%;
    height: 49px;
    font-size: 33px;
    vertical-align: middle;
    text-align: center;
    background-color: #dddddd;
    border: 1px solid #000000;
}

#minuteResultLabel {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    width: 100%;
    height: 49px;
    font-size: 33px;
    vertical-align: middle;
    text-align: center;
    background-color: #dddddd;
    border: 1px solid #000000;
}

.time-input-selected {
    background-color: #faf9c2 !important;
}

/*計算入力履歴*/
#formulaLabel {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    width: 100%;
    height: 25px;
    font-size: 18px;
    vertical-align: bottom;
    text-align: right;
    padding-right: 16px;
    background-color: #dddddd;
    border: 1px solid #000000;
}

/* 計算機テーブル */
.calculate-table {
    width: 100%;
    height: 400px;
}

/* 計算機ボタン（基本） */
.cell-calculate-base {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #413f3f;
    border: 1px solid #000000;
    cursor: pointer;
    width: 25%;
    height: 80px;
    font-size: 30px;
}
.cell-calculate-base:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #645c5c;
    border: 1px solid #000000;
    cursor: pointer;
    width: 25%;
    height: 80px;
    font-size: 30px;
}

/* 計算機ボタン（クリア系） */
.cell-calculate-clear {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #c0272d;
    border: 1px solid #000000;
    cursor: pointer;
    width: 25%;
    height: 80px;
    font-size: 30px;
}
.cell-calculate-clear:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #f05a24;
    border: 1px solid #000000;
    cursor: pointer;
    width: 25%;
    height: 80px;
    font-size: 30px;
}

.cell-calculator, .cell-calculator:hover {
    width: 20% !important;
}

/* 計算機ボタン（確定） */
.btn-calculate-confirm {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #013c95;
    border: 1px solid #013c95;
    border-radius: 8px;
    cursor: pointer;
    height: 60px;
    width: 100px;
    font-size: 18px !important;
}
.btn-calculate-confirm:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #0065d8;
    border: 1px solid #0065d8;
    border-radius: 8px;
    cursor: pointer;
    height: 60px;
    width: 100px;
    font-size: 18px !important;
}

/* 計算機ボタン（取消） */
.btn-calculate-cancel {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #c0272d;
    border: 1px solid #c0272d;
    border-radius: 8px;
    cursor: pointer;
    height: 60px;
    width: 100px;
    font-size: 18px !important;
}
.btn-calculate-cancel:hover {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    color: #ffffff;
    background: #f05a24;
    border: 1px solid #f05a24;
    border-radius: 8px;
    cursor: pointer;
    height: 60px;
    width: 100px;
    font-size: 18px !important;
}