/*color define*/
:root {
    /* default-color*/
    --thema-color: #4DA878;
    --thema-color-dark: #2F5D44;
    --thema-color-light: #F6FFE8;
    --thema-color-sub: #97B743;
    --thema-color-transparent: #8AD0AA;
    /*透過色。menuのdisableの時とかに使う*/
    --thema-color-highlight-background: #E7F5D9;
    /*ハイライトされた背景色*/
    --thema-color-highlight-string: #2F5D44;
    /*ハイライトされた文字色*/
    --thema-color-border-light: #E2E3E3;
    /*薄いボーダー*/
    --thema-color-border-dark: #A3A2A2;
    /*濃いボーダー*/
    --thema-color-danger: red;
    /* 超過色 */

    --thema-color: #4DA878;
    --thema-color-sumamry-header: #f1fae3;
    /* 縦集計ヘッダーの薄い色*/
    --thema-color-toolbar: #4DA878;
    --thema-color-highlight-background: #E9F3E2;
    --thema-color-hover: #fff4e8;
    --thema-color-first-handson-cell: default;
    /* 指定なし*/
    --thema-color-sumamry-staffing-type: #4C98A5;
    /* 縦集計ヘッダーの配置区分 チェックボックスの色も*/
    --thema-color-summary-checkbox: #97B743;
    /* チェックボックスの色も*/
    --thema-color-summary-checkbox-sub: #D19048;


    /* totomus color */
}

:root.totomus {
    --thema-color: #047D6D;
    --thema-color-toolbar: #3DAA92;
    --thema-color-hover: #E9F3E2;
    --thema-color-first-handson-cell: #DBEBCE;
    --thema-color-sumamry-staffing-type: #4C98A5;
    /* 縦集計ヘッダーの配置区分 チェックボックスの色も*/
    --thema-color-summary-checkbox: #4C98A5;
    /* チェックボックスの色も*/
    --thema-color-summary-checkbox-sub: #4C98A5;
    --thema-color-sub: #4C98A5;
    --thema-color-sumamry-header: #D2E8E3;
    /* 縦集計ヘッダーの薄い色*/
    --thema-color-sumamry-selected: #DBEBCE;
    --thema-color-base-font: #272727;
    /* これはまだ雰囲気*/
    --thema-color-transparent: #8AD0AA;
    /*透過色。menuのdisableの時とかに使う*/
    --thema-color-highlight-background: #E7F5D9;
    /*ハイライトされた背景色*/
    --thema-color-highlight-string: #2F5D44;
    /*ハイライトされた文字色*/
    --thema-color-border-light: #E2E3E3;
    /*薄いボーダー*/
    --thema-color-border-dark: #A3A2A2;
    /*濃いボーダー*/
    --thema-color-danger: #FF4B00;
    /* 超過色 */
    --thema-color-accent-color: #0A73B4;
    /*勤務表系*/
    --thema-color-error-color: #c17573;
    /*濁った赤。deleteボタンとはまた違う*/
    /*ボタン系*/
    --thema-color-commit-btn: #4C98A5;
    --thema-color-commit-btn-hover: #317988;
    --thema-color-edit-btn: #047D6D;
    --thema-color-edit-btn-hover: #CDE5E2;
    --thema-color-delete-btn: #c77272;
    --thema-color-delete-btn-hover: #b15252;
    /*メニューバーのチェックボックス*/
    --thema-color-menu-check-box: #5C5C5C;
    /*入力ボックス*/
    --thema-color-input-focus: #dfedd3;
    /*入力系にフォーカスインしたときの薄い緑*/
    /*フォーカスが当たった時の濃い青のボーダー*/
    --thema-color-focus-border: #6496f0;
    /*個人カレンダー*/
    --thema-color-sunday: #c77272;
    --thema-color-saturday: #578ee6;
    --thema-color-day-focus: #3daa92;
    --thema-color-personal-backcolor: #ecfcf4;
    /*グレー系　若い方が暗い*/
    --thema-color-gray-color-1: #3E3E3E;
    --thema-color-gray-color-2: #5C5C5C;
    --thema-color-gray-color-3: #737373;
    --thema-color-gray-color-4: #8C8C8C;
    --thema-color-gray-color-5: #A0A0A0;
    --thema-color-gray-color-6: #B4B4B4;
    --thema-color-gray-color-7: #C8C8C8;
    --thema-color-gray-color-8: #DCDCDC;
    --thema-color-gray-color-8-2: #e6e6e6;
    /*230 230 230*/
    --thema-color-gray-color-9: #F0F0F0;
    --thema-color-gray-color-10: #fafafa;
    /*250　250　250*/
    --thema-color-sidemenu-color: #5C5C5C;
    --menu-width: 190px;
    --menu-close-width: 14px;
    /* 必要人数充足系 */
    --thema-color-over: #2F5D44;
    --thema-color-even: #DDDED9;
    --thema-color-less: #C4625E;

}