@charset "UTF-8";
@font-face {
  font-family: "NanumGothic";
  src: url("../font/NanumGothic.eot");
  src: url("../font/NanumGothic.eot?#iefix") format("embedded-opentype"), url("../font/NanumGothic.woff") format("woff"), url("../font/NanumGothic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MS PGothic";
  src: local("MS PGothic");
  font-weight: normal;
  font-style: normal;
}
div:lang(ko) {
  font-family: NanumGothic;
}

div:lang(en) {
  font-family: NanumGothic;
}

div:lang(jp) {
  font-family: "MS PGothic", Osaka;
}

.bar {
  width: 100%;
  height: 3px;
  background-color: #0000ff;
}

a {
  color: #444;
}

a:link, a:visited, a:hover, a:focus, a:active {
  /* text-decoration: none; */
}

table th {
  text-align: center;
  background: #f6f6f6;
}

.header-wrap {
  background: #fafafa;
  height: 65px;
}

.topBar li p {
  cursor: pointer;
  font-weight: bold;
  font-size: 130%;
  color: #888D94;
}

.topBar li p:hover {
  cursor: pointer;
  font-size: 130%;
  font-weight: bold;
  color: #000;
}

/* main config bar */
.main_config {
  overflow: hidden;
  margin-top: 10px;
  padding: 0px;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
}

.main_config span {
  padding: 5px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}

.main_config .config_left {
  float: left;
  padding-right: 10px;
}

.main_config .config_right {
  float: right;
  padding-left: 10px;
}

/* // main config bar */
/* function navigation bar */
.func_navbar {
  background: #f0f0f0 url(../images/design/gnb_bgline.gif) repeat-x 0 100%;
  border: none;
  padding-left: 0px;
  border-radius: 0;
  box-shadow: none;
  min-height: 30px;
}

.func_navbar .func_bar {
  padding-left: 0px;
}

.func_navbar .comm_func_bar {
  padding: 0px;
}

.func_navbar .comm_func_bar li {
  height: 25px;
  padding: 3px 5px 3px 5px;
  color: #000;
  font-size: 14px;
}

.func_navbar .comm_func_bar li p:hover {
  cursor: pointer;
  color: #808080;
}

.func_navbar .comm_func_bar li p .active {
  color: #ff0000;
}

.func_navbar .comm_func_bar li p .active:hover {
  color: #808080;
}

.func_navbar .func_list {
  height: 30px;
  padding: 2px;
}

.func_list li > a {
  height: 25px;
  padding: 3px 10px 3px 10px;
  display: block;
  text-align: center;
  color: #000;
  font-weight: 600;
  font-size: 12px;
  font-family: "나눔고딕", NanumGothic;
}

.func_list li > a.testcc {
  height: 25px;
  padding: 3px 10px 3px 10px;
  display: inline-block;
  text-align: center;
  color: #000;
  font-weight: 600;
  font-size: 12px;
  font-family: "나눔고딕", NanumGothic;
}

/* // function navigation bar */
/* criteria view */
.criteria_wrapper {
  border: 1px solid #cecece;
  padding: 0px;
}

.criteria_wrapper div.inline {
  margin: 0 5px 0 5px;
  vertical-align: middle;
  position: relative;
  float: left;
}

table.criteria_table {
  width: 100%;
  border: 0px;
}

table.criteria_table tr td {
  padding: 2px;
}

table.criteria_table button.action_btn {
  width: 100%;
}

table.criteria_table div.selectGames * {
  padding: 0px 5px 0px 5px;
  height: 40px;
  font-size: 12px;
  font-family: "나눔고딕", NanumGothic;
  font-weight: bold;
}

table.criteria_table div.selectGames span:hover {
  background-color: #808080;
  color: #fff;
}

table.criteria_table table th {
  width: 60px;
  font-size: 14px;
  font-family: "나눔고딕", NanumGothic;
  font-weight: bold;
  border: 1px solid #cecece;
}

div.btn-group button {
  height: 25px;
  padding: 0px 8px 0px 8px;
  font-size: 13px;
  font-family: "나눔고딕", NanumGothic;
  font-weight: bold;
}

.criteria_btn_wrapper {
  padding: 0px 5px 2px 5px;
}

.criteria_btn_wrapper span {
  padding: 0 5px 0px 5px;
  color: #808080;
}

.criteria_btn_wrapper span:hover {
  color: #800000;
}

/* // criteria view */
/* legend wrapper */
div.legend_wrapper {
  padding: 5px 5px 5px 5px;
  margin: 5px 0px 15px 0px;
  border: 1px solid #cecece;
}

div.ball_type_legend, div.hit_type_legend {
  height: 40px;
  padding: 0px;
}

/* // legend wrapper */
/* contents part */
.contents_wrapper {
  padding: 0px;
}

.contents_wrapper div#content {
  padding: 0px;
}

