@font-face {
    font-family: 'Meiryo UI';
}

.w2ui-reset {
    font-family: 'Meiryo UI';
}

    .w2ui-reset table tr th,
    .w2ui-reset table tr td {
        font-family: 'Meiryo UI';
    }

.w2ui-lock-msg {
    font-family: 'Meiryo UI';
}

.w2ui-overlay {
    border-radius: 5px;
}

    .w2ui-overlay .w2ui-overlay-body {
        font-family: 'Meiryo UI';
    }

.w2ui-field-helper.w2ui-list .w2ui-multi-items .li-item {
    font-family: 'Meiryo UI';
}

.w2ui-info-bubble table {
    font-family: 'Meiryo UI';
}

.w2ui-popup {
    font-family: 'Meiryo UI';
}

.w2ui-calendar.w2ui-overlay-body {
    padding: 3px !important;
}

.w2ui-calendar .w2ui-cal-title,
.w2ui-calendar .w2ui-time-title {
    margin: 1px;
    background-color: none;
    background: #ccc url(../img/Common/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 5px 3px;
}

.w2ui-calendar .w2ui-cal-previous,
.w2ui-calendar .w2ui-cal-next {
    width: 25px;
    height: 25px;
    cursor: pointer;
    padding: 5px 4px;
    margin: -5px 0px 0px 0px;
}

.w2ui-calendar .w2ui-cal-days {
    width: 204px;
    height: unset;
}

    .w2ui-calendar .w2ui-cal-days .w2ui-day {
        margin: 1px !important;
    }

.w2ui-calendar .w2ui-day.w2ui-date {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-weight: normal !important;
    font-size: 12px !important;
    padding: 5px;
}

.w2ui-calendar .w2ui-cal-days .w2ui-day.w2ui-saturday,
.w2ui-calendar .w2ui-cal-days .w2ui-day.w2ui-sunday {
    color: red !important;
}

.w2ui-calendar .w2ui-cal-days .w2ui-day:hover {
    background-color: none;
    border: 1px solid #999 !important;
    background: #dadada url(../img/Common/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x !important;
}

.w2ui-calendar .w2ui-cal-days .w2ui-day.w2ui-selected {
    border: none;
    background: yellow !important;
}

.w2ui-calendar .w2ui-cal-days .w2ui-day.w2ui-weekday {
    color: #000;
    font-weight: bold;
}

    .w2ui-calendar .w2ui-cal-days .w2ui-day.w2ui-weekday:hover {
        border: none;
        background-color: unset;
        border: 1px solid #999 !important;
        background: #dadada url(../img/Common/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x !important;
    }
