@charset "UTF-8";
.xf-menu-container {
  background-color: #000;
  height: 100vh;
  position: fixed;
  width: 400px;
  z-index: 10;
}

.xf-view-container {
  margin-left: 400px;
}

.xf-battles-menu-wrap {
  overflow: auto;
}

.xf-component-container {
  padding: 0 32px 32px;
}

.xf-component-container.xf-no-tab-container {
  padding-top: 32px;
}

.xf-battles-menu-wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.xf-battles-menu-wrap::-webkit-scrollbar-button:start:decrement, .xf-battles-menu-wrap::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 10px;
}

.xf-battles-menu-wrap::-webkit-scrollbar-track {
  border-radius: 10px;
}

.xf-battles-menu-wrap::-webkit-scrollbar-thumb {
  height: 50px;
  width: 50px;
  background-color: rgba(230, 44, 37, 0.7);
  border-radius: 8px;
}

/* 배틀 인트로  */
.xf-manage-battle-intro {
  background-color: #000;
  padding: 170px 20px;
  max-width: 556px;
  min-width: 460px;
  margin: 0 auto;
}

.xf-manage-battle-intro .battle-intro-tit {
  font-size: 30px;
  font-weight: 300;
  color: #fff;
  line-height: 42px;
  letter-spacing: -0.8px;
  text-align: center;
  margin: 0 0 32px;
}

.xf-manage-battle-intro .battle-create .battle-create-btn {
  margin: 0 auto;
  border-radius: 4px;
  background-color: #e62c25;
  display: block;
  width: 240px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 28px;
  padding: 20px;
  text-decoration: none;
  text-align: center;
}

.xf-manage-battle-intro .battle-intro-desc {
  margin-top: 70px;
  text-align: center;
}

.xf-manage-battle-intro .battle-intro-desc .intro-desc-text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: -0.4px;
  margin: 0;
}

.xf-manage-battle-intro .battle-intro-desc .intro-desc-text a {
  color: #5496ff;
  text-decoration: none;
}

/*  */
.xf-battle-manage-menu-title {
  position: relative;
  padding: 15px;
}

.xf-battle-manage-menu-title .xf-battle-manage-menu-title-inner {
  position: relative;
}

.xf-battle-manage-menu-title .xf-battle-manage-menu-title__text {
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  line-height: 28px;
  margin: 0;
  padding-left: 32px;
  background-image: url(../img/battlica-logo-icon.png);
  background-size: 19px 27px;
  background-repeat: no-repeat;
}

.xf-battle-manage-menu-title .battle-create-btn {
  position: absolute;
  right: 0;
  top: -2px;
  border-radius: 4px;
  background-color: #e62c25;
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  color: #fff;
  line-height: 20px;
  padding: 6px 12px;
  text-decoration: none;
  text-align: center;
}

/* 배틀목록 ,탭 sort  */
.xf-battles-manage-top {
  padding: 0 15px 20px;
}

.xf-battles-manage-top::after {
  content: '';
  display: block;
  clear: both;
}

.xf-battles-manage-top .battles-status-sort .status-sort-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #3d3c3c;
  border-radius: 4px;
  overflow: hidden;
}

.xf-battles-manage-top .battles-status-sort .status-sort-list::after {
  content: '';
  display: block;
  clear: both;
}

.xf-battles-manage-top .battles-status-sort .status-sort-list li + li {
  border-left: 1px solid  #3d3c3c;
}

.xf-battles-manage-top .battles-status-sort .status-sort-list .status-sort-item {
  padding: 0;
  width: 25%;
}

.xf-battles-manage-top .battles-status-sort .status-sort-list .status-sort-item.on .status-sort-btn {
  background-color: #e62c25;
  color: #fff;
}

.xf-battles-manage-top .battles-status-sort .status-sort-list .status-sort-item.on .status-sort-btn:hover {
  color: #fff;
}

.xf-battles-manage-top .battles-status-sort .status-sort-list .status-sort-item .status-sort-btn {
  text-align: center;
  display: block;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  line-height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 9px 2px;
}

.xf-battles-manage-top .battles-status-sort .status-sort-list .status-sort-item .status-sort-btn:hover {
  color: rgba(255, 255, 255, 0.7);
}

/* //배틀목록 ,탭 sort  */
.xf-manage-search-box {
  margin-bottom: 5px;
}

.xf-manage-search-box.header-search-box {
  width: 100%;
}

.xf-manage-search-box.header-search-box .search-form .search-input {
  background-color: #1c1c1c;
}

.xf-battles-manage-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -4px;
  margin-right: -4px;
}

.xf-battles-manage-select .select-wrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 4px;
}

.xf-battles-manage-select .select-wrap .form-group {
  margin-bottom: 0;
}

.xf-battles-manage-select .select-wrap .xf-input {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
  border-radius: 4px;
}

.xf-menu-list {
  border-top: 1px solid #333;
}

.xf-menu-list .xf-menu--box {
  border-bottom: 1px solid #333;
}

.xf-menu-list .xf-menu--box.list-accepting.active .xf-battle-manage-btn {
  background-color: #ff4b44;
}

.xf-menu-list .xf-menu--box.list-accepting.active .xf-battle-manage-btn .battle-manage-info .admin-user-box .admin-user {
  color: #fff;
}

.xf-menu-list .xf-menu--box.list-accepting.active .xf-battle-manage-btn .battle-manage-info .item-status-box .item-status-list.status-accepting {
  background-color: #fff;
  color: #ff4b44;
}