.display_wrapper {
  padding-top: 10px;
}

span.display_gameinfo {
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  font-family: "나눔고딕";
}

span.display_data {
  font-size: 20px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  font-family: "나눔고딕", NanumGothic;
}

/* // contents part */
/* playing Chart */
.playing_chart_wrapper {
  padding-left: 5px;
}

.playing_chart {
  padding: 0px;
  margin: 0px auto;
}

.playing_chart div {
  padding: 0px;
  margin: 0px auto;
}

div.playing_chart_title {
  height: 100%;
  border: 1px solid #c3c3c3;
  padding: 2px 0 2px 0;
  font: 11px "나눔고딕", NanumGothic, ng, dotum, "돋움", Tahoma, Sans-serif;
  color: #000;
  -webkit-text-size-adjust: none;
  font-weight: bold;
}

div.hitting_chart div table {
  width: 100%;
  text-align: center;
  font: 11px "나눔고딕", NanumGothic, ng, dotum, "돋움", Tahoma, Sans-serif;
  color: #000000;
  -webkit-text-size-adjust: none;
  font-weight: bold;
  border-top: 1px outset black;
  border-bottom: 1px outset black;
  border-left: 1px outset black;
  border-right: 1px outset black;
}

div.hitting_chart div table td {
  padding: 0px;
}

div.hitting_chart div table td.bot-rig-border {
  padding: 0px;
  border-top: 0px outset #808080;
  border-left: 0px outset #808080;
  border-bottom: 1px outset #808080;
  border-right: 1px outset #808080;
}

div.playing_chart_content div table td.bot-rig-border {
  padding: 0px;
  border-top: 0px outset #808080;
  border-left: 0px outset #808080;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
}

div.playing_chart_content div table td.bot-border {
  padding: 0px;
  border-top: 0px outset #808080;
  border-left: 0px outset #808080;
  border-right: 0px outset #808080;
  border-bottom: 1px solid #808080;
}

div.playing_chart_content div table {
  width: 100%;
  text-align: center;
  font: 11px "나눔고딕", NanumGothic, ng, dotum, "돋움", Tahoma, Sans-serif;
  color: #000000;
  -webkit-text-size-adjust: none;
  font-weight: bold;
  border: 1px outset #000;
}

div.playing_chart_content div table.changedInning {
  border: 1px outset #000;
  border-bottom: 3px solid #ff0000;
}

div.playing_chart_content div table.changedPlayer {
  border: 1px outset #000;
  border-left: 3px solid #00ff00;
}

div.playing_chart_content div table.changedInningAndPlayer {
  border: 1px outset #000;
  border-bottom: 3px solid #ff0000;
  border-left: 3px solid #00ff00;
}

div.playing_chart_content div table.notFinishedAb {
  border: 3px outset #0000ff;
}

/* //playing chart */
/* Grid Css */
div.title_box {
  border: 1px solid #c3c3c3;
  padding: 2px 0 2px 0;
  margin-bottom: 10px;
  font: 20px "나눔고딕", NanumGothic, ng, dotum, "돋움", Tahoma, Sans-serif;
  color: #000;
  -webkit-text-size-adjust: none;
  font-weight: bold;
  text-align: center;
}