/* month overlay*/
.w2ui-calendar .w2ui-cal-months {
    width: 204px;
    padding: 2px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

    .w2ui-calendar .w2ui-cal-months .w2ui-month {
        border: 1px solid #fff;
        border-radius: 3px;
        color: black;
        background-color: #f7f7f7;
        margin: 1px !important;
        cursor: default;
        text-align: center;
        padding: 5px 10px;
    }

        .w2ui-calendar .w2ui-cal-months .w2ui-month:hover {
            cursor: pointer;
            border: 1px solid #999;
            background: #dadada url(../img/Common/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
        }

        .w2ui-calendar .w2ui-cal-months .w2ui-month.w2ui-month-selected {
            background: yellow !important;
        }

/*.w2ui-grid th, .w2ui-grid td {
    border: none;
}
*/
/*.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-even,
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-odd {
    border-bottom: none !important;
}*/

/*    .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even:not(.w2ui-selected), .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-even:not(.w2ui-selected),
    .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd:not(.w2ui-selected), .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-odd:not(.w2ui-selected) {
        background-color: #fff !important;
    }*/

/*.w2ui-grid .w2ui-grid-body table .w2ui-changed {
    background: none;
}

.w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable {
    position: relative !important;
    cursor: text !important;
    user-select: text;
    padding: 0 5px;
}*/

.w2ui-overlay {
    z-index: 9999;
}

/*.w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable::before {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    left: 2px !important;
    top: 50% !important;
    transform: translateY(-50%);
    width: calc(100% - 4px) !important;
    height: calc(100% - 8px) !important;
    border: 1px solid #e0e0e0 !important;
    background-color: none;
    border-radius: 3px !important;
    z-index: 100;
}*/

/*.w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.required::before {
    border-color: var(--color-crimson) !important;
}

.w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable:not(.required):has(.w2ui-editable)::before {
    border-color: #3273dc !important;
    box-shadow: 0 0 3px 1px rgba(50, 115, 220,0.6) !important;
}

.w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.required:has(.w2ui-editable)::before {
    box-shadow: 0 0 3px 1px rgba(255, 0, 0,0.6) !important;
}

.w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable:not(.editcolor) input {
    position: absolute;
    padding: 0 !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%);
    width: calc(100% - 20px) !important;
    height: calc(100% - 12px) !important;
    background-color: transparent !important;
    z-index: 200;
}

.w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.editcolor div.w2ui-editable {
    position: absolute;
    padding: 0 !important;
    left: 7px !important;
    top: 50% !important;
    transform: translateY(-50%);
    width: calc(100% - 14px) !important;
    height: calc(100% - 12px) !important;
    background-color: transparent !important;
    z-index: 200;
}

    .w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.editcolor div.w2ui-editable .w2ui-field-helper {
        margin-top: 2px !important;
    }

    .w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.editcolor div.w2ui-editable input {
        padding-top: 2px !important;
    }

.w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.calendarDate, .w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.calendarMonth {
    padding-right: 30px;
}

    .w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.calendarDate::before, .w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.calendarMonth::before {
        width: calc(100% - 35px) !important;
    }

    .w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.calendarDate::after, .w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.calendarMonth::after {
        content: url('../img/Common/calendar_today_black_24dp.svg');
        display: block !important;
        position: absolute !important;
        cursor: pointer;
        height: calc(100% - 4px);
        width: 27px;
        top: 0;
        right: 0;
        padding-top: 4px;
        padding-left: 3px;
    }

.w2ui-grid tr.w2ui-record:not(.w2ui-selected) td.w2ui-grid-data.editable.calendarDate::after, .w2ui-grid tr.w2ui-record:not(.w2ui-selected) td.w2ui-grid-data.editable.calendarMonth::after {
    background-color: #fff;
}

.w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.sel {
    position: relative !important;
    cursor: pointer !important;
    padding-right: 24px !important;
    background-color: #f8fafa;
}

    .w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.sel.required {
        background-color: #ffeaea !important
    }

        .w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.sel.required select {
            border: 1px solid red !important;
            background-color: #ffeaea !important;
            border-radius: 3px !important;
        }

    .w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.sel:has(.w2ui-editable) {
        padding: 3.5px 24px 2px 2px !important
    }

    .w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.sel::after {
        content: url('../img/Common/down-fill.svg');
        display: block !important;
        position: absolute !important;
        right: 5px !important;
        top: calc(50% - 9px);
        cursor: pointer;
    }

    .w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.sel .w2ui-select {
        background-image: none !important;
    }*/

/*.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-record[line], .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-record[line], .w2ui-grid .w2ui-grid-summary table tr.w2ui-record[line] {
    border-top: 1px solid #bbb;
    border-bottom: none !important;
}

.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-record[line='1'], .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-record[line='1'], .w2ui-grid .w2ui-grid-summary table tr.w2ui-record[line='1'] {
    border-top: none;
}

.w2ui-grid th.borderRight, .w2ui-grid td.borderRight {
    border-right: 1px solid #bbb;
}*/


/*.w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.editcolor > div {
    position: relative;
}

    .w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.editcolor > div:after {
        position: absolute;
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        background-color: var(--bgcolor);
        right: 5px;
        top: 5px;
    }

    .w2ui-grid tr.w2ui-record td.w2ui-grid-data.editable.editcolor > div.w2ui-editable:after {
        display: none !important;
    }

.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data.editable[align='right'] input {
    text-align: right;
}

.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data.editable[align='left'] input {
    text-align: left;
}

.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data.editable[align='center'] input {
    text-align: center;
}*/