@charset "UTF-8";
/* 모바일에서 적용되어야 할 css 코드 */
@media screen and (hover: none) and (pointer: coarse) {
  #mainTitleText {
    font-size: 20px !important;
  }
  /* gameCriteria 페이지 스타일 코드 */
  .input-group-prepend > span {
    font-size: 12px;
    padding: 0px;
  }
  .input-group-text.custom-select-sm {
    height: auto;
  }
  .input-group-prepend.select-Title {
    width: 55px;
  }
  .p-dropdown .p-dropdown-label {
    font-size: 12px;
  }
  .p-multiselect.p-component.p-inputwrapper {
    font-size: 12px;
    overflow: hidden;
  }
  .form-control > span {
    font-size: 12px;
    margin-left: 2px !important;
  }
  .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
    overflow: hidden;
  }
  .multiCheckbox-Title > span {
    white-space: normal;
  }
  /* gameList 페이지 스타일 코드 */
  .inner-table > tbody > tr > td {
    font-size: 10px;
    padding: 3px !important;
  }
  .form-select {
    height: 30px;
    padding: 5px !important;
    font-size: 12px !important;
  }
  .title.title-main {
    font-size: 12px;
    padding: 7px 0px 7px 0px !important;
  }
  .selectedVideoTypes {
    height: auto !important;
  }
  /* videoList 페이지 스타일 코드 */
  #clipDetailTable > tbody > tr > td {
    font-size: 10px;
  }
  .game-info, .turn-info, .player-info {
    font-size: 9px;
  }
  #videoTitleTable > tbody > tr > th {
    font-size: 9px !important;
  }
  #videoClipTitle {
    height: 35px !important;
  }
  #videoTextArea {
    font-size: 10px !important;
    padding: 1px 0px !important;
  }
  #videoTextDiv {
    height: 20px !important;
  }
  #switchArea > div {
    float: none !important;
    margin-left: 0px !important;
  }
  #playingTypeBtnArea {
    margin-top: 10px;
  }
  #fullScreenBtn {
    margin-top: 10px;
  }
  /* TopBar 스타일 코드 */
  .navbar.navbar-expand.navbar-light.topbar.mb-4.static-top.shadow {
    height: 55px;
  }
  #loginContainer {
    padding-top: 45px !important;
  }
}
/* 태블릿 가로 스타일 코드 */
@media (min-width: 992px) and (max-width: 1199px) {
  .multiCheckbox > span {
    white-space: normal !important;
  }
}
/* 테블릿 세로 스타일 코드 */
@media (min-width: 768px) and (max-width: 991px) {
  .multiCheckbox > span {
    white-space: normal !important;
  }
}
/* pc에서 화면 폭이 좁을 경우 */
@media (max-width: 1380px) {
  #switchArea > div {
    float: none !important;
    margin-left: 0px !important;
  }
  #playingTypeBtnArea {
    margin-top: 10px;
  }
  #fullScreenBtn {
    margin-top: 10px;
  }
}/*# sourceMappingURL=hiball_mobile_style.css.map */