:root {
  --gray-item-color: #f4f4f4;
  --gray-item-border: #d5d5d5;
  --spot-color: #d8f8c0;
  --no-spot-color: #fffee0;
  --top-area-height: 26px;
  --column-height: 32px;
  --show-table-border-color: #adadad;

  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;

  --buttonPrimaryMainColor: #007bff;
  --buttonSecondaryMainColor: #6c757d;
  --buttonSuccessMainColor: #28a745;
  --buttonInfoMainColor: #17a2b8;
  --buttonWarningMainColor: #ffc107;
  --buttonDangerMainColor: #dc3545;
  --buttonLightMainColor: #f8f9fa;
  --buttonDarkMainColor: #343a40;
}

@column-height: 32px;

#r_padding { box-sizing: border-box; height: calc(100% - var(--top-area-height)); padding: 10px 20px 20px 20px !important; }

#documentForm, #careDeskBody
{
  .mce-tinymce { width: 100% !important; height: 100%; box-sizing: border-box; }
  .mce-stack-layout { height: 100%; display: flex; flex-direction: column; box-sizing: border-box; }
  .mce-container iframe { height: 100% !important; }
  .mce-edit-area { flex: 1; }
  .mce-btn-group > * { display: flex; flex-wrap: wrap; }
}

.flex-set
{
  margin: 0; box-sizing: border-box;
  display: flex; flex-wrap: wrap; flex-direction: row; gap: 5px;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  
  // &:not(g-th, g-td, g-tn){ padding: 0; }

  > * {
    &:not(.m_button, .s_button, .xs_button)
    {
      // margin: 0; padding: 0;
    }

    box-sizing :border-box;
  }

  &[flex=horizontal] { flex-direction: row !important; }
  &[flex=vertical] { flex-direction: column !important; }

  input[type=text]{ width: 100%; flex: 1; }
}

// loop
.for-loop(@index) when (@index >= 0) {
  [gap="@{index}"] { gap: calc(@index * 1px) !important; }
  .for-loop(@index - 1);
}
.for-loop(100);

[flex] { .flex-set(); }

.alignCenter { align-content: center; justify-content: center; align-items: center; text-align: center; }

.alignLeft
{
  &:not([flex]), &[flex=''], &[flex=horizontal] { justify-content: flex-start; text-align: left; }
  &[flex=vertical] { align-content: flex-start; align-items: flex-start; text-align: left; }
}

.alignRight
{
  &:not([flex]), &[flex=''], &[flex=horizontal] { justify-content: flex-end; text-align: right; }
  &[flex=vertical] { align-content: flex-end; align-items: flex-end; text-align: right; }
  &:is(input[type=text]) { padding-right: 1px; }
}

.alignTop
{
  &:not([flex]), &[flex=''], &[flex=horizontal] { align-content: flex-start; align-items: flex-start }
  &[flex=vertical] { justify-content: flex-start; }
}

.alignBottom
{
  &:not([flex]), &[flex=''], &[flex=horizontal] { align-content: flex-end; }
  &[flex=vertical] { justify-content: flex-end; }
}

