/*-----------------------------------------------
|   Phoenix buttons
-----------------------------------------------*/
/* -------------------------------------------------------------------------- */
/*                                Phoenix button                              */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/* ----------------------------- Phoenix-buttons ---------------------------- */
/*# sourceMappingURL=user.css.map */
.col-0-1{
  flex:0 0 5.33333%;
  max-width:5.33333%
}

.col-1-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 12.33333333%;
  }

.cpl-1 {
    padding-left:1px;
}

.cpr-1 {
    padding-right:1px;
}


.input-text-center {
    text-align:center;
    padding: 0.2rem 0.5rem;
}

.bg-color-0 {
    background-color: rgba(0,0,0,0);
}

.btn-end {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.need::placeholder {
    color: red;
    font-size: 13px;
    opacity: 0.5; /* Firefox */
}

.need::-ms-input-placeholder { /* Edge 12 -18 */
    color: red;
}
 
.table-responsive {
    max-height: 768px; /* 최대 높이 설정 */ /* 테이블 높이 설정 */
    overflow-y: auto; /* 세로 스크롤 설정 */
}
.table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #fff; /* 백그라운드 설정 */
}


@media (max-width: 768px) { /* 모바일 화면 기준 */
  .minput{
    margin-left : -20px;
    width:70%;
  }
}

@media (max-width: 768px) { /* 모바일 화면 기준 */
  .scroll-button {
    display: none;
  }
}

.scroll-button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      border: none;
      padding: 10px;
      cursor: pointer;
  }
  .scroll-button.left {
      left: 0;
  }
  .scroll-button.right {
      right: 0;
  }

  /*Font Array - Better Typography Control, example font-30 class will make the font size 30px*/
.font-8 {
    font-size: 8px !important;
  }
  
  .font-9 {
    font-size: 9px !important;
  }
  
  .font-10 {
    font-size: 10px !important;
  }
  
  .font-11 {
    font-size: 11px !important;
  }
  
  .font-12 {
    font-size: 12px !important;
  }
  
  .font-13 {
    font-size: 13px !important;
  }
  
  .font-14 {
    font-size: 14px !important;
  }
  
  .font-15 {
    font-size: 15px !important;
  }
  
  .font-16 {
    font-size: 16px !important;
  }
  
  .font-17 {
    font-size: 17px !important;
  }
  
  .font-18 {
    font-size: 18px !important;
  }
  
  .font-19 {
    font-size: 19px !important;
  }
  
  .font-20 {
    font-size: 20px !important;
  }
  
  .font-21 {
    font-size: 21px !important;
  }
  
  .font-22 {
    font-size: 22px !important;
  }
  
  .font-23 {
    font-size: 23px !important;
  }
  
  .font-24 {
    font-size: 24px !important;
  }
  
  .font-25 {
    font-size: 25px !important;
  }
  
  .font-26 {
    font-size: 26px !important;
  }
  
  .font-27 {
    font-size: 27px !important;
  }
  
  .font-28 {
    font-size: 28px !important;
  }
  
  .font-29 {
    font-size: 29px !important;
  }
  
  .font-30 {
    font-size: 30px !important;
  }
  
  .font-31 {
    font-size: 31px !important;
  }
  
  .font-32 {
    font-size: 32px !important;
  }
  
  .font-33 {
    font-size: 33px !important;
  }
  
  .font-34 {
    font-size: 34px !important;
  }
  
  .font-35 {
    font-size: 35px !important;
  }
  
  .font-36 {
    font-size: 36px !important;
  }
  
  .font-37 {
    font-size: 37px !important;
  }
  
  .font-38 {
    font-size: 38px !important;
  }
  
  .font-39 {
    font-size: 39px !important;
  }
  
  .font-40 {
    font-size: 40px !important;
  }
  
  .font-41 {
    font-size: 41px !important;
  }
  
  .font-42 {
    font-size: 42px !important;
  }
  
  .font-43 {
    font-size: 43px !important;
  }
  
  .font-44 {
    font-size: 44px !important;
  }
  
  .font-45 {
    font-size: 45px !important;
  }
  
  .font-46 {
    font-size: 46px !important;
  }
  
  .font-47 {
    font-size: 47px !important;
  }
  
  .font-48 {
    font-size: 48px !important;
  }
  
  .font-49 {
    font-size: 49px !important;
  }
  
  .font-50 {
    font-size: 50px !important;
  }

  .card-layout {
    margin-top: -20rem !important;
  }

  /* 화면 너비가 768px 이하(태블릿 및 모바일)일 경우 */
  @media (max-width: 768px) {
    .card-layout {
        margin-top: -5rem !important;
    }
  }

  @media (max-width: 480px) {
    .card-layout {
        margin-top: 3rem !important;
    }
  }

  @media (min-width: 1200px) {
    .chat .chat-sidebar {
        width: 50%;
        min-width: 360px;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}