/*
+==============================================================================
|
|    Copyright(c) 2020 IMS. All Rights. Reserved.
|
|  ・システム     ： クリーニング店向けＰＯＳシステム
|
+==============================================================================
|
|   領域系共通スタイルシート
|
|=== 改 版 履 歴 ==============================================================
| Date         Author           Reference                              Version
|==============================================================================
| 2020/02/27   IMS下平          新規作成                               1.0.0
|
|
===============================================================================
*/
@charset "UTF-8";

/* 画面コンテンツ */
div.contents {
    height: 100%;
    overflow: auto;
    z-index: 0;
    padding-top: 15px;
    padding-bottom: 20px;
    box-sizing: border-box;
    padding-left: 2%;
    padding-right: 2%;
}

div.contents-no-footer-area {
    height: 100%;
    overflow: auto;
    z-index: 0;
    padding-top: 15px;
    box-sizing: border-box;
    padding-left: 2%;
    padding-right: 2%;
}

div.frex-area-row {
    display: flex;
    flex-direction: row;
}

/*マスタ共通*/
div.item-block {
    width: 95%;
    margin-left: 2%;
}

div.master-title-area {
    width: 100%;
    color: #ffffff;
    background-color: #000000;
    height: 35px;
    max-height: 35px;
    display: block;
    margin-bottom: 1%;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

    div.master-title-area span {
        margin-left: 1%;
        font-size: 20px;
    }

table.master-table {
    border-collapse: separate;
    margin-left: 50px;
    width: 95%;
    border-spacing: 5px;
}

    table.master-table tr {
        font-size: 18px;
    }

/*商品ボタン色*/
/*白*/
.item-btn-white {
    background-color: #ffffff !important;
    color: #000000 !important;
}
/*黒*/
.item-btn-black {
    background-color: #404040 !important;
    color: #ffffff !important;
}
/*赤*/
.item-btn-red {
    background-color: #ffbfbf !important;
    border: 1px solid #ff0000 !important;
    color: #000000 !important;
}
/*橙*/
.item-btn-orange {
    background-color: #ffd79b !important;
    border: 1px solid #ff9800 !important;
    color: #000000 !important;
}
/*桜*/
.item-btn-pink {
    background-color: #fdddf8 !important;
    border: 1px solid #ffc0cb !important;
    color: #000000 !important;
}
/*黄*/
.item-btn-yellow {
    background-color: #ffffd5 !important;
    border: 1px solid #ffff00 !important;
    color: #000000 !important;
}
/*緑*/
.item-btn-green {
    background-color: #c4fac4 !important;
    border: 1px solid #008000 !important;
    color: #000000 !important;
}
/*青*/
.item-btn-blue {
    background-color: #cbe6ff !important;
    border: 1px solid #0000ff !important;
    color: #000000 !important;
}
/*disable色*/
.btn-item-disabled {
    color: #000000;
    background: #cacaca;
}
/*選択色*/
.btn-item-select {
    border: 3px solid #ff0000 !important;
    font-size: 15.5px;
    border-radius: 6px;
}