/* 신포도 오른쪽 버튼 */

a.floating-box-toggle { position:absolute; right:110px; top:-40px; width:50px; height:50px; line-height:50px; border-radius:50%; background-color:#333; color:#fff; text-align:center; font-size:20px; } 
a.floating-box-toggle:hover, .floating-box-toggle.active { background-color:#026dc2; }

.floating-wrap { position: absolute; right: 0; top: 20px; z-index: 20;}
.floating-box{ float: left; width: 50%; }
.floating-box li{ padding: 5px; }
.floating-box li a { position:relative; color:#fff; }
.floating-box li a i { position: absolute; left: 15px; top: 20px; font-size: 20px; display: block;  z-index:10; }

.success-box{width:125px; background: #52b285; border-radius:10px; padding:10px 10px 10px 35px; text-align:center; }
.success-box .status-title{color:#fff;}

/* DB산포도 영역 */
#status-list-form{font-family: 'Spoqa Han Sans Neo'; position: relative; width:99%; margin:0 auto; color:#000;}
#status-list-form strong{font-size: 15px;}
.header-card{width:1250px; margin:0 auto;}
.status-header{margin:35px 0 10px 0; width:100%; position: relative;}
.status-header select{ border:2px solid #e3e3ee; font-family:'Spoqa Han Sans Neo'; height:30px; border-radius:5px; }

/* 초기화 버튼 */
.list-reset-btn{ color:#e80d0d;font-weight:600; cursor:pointer; }

/* 전체/본인 (스위치 버튼) */
.switch-box{display: inline-block; border:2px solid #efefef; background: #efefef; border-radius: 50px; width:90px; position:absolute;}
.switch-box input[type="radio"]{display: none;}
.label-switch{display: block; float:left;}
.identity-select{padding:2px 10px; font-weight: 500; cursor: pointer; color:#999; font-size: 13px;}
.input-chk:checked+.identity-select{background: #1f3ea0; border-radius: 50px; color:#fff; font-weight: 600;}
.label-btn .input-chk { display:none; }

/* 산포도 - 상태칸 영역 */
.date-area{ background:#fff; box-shadow: 0 0 2px 2px #00000020; padding:15px 12px; border-radius: 3px; margin:10px 0 0 0;}
/*.date-area input[type="date"]:nth-child(2){margin-left:8px; margin-right:13px;}*/
#status-list-form .date-default{font-size: 13px; width:114px; border:2px solid #e3e3ee; outline: none; border-radius: 4px; text-align: center; margin-right:13px; padding: 3px 6px; font-family: 'Spoqa Han Sans Neo';}
.date-default:focus{border: 2px solid #1f3ea0;}
.btn-accum{background:#1f3ea0 !important; color:#fff; padding:2px 4.5px !important; font-weight: 400 !important; font-size: 13px !important; cursor: pointer; height:auto; font-family:'Spoqa Han Sans Neo'; }
.btn-orgin{background:#176de4 !important; color:#fff; padding:2px !important; margin-left:2.5px; font-weight:400 !important; font-size:13px !important; height:auto; font-family:'Spoqa Han Sans Neo';}
.btn-orgin.active { background-color:#673ab7 !important; }

/* 카드바디 안에 반토막 카드 */
.card-body .half-card{ width:50%; float:left; padding:10px; position: relative;}
.card-body .half-card:first-child{ border-right:2px dashed #d8dce0; }
.card-body .half-card:nth-of-type(2){  }


/* 매출랭킹 */
.stats_rank2 .switch-label{ border:none; }
.stats_rank2 .switch-label .switch-label-item .name{ color:#fff; font-size:13px; font-weight:400; border-radius:5px; background:#3346c8; padding:7px; margin-right:5px; }
.stats_rank2 .switch-label .switch-label-item .input-chk:checked+.name{ background:#7889ff; font-weight:400; }

.stats_rank2 .btn-primary{ margin-bottom:10px; }
.stats_rank2 .mb-sch-btn{ margin-bottom:10px; }

.stats_rank2 .card-black { width:1430px; margin:15px auto 50px auto; border:none; background:transparent; box-shadow:0 0 10px 2px #000; }
.stats_rank2 .card-black .card-body{ padding:30px 40px; background:#1d1d20; border-radius:5px;}
.stats_rank2 .card-black h2.title{ float:left; line-height:60px; margin-right:12px; }
.stats_rank2 .card-black h2.title a{ color:#fff; font-size:16px; }
.stats_rank2 .card-black .form-group:nth-of-type(2){ background:#37373a; border-radius:5px; padding:15px 20px; }
.stats_rank2 .card-black .form-group:nth-of-type(2) .form-control{ background:#131315; border-color:#6e6e71; color:#fff; text-align:center;}
.stats_rank2 .card-black .form-group:nth-of-type(2) .date-control-btn{ background:#242427; height:30px; padding:7px; font-size:13px; }
.stats_rank2 .card-black .form-group:nth-of-type(2) .date-control-btn.active{ background:#006bff; }
.stats_rank2 .card-black .form-group:nth-of-type(2) .date-control{ color:#fff; }

.stats_rank2 .card-full { border:none; background:transparent; }
.stats_rank2 .card.card-full{ box-shadow:none; }
.stats_rank2 .card.card-full table { background:#fff; width:1880px; margin:0 auto; }
.stats_rank2 .card-full .card-body{ padding:0; border:none; }

/* 팀별매출랭킹 */
.stats_rank2_team_ver  .card-black { width:1430px; margin:15px auto 50px auto; border:none; background:transparent; box-shadow:0 0 10px 2px #000; }
.stats_rank2_team_ver  .card-black .card-body{ padding:30px 40px; background:#1d1d20; border-radius:5px;}
.stats_rank2_team_ver  .card-black h2.title{ float:left; line-height:60px; margin-right:12px; }
.stats_rank2_team_ver  .card-black h2.title a{ color:#fff; font-size:16px; }
.stats_rank2_team_ver  .card-black .form-group:nth-of-type(2){ background:#37373a; border-radius:5px; padding:15px 20px; }
.stats_rank2_team_ver  .card-black .form-group:nth-of-type(2) .form-control{ background:#131315; border-color:#6e6e71; color:#fff; text-align:center;}
.stats_rank2_team_ver  .card-black .form-group:nth-of-type(2) .date-control-btn{ background:#242427; height:30px; padding:7px; font-size:13px; }
.stats_rank2_team_ver  .card-black .form-group:nth-of-type(2) .date-control-btn.active{ background:#006bff; }
.stats_rank2_team_ver  .card-black .form-group:nth-of-type(2) .date-control{ color:#fff; }

.stats_rank2_team_ver  .card-full { border:none; background:transparent; }
.stats_rank2_team_ver  .card.card-full{ box-shadow:none; }
.stats_rank2_team_ver  .card.card-full table { background:#fff; width:1880px; margin:0 auto; }
.stats_rank2_team_ver  .card-full .card-body{ padding:0; border:none; }

/* 매출랭킹 아래 테이블 */
.stats_rank2 .data-table thead{ background:linear-gradient(45deg, #505050 0%, #373737 100%);}
.stats_rank2 .data-table thead tr{ border:none; }
.stats_rank2 .data-table thead tr:first-child th:nth-child(2){ font-size:20px; letter-spacing:4px; position:relative; }
.stats_rank2 .data-table thead tr th{ background:transparent !important; border:1px solid #727272; color:#ffd966; font-size:15px; }
.stats_rank2 .data-table tr th{ padding:10px; }
.stats_rank2 .data-table tr td{ border:1px solid #dedede !important; padding:10px; background:#fff;}

.stats_rank2 .data-bale tr.trdiv td{ border-bottom: 2px solid black; }

.stats_rank2 .data-table tbody tr td.small{ font-size:1em; }

.stats_rank2 .table tbody tr th{ background:#fff; position:relative; }
.stats_rank2 .table tbody tr th.text-right{ padding:20px 10px; }
.stats_rank2 .data-table tbody tr td.intern-amount{ text-align:center; font-size:16px; color:#2597cb; font-weight:600; }
.stats_rank2 .data-table tbody tr.tr-total th{ background:#3346c8; color:#fff; }
.stats_rank2 .data-table tbody tr.tr-total:hover th { text-shadow: 0 0 2px #fff; color:#fff; background:#394494;}
.stats_rank2 .data-table tbody tr.tr-total td{ background:#3346c8; color:#fff;}
.stats_rank2 .data-table tbody tr.tr-total{ background:#3346c8; color:#fff; }
.stats_rank2 .data-table tbody tr.tr-total:hover td{ background:#394494; color:#fff; }
.stats_rank2 .data-table tbody tr:hover th{ color:#3f51b5; background:#f7f7f7; }
.stats_rank2 .data-table tbody tr:hover td{ color:#3f51b5; background:#f7f7f7; }

.stats_rank2 .data-table tr td.td-strong { color:#3346c8; font-weight:500; padding:10px 5px; }
.stats_rank2 .data-table tbody tr.tr-total td.td-strong{ color:#fff475; font-weight:500;}

.stats_rank2 .data-table .sort-btn{ color:#fff; font-weight:400; right:10px; }
.stats_rank2 .data-table tbody tr.tr-total td.td-strong{ color:#fff475; font-weight:500;}
.stats_rank2 .data-table .sort-btn:after{ border:1px solid #fff; width:14px; height:14px; opacity:1; right:-14px; top:4px; background:url(/img/icon/icon_sort1.png) no-repeat 4px 5px; }
.stats_rank2 .data-table .sort-btn.active:after{ background:url(/img/icon/icon_sort2.png) no-repeat 4px 5px; background-color:#ffd966; opacity:1; border-color:#ffd966; }


.stats_rank2 .data-table tbody tr .td-total { font-size:16px; text-align:center; font-weight:600; color:#e91e63; text-shadow:0 0 5px #fff; }

.stats_rank2 select.form-control.exp-month{ width:52px; padding:0; text-align:center;}

.stats_rank2 .card-full .total-cnt-box{ background:#1d1d20; border:1px solid #e9dcce; box-shadow: 0 0 15px 5px #fff2d3; width:1310px; margin:0 auto; padding:20px 0; border-radius:5px; display:flex; justify-content:space-around; }
.stats_rank2 .card-full .total-cnt-box>span{ color:#fff2d3; }
.stats_rank2 .card-full .total-cnt-box>span:first-of-type{ color:#ffde7c; }

.stats_rank2 .card-full .total-cnt-box>span span{ font-family:'LCD2 Light';}
.stats_rank2 .card-full .total-cnt-box>span div{ font-size:16px; line-height:35px; }
.stats_rank2 .card-full .total-cnt-box>span span:nth-of-type(1){ font-size:50px; font-weight:bold; }
.stats_rank2 .card-full .total-cnt-box>span span:nth-of-type(2){ font-size:18px; font-weight:bold; }

.stats_rank2 .total-cnt-ranking{ width:1310px; margin:0 auto; padding:50px 0; display:flex; justify-content:space-around; }
.stats_rank2 .total-cnt-ranking span.img>img{width:77px; border-radius:50%; float:left;}
.total-cnt-ranking span.img>span{ position:absolute; left:150px; }
.total-cnt-ranking span.img>span div{ font-size:18px; }
.total-cnt-ranking span.img>span span{ font-size:26px; font-weight:bold; white-space:nowrap; }
.stats_rank2 .total-cnt-ranking .img{ position:relative; width:320px; }
.stats_rank2 .total-cnt-ranking .gold-place{ background:url(/img/icon/gold_place.png) no-repeat; color:#ffde7c; display:inline-block; padding:26px; }
.stats_rank2 .total-cnt-ranking .silver-place{ background:url(/img/icon/silver_place.png) no-repeat; color:#f2f3f3; display:inline-block; padding:26px; }
.stats_rank2 .total-cnt-ranking .bronze-place{ background:url(/img/icon/bronze_place.png) no-repeat; color:#f9cd9b; display:inline-block; padding:26px; }
.stats_rank2 ::-webkit-calendar-picker-indicator{ filter:invert(1) }

.stats_rank2_team_ver  .total-cnt-ranking{ width:1310px; margin:0 auto; padding:50px 0; display:flex; justify-content:space-around; }
.stats_rank2_team_ver  .total-cnt-ranking span.img>img{width:77px; border-radius:50%; float:left;}
.stats_rank2_team_ver  .total-cnt-ranking span.img>span{ position:absolute; left:150px; }
.stats_rank2_team_ver  .total-cnt-ranking span.img>span div{ font-size:18px; }
.stats_rank2_team_ver  .total-cnt-ranking span.img>span span{ font-size:26px; font-weight:bold; white-space:nowrap; }
.stats_rank2_team_ver  .total-cnt-ranking .img{ position:relative; width:320px; }
.stats_rank2_team_ver  .total-cnt-ranking .gold-place{ background:url(/img/icon/gold_place.png) no-repeat; color:#ffde7c; display:inline-block; padding:26px; }
.stats_rank2_team_ver  .total-cnt-ranking .silver-place{ background:url(/img/icon/silver_place.png) no-repeat; color:#f2f3f3; display:inline-block; padding:26px; }
.stats_rank2_team_ver  .total-cnt-ranking .bronze-place{ background:url(/img/icon/bronze_place.png) no-repeat; color:#f9cd9b; display:inline-block; padding:26px; }
.stats_rank2_team_ver  ::-webkit-calendar-picker-indicator{ filter:invert(1) }