/* JQUERY-UI */
.ui-icon,
.ui-widget-content .ui-icon { background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png"); }
.ui-widget-header .ui-icon { background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png"); }
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon { background-image: url("../images/jquery-ui/ui-icons_555555_256x240.png"); }
.ui-state-active .ui-icon,
.ui-button:active .ui-icon { background-image: url("../images/jquery-ui/ui-icons_ffffff_256x240.png"); }
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon { background-image: url("../images/jquery-ui/ui-icons_777620_256x240.png"); }
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon { background-image: url("../images/jquery-ui/ui-icons_cc0000_256x240.png"); }
.ui-button .ui-icon { background-image: url("../images/jquery-ui/ui-icons_777777_256x240.png");}
.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content
.ui-state-active,
.ui-widget-header
.ui-state-active,
a.ui-button:active {
  border: 1px solid $btn-primary-border;
  background: $btn-primary-bg;
  color:#fff;
}

/* AX5UI-MODAL */
.ax5modal .ax-modal-header { font-size:13px;}

/* 순서변경시 아이콘에 커서변경 */
.sort-handle-icon {cursor:move;}

/* 카테고리용 */
.category-list {
  background:rgba(0,0,0,0.15);
  padding:15px 20px;

  li {
    background:url(../images/admin/treeview_line.gif) 0px 0px no-repeat;
    display:block;

    > div {
      display:block;
      padding:5px 5px 0px 22px;
      line-height:23px;
      color:#fff;
      text-decoration:none;
      vertical-align:middle;

      span {
        vertical-align:bottom;
      }

      > span.move-item {
        cursor:move;
        border:1px dashed transparent;

        &:hover {
          //border:1px dashed #e0e0e0;
          color:#cc7b19;
        }
      }

      > button.btn-xs {
        margin-left:10px;
        display:none;

        +button {
          margin-left:0px;
        }
      }

      &:hover {
        >button {
          display:inline-block;
        }
      }
    }

    &:last-child { background-position-y:-1768px; }
  }

  > li {
    background:none;

    &.ui-sortable-placeholder {
      background:#f0f0f0;
    }

    > div {
      padding-left:0px;

      > button.btn-xs {
        display:inline-block;
      }
    }

    > ul > li {
      background-position-y: -2px;
      > ul.items > li {
        background-position: 22px -2px;

        > div {
          padding-left: 44px;
        }

        &:last-child {
          background-position-y: -1768px;
        }
      }
    }
  }
}

.cke {
  border:0px !important;
  .cke_inner {
    background:transparent;
  }

  .cke_bottom,
  .cke_top {
    border:0px;
    background:rgba(0,0,0, 0.14);
  }

  .cke_combo_button,
  .cke_button {
    background: rgba(0,0,0,.14);
  }

  .cke_toolgroup {
    background:transparent;
  }

  .cke_toolbar_separator {
    //background:transparent;
  }
  .cke_path_item, .cke_path_empty {
    color:#fff;
    text-shadow:none;
  }
}


.ui-datepicker {
  border:0px !important;
  border-radius:0px !important;
  background:#3f4245;
  box-shadow: 0px 10px 10px rgba(0,0,0,0.15);
  padding:0px;

  .ui-datepicker-header {
    border-radius:0px !important;
    border:0px;
    background:rgba(0,0,0,0.15);

    .ui-datepicker-title {
      color:#fff;
    }

    .ui-datepicker-prev,
    .ui-datepicker-next {
      border-radius:0px;
      width:auto;
      font-weight:400;

      &:after {
        font-size: 16px;
        text-align: center;
        display: inline-block;
      }
      .ui-icon {
        display:none
      }

      &.ui-state-hover {
        background:transparent;
        color:#cc7b19;
        border:0px;
      }
    }
    .ui-datepicker-prev {
      &:after {
        content:'\f32a';
        font-family:'Font Awesome 5 Pro';
        color:#fff;
      }

    }
    .ui-datepicker-next {
      &:after {
        content:'\f32b';
        font-family:'Font Awesome 5 Pro';
        color:#fff;
      }
    }
  }
  .ui-datepicker-calendar {
    color:#fff;

    td {
      border:0px;
      padding:0px;

      a {
        background:transparent;
        color:#fff;
        border:0px !important;

        &.ui-state-active {
          background:#3498db;
        }

        &.ui-state-highlight {
          background:#cc7b19;
          color:#fff;
        }
      }
    }

  }
}