table.grid tbody tr td:hover {
  background-color: #cccccc !important;
}

table.matrixRecord {
  width: 100%;
  padding: 0px;
}

table.matrixRecord tr th {
  border: 0.5px solid #c3c3c3;
  height: 25px;
  font: 11px "나눔고딕", NanumGothic, ng, dotum, "돋움", Tahoma, Sans-serif;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

table.matrixRecord tr td {
  border: 0.5px solid #c3c3c3;
  height: 25px;
  font: 11px "나눔고딕", NanumGothic, ng, dotum, "돋움", Tahoma, Sans-serif;
  color: #000000;
  text-align: center;
}

table.innerTable {
  border: 0px;
  width: 100%;
}

table.innerTable tr td {
  border: 0.2px solid #c3c3c3;
  width: 20%;
  height: 25px;
}

table.innerTable tr th {
  border: 0.2px solid #c3c3c3;
  padding-top: 1px;
  padding-bottom: 1px;
  width: 20%;
  height: 25px;
}

/* //board Style */
#batterRecordBoard .jqx-widget-header {
  font-size: 11px;
  float: center;
}

#batterRecordBoard .jqx-grid-cell {
  font-size: 11px;
}

#batterRecordBoard .jqx-grid-cell-pinned {
  font-size: 10px;
  margin: 0;
  padding: 0;
}

#batterSwingRecordBoard .jqx-widget-header {
  font-size: 11px;
  float: center;
}

#batterSwingRecordBoard .jqx-grid-cell {
  font-size: 11px;
  width: 50px;
  margin: 0;
  padding: 0;
}

#batterSwingRecordBoard .jqx-grid-cell-pinned {
  font-size: 10px;
}

/* statusrow가 왼쪽으로 1px씩 깨지는 현상 해결*/
[id*=statusrow] {
  left: 1px;
}

#pitcherRecordBoard .jqx-widget-header {
  font-size: 11px;
  width: 50px;
  text-align: center;
}

#pitcherRecordBoard .jqx-grid-cell {
  font-size: 11px;
  width: 50px;
}

#pitcherRecordBoard .jqx-grid-cell-pinned {
  font-size: 10px;
}

#catcherRecordBoardByCountType .jqx-widget-header {
  font-size: 11px;
  width: 50px;
  text-align: center;
}

#catcherRecordBoardByCountType .jqx-grid-cell {
  font-size: 11px;
  width: 50px;
}

#catcherRecordBoardByCountType .jqx-grid-cell-pinned {
  font-size: 10px;
}

#catcherRecordBoardBybatterType .jqx-widget-header {
  font-size: 11px;
  width: 50px;
  text-align: center;
}

#catcherRecordBoardBybatterType .jqx-grid-cell {
  font-size: 11px;
  width: 50px;
}

#catcherRecordBoardBybatterType .jqx-grid-cell-pinned {
  font-size: 10px;
}

#pitcherRecordBoardByCountType .jqx-widget-header {
  font-size: 11px;
  width: 50px;
  text-align: center;
}

#pitcherRecordBoardByCountType .jqx-grid-cell {
  font-size: 11px;
  width: 50px;
}

#pitcherRecordBoardByCountType .jqx-grid-cell-pinned {
  font-size: 10px;
}

#pitcherRecordBoardBybatterType .jqx-widget-header {
  font-size: 11px;
  width: 50px;
  text-align: center;
}

#pitcherRecordBoardBybatterType .jqx-grid-cell {
  font-size: 11px;
  width: 50px;
}

#pitcherRecordBoardBybatterType .jqx-grid-cell-pinned {
  font-size: 10px;
}

#pitcherRecordBoardByRhand .jqx-widget-header {
  font-size: 9px;
}

