/*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;

    }