.sticky-table { display: block; overflow: scroll; border-collapse: collapse; height: 100vh; }
.sticky-table td { min-width: 200px }
.sticky-table td.min{ min-width: 150px }
.sticky-table td.num{ min-width: 100px }
.sticky-table td.xs{ min-width: 80px }
.sticky-table td.s{ min-width: 100px }
.sticky-table td.sm{ min-width: 150px }
.sticky-table td.m{ min-width: 200px }
.sticky-table td.l{ min-width: 300px }
.sticky-table td.xl{ min-width: 350px }
.sticky-table .sticky-table__header.sticky-table__header--end, .sticky-table .sticky-table__right { min-width: initial }

@media screen and (min-width: 769px) {
  .sticky-table thead th.sticky-table__header { position: -webkit-sticky; position: sticky; top: 0; z-index: 1 }
  .sticky-table__header2 { position: -webkit-sticky; position: sticky; top: 43px; z-index: 1 }
  .sticky-table td.sticky-table__left, .sticky-table th.sticky-table__left { position: -webkit-sticky; position: sticky; left: 0; }
  .sticky-table td.sticky-table__left.sticky-table__left--first { min-width: 180px; }
  .sticky-table td.sticky-table__left.sticky-table__left--second { left: 180px; }
  .sticky-table td.sticky-table__left.sticky-table__left--third { left: 330px; }
  .sticky-table td.sticky-table__left.sticky-table__left--fourth { left: 480px; }
  .sticky-table thead th.sticky-table__header.sticky-table__header--first { left: 0; z-index: 2; min-width: 100px }
  .sticky-table thead th.sticky-table__header.sticky-table__header--second { left: 180px; z-index: 2; min-width: 100px }
  .sticky-table thead th.sticky-table__header.sticky-table__header--third { left: 330px; z-index: 2; min-width: 100px }
  .sticky-table thead th.sticky-table__header.sticky-table__header--fourth { left: 480px; z-index: 2; min-width: 100px }
  .cases-min-width-table { min-width: 1800px !important; }
  .cases-min-width-header { min-width: 180px !important; }
}
@media screen and (max-width: 768px) {
  .sticky-table td.sticky-table__left.sticky-table__left--first { left: 0; z-index: 2; min-width: 100px }
  .sticky-table thead th.sticky-table__header.sticky-table__header--first { left: 0; z-index: 2; min-width: 100px }
}

.th-service-id { width:20px; }
.th-service-sort { width: 150px; }
.th-service-quantity-show { width: 80px; }
.th-service-image { width: 50px; }
.th-service-edit { width:120px; }
.th-service-regist, .th-service-delete { width: 100px; }

.logo { font-size: 0; background-color: #fff }
.logo>a { display: inline-block; line-height: 50px; padding: 0 5px }
.logo img { width: 245px }
.service-image { filter: grayscale(1); }
.pointer { cursor: pointer; }
.hidden { display: none; }
.text-right { text-align: right!important; }
.service-price::-webkit-inner-spin-button, .service-price::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; -moz-appearance:textfield; }
.client-service .form-check-inline { display: block; }
.cs-form-group .form-check-inline .client-service-price { width: 165px; }
.member-name { margin-left: 30px; }

#agentLoginInfoModal .modal-dialog { max-width: 700px; }

#uploadedImages .delete-btn {
  position: absolute;
  top: 3px;
  right: 10px;
}
#uploadedImages svg {
  width: 25px;
  height: 25px;
}
#uploadedImages .cls-1, #uploadedImages .cls-2 {
  fill:none;
}
#uploadedImages .cls-2{
  stroke:#fff;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:4px;
  filter: drop-shadow( 0px 0px 2px rgba(0, 0, 0, .8));
}