#pitcherRecordBoardByRhand .jqx-grid-cell {
  font-size: 9px;
}

#pitcherRecordBoardByRhand .jqx-grid-cell-pinned {
  font-size: 9px;
}

#pitcherRecordBoardByLhand .jqx-widget-header {
  font-size: 9px;
}

#pitcherRecordBoardByLhand .jqx-grid-cell {
  font-size: 9px;
}

#pitcherRecordBoardByLhand .jqx-grid-cell-pinned {
  font-size: 9px;
}

#pitcherRecordBoardByUhand .jqx-widget-header {
  font-size: 9px;
}

#pitcherRecordBoardByUhand .jqx-grid-cell {
  font-size: 9px;
}

#pitcherRecordBoardByUhand .jqx-grid-cell-pinned {
  font-size: 9px;
}

#pitcherRecordBoardTotal .jqx-widget-header {
  font-size: 9px;
}

#pitcherRecordBoardTotal .jqx-grid-cell {
  font-size: 9px;
}

#pitcherRecordBoardTotal .jqx-grid-cell-pinned {
  font-size: 9px;
}

#batterSwingRecordBoard .jqx-widget-header {
  font-size: 10px;
}

#batterSwingRecordBoard .jqx-grid-cell {
  font-size: 10px;
}

#batterSwingRecordBoard .jqx-grid-cell-pinned {
  font-size: 10px;
}

div.box_tbl3 th.header {
  background: #FFFF00;
}

div.box_tbl3 th.header {
  background: #FFFF00;
}

td.nullData {
  background: #C9EFE9;
}

td.highAvg {
  color: red;
}

table.tbl_list.bxtbl {
  width: 99.8%;
  height: 99.8%;
}

div.box_tbl3 td {
  width: 1.5%;
  height: 30px;
  border: 0.1px solid #8C8C8C;
  text-align: center;
  margin: 3px;
  font-size: 10px;
}

div.box_tbl3 th {
  width: 20px;
  border: 1px solid #444444;
  font-size: 10px;
}

table.tbl_list.bxtbl {
  width: 99.8%;
}

div.box_tbl3 td {
  height: 25px;
  border: 0.1px solid #8C8C8C;
  text-align: center;
  margin: 3px;
  font-size: 10px;
}

div.box_tbl3 th {
  border: 1px solid #444444;
  font-size: 10px;
}

div.jqx-widget-header {
  font-family: NanumSquare, "나눔스퀘어";
  font-weight: bold;
}

div.jqx-grid-cell {
  font-family: NanumSquare, "나눔스퀘어";
}

div.jqx-grid-cell-pinned {
  font-family: NanumSquare, "나눔스퀘어";
}

div.jqx-dropdownlist-state-normal {
  width: 20px;
}

#sysColorTable {
  margin-top: 10px;
}

#sysColorTable td {
  padding-right: 10px;
}

/* 투구 & 타격 시작*/
#battingVSPlayerOneChart .col-xs-2 {
  padding: 0px 2px 2px 2px;
  border: 1px solid black;
}

#battingVSPlayerTwoChart .col-xs-2 {
  padding: 0px 2px 2px 2px;
  border: 1px solid black;
}

#detailTable {
  height: 100%;
  table-layout: fixed;
  width: 100%;
}

#detailTable tr {
  border-top: 1px solid #8d8d8d;
}

#detailTable th {
  padding: 5px 3px;
  color: #333;
  font-size: 13px;
  background: #f6f6f6;
}

#detailTable td {
  font-size: 12px;
}

/* 투구 & 타격 끝*/
/* 대전선수별타구분석1 */
table.vsTable {
  width: 100%;
  border-collapse: collapse;
}

table.vsTable td {
  width: 12.5%;
  text-align: center;
}

/* 대전선수별타구분석1 끝*/
/* 좌우구종별투구분석 */
table#zoneTable td.right {
  border: 1px solid red;
  width: 12.5%;
}

table#zoneTable td.left {
  border: 1px solid blue;
  width: 12.5%;
}

