@charset "utf-8";

.clearfix {content:'';display:block;clear:both;}
table {border-collapse:collapse;border-spacing:0px;margin:0;padding:0;}

.content-area .detail-content .search-area tbody tr th.image-panel-wrap { padding:0 25px;}
.content-area .detail-content .search-area tbody tr th {width:220px;}
.content-area .detail-content .search-area tbody tr td {width:320px;}

.content-area .detail-content .search-area tbody tr td .radio {width: 14px; height: 14px;}
.content-area .detail-content .search-area tbody tr td label { font-size: 12px; color: #989899; margin: 0 3px;}

.content-area .detail-content .search-area tbody tr { display:table-row;}
.content-area .detail-content .search-area tbody tr.list-title th { text-align:center; }
.content-area .detail-content .search-area tbody tr.list-title td { text-align:center; }
.content-area .detail-content .search-area tbody tr span.title { display:inline-block; width:100px; }
.content-area .detail-content .search-area tbody tr th.right { border-left:1px solid #f5f2f2 }
.content-area .detail-content .search-area tbody tr th a.el-upload-file-name:hover {text-decoration:underline;}
.content-area .detail-content .search-area tbody tr td .textarea{  font-size: 12px; color: #989899; padding:10px; border:1px solid #e7e7e7; margin:10px 0; width:820px; height:130px; }
.content-area .detail-content .search-area tbody tr td select.details { width: 70px;  font-size: 12px; color: #989899; margin:0; }
.content-area .detail-content .search-area tbody tr td select.details > option {  font-size: 11px; color: #989899; }
.content-area .detail-content .search-area tbody tr td input { width: 70px;  font-size: 12px; color: #989899; border:1px solid #e7e7e7; padding-left: 10px;}
.content-area .detail-content .search-area tbody tr td span.detail{  font-size: 12px; color: #989899; padding-left:6px; margin-left:0; }
.content-area .detail-content .search-area tbody tr td select.details {width:70px;  font-size: 12px; color: #989899;}

.content-area .detail-content .list-table { display: inline-block; background-color: #ffffff; border-top: 3px solid #7189ad; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 10px; }
.content-area .detail-content .list-table table { width:100%; }
.content-area .detail-content .list-table table .button-list ul li { display:inline-block; }
.content-area .detail-content .list-table table tbody tr th {  font-size: 13px; font-weight: bold; color: #708aab;height: 35px; background-color: #fdfdfd; border-right: 1px solid #f5f2f2; }

.content-area .detail-content .search-area tbody tr td .textarea { font-size: 12px; color: #989899; padding: 10px; border: 1px solid #e7e7e7; margin: 10px 0; width: 670px; height: 130px; resize:none;}

span.custom-check-box {background:#666;border-radius:15px;padding:4px 6px 4px 10px;color:#fff;cursor:pointer;font-weight:normal;box-shadow:0px 1px 1px #4a4a4a;margin:2px;display:inline-block;position:relative;}
span.custom-check-box > .circle-span {padding:0 5px;background:#fff;border-radius:7px;font-size:10px;}
span.custom-check-box > .check-label {padding:0 3px;font-size:11px;}
span.custom-check-box.checked > .circle-span{background:#dc4f4f;}

.code-wrapper {padding:7px 0;margin:0;width:100%;border-bottom:1px solid #e5e5e5;position:relative;}
.code-wrapper.no-padding {padding:0;}
.code-wrapper.more {min-width:110px;}
.code-wrapper.more:after {content:'';width:0px;height:0px;border:none;border-bottom:8px solid #aaaaaa;border-left:8px solid transparent;position:absolute;bottom:0;right:0;}
.code-wrapper:HOVER {background:#e5e5e5;cursor:pointer;}
.code-wrapper.hide {display:none;}
.content-area .detail-content a.navy{ background:#4b5b8d; }
.content-area .detail-content a.red{ background:#da3b3c; }

span.code-label {display:inline-block;padding:0 12px 0 10px;border:1px solid #d7d7d7;border-radius:3px;font-size:12px;background:#fff;text-align:center;color:#979797;font-weight:bold;margin:0 0 0 2px;}
span.code-label.red {padding:0 4px 0 2px;background:#dc4f4f;border:1px solid #dc4f4f;color:#fff}
span.code-label.red.more {padding:0 4px 0 2px;background:#fff;color:#dc4f4f;border:1px solid #dc4f4f;}
span.code-label.puple {padding:0 4px 0 2px;background:#8f37bd;border:1px solid #8f37bd;color:#fff}
span.code-label.puple.more {padding:0 4px 0 2px;background:#fff;color:#8f37bd;border:1px solid #8f37bd;}
span.code-label.yellow {padding:0 4px 0 2px;background:#e7a824;border:1px solid #e7a824;color:#fff}
span.code-label.yellow.more {padding:0 4px 0 2px;background:#fff;color:#e7a824;border:1px solid #e7a824;}
span.code-label.green {padding:0 4px 0 2px;background:#0f9f12;border:1px solid #0f9f12;color:#fff}
span.code-label.green.more {padding:0 4px 0 2px;background:#fff;color:#0f9f12;border:1px solid #0f9f12;}
span.code-label.sky {padding:0 4px 0 2px;background:#5e9bdf;border:1px solid #5e9bdf;color:#fff}
span.code-label.sky.more {padding:0 4px 0 2px;background:#fff;color:#5e9bdf;border:1px solid #5e9bdf;}
span.code-label.sea {padding:0 4px 0 2px;background:#5c6b99;border:1px solid #5c6b99;color:#fff}
span.code-label.sea.more {padding:0 4px 0 2px;background:#fff;color:#5c6b99;border:1px solid #5c6b99;}

span.code-text {display:inline-block;padding:0 1px;text-align:center;color:#666;margin:0 2px 0 0;font-size:12px;}
span.code-text.bold {font-weight:bold;}

.code-group {position:relative;}
.group-list {display:none;z-index:999;position:absolute;top:30px;background:#666666;width:100%;}

.code-group.active .code-wrapper.more {background:#e5e5e5;}
.code-group.active .code-wrapper.more:after {content:'';border:none;}
.code-group.active .code-wrapper.more ~ .group-list .code-text {color:#fff;}
.code-group.active .code-wrapper.more ~ .group-list .code-wrapper:HOVER .code-text {color:#666;}
.code-group.active .code-wrapper.more ~ .group-list {display:block;}

.image-btn {padding:6px 10px 6px 12px;color:#fff;background:#aaa;font-size:11px;border-radius:3px;margin:0 5px;cursor:pointer;font-weight:normal;margin:0;}
.image-btn.big {padding:10px 15px;font-size:13px;}
.image-btn > span {padding:1px 2px 0;background:#fff;color:#aaa;vertical-align:middle;}
.image-btn > img {min-width:6px;min-height:6px;vertical-align:middle;background:inherit;}
.image-btn.big > span {padding:0px 3px;background:#fff;color:#aaa;vertical-align:middle;}
.image-btn.big > img {padding:1px 2px;vertical-align:middle;}
.image-panel-alert {color:#b31818; font-size:12px; margin-top:10px; font-weight: normal}

.image-btn.left {float:left;}
.image-btn.right {float:right;}

.tab-team-name {background:none;font-size:15px;font-weight:bold;color:#aaa;padding:5px 7px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.tab-team-name.red {color:#dc4f4f;}
.tab-team-name.sea {color:#5c6b99;}
/* .batter-record-area > .team-tab-area > div.team-tab:HOVER .tab-team-name {color:#fff;} */
.batter-record-area > .team-tab-area > div.team-tab.active:HOVER .tab-team-name.red {color:#dc4f4f;}
.batter-record-area > .team-tab-area > div.team-tab.active:HOVER .tab-team-name.sea {color:#5c6b99;}

.current-possesion {padding:3px 5px;color:#aaa;background:#fff;font-size:11px;border-radius:3px;border:1px solid #aaa;margin:0 5px;}
.current-possesion.red {color:#dc4f4f;border:1px solid #dc4f4f;}
.current-possesion.sea {color:#5c6b99;border:1px solid #5c6b99;}
.current-possesion.left {float:left;}
.current-possesion.right {float:right;}

/* 버튼영역 */
div.btn-wrapper {width:96%;padding-top:10px;display:block;text-align:right;background:inherit; margin:0 auto;}
div.btn-wrapper.left {text-align:left;}
div.btn-wrapper.center {text-align:center;}
div.btn-wrapper.right {text-align:right;}
div.btn-wrapper .image-upload-btn {margin:0 !important;}


/* 경기결과 영역*/
.game-result-area {background:#fff;display:flex;width:1104px;min-height:150px;border:none;}
.game-result-area > .game-result-left-menu {width:130px;height:100%;float:left;}
.game-result-area > .game-result-left-menu > .left-body-menu {width:100%;min-height:150px;border-right:none;display:block;}
.game-result-area > .game-result-left-menu > .left-body-menu > .game-result-menu-ul {width:100%;display:block;padding:0;margin:0;}
.game-result-area > .game-result-left-menu > .left-body-menu > .game-result-menu-ul > .game-result-menu-li {padding:26px 7px;display:block;margin:0;text-align:center;background:#eee;border:1px solid #eee;border-left:2px solid #666;cursor:pointer;border-radius:3px;}
.game-result-area > .game-result-left-menu > .left-body-menu > .game-result-menu-ul > .game-result-menu-li > a {text-decoration:none;font-weight:bold;color:#666;}
.game-result-area > .game-result-left-menu > .left-body-menu > .game-result-menu-ul > .game-result-menu-li:HOVER {background:#c5c5c5;border-right:1px solid #fff;}
.game-result-area > .game-result-left-menu > .left-body-menu > .game-result-menu-ul > .game-result-menu-li.active {background:#fff;border-right:1px solid #fff;border-left:2px solid #5e9bdf;}

.game-result-area > .game-result-content-area {width:1100px;min-height:250px;float:left;border:1px solid #eee;border-top:1px solid #eee;padding:10px 2px;}
.game-result-area > .game-result-content-area .game-result-content.hide {display:none;}
.umpire-type {width:100px;min-height:100px;padding:3px;float:left;}
.select-umpire {width:780px;min-height:100px;padding:3px;float:left;}
.select-recorder {width:140px;min-height:100px;padding:3px;float:left;}

table.mvp-table {width:100%;padding:0;margin:0;}
table.mvp-table thead tr th {min-width:80px;padding:6px;margin:0;font-size:13px;background:#fff;border:1px solid #f2f2f2;border-bottom:1px solid #e5e5e5;text-align:center;border-top:3px solid #1f1f1f;font-weight:bold;}
table.mvp-table thead tr th.red {border-top:3px solid #dc4f4f;}
table.mvp-table thead tr th.sea {border-top:3px solid #5c6b99;}
table.mvp-table thead tr th.sky {border-top:3px solid #5e9bdf;}

table.mvp-table tbody tr td {min-width:80px;padding:6px;margin:0;font-size:13px;background:#fff;border:1px solid #f2f2f2;border-bottom:1px solid #e5e5e5;text-align:center;font-weight:normal;}
table.mvp-table tbody tr td.mvp-title {font-weight:bold;}
table.mvp-table tbody tr td textarea.mvp-comment {width:95%;margin: 0 auto;height:100px;resize: none;overflow:auto;font-size:13px;}

.save-highlight {width:900px;margin:0 auto;background:#fff;min-height:253px;display:flex;}
div.image-panel {width:185px;height:185px;margin:0 auto;padding:20px 0; text-align:center; position:relative;}
div.image-panel > img {position:absolute; top:0; left:0; width:185px; height:185px; border:1px solid #e2e2e2;}

div.highlight-list-area {padding:10px 0 0;}
div.highlight-list-area:nth-child(1) {padding:0;}
div.highlight-list-area .highlight-list { padding:4px; border:1px solid #e5e5e5;border-left:3px solid #5e9bdf;border-radius:3px;text-align:center;padding:8px;min-height:30px;}
div.highlight-list-area .highlight-list > div {float:left;display:inline-block;padding:8px;}
div.highlight-list-area .highlight-list > div.highlight-no {font-weight:bold;}
div.highlight-list-area .highlight-list > div.highlight-type {font-weight:bold;width:10%;padding-left:0;}
div.highlight-list-area .highlight-list > div.highlight-input {padding:0; width:83%;}
div.highlight-list-area .highlight-list > div.highlight-input input.highlight-link {width:100%; border:1px solid #eee;height:35px;font-size:13px;padding:0 5px;}
div.highlight-list-area .highlight-list > div.highlight-remove {width:7%;padding:0;text-align:center;}
div.highlight-list-area .highlight-list > div.highlight-remove span {padding: 0; height: 35px;line-height: 35px; width:100%; border-radius: 0 3px 3px 0; margin:0;}
div.highlight-list-area .no-highlight { padding:4px; border:1px solid #e5e5e5;border-left:3px solid #5e9bdf;border-radius:3px;text-align:center;padding:10px;}

/* 컴포넌트 */
.selected-umpire-type {float:left;width:75px;padding:5px 10px;background:#f7f7f7;font-size:13px;font-weight:bold;border:1px solid #eee;border-left:3px solid #5e9bdf;border-radius:3px;margin:0 5px;}

.umpire-box {float:left;width:120px;padding:3px;background:#f7f7f7;font-size:13px;font-weight:bold;border:1px solid #eee;border-top:3px solid #5e9bdf;border-radius:3px;margin:0 1px;}
.umpire-box .divider {width:100%;height:1px;clear:both;background:#dcdcdc;margin:3px 0;}
.umpire-box .selected-img {width:120px;height:110px;border:1px solid #dcdcdc;}
.umpire-box .selected-img img {width:120px;height:110px;}
.umpire-box.disabled .selected-img {background:url('/web/img/no-record.gif') no-repeat;background-size:100% 100%;}

.select-mvp {width:90%;padding:3px;background:#f7f7f7;font-size:13px;font-weight:bold;border:none;border-radius:3px;margin:0 auto;}

.recorder-box {float:left;width:120px;padding:3px;background:#f7f7f7;font-size:13px;font-weight:bold;border:1px solid #eee;border-top:3px solid #5c6b99;border-radius:3px;margin:0 1px;}
.recorder-box .divider {width:100%;height:1px;clear:both;background:#dcdcdc;margin:3px 0;}
.recorder-box .selected-img {width:120px;height:110px;border:1px solid #dcdcdc;background:#fff;}
.recorder-box .selected-img img {width:120px;height:110px;}

input.el-color-picker.left ~ .sp-replacer {float:left}
input.el-color-picker.right ~ .sp-replacer {float:right}
select.record-select {width:85px;margin:0 auto;background:#fff;color:#868686;border:1px solid #e9e9e9;font-size:13px;}
select.record-select option {background:#fff;color:#868686;font-size:13px;}
input.record-input-text {width:90%;margin:0 auto;color:#868686;border:1px solid #e9e9e9;font-size:15px;padding:3px 4px; background:#f9f9f9;}
input.record-input-score {width:25px;margin:0 auto;color:#666;border:1px solid #d1d1d1;font-size:13px;padding:3px 1px; background:#f9f9f9;text-align:center;font-weight:bold;}
input.record-input-score.disabled {color:#fff;border:1px solid #e9e9e9;background:#9d9d9d;}

.text-btn {padding:6px 12px;color:#fff;background:#aaa;font-size:13px;border:1px solid inherit;border-radius:3px;margin:0 5px;font-weight:bold;cursor:pointer;display:inline-block;}
.text-btn.red {background:#dc4f4f;border:1px solid #dc4f4f;}
.text-btn.sea {background:#5c6b99;border:1px solid #5c6b99;}
.text-btn.yellow {background:#e7a824;border:1px solid #e7a824;}
.text-btn.black {background:#5a5a5a;border:1px solid #5a5a5a;}
.text-btn.green {background:#0f9f12;border:1px solid #0f9f12;}
.text-btn.left {float:left;}
.text-btn.right {float:right;}
.text-btn.big {padding:10px 15px;font-size:13px;}
.text-btn.small {padding:3px 6px;}
.text-btn.reverse {background:#fff;border-color:#aaa;color:#aaa;border:1px solid #aaa;}
.link-btn {margin-left:0;}
.link-btn i {margin-right:5px;}

span.btn-record-remove {padding:3px 5px 3px 3px; background:#777777;border:1px solid #777777;font-size:13px;color:#fff;font-weight:bold;border-radius:2px;box-shadow:0px 1px 1px #4a4a4a;cursor:pointer;}
span.btn-move-innings {padding:5px 6px 5px 5px;background:#8b8b8b;color:#fff;font-size:11px;font-weight:bold;cursor:pointer;border-radius:3px;}
span.btn-move-innings.prev {position:absolute;top:4px;left:3px;}
span.btn-move-innings.next {position:absolute;top:4px;right:3px;}
span.btn-plus {padding:3px 3px 2px 3px;font-size:11px;font-weight:bold;color:#fff;background:#8b8b8b;border-radius:2px;cursor:pointer;}
span.btn-plus.red {background:#dc4f4f;}
span.btn-plus.sea {background:#5c6b99;}
span.btn-plus.active {background:#dc4f4f;}
.btn-move-view {padding:1px 2px 1px 1px;background:#8b8b8b;color:#fff;font-size:11px;font-weight:bold;cursor:pointer;border-radius:3px;display:inline-block;margin:1px 0 0 0;}
.btn-move-view.prev {}
.btn-move-view.next {}
.btn-move-view.hide {display:none;}
.text-area{}

span.record-text {border-bottom:2px solid #fff;color:#666;margin:0 1px;}
span.record-text.hide {display:none;}
span.record-text.red {border-bottom:2px solid #dc4f4f;color:#dc4f4f;}
span.record-text.sea {border-bottom:2px solid #5c6b99;color:#5c6b99;}
span.record-text.puple {border-bottom:2px solid #8f37bd;color:#8f37bd;}
span.record-text.yellow {border-bottom:2px solid #e7a824;color:#e7a824;}
span.record-text.green {border-bottom:2px solid #0f9f12;color:#0f9f12;}
span.record-text.sky {border-bottom:2px solid #5e9bdf;color:#5e9bdf;}

a.btn-color-picker {background: url(/web/img/league/record/icon-color-picker.gif) no-repeat;padding: 0px 4px;}

input.red {color:#dc4f4f !important;}
input.yellow {color:#e7a824 !important;}
input.sea {color:#5c6b99 !important;}
input.green {color:#0f9f12 !important;}
input.sky {color:#5e9bdf !important;}
input.puple {color:#8f37bd !important;}
.hide {display:none !important;}

.text-bold {font-weight:bold;}
.text-yellow {color:#e7a824;}
.text-red {color:#dc4f4f;}
.text-sea {color:#5c6b99;}