.show_table
{
  [th], [td] { border-top-color: var(--show-table-border-color) !important; border-left-color: var(--show-table-border-color) !important; }
  [none] { border-bottom-color: var(--show-table-border-color) !important; }
  [th] { background-color: #eaeaea; color: #000; }

  .tableClass();
}

.mainArea {
  .flex-set(); gap: 20px; align-content: unset; justify-content: unset; align-items: unset;
  width: 100%; height: 100%;

  * { position: static; padding: 0; margin: 0; box-sizing: border-box; }
  > section, > div { overflow: auto; }

  > * { width: auto; height: 100%; }
  &[flex=horizontal] > * { width: auto; height: 100%; }
  &[flex=vertical] > * { width: 100%; height: auto; }
}

.contentArea {
  .mainArea(); flex-direction: column; gap: 10px;

  > * { width: 100%; height: auto; }

  &.withTitle { gap: 0px;}
  .block_title {
    padding-left: 18px; display: flex; justify-content: space-between; align-items: center;

    .buttonBox { width: fit-content; gap: 2px; }
  }
}

.listArea {
  .contentArea();
  width: unset;
}

.layerArea {
  .contentArea();
  margin-top: 10px;
}

.buttonBox {
  .flex-set(); gap: 5px; align-items: center; justify-content: center;
  width: 100%; overflow: hidden;

  * { align-items: center; }
  > label { color: var(--bold-font-color); font-weight: bold; }

  .datepicker {
    .flex-set();
    width: 100%; background-color: var(--date-div-background); padding: 8px; box-sizing: border-box; font-size: 18px; font-weight: bold; color: #000;

    .datearea
    {
      .flex-set();
      [data-type=monthCal] { margin-bottom: -4px; }
    }
    .ui-datepicker-trigger, .mtz-monthpicker-widgetcontainer { cursor: pointer; margin-bottom: -4px; }
    [arrow] { cursor: pointer; background-size: contain; width: 26px; height: 21px; }
    [arrow=left] { background-image: var(--calendar-left-arrow); }
    [arrow=right] { background-image: var(--calendar-right-arrow); }
  }

  .m_button { margin: 0; }
}

.attachBox {
  width: 100%; height: 100%; padding: 5px; position: relative; background: #f7f7f7; border: #999999 1px dashed; font-size: 12px;
  display: flex; flex-wrap: wrap; gap: 5px;

  &.noneStyle { background: unset; border: unset; padding: 0px; }

  .delete { right: 1px; top: 1px; cursor: pointer; }
  .delete::after { content: "❌"; }

  .photo {
    position: relative; width:72px; height:46px; background: #fff; border: #e1e1e1 1px solid; box-sizing: border-box; font-size: 1em;
    img { width: 100%; height: 100%; object-fit: contain; cursor: pointer; }
    .delete { position: absolute; }
  }

  .file {
    position: relative; padding: 5px; background: #fff; border: #c7c7c7 1px solid; font-size: 1em; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    display: flex; gap: 2px; align-items: center;
  }

  .alim {
    gap: 5px; justify-content: center; align-items: center;
    .text { width: 100%; text-align: left; }
  }
}

.gridTable {
  width: 100%; display: grid; grid-gap: unset; align-content: flex-start;

  input[type=text], select, textarea{ width: 1px; height: 22px; flex: 1; }
  textarea{ width: 100%; height: 100%; padding: 2px; }
  input[type=radio], input[type=checkbox] { & + label { display: flex; gap: 1px; align-items: center; } }

  > [th], > [td] { border-top: var(--border-color) solid 1px; border-left: var(--border-color) solid 1px; }
  > [none] { border-bottom: var(--border-color) solid 1px; }
  > [th], > [td], > [none]
  {
    .flex-set(); gap: 3px;
    width: 100%; min-width: 0; min-height: @column-height; white-space: normal; word-break: break-all; position: relative;

    &.alignCenter { .alignCenter(); }
    &.alignLeft { .alignLeft(); }
    &.alignRight { .alignRight(); }
    &.alignTop { .alignTop(); }
    &.alignBottom { .alignBottom(); }

    input[data-type=hour], input[data-type=minute] { flex: 0; width: 22px; }
    img[src='/img_work/icon_faq.png'] { margin-bottom: -3px; }
  }
  > [th]
  {
    background-color: var(--table-th-color); word-break: keep-all; &.judg { background-color: #fae2e2; }

    &:not(.alignCenter, .alignLeft, .alignRight, .alignTop, .alignBottom) { align-content: center; justify-content: center; align-items: center; text-align: center; }
    &.nonePadding { padding: 0px 5px; }

    &[th="disabled"] { display: none; }
  }
  > [td]
  {
    background-color: white; padding: 5px; word-break: break-all;

    &:not(.alignCenter, .alignLeft, .alignRight, .alignTop, .alignBottom) { justify-content: flex-start; text-align: left; }
    &.scroll-content, &[oscroll] { align-content: flex-start; }
    &.nonePadding { padding: 0px 5px; }

    .con_person{ width: fit-content; height: unset; padding: 0px 5px; text-align:left; color:#000; font-size:12px; font-weight:normal; background:#fafafa; border:#c7c7c7 1px solid; cursor: default; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    [data-rel='entry_span']{ margin: 0 !important; }
    &[td="disabled"] { display: none; }
  }

  &.show_table { .show_table(); }

  &.layer_mod_tbl
  {
    [th], [td] { border-top-color: #d8d8d8; border-left-color: #d8d8d8; }
    [none] { border-bottom-color: #d8d8d8; }
    [th] { background-color: #f5f5f5; color: #000; }

    .tableClass();
  }

  .tableClass();

  .info_sbox_on, .info_sbox_off
  { width: fit-content; height: fit-content; line-height: unset; box-sizing: border-box; padding: 2px; }
}

.gridTable, g-t {
  // loop
  .for-loop(@index) when (@index > 0) {
    [rowspan="@{index}"] { grid-row: span @index; }
    [colspan="@{index}"] { grid-column: span @index; &:not([none]) { height: unset; } }

    .for-loop(@index - 1);
  }
  .for-loop(400);
}

.tableClass
{
  .list{ height: unset; min-height: unset; padding-top: 5px; padding-bottom: 4px; }
  .spot_color, .selected_color { background: var(--spot-color); }
  .no_spot_color, .no_selected_color { background: var(--no-spot-color); }
  .cur_color { order: 0; border: 0; background: #78c346; font-weight: bold; color: #fff; .bold_border_bottom(); .bold_border_top(); }
  .cr{ cursor:pointer; }
  .dotdotdot { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex-wrap: nowrap; }
  .ck { color: #ff1100; padding: 0 0 0 1px; /*font-size:15px;*/ font-weight:bold; }
  .cal { color: #2333ff; font-weight: bold; }
  .dynamicRow { grid-auto-rows: max-content; }
  input[data-type='date']
  {
    &.input_type1 { width: 78px !important; flex: 0; }
    &.input_search_box { width: 92px !important; font-weight: bold; flex: 0; }
  }
}

.listBox {
  .flex-set(); flex-direction: column; gap: 0px;

  > * { background-color: var(--table-th-color); }
  [header], [body], [footer]
  {
    .gridTable(); grid-template-columns: inherit;
    width: 100%;
  }
  [header]
  {
    border-bottom: var(--border-color) 1px solid;

    [th][sorting]
    {
      cursor: pointer;
      user-select: none; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none;

      [sorting-icon]
      {
        position: absolute; right: 0; top: 0; display: flex; flex-direction: column; gap: 0px; font-size: 10px; transform: scale(0.8, 0.5) translateY(-50%);
        [asc] { color: darkgray; &:after{ content: '▲'; } }
        [desc] { color: darkgray; &:after{ content: '▼'; } }
      }

      &[sorting-order='0'], &[sorting-order='-1'] { [asc], [desc] { color: black; } }

      &.sortingAsc { [desc] { color: var(--table-th-color); } }
      &.sortingDesc { [asc] { color: var(--table-th-color); } }
    }
  }
  [body] { background-color: white; flex: 1 0%; }
  [footer] { border-top: var(--border-color) 1px solid; }

  [flag] { display: none; }
  [th], [td], [none]
  {
    overflow: hidden; z-index: 1;

    &:not(.alignCenter, .alignLeft, .alignRight, .alignTop, .alignBottom) { align-content: center; justify-content: center; align-items: center; text-align: center; }
    &.alignCenter { .alignCenter(); }
    &.alignLeft { .alignLeft(); }
    &.alignRight { .alignRight(); }
    &.alignTop { .alignTop(); }
    &.alignBottom { .alignBottom(); }
    &.sticky { position: sticky; top: 0px; }

    &[td] {
      &:not(.alignCenter, .alignLeft, .alignRight, .alignTop, .alignBottom) { align-content: center; justify-content: center; align-items: center; text-align: center; }
      &.bgGray { background-color: whitesmoke; }
    }
    &[tr-select] { cursor: pointer; }
    &[auto-rowspan]
    {
      flex-wrap: nowrap; align-items: flex-start !important;
      overflow: unset; padding: 0px;
      > * { /* min-height: @column-height; */ padding-top: 0.692em; padding-bottom: 0.615em; position: sticky; top: 0px; display: flex; align-items: center; }
    }
  }

  .buttonBox { padding: 8px; }

  .tableClass();
  &.show_table { .show_table(); }
}

.fitArea { flex: 1 0%; width: 100%; height: 100%; }
.fitRow { }
.contentBox
{
  border: var(--tb-outside-color) 2px solid;

  &.show_table { border: var(--show-table-border-color) 2px solid !important; }
}
.infoBox{ background: #f8f8f8; border: #c8c8c8 1px solid; padding: 10px; overflow: hidden; * { word-break: keep-all; } }

.itemBox
{
  .flex-set(); gap: 3px;
  width: 100%; padding: 5px; box-sizing: border-box; font-size: 12px; background: var(--gray-item-color); border: #cecece 1px solid; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; letter-spacing: 0;
  > * { margin: 0 !important; }

  &[sortable=item] { cursor: move; }
}

.tableBottomInfo {
  .flex-set(); width: 100%; box-sizing: border-box; padding: 8px; border-top: var(--border-color) 1px solid !important;
  .statistics { .flex-set(); gap: 15px; .alignLeft(); color: var(--bold-font-color); }
}

.m_button, .s_button {
  position: static; width: fit-content; padding: 0 8px; color: #fff; box-sizing: border-box; text-align: center; letter-spacing: 0; word-break: keep-all; cursor: pointer; overflow: hidden; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  &.exe { background: var(--execute_button_background); border-top: var(--execute_button_top_border_color); border-bottom: var(--execute_button_bottom_border_color); border-left: var(--execute_button_side_border_color); border-right: var(--execute_button_side_border_color); }
  &.del { background: var(--delete_button_background); border-top: var(--delete_button_top_border_color); border-bottom: var(--delete_button_bottom_border_color); border-left: var(--delete_button_side_border_color); border-right: var(--delete_button_side_border_color); }
  &.opn { background: var(--open_button_background); border-top: var(--open_button_top_border_color); border-bottom: var(--open_button_bottom_border_color); border-left: var(--open_button_side_border_color); border-right: var(--open_button_side_border_color);}
  &.ext { background: var(--exit_button_background); border-top: var(--exit_button_top_border_color); border-bottom: var(--exit_button_bottom_border_color); border-left: var(--exit_button_side_border_color); border-right: var(--exit_button_side_border_color); }
  &.shw { background: var(--show_button_background); border-top: var(--show_button_top_border_color); border-bottom: var(--show_button_bottom_border_color); border-left: var(--show_button_side_border_color); border-right: var(--show_button_side_border_color); }
  &.prt { background: var(--print_button_background); border-top: var(--print_button_top_border_color); border-bottom: var(--print_button_bottom_border_color); border-left: var(--print_button_side_border_color); border-right: var(--print_button_side_border_color); }
  &.dwn { background: var(--exit_button_background); border-top: var(--exit_button_top_border_color); border-bottom: var(--exit_button_bottom_border_color); border-left: var(--exit_button_side_border_color); border-right: var(--exit_button_side_border_color); }
  &.flt { min-width: unset; background: var(--show_button_background); border-top: var(--show_button_top_border_color); border-bottom: var(--show_button_bottom_border_color); border-left: var(--show_button_side_border_color); border-right: var(--show_button_side_border_color); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex-wrap: nowrap; }
  &.red  { background: #c2624c url('/img_work/btn_bg10.gif') repeat-x; border-top:#d26e55 1px solid; border-bottom:#8e3a26 1px solid; border-left:#a6452d 1px solid; border-right:#a6452d 1px solid; }
  &.gray { background: url('/img_work/btn_bg3.gif') repeat-x; border-top:var(--execute_button_top_border_color); border-bottom:var(--execute_button_bottom_border_color); border-left:var(--execute_button_side_border_color); border-right:var(--execute_button_side_border_color); }
}

.m_button { min-width: 110px; min-height: 37px; font-size: 14px; font-weight: bold; display: flex; .alignCenter(); }
.s_button { height: 23px; line-height: 21px; font-size: 13px; font-weight: normal; }

.xs_button
{
  display: inline-flex; width: fit-content; padding: 2px; box-sizing: border-box; font-size: 11px; color: #707070; background-color: #fff; border: #c3c3c3 2px solid; letter-spacing: -1px; border-radius: 0.25rem; cursor: pointer; line-height: normal;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  > * { margin: 0 !important; }

  &.success { color: var(--buttonSuccessMainColor); border-color: var(--buttonSuccessMainColor); &.on { color: #fff; background-color: var(--buttonSuccessMainColor); } }
  &.info { color: var(--buttonInfoMainColor); border-color: var(--buttonInfoMainColor); &.on { color: #fff; background-color: var(--buttonInfoMainColor); } }
  &.error { color: var(--buttonDangerMainColor); border-color: var(--buttonDangerMainColor); &.on { color: #fff; background-color: var(--buttonDangerMainColor); } }
  &.warning { color: var(--buttonWarningMainColor); border-color: var(--buttonWarningMainColor); &.on { color: #000; background-color: var(--buttonWarningMainColor); } }
  &.select { color: var(--open_button_background); border: var(--small_button_border_color); &.on { color: #fff; background: var(--small_button_background); } }
}

.tabSelButton
{
  height: 33px; display: flex; align-content: center; justify-content: center; align-items: center; color: #000; font-size: 13px; border: var(--tab_button_border_color); background: var(--tab_button_backgorund); cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  &.over { color: #fff; border: var(--tab_button_over_border_color); background: var(--tab_button_over_backgorund); }
}

.alert{
  box-sizing: border-box; width: fit-content; padding: 5px; word-break: keep-all; word-wrap: break-word; border-width: 1px; border-style: solid; line-height: 1.5em;

  &.primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
  &.secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }
  &.success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
  &.danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
  &.warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
  &.info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }
  &.light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; }
  &.dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; }
  &.carefor { color: #1b1e21; background-color: #f8f8f8; border-color: #c8c8c8; width: 100%; padding: 5px 10px; }
}

*[grid]{margin: 0 !important;display: grid;}
*[grid] *{margin: 0 !important;}

[sortable=section] .scroll-element.scroll-x { display: none !important; }

.sm { font-size: 12px !important; font-weight: normal !important; }
.m_sp { letter-spacing:-2px !important; }

.border_all { border: var(--border-color) 1px solid !important; }
.border_top { border-top: var(--border-color) 1px solid !important; }
.border_right { border-right: var(--border-color) 1px solid !important; }
.border_bottom { border-bottom: var(--border-color) 1px solid !important; }
.border_left { border-left: var(--border-color) 1px solid !important; }
.bold_border_top { border-top: var(--tb-outside-color) 2px solid !important; }
.bold_border_right { border-right: var(--tb-outside-color) 2px solid !important; }
.bold_border_bottom { border-bottom: var(--tb-outside-color) 2px solid !important; }
.bold_border_left { border-left: var(--tb-outside-color) 2px solid !important; }

.fitContainer { height: 100%; display: flex; flex-direction: column; overflow-y: hidden !important; }
.fitContainer > * { box-sizing: border-box; width: 100%; }
.fitContainer > .btn_area { padding: 10px 0 0 0; }
.fitTarget { flex: 1 0%; height: 100%; overflow-y: scroll; }

*[bracket]::before{content: "("}
*[bracket]::after{content: ")"}

.none { background: #fffee0 !important; }
.complete { background: #dbffca !important; }
.nowrite{ background: #ffb3ba !important; }
.nocomp_color_old { background-color: #f1eaea !important; }
.gray { background: var(--gray-item-color) !important; color: #606060 !important; }

.sun { color: #e41033; }
.sat { color: #0012ff; }
.gridTable .date_area{ width: 100%; padding: 3px 5px; background: #f0faf4; border-bottom: var(--border-color) 1px solid; }

*[obj-type=openLayer] { cursor: pointer; }

.gen { position: relative; display: block; width: 100%; text-align: center; }
.gen_text1 { position: relative; display: block; text-align: left; color: #27488b; padding: 8px 0 0 12px; }
.listSummary { color: var(--bold-font-color); }

// 카카오톡 작성
.kakao_div_mark{position:absolute;width:51px;height:51px;top:-15px;right:-20px;z-index:20;}
.kakao_div{position:relative;height:auto;line-height:22px;margin:0 auto;overflow:hidden;border:#c8bd5d 1px solid;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;z-index:10;}
.kakao_div_title{position:relative;background:#fee500;font-size:18px;text-align:left;height:46px;line-height:46px;text-align:left;text-indent:30px;}
.kakao_div_cont{position:relative;background:#fff;padding:10px 25px 7px 25px;text-align:left;font-size:15px;}
.kakao_div_link{position:relative;background:#f1f2f4;width:90%;height:40px;line-height:40px;text-align:center;font-size:15px;cursor:pointer;margin:0 auto;}

// SMS 작성
.sms_div_mark{position:absolute;width:51px;height:51px;bottom:0;right:-29px;z-index:20;}
.sms_div{position:relative;height:auto;line-height:22px;margin:0 auto;overflow:hidden;border:0;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;z-index:10;background:#1487fe;color:#fff;padding:10px 25px 7px 25px;text-align:left;font-size:15px;box-sizing:border-box;}

// tab
.detail { height: 100%; overflow: auto; }

// filtering layer
.layer_search{position:relative;border:#b2b2b2 8px solid;background:#fff;padding:10px;}
.layer_search2{position:relative;border:#b2b2b2 8px solid;background:#fff;padding:10px;}

.ui-datepicker, .ui-tooltip { z-index: 2147483647 !important; }

.font_red { color: var(--red); }
.font_green { color: var(--green); }
.font_blue { color: var(--blue); }








// 아래를 없애야 하는뎅....

.tbl_wsch2{border:var(--tb-outside-color) 2px solid;width:100%;table-layout:fixed;overflow:hidden;}
.tbl_wsch2 th{background:var(--table-th-color);color:#000;text-align:center;font-weight:normal;border:var(--border-color) 1px solid;padding:3px 0 3px 0;overflow:hidden;vertical-align:top;}
.tbl_wsch2 th.list{padding:4px 0 2px 0;}
.tbl_wsch2 td{border:var(--border-color) 1px solid;font-size:18px;font-weight:bold;text-align:center;vertical-align:top;padding:0;height:105px;padding:1px;}
.tbl_wsch2 span.date_area{display:block;padding:0 0 0 5px;height:23px;line-height:23px;text-align:center;color:#959595;font-size:13px;background:#f3f2f7;border-bottom:var(--border-color) 1px solid;overflow: hidden;text-align:left;}
.tbl_wsch2 div.date_area{display:block;padding:0 0 0 5px;min-height:23px;text-align:center;color:#959595;font-size:13px;background:#f0faf4 !important;border-bottom:var(--border-color) 1px solid; text-align:left;}
.tbl_wsch2 .c1{color:#e41033 !important;}
.tbl_wsch2 .c1_prev{color:#ffa3a3 !important;}
.tbl_wsch2 .c2{color:#343434 !important;}
.tbl_wsch2 .c2_prev{color:#a2a2a2 !important;}
.tbl_wsch2 .c3{color:#003b9e !important;}
.tbl_wsch2 .c3_prev{color:#003b9e !important;}
.tbl_wsch2 .spot_color{background:var(--spot-color) !important;}
.tbl_wsch2 .hol_color{background:#fefab9 !important;}
.tbl_wsch2 .prev_month{background:#e9e9e9;}
.tbl_wsch2 .hol_btn{position:absolute;top:1px;right:0;-moz-border-radius:30px;-webkit-border-radius: 30px;border-radius: 30px;font-size:11px;font-weight:normal;color:#fff;background:#52bf00;text-align:center;overflow: hidden;height:20px;line-height:20px;width:98px;margin:0 2px 0 0;}
.tbl_wsch2 .hol_btn2{position:absolute;top:1px;right:0;-moz-border-radius:30px;-webkit-border-radius: 30px;border-radius: 30px;font-size:11px;font-weight:normal;color:#fff;background:#b506b8;text-align:center;overflow: hidden;height:20px;line-height:20px;width:98px;margin:0 2px 0 0;}
.tbl_wsch2 .hol_btn3{position:absolute;top:1px;right:0;-moz-border-radius:10px;-webkit-border-radius: 10px;border-radius: 10px;font-size:11px;font-weight:normal;color:#fff;background:#52bf00;text-align:center;overflow: hidden;height:20px;line-height:20px;width:98px;margin:0 2px 0 0;}
.tbl_wsch2 .cr{cursor:pointer;}
.tbl_wsch2 .no_tp{border-top:0;}
.tbl_wsch2 .no_bt{border-bottom:0;}
.tbl_wsch2 .no_lf{border-left:0;}
.tbl_wsch2 .no_rg{border-right:0;}
.tbl_wsch2 .v_middle{vertical-align:middle !important;}
.tbl_wsch2 .date{position:relative;width:100%;display:block;font-size:15px;font-weight:bold;text-align:left;padding:2px 0 4px 2px;}
.tbl_wsch2 .time_box{float:left;width:145px;background:#b9fdfa;border:#92e2e0 1px solid;padding:3px 0 1px 0;color:#000;font-size:11px;line-height:16px;margin:0 0 2px 0;}
.tbl_wsch2 .time_box_left{float:left;width:70px;background:#dbd3f7;border:#bbb3de 1px solid;padding:3px 0 1px 0;color:#000;font-size:11px;line-height:16px;text-align:center;margin:0 0 2px 0;}
.tbl_wsch2 .time_box_right{float:right;width:70px;background:#dbd3f7;border:#bbb3de 1px solid;padding:3px 0 1px 0;color:#000;font-size:11px;line-height:16px;text-align:center;margin:0 0 2px 0;}
.tbl_wsch2 .time_box_night{float:left;width:145px;background:#dbd3f7;border:#bbb3de 1px solid;padding:3px 0 1px 0;color:#000;font-size:11px;line-height:16px;margin:0 0 2px 0;}
.tbl_wsch2 .time_box_none{cursor:default;height:32px;line-height:32px;float:left;width:145px;background:#eee;border:#111 1px solid;padding:3px 0 1px 0;color:#000;font-size:11px;margin:0 0 2px 0;vertical-align: middle;}

.tbl_wsch3{border:var(--tb-outside-color) 2px solid;width:100%;table-layout:fixed;overflow:hidden;}
.tbl_wsch3 th{background:var(--table-th-color);color:#000;text-align:center;font-weight:normal;border:var(--border-color) 1px solid;padding:3px 0 3px 0;overflow:hidden;vertical-align:top;}
.tbl_wsch3 th.list{padding:4px 0 2px 0;}
.tbl_wsch3 td{border:var(--border-color) 1px solid;font-size:18px;font-weight:bold;text-align:center;vertical-align:top;padding:0;height:105px;}
.tbl_wsch3 span.date_area{display:block;padding:0 0 0 5px;height:23px;line-height:23px;text-align:center;color:#959595;font-size:13px;background:#f3f2f7;border-bottom:var(--border-color) 1px solid;overflow: hidden;text-align:left;}
.tbl_wsch3 div.date_area{display:block;padding:0 0 0 5px;min-height:23px;text-align:center;color:#959595;font-size:13px;background:#f0faf4 !important;border-bottom:var(--border-color) 1px solid; text-align:left;}
.tbl_wsch3 .c1{color:#e41033 !important;}
.tbl_wsch3 .c1_prev{color:#ffa3a3 !important;}
.tbl_wsch3 .c2{color:#343434 !important;}
.tbl_wsch3 .c2_prev{color:#a2a2a2 !important;}
.tbl_wsch3 .c3{color:#003b9e !important;}
.tbl_wsch3 .c3_prev{color:#76a7f5 !important;}
.tbl_wsch3 .spot_color{background:var(--spot-color) !important;}
.tbl_wsch3 .hol_color{background:#fefab9 !important;}
.tbl_wsch3 .prev_month{background:#e9e9e9;}
.tbl_wsch3 .hol_btn{position:absolute;top:1px;right:0;-moz-border-radius:30px;-webkit-border-radius: 30px;border-radius: 30px;font-size:11px;font-weight:normal;color:#fff;background:#52bf00;text-align:center;overflow: hidden;height:20px;line-height:20px;width:98px;margin:0 2px 0 0;}
.tbl_wsch3 .hol_btn2{position:absolute;top:1px;right:0;-moz-border-radius:30px;-webkit-border-radius: 30px;border-radius: 30px;font-size:11px;font-weight:normal;color:#fff;background:#b506b8;text-align:center;overflow: hidden;height:20px;line-height:20px;width:98px;margin:0 2px 0 0;}
.tbl_wsch3 .hol_btn3{position:absolute;top:1px;right:0;-moz-border-radius:3px;-webkit-border-radius: 3px;border-radius: 3px;font-size:11px;font-weight:normal;color:#fff;background:#52bf00;text-align:center;overflow: hidden;height:20px;line-height:20px;width:98px;margin:0 2px 0 0;}
.tbl_wsch3 .cr{cursor:pointer;}
.tbl_wsch3 .no_tp{border-top:0;}
.tbl_wsch3 .no_bt{border-bottom:0;}
.tbl_wsch3 .no_lf{border-left:0;}
.tbl_wsch3 .no_rg{border-right:0;}
.tbl_wsch3 .v_middle{vertical-align:middle !important;}
.tbl_wsch3 .date{position:relative;width:100%;display:block;font-size:15px;font-weight:bold;text-align:left;padding:2px 0 4px 0;text-indent:3px;}
.tbl_wsch3 .time_box{margin-bottom:2px;float:left;margin-left:40px; width:80px;background:#b9fdfa;border:#92e2e0 1px solid;padding:3px 0 1px 0;color:#000;font-size:11px;line-height:16px;text-align: center;}
.tbl_wsch3 .time_box_sm{margin-bottom:2px;float:left;margin-left:20px; width:80px;background:#b9fdfa;border:#92e2e0 1px solid;padding:3px 0 1px 0;color:#000;font-size:11px;line-height:16px;text-align: center;}
.tbl_wsch3 .time_box_night{margin-bottom:2px;margin-right:-40px; float:right;width:80px;background:#dbd3f7;border:#bbb3de 1px solid;padding:3px 0 1px 0;color:#000;font-size:11px;line-height:16px;text-align: center;}
.tbl_wsch3 .time_box_night_left {margin-bottom:2px;margin-left:0px; float:left ;width:40px;background:#dbd3f7;border:#bbb3de 1px solid;padding:0 0 1px 0  ;color:#dbd3f7;font-size:11px;line-height:16px;border-left:0; text-align: center; font-size:0;}
.tbl_wsch3 .time_box_night_right{margin-bottom:2px;                 float:right;width:80px;background:#dbd3f7;border:#bbb3de 1px solid;padding:3px 0 1px 0;color:#000;font-size:11px;line-height:16px; border-right: 0; text-align: center;}
.tbl_wsch3 .time_box_before{margin-bottom:2px;margin-left:0px; float:left;width:80px;background:#eee;border:#555555 1px solid;padding:0 0 1px 0;color:#000000;font-size:11px;line-height:16px;border-left:0; text-align: center;}
.tbl_wsch3 .time_box_none{cursor:default;height:32px;line-height:32px;float:left;width:145px;background:#eee;border:#111 1px solid;padding:3px 0 1px 0;color:#000;font-size:9px;margin:0 0 2px 0;vertical-align: middle;}
.tbl_wsch3 .time_box_k{margin-bottom:2px;float:left;margin-left:40px; width:80px;background:#b999fa;border:#9299e0 1px solid;padding:3px 0 1px 0;color:#000;font-size:11px;line-height:16px;text-align: center;}
.tbl_wsch3 .time_box_carry{margin-bottom:2px;float:left; margin-left:40px; width:80px;background:#b9fd00;border:#92e200 1px solid;padding:3px 0 1px 0;color:#000;font-size:11px;line-height:16px;text-align: center;}
.tbl_wsch3 .hol_btn_multi{margin-bottom:2px;float:left; margin-left:40px; width:80px;font-size:11px;font-weight:normal;color:#fff;background:#52bf00;text-align:center;height:auto;line-height:16px;}
.tbl_wsch3 .hol_btn_multi2{margin-bottom:2px;float:left; margin-left:40px; width:80px;font-size:11px;font-weight:normal;color:#fff;background:#b506b8;text-align:center;overflow: hidden;height:20px;line-height:20px;}
.tbl_wsch3 .w60{width:60px;}
.tbl_wsch3 .pt3{padding-top:3px;}

.sel_worksch{width:100%;height: 24px;background: #fffbda;color: #000;border-top: #8e8e8e 1px solid;border-left: #8e8e8e 1px solid;border-bottom: #d2d2d2 1px solid;border-right: #d2d2d2 1px solid;}

.gray_item{box-sizing: border-box;width: 100%;padding: 5px;background:var(--gray-item-color);border:var(--gray-item-border) 1px solid;text-align:center;}

.alert_border{display: table; width:160px; padding-left:0; float:left; padding: 3px 0 1px 0; margin: 4px 0 2px 0;min-height: 69px; background:#fff6f6;border:#f1b7b7 1px solid;}
.alert_div{display:block;width:80px;margin:0 auto;color:#000;font-size:11px;line-height:16px;padding:5px 0 0 0;font-weight:normal;}


.paySection {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; align-items: stretch; padding: 20px; background: var(--tab-back-color); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;
  box-sizing: border-box;
  * { margin: 0; box-sizing: border-box; }
  
  .unused { font-size: 18px; font-weight: bold; color: var(--red); }
  .payItem {
    padding: 1rem; display: grid; gap: 0.5rem; grid-template-rows: auto auto; grid-template-columns: 30% 1fr; align-content: center; justify-content: center; align-items: center; justify-items: center; background: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;
    .itemInfo { width: 30%; display: flex; flex-direction: column; gap: 0.5rem; align-content: center; justify-content: center; align-items: center; }
    .icon { width: 54px; height: 54px; background: var(--tab-color); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
    .info {
      width: 100%;
      fieldset { text-align: center; border: var(--green) 2px solid; padding: 0.25em 0.75em 0.5em 0.75em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; }
      fieldset.error { border-color: var(--red); }
      fieldset.nothing { border-color: var(--gray); }
      fieldset legend { text-align: left; padding: 0 0.25em; }
    }
    .buttonBox {
      .button {
        padding: 0.3em 0.5em; border: var(--gray-item-border) 1px solid; background: #fff; color: #4b4b4b; font-size: 14px; letter-spacing: -1px; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
        &.on { border: #ff6c00 1px solid; background: #ff6c00; color: #fff; }
      }
    }
    &.rowSpan {
      grid-column: 1 / span 2; display: flex; justify-content: space-evenly;
      .info { width: fit-content; display: flex; gap: 5px; align-content: center; justify-content: center; align-items: center; }
      .info fieldset { width: fit-content; }
      .buttonBox { width: fit-content; }
    }
  }
}

.uncorrectableSection { position: relative; }
.uncorrectableSection .veil { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; font-size: 15pt; color: #fff; font-weight: bold; opacity: 0.25; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 15px; align-content: center; justify-content: center; align-items: center; z-index: 49; }

*:has(> .pointBadge) { position: relative; }
.pointBadge
{
  display: inline-block; min-width: 5px; min-height: 5px; padding: 3px; border-radius: 999px; position: absolute; top: 0; right: 0; transform: translate(50%, -40%); background: gray; color: black; font-size: 8px; line-height: normal;

  &.red { background: red; color: white; }
}