/* 좌우구종별투구분석 끝*/
/* subFilterTable */
td.titleName {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

/* subFilterTable 끝*/
/* Detail Criteria css */
label.criteria_label {
  font: 15px "나눔고딕", NanumGothic, ng, dotum, "돋움", Tahoma, Sans-serif;
  -webkit-text-size-adjust: none;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 10px;
}

div.criteria_content {
  font: 15px "나눔고딕", NanumGothic, ng, dotum, "돋움", Tahoma, Sans-serif;
  -webkit-text-size-adjust: none;
  padding: 4px;
  margin-bottom: 10px;
}

/* //Detail Criteria css */
/* jqxGrid row color class */
.yellowClass {
  background-color: gold;
}

.blueClass {
  background-color: deepskyblue;
}

.redClass {
  background-color: #FC9A9D;
}

.yellowClassFont {
  color: orangered;
  background-color: gold;
}

.blueClassFont {
  color: orangered;
  background-color: deepskyblue;
}

.redClassFont {
  color: orangered;
  background-color: #FC9A9D;
}

.redFont {
  color: red;
}

.blueFont {
  color: blue;
}

.blackFont {
  color: black;
}

/* jqxGrid row color class end */
/* menu name */
.menuGrid {
  height: 700px;
  border-left: 1px solid gainsboro;
  padding-right: 0px;
}

ul.menuUl {
  list-style: none;
  padding: 0px;
}

li[name=menu] {
  vertical-align: middle;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

.newMenu {
  color: orange;
}

li[name=menu]:hover {
  background-color: orange;
  color: white;
}

li[name=menu]:hover .newMenu {
  color: white;
}

li[name=configLi].configTop {
  text-align: center;
  padding: 0px 15px 0px 15px;
}

/* // Grid css */
/* Grid 5Items CSS */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
/* // Grid 5Items CSS */
.col-xs-12.reportSlider {
  overflow: hidden;
  position: relative;
}

#reportSliderContainer {
  overflow: hidden;
  position: relative;
}

.container-fluid.item {
  float: left;
  border: 3px solid #fff;
  box-sizing: border-box;
  border-radius: 10px;
  opacity: 4;
}

.timeChange {
  background: #FEE5CE;
  color: #3A3937;
  font-style: italic;
}

.timeNoChange {
  background: white;
  font-style: normal;
}

@media (max-width: 768px) {
  .navbar-header {
    float: left;
  }
  .navbar {
    border-radius: 4px;
    min-width: 400px;
  }
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
  .container {
    min-width: 400px;
  }
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .navbar-static-top {
    border-radius: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
  .navbar-toggle {
    display: none;
  }
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio input[type=radio],
  .navbar-form .checkbox input[type=checkbox] {
    float: none;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
@media (min-width: 767px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
#totalRecord .jqx-widget-header {
  font-size: 11px;
  float: center;
}

#totalRecord .jqx-grid-cell {
  font-size: 10.5px;
}

#totalRecord .jqx-grid-cell-pinned {
  font-size: 11.5px;
  margin: 0;
  padding: 0;
}

#teamRecord .jqx-widget-header {
  font-size: 11px;
  float: center;
}

#teamRecord .jqx-grid-cell {
  font-size: 10.5px;
  width: 50px;
  margin: 0;
  padding: 0;
}

#teamRecord .jqx-grid-cell-pinned {
  font-size: 10px;
}

#pitchInfoArea ::-moz-selection {
  background-color: white;
}

#pitchInfoArea ::selection {
  background-color: white;
}

.pitchInfoArea ::-moz-selection {
  background-color: white;
}

.pitchInfoArea ::selection {
  background-color: white;
}

.header_menu_btn {
  cursor: pointer;
}

