.img-coupon {
  background-image: url("/static/result-measure/img/coupon.svg");
  background-size: 60px;
  height: 60px;
  width: 60px;
}

.apexcharts-legend-text {
  white-space: nowrap !important;
}

.tui-grid-layer-focus-deactive .tui-grid-layer-focus-border {
  background-color: transparent !important;
}

.tui-grid-layer-focus-border {
  background-color: transparent !important;
}

.tui-grid-row-odd, .tui-grid-row-even {
  cursor: pointer;
}

.title-bg-lightblue {
  font-weight: 700;
  font-size: 0.9rem;
  background: #deebf7;
  color: #212121 !important;
}
@media (min-width: 1200px) {
  .title-bg-lightblue {
    font-size: 0.9rem;
  }
}
@media (min-width: 1650px) {
  .title-bg-lightblue {
    font-size: 1rem;
  }
}
.title-bg-lightblue.in-block {
  display: inline-block;
}

.widget-text-md-bold {
  font-size: 1rem;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .widget-text-md-bold {
    font-size: 0.9rem;
  }
}
@media (min-width: 1650px) {
  .widget-text-md-bold {
    font-size: 1rem;
  }
}
.widget-text-sm-normal {
  font-size: 0.7rem;
  font-weight: 300;
}
@media (min-width: 576px) {
  .widget-text-sm-normal {
    font-size: 0.8rem;
  }
}

@media (min-width: 576px) {
  .sm-pr-1 {
    padding-right: 0.25rem;
  }
}

@media (min-width: 576px) {
  .sm-pl-1 {
    padding-left: 0.25rem;
  }
}

#conversionRateGuideIcon:hover #conversionRateTooltip {
  display: block;
}

#rodGuideIcon:hover #rodTooltip {
  display: block;
}

#conversionRateTooltip, #rodTooltip {
  left: 0%;
  bottom: 100%;
  padding: 10px 10px;
  background-color: #f9f9f9;
  color: #1b223c;
  position: absolute;
  display: none;
  border-radius: 0.25rem;
  -webkit-box-shadow: 5px 5px 10px grey;
          box-shadow: 5px 5px 10px grey;
  white-space: nowrap;
}
#conversionRateTooltip::before, #rodTooltip::before {
  border-color: #f9f9f9 transparent;
  border-style: solid;
  border-width: 10px 10px 0px 10px;
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
}
#conversionRateTooltip::before, #rodTooltip::before {
  display: none;
}

.color-7e7e7e {
  color: #7e7e7e;
}

.color-black {
  color: #000000;
}

.color-5073d9 {
  color: #5073d9;
}

.color-4a76cf {
  color: #4a76cf;
}

.color-2a4ba8 {
  color: #2a4ba8;
}

.color-182b70 {
  color: #182b70;
}

.color-071834 {
  color: #071834;
}

.color-fe5162 {
  color: #fe5162;
}

.bg-fafafa {
  background-color: #fafafa;
}

.bg-white {
  background-color: #ffffff;
}

.modal-header-border {
  border-bottom: 1px solid #AEB1B8 !important;
}

.border-1px-solid-aeb1b8 {
  border: 1px solid #aeb1b8;
}

.border-right-1px-solid-aeb1b8 {
  border-right: 1px solid #aeb1b8;
}

.border-top-none {
  border-top: none !important;
}

.responsive-border-type0 {
  border-style: solid;
  border-color: #aeb1b8;
  border-width: 0px 1px 1px 1px;
}
@media (min-width: 576px) {
  .responsive-border-type0 {
    border-width: 1px 1px 1px 0px;
  }
}

.responsive-border-type1 {
  border-style: solid;
  border-color: #aeb1b8;
  border-width: 0px 1px 1px 1px;
}
@media (min-width: 576px) {
  .responsive-border-type1 {
    border-width: 0px 1px 1px 0px;
  }
}

.border-top-b0b1b5 {
  border-top: 1px solid #b0b1b5;
}