.xf-menu-list .xf-menu--box.list-proceeding.active .xf-battle-manage-btn {
  background-color: #4779ff;
}

.xf-menu-list .xf-menu--box.list-proceeding.active .xf-battle-manage-btn .battle-manage-info .admin-user-box .admin-user {
  color: #fff;
}

.xf-menu-list .xf-menu--box.list-proceeding.active .xf-battle-manage-btn .battle-manage-info .item-status-box .item-status-list.status-proceeding {
  background-color: #fff;
  color: #4779ff;
}

.xf-menu-list .xf-menu--box.list-over .xf-battle-manage-btn {
  opacity: 0.4;
}

.xf-menu-list .xf-menu--box.list-over.active .xf-battle-manage-btn {
  opacity: 1;
  background-color: #404040;
}

.xf-menu-list .xf-menu--box.list-over.active .xf-battle-manage-btn .battle-manage-info .admin-user-box .admin-user {
  color: #fff;
}

.xf-menu-list .xf-menu--box.list-over.active .xf-battle-manage-btn .battle-manage-info .item-status-box .item-status-list.status-over {
  background-color: #fff;
  color: #404040;
}

.xf-battle-manage-btn {
  padding: 15px;
  display: block;
  text-decoration: none;
  position: relative;
}

.xf-battle-manage-btn:hover {
  background-color: #333 !important;
}

.xf-battle-manage-btn .battle-manage-img {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 2px;
}

.battle-manage-info {
  margin-left: 50px;
  padding-left: 32px;
}

.battle-manage-info .admin-user-box {
  margin-bottom: 5px;
}

.battle-manage-info .admin-user-box .admin-user {
  font-size: 15px;
  font-weight: 500;
  color: #5496ff;
  letter-spacing: -0.5px;
  display: block;
  line-height: 22px;
}

.battle-manage-info .battle-info-tit {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: -0.4px;
  line-height: 22px;
}

.battle-manage-info .item-status-box {
  margin-top: 12px;
}

.battle-manage-info .item-status-box .item-status-list {
  display: inline-block;
  padding: 2px 8px;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.4px;
  border-radius: 11px;
}

.battle-manage-info .item-status-box .item-status-list.status-accepting {
  background-color: #ff4b44;
}

.battle-manage-info .item-status-box .item-status-list.status-over {
  color: rgba(255, 255, 255, 0.6);
  background-color: #404040;
}

.battle-manage-info .item-status-box .item-status-list.status-proceeding {
  background-color: #4779ff;
}

/* 상단 탭 상태바 */
.xf-content-head {
  padding: 18px 0;
  padding-right: 8px;
  background-color: #292929;
}

.xf-content-head .battle-manage-info {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.xf-content-head .battle-manage-info .item-status-box {
  margin: 0;
}

.xf-content-head .battle-manage-info .admin-user-box {
  margin-left: 16px;
  margin-right: 8px;
  margin-bottom: 0;
}

.xf-content-head .battle-manage-info .battle-head-tit {
  margin: 0;
}

/* 상단 탭 메뉴 */
.xf-setting-menu-wrap {
  padding: 0 32px;
  margin-top: 32px;
  margin-bottom: 18px;
  overflow: hidden;
}

.xf-setting-menu-wrap .xf-setting-menu-box {
  /* display: flex;
        white-space:nowrap; */
  float: left;
  display: block;
  font-size: 0;
  white-space: nowrap;
  position: relative;
}

.xf-setting-menu-wrap .xf-setting-menu-box .xf-setting-menu-list {
  display: inline-block;
}

.xf-setting-menu-wrap .xf-setting-menu-box .xf-setting-menu-list.active .setting-btn-link {
  color: #fff;
  border-bottom: 1px solid white;
}

.xf-setting-menu-wrap .xf-setting-menu-box .setting-btn-link {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: rgba(255, 255, 255, 0.3);
  text-decoration: none;
  padding: 16px 28px;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 1400px) {
  .xf-menu-container {
    width: 330px;
  }
  .xf-view-container {
    margin-left: 330px;
  }
  .xf-setting-menu-wrap .xf-setting-menu-box .setting-btn-link {
    padding: 16px 20px;
  }
}

/* 배틀관리 대회 승패  */
.xf-match-content-item.battle-lose {
  opacity: 0.3;
}

.xf-match-content-item.battle-win span {
  font-weight: 700;
  color: #5496ff;
}

/* 알림보내기 */
.notice-form-desc {
  padding-left: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}

.xf-notice-box {
  max-width: 760px;
}

.xf-notice-item .form-group-inline-input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.xf-notice-item .xf-input-mini {
  width: 80px;
}

.xf-notice-item .form-group-inline-button {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -4px;
  margin-right: -4px;
}

.xf-notice-item .form-group-inline-button .base-btn {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 4px;
}

.xf-notice-item label {
  width: 160px;
  min-width: 160px;
  color: rgba(255, 255, 255, 0.6);
}

.xf-notice-item .checkboxWrap {
  width: 270px;
}

.xf-notice-item .checkboxWrap .checkbox input {
  margin-right: 8px;
}

.xf-notice-item .checkboxWrap .checkbox + .checkbox {
  padding-top: 4px;
}

.xf-notice-item .checkboxWrap label {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.5px;
}

.xf-notice-item .form-btn-desc {
  margin-top: 4px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: -0.4px;
  width: 100%;
  display: block;
}

/*# sourceMappingURL=manage.css.map */