.thumbnail_img {
  height: 120px;
  border: 1px solid #F37321;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}

.thumbnail_img > img {
  width: 100%;
  height: 100%;
}

.thumbnail_img.active {
  background: #fbdbcd;
}

.table_title {
  font-size: 16px;
  font-weight: bold;
  margin: 30px 0px 10px 0px;
  display: block;
}

.pitch_cnt {
  font-size: 20px;
  font-weight: bold;
  color: #F47322;
}

.sPitch_cnt {
  font-size: 14px;
  font-weight: bold;
  color: #F47322;
}

.strikeTitle {
  background-image: url(../images/hanwha_analysis/img_01.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  color: #fff;
  display: inline-block;
}

.ballTitle {
  background-image: url(../images/hanwha_analysis/img_02.png);
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  display: inline-block;
}

.ui-selectmenu-menu .ui-menu {
  max-height: 200px;
}

.prev_button {
  background-image: url(../images/hanwha_analysis/left_arrow.png);
  background-repeat: no-repeat;
  background-position: left center;
  height: 30px;
  padding: 0px;
}

.next_button {
  background-image: url(../images/hanwha_analysis/right_arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  height: 30px;
  float: right;
  padding: 0px;
}

.hb_header_container {
  vertical-align: middle;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 65px;
  background-image: url("/src/assets/images/renewal/bg_top.jpg");
  background-repeat: round;
}

.hb_header_menu_container {
  vertical-align: middle;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 48px;
}
.hb_header_menu_container .list-inline a {
  display: block;
  padding: 15px 15px 15px 0px;
  text-align: center;
  color: #868686;
  font-weight: 500;
  font-size: 16px;
}

.hb_header_submenu_container {
  vertical-align: middle;
  background-color: #191c21;
}

.x_overflow {
  white-space: nowrap;
  overflow-x: scroll;
}

.hb_submenu_container {
  position: absolute;
  width: 100%;
  margin-top: -4px;
  background: #fafafa;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #eee;
  z-index: 100;
}

ul {
  list-style: none;
  padding: 0px;
}

.main_menu_item:hover {
  color: #000;
  cursor: pointer;
}

.main_menu_item a {
  text-decoration: none;
}

.main_menu_item:hover a {
  color: #000;
}

.main_menu_item.on a {
  color: #000;
}

.xlsxBtn {
  background-image: url(/src/assets/images/design/excelIcon.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 25px;
  width: 25px;
}

.downBtn {
  float: right;
  text-align: center;
  width: auto;
  height: 25px;
  border: 1px solid #ccc;
  margin: 0px 0px 0px 5px;
  background-color: #fff;
  color: #868686;
  font-size: 12px;
}

.downBtn::before {
  content: "";
  background-image: url(/src/assets/images/icon/ico_download.png);
  width: 10px;
  height: 10px;
  display: inline-block;
  background-size: 10px 10px;
  margin: 0px 5px 0px 0px;
}

.dataFilterDefault {
  text-align: center;
  width: auto;
  height: 25px;
  border: 1px solid #ccc;
  padding: 0px 10px;
}

.dataFilter {
  text-align: center;
  width: auto;
  height: 25px;
  border: 1px solid #ccc;
  padding: 0px 10px;
  background-color: #fff;
  color: #868686;
  font-size: 12px;
}

.dataFilter::before {
  content: "";
  background-image: url(/src/assets/images/icon/ico_filter.png);
  width: 10px;
  height: 10px;
  display: inline-block;
  background-size: 10px 10px;
  margin: 0px 4px 0px 0px;
}

#service_scroll::-webkit-scrollbar {
  height: 10px;
}

#service_scroll::-webkit-scrollbar-track {
  background: #868686;
}

#service_scroll::-webkit-scrollbar-thumb {
  background: #f5f5f6;
  border-radius: 20px;
}

#service_scroll a {
  text-decoration: none;
}
#service_scroll a span {
  padding-left: 11px;
  padding-right: 10px;
  font-size: 16px;
  color: #fff;
}
#service_scroll a span.on {
  color: #fc4e00;
}
#service_scroll a span:hover {
  color: #fc4e00;
}
#service_scroll a:first-child span {
  padding-left: 0px;
}
#service_scroll a:last-child span {
  padding-right: 0px;
}
#service_scroll .header_on {
  content: url(/src/assets/images/renewal/menu_ov_arrow.png);
  position: absolute;
  top: 34px;
  left: 22px;
}