.border-bottom-e9eaed {
  border-bottom: #e9eaed;
}

#connectingLine {
  top: 29%;
  width: 80%;
  left: 50%;
  height: 2px;
  background-color: #cccccc;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  display: none;
}
@media (min-width: 992px) {
  #connectingLine {
    display: block;
  }
}

.lg-d-block {
  display: none;
}
@media (min-width: 992px) {
  .lg-d-block {
    display: block;
  }
}/*# sourceMappingURL=result-measure.css.map */

.compact-spacing .content {
    padding: 40px; padding-top:0;
}
.group-nav { z-index:2; position:relative; bottom:-1px; padding:40px 0 0 40px; }
.nav.nav-tabs li.nav-item a.nav-link.active:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 3px;
    background: #4F74D4;
	border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.nav.nav-tabs li.nav-item a.nav-link.active { border-right:1px solid #ADB1BA; border-left:1px solid #ADB1BA; }
.nav.nav-tabs { width:calc(100% - 42px); border-bottom:1px solid #ADB1BA; }
.nav.nav-tabs li { position:relative; }
.nav-tabs .nav-item .nav-link { width:250px; font-size:18px; padding-left:0; padding-right:0; text-align:center; }
.nav-link:hover,
.nav-link.active:hover {  }
.content > main.card { border-top-left-radius: 0; border:1px solid #ADB1BA; }
.tab-pane > div > p.txt { font-size:22px; font-weight:500; color:black; }
div > div > span.class { position:relative; bottom:3px; color:#4E78D7; font-size:13px; font-weight:500; }
.container.table-responsive { max-width:100%; padding-left:0; padding-right:0; }
.table-responsive thead { border-top:1px solid #ADB1BA; }
.table-responsive thead th .sortable { cursor: pointer; }
.table-responsive thead th .sortable .sort { display:inline-block; position:relative; top:4px; width:7px; height:16px; margin-left:5px; background: url('../../common/image/btn_sort.png') no-repeat center 0 / 7px auto; }
.table-responsive thead th .th-inner { vertical-align: bottom; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table-responsive thead { background:#FAFAFA; }
.table-responsive .table-bordered thead th,
.table-bordered thead td,
.table-responsive .table-bordered th,
.table-bordered td { /* border-left:0; border-right:0; */ border-width:1px; }
.table-responsive .table-bordered th,
.table-responsive .table-bordered td { text-align:center; }
.table-responsive th,
.table-responsive td { vertical-align:middle; color:black; }
.table-responsive td a { display:inline-block; color:black; font-weight:400; font-size:15px; }
.table-responsive td a.btn { padding:0; }
.table-responsive td a.btn button { font-weight:700; }
.table-responsive td a.btn-l-blue { width:48px; height:29px; font-weight:normal; }
.table-responsive a.btn-l-blue { border:1px solid #4F74D4; border-radius:4px; background:white; color:#4F74D4!important; }
.table-responsive a.btn-red2 { width:48px; height:29px; font-weight:normal; border:1px solid #FE5461; border-radius:4px; background:white; color:#FE5461!important; }
.table-responsive a.graph img { width:16px; height:16px; }
.table-responsive span.product img { width:50px; height:50px; }
.table-responsive span.block { display:block; }
.table-responsive .pro span { font-size:13px; }
.table-responsive span.product { position:absolute; left:15px; top:3px; }
.table-responsive span.right > span { display:inline-block; padding-left:70px; text-align:left; }
.table-responsive a.block { display:block; }
.card-body.card-coupon { padding:30px 1rem 0; }
.table-responsive span.right > span.name { overflow:hidden; width:220px; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important; }
.paginate { margin:20px 0; }
.paginate p { margin:0 34px; font-size:15px; font-weight:400; }
.paginate p span { color:black; }
.paginate p span+span { color:#808080; }
.paginate a img { width:42px; height:42px; }
.paginate a.left img { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.swiper-slide .card1 { background:#F5F7FD; }
.swiper-slide .card2 { background:#EFF3F7; }
.swiper-slide .card3 { background:#F3F4F5; }
.swiper-slide .card4 { background:#ECF9F5; }
.swiper-slide .card5 { background:#FEF4F5; }
.swiper-slide .card div img { width:20px; height:auto; }
.swiper-slide .card p.txt { margin-left:10px; font-size:18px; font-weight:500; }
.swiper-slide .card1 .txt { color:#4F74D4; }
.swiper-slide .card2 .txt { color:#214CA8; }
.swiper-slide .card3 .txt { color:#1F3766; }
.swiper-slide .card4 .txt { color:#18B17F; }
.swiper-slide .card5 .txt { color:#FE5461; }
.card-mini .card-body { padding:35px 20px; }
.card-mini .card-body h2 { font-size:18px; font-weight:500; }
.modal.coupon .modal-header { padding:25px 40px; }
.modal.coupon .modal-dialog { width:780px; max-width:780px; }
.modal.coupon h4.modal-title { color:black; font-size:24px; font-weight:700; }
.modal.coupon .close img { width:23px; height:auto; }
.modal.coupon .modal-body { padding:20px 40px; }
.modal.coupon .modal-body td,
.modal.coupon .modal-body th { color:black; font-size:15px; font-weight:400; border-collapse:collapse; }
.modal.coupon .modal-body th { /* border-right:1px solid #E5E9F2; */ background:#FAFAFA }
.modal.coupon .inner .tit { font-size:22px; font-weight:500; color:black; }
.modal.coupon .modal-header .close { padding:21px 1rem; }
.modal.coupon table { width:100%; margin-top:20px; }
.modal.coupon td.txt-blue { color:#4F74D4; font-weight:700; }
.modal.coupon thead th { border-top:1px solid #E5E9F2; }
.modal.coupon .tb-detail .table { /* outline: 1px solid #E5E9F2; outline-offset: -1px; */ }
.modal.coupon .tb-detail tbody th { background:none; }
.modal.coupon .tb-detail td,
.modal.coupon .tb-detail th { /* border-left:0; border-right:0; */ border-top:1px solid #E5E9F2; border-bottom:1px solid #E5E9F2; color:black; font-size:15px; font-weight:400; border-collapse:collapse; }
.modal.coupon .tb-detail span { font-weight:700; color:#1B223C; }
.modal.coupon .tb-detail .group { margin-top:30px; }
.modal.coupon .tb-style table { outline: 1px solid #ADB1BA; outline-offset: -1px; }
.modal.coupon .tb-style th { border-left:1px solid #ADB1BA; border-right:1px solid #E5E9F2; background:#FAFAFA!important; }
.modal.coupon .tb-style select { min-width:80px; height:40px; line-height:40px; border-radius:4px; border:1px solid #8A909D; }
.scroll-lst table th,
.scroll-lst table td,
.group table th,
.group table td {  }
.group table { outline: 1px solid #ADB1BA; outline-offset: -1px; }
.tb-eff table th { border-top:1px solid #ADB1BA }
.tb-eff table th,
.tb-eff table td { border-left:0; border-right:0; }
.modal.coupon .tb-basic th,
.modal.coupon .tb-basic td { border:1px solid #ADB1BA; }
.tb-all { margin-top:30px; }
.tb-all table { outline: 1px solid #4F74D4; outline-offset: -1px; }
.tb-all table th { border-right:1px solid #E5E9F2; }
.modal.coupon .tb-all table tbody tr th { border:1px solid #E5E9F2!important; border-left:1px solid #E5E9F2!important; border-right:1px solid #E5E9F2!important; }
.modal.coupon .tb-all table tbody tr th,
.modal.coupon .tb-all table tbody tr td { border:1px solid #E5E9F2!important; border-left:1px solid #E5E9F2!important; border-right:1px solid #E5E9F2!important; }
.tb-class th { vertical-align:middle!important; }
.tb-class tfoot td { background:#F3F4F5; }
.tb-class thead th .text-left { line-height:20px; }
.tb-class thead th .text-left .sort { top:-7px; }
.modal.coupon .stats { margin-top:2rem; }
.modal.coupon .stats .inner { padding:40px 0; border-top:1px solid #ADB1BA; border-bottom:1px solid #E5E9F2; background:#FAFAFA;  }
.modal.coupon p.per { z-index:2; position:absolute; padding:5px; background:#FAFAFA; }
.modal.coupon p.per.per1 { left:50%; transform:translate(-180%, -10%); }
.modal.coupon p.per.per2 { left:50%; transform:translate(80%, -10%); }
.modal.coupon p.per span { color:#153074; font-weight:400; font-size:15px; }
.progress-cont { position:relative; width:100%; margin-top:20px; }
.progressbar {
	margin: 0;
	padding: 0;
	counter-reset: step;
}
.progressbar li p span { font-size:15px; font-weight:500; line-height:1.5rem; }
.progressbar li p span+span { font-size:15px; }
.progressbar li.one { padding-top:12px; background:url('../img-new/ico_progress1_3.png') no-repeat center center / 30px auto; }
.progressbar li.one span { color:#4E73D2; }
.progressbar li.two { padding-top:12px; background:url('../img-new/ico_progress2_2.png') no-repeat center center / 30px auto; }
.progressbar li.two span { color:#3258B0; }
.progressbar li.three { padding-top:12px; background:url('../img-new/ico_progress3_2.png') no-repeat center center / 30px auto; }
.progressbar li.three span { color:#153074; }
.progressbar li.four { padding-top:12px; background:url('../img-new/ico_progress4_2.png') no-repeat center center / 30px auto; }
.progressbar li.four span { color:#091535; }
.progressbar li.five { padding-top:12px; background:url('../img-new/ico_progress5_2.png') no-repeat center center / 30px auto; }
.progressbar li.five span { color:#FE5461; }
.progressbar span.qty { font-size:15px; font-weight:700; }
.progressbar li:before {
	z-index:8;
	position:relative;
	width: 18px;
	height: 18px;
	content: counter(step);
	counter-increment: step;
	display: block;
	text-align: center;
	margin: 0 auto 50px auto;
	font-size:0;
}
.progressbar li.one:before { background:url('../img-new/ico_progress1.png') no-repeat center top / 18px auto!important; }
.progressbar li.two:before { background:url('../img-new/ico_progress2.png') no-repeat center top / 18px auto!important; }
.progressbar li.three:before { background:url('../img-new/ico_progress3.png') no-repeat center top / 18px auto!important; }
.progressbar li.four:before { background:url('../img-new/ico_progress4.png') no-repeat center top / 18px auto!important; }
.progressbar li.five:before { background:url('../img-new/ico_progress5.png') no-repeat center top / 18px auto!important; }
.progressbar li {
	list-style-type: none;
	width: 20%;
	float: left;
	padding-top:18px;
	font-size: 1em;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	color: white;
}
.progressbar li:after {
	width: 100%;
	height: 1px;
	content: '';
	position: absolute;
	background-color:#ADB1BA;
	top: 20px;
	left: -50%;
	z-index: 1;
}
.progressbar li:first-child:after {
	content: none;
}
.progressbar li.active {
	z-index:4;
	position:relative;
	color: #ADB1BA;
	background:url('../img/ico_pin.png') no-repeat center top / 17px auto;
}
.progressbar li.active span { position:relative; top:4px; }
.progressbar li.active:before {
	/* border-color: #ff234e; */
	background:0;
	/* padding-top:3px; */
	border:0;
}
.progressbar li.active:after {
	background-color: #ff234e;
}
.progressbar li.done:after { background-color: #ADB1BA; }
.progressbar li.done:before { background:#ADB1BA; }
a.btn-excel { display:inline-block; position:absolute; right:0; top:0; padding:5px 12px; border:1px solid #ADB5BA; border-radius:3px; }
a.btn-excel span { padding-left:22px; background: url('../../common/image/btn_excel.png') no-repeat left 0 / 18px auto; font-size:13px; font-weight:400!important; }
a.btn-l-blue button { color:#4F74D4; }
/* Responsive */

@media (max-width: 1800px) {

}

@media (min-width: 1650px) {
 
}

@media (max-width: 1600px) {
  
}

@media (min-width: 1500px) {
	.table-responsive span.right { position:relative; top:5px; }
	.table-responsive span.right span+span { position:relative; bottom:10px; }
	.progress-cont { overflow:hidden; }	
	.tb-style .scroll { overflow-x:auto; }
	.tb-all .scroll { overflow-x:inherit; }
}

@media (max-width: 1499px) {
	.tab-pane > div > p.txt { font-size:18px; }
	.scroll { overflow-x:scroll; white-space: nowrap; }
	.table-responsive span.right > span { display:block; padding-left:70px; text-align:left; }
	.table-responsive td a { font-size:13px; }
	.table-responsive span.right { position:relative; top:4px; }
	.paginate { margin-top:30px; }
	.card-body.card-coupon .swiper-slide { width:35%!important; }
	.modal.coupon .scroll-cou,
	.modal.coupon .scroll-lst { overflow-x:auto; }
	.tb-style .scroll { overflow-x:auto; }
}	

@media (min-width: 1200px) {
	.progress-cont { overflow:hidden; }	
}

@media (max-width: 1199px) {
	.modal.coupon .modal-dialog { width:100%; max-width:100%; height:100%; }
}

@media screen and (min-width : 769px) and (max-width : 1499px) {
	.nav-tabs .nav-item .nav-link { font-size:18px; padding-left:0; padding-right:0; }
	
}

@media (max-width: 980px) {
	.card-body.card-coupon .swiper-slide { width:50%!important; }
	
}

@media (max-width: 865px) {
	.nav-tabs .nav-item .nav-link { width:125px; font-size:13px; padding-left:0; padding-right:0; }
}

@media (min-width: 769px) {
	.tb-all .scroll { overflow-x:inherit; }
}

@media (max-width: 768px) {
    .nav-tabs .nav-item .nav-link {
        padding-left: 0;
        padding-right: 0;
    }
	span.ico-crown { top:-10px!important; }
	.tab-pane > div > p.txt { font-size:14px; }
	.card-title-bold.text-dark.mb-2 { font-size:14px; }
	.card-body.card-coupon { padding-left:0; padding-right:0 }
	.paginate a img { width:32px; height:32px; }
	.paginate p { margin:0 25px; font-size:13px; font-weight:400; }
	.paginate { margin-top:30px; }
	.card-body.card-coupon .swiper-slide { width:65%!important; }
	.swiper-slide .card p.txt,
	.card-mini .card-body h2 { font-size: 14px; }
	.swiper-slide .card div img { width: 16px; }
	.group-nav { padding-left:0.94rem; }
	.compact-spacing .content { padding: 0px 0.94rem; }
	.modal.coupon .modal-dialog { margin:0; }
	.modal-dialog-centered { min-height: calc(100% - 0rem); }
	.modal.coupon .modal-header { padding: 12px 16px; }
	.modal.coupon .modal-body { padding: 12px 16px; }
	.modal.coupon h4.modal-title { font-size:20px; }
	.modal.coupon .inner .tit { font-size:18px; }
	.modal.coupon .modal-body td,
	.modal.coupon .modal-body th { font-size:13px; }
	.modal.coupon .stats .inner { padding:1rem 0; }
	.progressbar { overflow:hidden; width:100%; padding-bottom:1rem; }
	.progress-cont { min-width:680px; }
	.progressbar li p span,
	.progressbar li p span+span,
	.modal.coupon p.per span { font-size:13px; }
	.tb-style .scroll { overflow-x:inherit; }
}
@media (min-width: 576px) {
	
}