.stat_title_team_player {
  width: 86px;
  padding-top: 10px;
  padding-left: 15px;
  text-align: left;
  float: left;
  border-top: 1px solid #efefef;
  font-size: 12px;
}

.stat_value_team_player {
  width: 68%;
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: middle;
  border-top: 1px solid #efefef;
  float: left;
  padding-left: auto;
  padding-right: auto;
  font-size: 12px;
}

.stat_title {
  width: 15%;
  padding-top: 10px;
  padding-left: 15px;
  text-align: left;
  float: left;
  border-top: 1px solid #efefef;
  font-size: 12px;
}

.stat_value {
  width: 85%;
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: middle;
  border-top: 1px solid #efefef;
  float: left;
  font-size: 12px;
}

.not_border_top {
  border-top: 0px;
}

.special_word {
  display: table-cell;
  vertical-align: middle;
}

ol, ul {
  margin: 0px;
}

.filter-btn::before {
  content: "";
  background-image: url(/src/assets/images/icon/filter_btn.png);
  width: 15px;
  height: 15px;
  display: inline-block;
  background-size: 15px 15px;
  margin: 0px 4px 0px 0px;
}

.filterLoader {
  width: 100%;
  height: 20px;
}

.search_container {
  padding-top: 6px;
  padding-left: 128px;
}

.search_container .search_input {
  border: 0;
  width: 110px;
  background-color: #fff;
  font-size: 12px;
}

.search_input:focus {
  outline: none;
}

.search_container .search_form {
  border: 1px solid #ddd;
  border-radius: 2px;
  width: 164px;
  padding-left: 6px;
  box-sizing: border-box;
  background-color: #fff;
}

.search_player_list_container {
  top: 42px;
  position: absolute;
  z-index: 11;
  width: 200px;
  background-color: white;
  display: none;
  border: 1px solid rgb(142, 143, 145);
  box-sizing: border-box;
}

.search_list_area {
  max-height: 300px;
  overflow-y: auto;
}

.search_player_list_container:hover {
  cursor: pointer;
}

.search_player_list_container .search_player_list_conatiner_title {
  background-color: #dbdbdb;
  font-size: 12px;
  font-weight: 1000;
  color: #666;
  padding: 5px 10px;
}

.search_player_list_container .search_player_item {
  /* padding: 12px 10px;
  width: auto;
  height: auto;
  border-bottom: 1px solid #ddd ; */
  display: block;
  position: relative;
  padding: 12px 10px;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
}

.search_player_list_container .search_player_item.last {
  border-bottom: none;
}

.search_player_item .title {
  margin-bottom: 5px;
}

.search_player_item .content {
  margin: 0px;
}

.language_type_dropdown {
  position: relative;
  display: inline-block;
  max-height: 400px;
  z-index: 30;
}

.language_type_dropdown #language_type_area {
  width: 100px;
  left: -50px;
  /* border: 1px solid rgba(100, 100, 100, .4); */
}

.language_type_header {
  background: #2F3B49;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  padding: 4px;
  text-align: center;
}

.language_type_body {
  padding: 4px;
  /* text-align: center; */
  display: table;
  width: 100%;
}
.language_type_body .left {
  float: left;
  width: 50%;
}
.language_type_body .right {
  float: right;
  width: 50%;
}

.language_type_body .left {
  float: left;
  width: 50%;
}

.language_type_body .right {
  float: right;
  width: 50%;
}

.language_type_body label {
  font-size: 12px;
  font-weight: 300;
}

.language_center {
  text-align: center;
}

.language_box {
  padding: 0px;
}/*# sourceMappingURL=hiball_style.css.map */