/*----------------------------------------*/
/*  1. Common
/*----------------------------------------*/
body {width: 100%; min-width: 1650px; height: auto; overflow-x: scroll; overflow-y: scroll; margin: 0 auto;}
body.fix-header.min-width-none{min-width: 480px;}
@media screen and (max-width: 1650px) {	body { overflow-x: scroll; } }
body::-webkit-scrollbar {width: 10px;}
body::-webkit-scrollbar-thumb {background-color: #666;}
body::-webkit-scrollbar-track {background-color: #eee;}
th, td, tbody {color:#333;}
.bg-title .breadcrumb .active {color: #006df0 !important;}
.bg-title {margin-right: 0; margin-bottom: 15px; background: #fff !important; /* border-top: 1px solid rgba(120, 130, 140, 0.13); margin-bottom: 10px !important; */ border-bottom: none !important;  font-size: 16px;}
.breadcrumb>li+li:before {font-weight:100;}
.breadcrumb > li {font-size: 14px; color: rgba(0, 0 , 0, 0.5);}
.bg-title .title, .bg-title .title i {font-size: 26px !important; font-weight: 600;}
#page-wrapper {/* background: #fbfbfb; */  background: #fff; }
.footer {font-size:12px; font-weight:500; text-align:right;}
.panel-default .panel-heading, .panel-white .panel-heading {background:#f3f3f7;}
.navbar-header {border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.panel .panel-heading {padding: 10px 25px; font-size:15px !important; font-weight: 600;}
.panel-default .panel-heading, .panel-white .panel-heading {border-bottom: none;}
.panel .panel-heading a i {background: #fff; padding: 2px 3px; border: 1px solid #ccc; border-radius: 2px;}
.panel-default, .panel-white {border: 1px solid #e8ecee; /* box-shadow: 0 1px 4px 0 rgb(21 27 38 / 8%); */}
.white-box {/* box-shadow: 0 1px 4px 0 rgb(21 27 38 / 8%); */ border: 1px solid #e8ecee;}
.form-control.bg-memo {line-height: 22px; font-size:13px;}
.form-control {-webkit-box-shadow: none; box-shadow: none; height: 33px; font-size: 12px;}
.floating-labels .form-control {font-size: 13px;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.b {font-weight:600 !important;}
.fw100 {font-weight:100 !important;}
.display-inline {display: inline !important;}
.display-inlineblock {display: inline-block !important;}
.display-none {display: none !important;}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
.ver_m {vertical-align: -webkit-baseline-middle;}
a:focus {outline:0px solid}
img {max-width:100%;height:auto}
button {outline:none;}
a {transition: all 0.3s ease 0s;text-decoration:none;}
a:hover{
    text-decoration: none;
}
a:visited, a:link, a:active {
    text-decoration: none;
}
a:active, a:hover {
    outline: 0 none;
}
ul{
    list-style: outside none none;
    margin: 0;
    padding: 0
}
.over-h {overflow: hidden !important;}
.clear{clear:both}
.right {right:0 !important;}
.bd-t {border-top: 1px solid #ddd; padding-top: 20px;}
.bd-b {border-bottom: 1px solid #e9ecef;}
.bd-none {border:none !important;}
.hr {border-bottom:1px solid #6c788c;}
.table-s-text .ico-up {color: #de481f; font-size: 16px; vertical-align: bottom; padding-bottom: 1px;  padding-left: 3px;}
.table-s-text .ico-down {color: #4993e4; font-size: 16px; vertical-align: bottom; padding-bottom: 1px; padding-left: 3px;}
.info-text {display:inline-block; font-size:12px; margin-left:7px; font-weight:400;}

.table>tbody>tr.more-td>td {padding:0 !important;}
.btn-more {width: 100%; margin: 0; border-radius: 0;  margin-top: 10px;  border-color: #e4e7ea; font-weight:600; font-size:12px; text-decoration:underline;}
.btn-more:hover {color:#333; text-decoration:underline;}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: ">";
}

/*----------------------------------------*/
/*  2. Helper Class
/*----------------------------------------*/


/* margin */
.mg-tb-15 {margin:15px 0;}
.mg-tb-30{margin:30px 0px;}
.mg-tb-15{margin:15px 0px;}
.mlr26 {margin:0 26px !important;}
.ml0 {margin-left:0px !important;}
.ml3 {margin-left:3px !important;}
.ml5 {margin-left:5px !important;}
.ml1_pc {margin-left:1% !important;}
.ml2_pc {margin-left:2% !important;}
.ml7 {margin-left:7px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml26 {margin-left:26px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.mr0 {margin-right:0px !important;}
.mr1_pc {margin-right:1% !important;}
.mr2_pc {margin-right:2% !important;}
.mr5 {margin-right:5px !important;}
.mr6 {margin-right:6px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
/*.mr15 {margin-right:15px !important;}*/
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr26 {margin-right:26px !important;}
.mt-1 {margin-top:-1px !important;}
.mt-2 {margin-top:-2px !important;}
.mt0 {margin-top:0px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt20 {margin-top:20px !important;}
.mt22 {margin-top:22px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt38 {margin-top:38px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mb0 {margin-bottom:0px !important;}
.mb2 {margin-bottom:2px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mg20 {margin:20px !important;}
.mg-tb-2em {margin-top:2em !important; margin-bottom:2em !important;}

/* font */
.fw600 {font-weight:600  !important;}
.fw500 {font-weight:500  !important;}
.fw400 {font-weight:400  !important;}
.font12 {font-size:12px  !important;}
.font13 {font-size:13px  !important;}
.font14 {font-size:14px  !important;}
.font16 {font-size:16px  !important;}
.font18 {font-size:18px  !important;}
.font20 {font-size:20px  !important;}
.font26 {font-size:26px  !important;}
.font30 {font-size:30px  !important;}
.t-red {color:#ff404b !important;}
.t-green {color:green !important;}
.t-blue {color:#006df0 !important;}
.t-gray {color:#888 !important;}
.t-black {color:#000 !important;}
.t-line {text-decoration:underline !important;}
.font-gray {color: #777777;}


/* padding */
.pd0 {padding:0px !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd20 {padding:20px !important;}
.pd26 {padding:26px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom:20px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt13 {padding-top:13px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:30px !important;}
.pt70 {padding-top:70px !important;}
.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl26 {padding-left:26px !important;}
.pl55 {padding-left:55px !important;}
.pl_pr20 {padding-left:20px !important; padding-right:20px !important;}
.pd_tb10 {padding:10px 0 !important;}
.bg-memo {background-color: #fcf8e3;}

/* width */
.w-auto {width: auto !important;}
.w-33 {width: 33% !important;}
.w-100 {width: 100% !important;}
.w70px {width: 70px !important;}
.w100px {width: 100px !important;}
.w110px {width: 110px !important;}
.w120px {width: 120px !important;}
.w150px {width: 150px !important;}
.w160px {width: 160px !important;}
.w165px {width: 165px !important;}
.w180px {width: 180px !important;}
.w200px {width: 200px !important;}
.w260px {width: 260px !important;}
.w300px {width: 300px !important;}
.w350px {width: 350px !important;}
.w360px {width: 360px !important;}
.w600px {width: 600px !important;}
.w800px {width: 800px !important;}
.mw180px {min-width: 180px !important;}

/* height */
.h25px {height: 25px !important; }
.h33px {height: 33px !important; }
.h40px {height:40px !important;}
.h50px {height:50px !important;}
.h600px {height: 600px !important;}
.h800px {height: 800px !important;}
.h_auto {height:auto !important;}

.text-ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 350px;}

/*----------------------------------------*/
/*  3. Table
/*----------------------------------------*/
.table-datanone table {border-top: 1px solid #e4e7ea;  border-bottom: 1px solid #e4e7ea; clear: both; margin-top: 6px !important;  margin-bottom: 6px !important;  max-width: none !important;
    border-collapse: separate !important;}
.table-datanone>table>thead>tr>th {
    padding: 10px 8px !important;
    border-bottom: 1px solid #151b26;
}
.table-btn-s table .btn-sm {padding:2px 4px;}
table.dataTable {border-top: 1px solid #e4e7ea; border-bottom: 1px solid #e4e7ea;}
table.dataTable>thead>tr>th {padding: 10px 8px !important; border-bottom: 1px solid #151b26;}
.table {text-align:right; font-size:12px;}
.table th {font-size:12px; text-align:center; font-weight:600;}
table.dataTable.nowrap th, table.dataTable.nowrap td {vertical-align:middle;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:  8px !important;}
.data-ep-table .dt-buttons {float: right; margin-left: 10px;}
.data-ep-table .dt-buttons .buttons-copy, .data-ep-table .dt-buttons .buttons-print, .data-ep-table .dt-buttons .buttons-pdf {display:none !important;}
.data-ep-table table.dataTable thead .sorting:after, .data-ep-table table.dataTable thead .sorting_asc:after, .data-ep-table table.dataTable thead .sorting_desc:after {bottom: 10px;}
.data-ep-table div.dataTables_wrapper div.dataTables_info {float:left;}
.d-none:after {display:none !important;}
.box-title {/* border-bottom: 1px solid #ddd; */ font-size:15px; font-weight:600; }
a .mdi-pin {font-size:20px; color:#ddd;}
.mdi-pin.active {color:#f33155;}
i.mdi.mdi-pin:hover{color:#f35b77;}
.fixed-table-container .option-box-table thead th .th-inner {padding:0; line-height: inherit;}
.fixed-table-container .option-box-table td {text-align:left;}
.bootstrap-table .table.option-box-table  {border-bottom:none;}
.pagination>li>a, .pagination>li>span {padding: 4px 8px; font-size:12px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{background-color: #6c788c !important; border-color: #6c788c !important;}
.table-sglist a.dt-button.buttons-excel {background:#fff; color: #333; border-color:#ddd;}
.table-sglist a.dt-button.buttons-csv {background:#fff; color: #333; border-color:#ddd;}
.table-sglist .form-control {height: 30px;}
.table-sglist td a {text-decoration:underline; font-weight: 500; color: #637bbd;}
.table-sglist .label-rouded {font-size:12px !important; width:70px; display:inline-block; min-width: 70px;}
.table-sglist .label-rouded.label-app, .label-rouded.label-app {width: 100px !important; letter-spacing: -1px; font-size: 12px;}
.right.dropdown-menu {right:0 !important; left:auto;}
.right.dropdown-menu li a {text-decoration:none !important; font-size:12px;}
.table-sglist .btn-group .btn {padding: 4px 8px;}
.table-sglist .dropdown-menu {min-width:auto; padding-bottom: 0px;}
.table-sglist .dropdown-menu>li>a {padding: 5px 20px; clear: inherit !important;}
.list-dropdown .dropdown-menu {right:0; left:auto; font-size:12px;}
.btn-new.list-dropdown .dropdown-menu {right:auto; left:0; font-size:12px;}
.table-sglist .list-dropdown.btn-group .btn {padding: 5px 10px;}
.list-dropdown .dropdown-menu>li>a {padding: 9px 20px;}
.panel-body .table

/*----------------------------------------*/
/*  4. Chart
/*----------------------------------------*/
.gray-info-text {text-align:center; display:block; font-size:12px; }

#result {
    text-align: right;
    color: gray;
    min-height: 2em;
}
#table-sparkline {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
}
#table-sparkline td, #table-sparkline th {
    font-size:12px;
    padding: 5px;
    /*  border-bottom: 1px solid #ddd; */
    height: 20px;
}

#table-sparkline .highcharts-tooltip>span {
    background: white;
    border: 1px solid silver;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #888;
    padding: 8px;
}
.highcharts-title, .highcharts-credits {display:none;}
.dataTables_info {font-size:12px;}

.chart--container { height: 100%;width: 100%;min-height: 530px;}
.zc-ref {display: none !important;}
#myChart1-license-text, #Clustering-license-text, #myChartpie-license-text, #myChartpie1-license-text,
#myChartpie2-license-text, #myChartpie3-license-text, #myChartpie4-license-text, #myChartpie5-license-text, #myChart6-license-text, #myWordcloud-license-text,
#myWordcloud2-license-text, #myChart7-license-text, #myChart8-license-text, #myChart9-license-text, #myChart10-license-text, #myChart11-license-text,
#myCategory-license-text, #myChart_1-license-text, #myChart_2-license-text, #myChart_3-license-text, #myChart_4-license-text, #myChart_5-license-text,
#myChart_6-license-text  {display:none !important;}
.table-tglist .table-sglist a.dt-button.buttons-excel {display:none;}

/*----------------------------------------*/
/*  5. Contents
/*----------------------------------------*/
.modal-header, .modal-body, .modal-footer {padding: 15px 20px;}
.btn-primary {border: 1px solid #7460ee !important; padding: 5px 10px !important;}
.btn-light {border: 1px solid #ffffff !important; padding: 5px 10px !important;}
.swal2-container {z-index: 1200 !important;}
.right-sidebar .rpanel-title {font-size: 18px;  font-weight: 600; padding:15px 20px;}
.button-ap-list {margin-top:4px; text-align: right;}
.daterangepicker td.active, .daterangepicker td.active:hover {background-color: #41b3f9 !important;}
.select2-container .select2-search--inline .select2-search__field {margin-top: 8px !important;}
.side-select2 .select2-container {z-index:1231;}
.right-sidebar .select2-container .select2-selection--multiple {/* height:32px; */}
.date-tag-set {float:left; font-size:11px;}
.daterangepicker .drp-buttons {padding:0 !important;}
.daterangepicker .drp-calendar.date-tag-set {max-width:none;}
.daterangepicker .date-tag {color: #1890ff; background: #e6f7ff; border: 1px solid #91d5ff; padding: 0 7px; display: inline-block; height: auto; line-height: 20px; margin: 0 8px 0 0;}
.sidebar {background: #151b26 !important;}
.owl-carousel .mdi-pin {font-size: 28px; position: absolute; top: 10px; right:10px;}
.pin-ico {text-align: right;}
.pin-ico i.mdi {font-size:15px; /* color:#888; */}
.pin-ico .btn-sm {/* padding: 2px 6px; */ margin-bottom:10px;}
.table-ico-info i {color:#797979;}
.table-ico-info .tooltip {text-align:left !important;}
.popover {z-index:100; position:relative;}
blockquote {border-left: 5px solid #006df0 !important;}
#side-menu li.active>a{background: #444951 !important;}
#side-menu li a {font-weight: 400;}
.filter-box {font-size:12px; box-shadow: 0 1px 4px 0 rgb(21 27 38 / 8%);}
.filter-box h4 {font-size:15px; font-weight:600;}
.filter-box .form-control {font-size:13px;}
.filter-box .form-group {margin-bottom:0;}
.filter-box .col-md-2, .filter-box .col-md-5, .filter-box .col-md-10 {padding-left:0;}
.filter-box .select2-container--default .select2-selection--multiple .select2-selection__choice{background: #f5f5f5;  border: 1px solid #f0f0f0; margin-top: 6px; /* padding: 3px 7px; */}
.filter-box .select2-multiple option {font-size:12px !important;}
.filter-box .select2-container .select2-selection--multiple {min-height:32px;}
.filter-box .col-md-1, .filter-box .col-md-2, .filter-box .col-md-3, .filter-box .col-md-4, .filter-box .col-md-5, .filter-box .col-md-6, .filter-box .col-md-7, .filter-box .col-md-8, .filter-box .col-md-9, .filter-box .col-md-10, .filter-box .col-md-11, .filter-box .col-md-12 {padding-left:0;}
.filter-box .mydatepickertc {font-weight:600; text-align:center; border-color: #151b26;}
.filter-group {float: left !important;}
.filter-group .filter-list {margin-right: 3px; float: left !important;}
.filter-list {background: #f9f9f9; padding: 3px 12px; border-radius: 16px;}

.sg-info li span {width:70px; display:inline-block; margin-right:10px; font-size:12px; float:left;}
.sg-info li {margin-bottom:10px; font-size:13px; font-weight:500;     clear: both; min-height: 20px;}
table .sg-info li {margin-bottom:2px; font-size:12px; font-weight:500;    clear: both; min-height: 20px;}
table .sg-info i {font-style: normal;}

.query-builder .tit {font-weight:600;}
.query-builder .row {margin-bottom:20px;}
.query-builder .checkbox, .query-builder .radio {display: inline-block; margin-right:10px;}

/*qnaDetail*/
.qnaQ {color: #fff; padding: 4px 7px; border-radius: 13px; font-family: arial; margin-right: 5px; background: linear-gradient(to right, #8df0b2 0%,#6ecef4 100%);}

.qnaA {color: #fff; padding: 4px 7px; border-radius: 13px; font-family: arial; margin-right: 5px; background: linear-gradient(to right, #f8e15f 0%,#ffc880 100%);}

/* #right-sidebar.right-sidebar.shw-rside {width:60%;} */
.right-sidebar.shw-rside {width:50%;}
.panel-title .fa-circle {font-size:10px;}
.right-sidebar .query-builder .btn-sm {padding: 4px 5px;}
.btn-border{z-index:1; color:#41b3f9; border:1px solid #41b3f9 !important;}

.grid-line {border: 1px solid rgba(120, 130, 140, 0.13); background-color: #f7fafc;}
.list-group:hover {border:1px solid #41b3f9; /* box-shadow: 0px 15px 20px 0px rgb(21 27 38 / 8%); */}
.list-group.active {border:1px solid #41b3f9; background:#f9fdff;}
.list-group {border:1px solid #e4e7ea; }
.list-group-item {border-top: 1px solid #e4e7ea; border-right:none; border-left:none; border-bottom:none; background:transparent;}

.owl-stage-outer .item {border:1px solid #e4e7ea;  margin-right: 1px;}
.owl-stage-outer #table-sparkline td, .owl-stage-outer #table-sparkline th {border-bottom:none;}
.owl-info {font-size:13px; margin-bottom:0px; background:#fff; padding:20px;}
.owl-info dt {font-weight:600; font-size:16px; margin-bottom:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.owl-info dt, .owl-info dd {width:100%;}
/* .owl-info dd {opacity:.7;} */
.owl-info dd .date {text-align:right; display:inline-block; float:right; /* letter-spacing:-1px; */}
.owl-info .mdi-pin {float:right;}
.owl-carousel .owl-item img {display: inline-block !important; width: auto !important;}
.pin-table {padding:20px;}
.pin-box-footer {background:#fff; padding:15px 20px;}
.pin-box-footer.button-box .btn-group .btn {margin:0 0 0 -1px;}
.pin-box-footer.button-box .btn {margin:0;}
.pin-box-footer.button-box .btn-group {float:right;}
.button-box .mdi-account-circle {font-size:24px; color:#6369eb; padding-left: 10px;}

.table-img-logo img {width:20px; margin-right:5px;}
.user-profile {padding: 100px 10px 20px 10px;}
.bg-title .breadcrumb {padding-top: 5px; font-weight:500;}
table .btn-primary.btn-outline {padding: 4px 8px !important;}

/*
.btn-info {background: #f33155; border: 1px solid #f33155;}
.right-side-toggle.btn-info:hover {background: #f33155; border: 1px solid #f33155;}
*/
.a-tit, .a-tit:hover  {color:#263238; text-decoration:underline;}
.popover_btn {color:#263238;}
.swal2-popup .swal2-styled.swal2-confirm:active {border:rgb(221, 107, 85); background:rgb(221, 107, 85);}

.tile_stats_count .count_top { font-weight:400; font-size:13px;}
.tile_stats_count .count {font-size:20px; font-weight:600; letter-spacing: -1px;}
.tile_stats_count .count li { float:left;}
/* .tile_stats_count .x_panel  {min-height:130px;} */
/* .tile_stats_count .count {margin-top:10px;} */
.tile_stats_count .count .ds-chart {float:right;}
.dash-btn {text-align:center; }
.dash-btn .x_panel { background:#8ba0fb; color:#fff;  padding:10px; margin-bottom:0;}
.tile_stats_count.dash-btn .count {font-size:25px; font-weight:600;}
.tile_stats_count.dash-btn .count_top {margin-bottom: 10px; font-weight:600; font-size:14px; display:inline-block; width:100%; text-align:left;}
.tile_stats_count.dash-btn .count_top .collapse-link {float:right; color:#fff; background: #8ba0fb; width: 25px;  border-radius: 50%;  height: 25px; line-height: 25px; float: right;
    text-align: center; font-size: 12px; box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);}
.table-s-text {
    font-size: 11px;
    color: #898989;
    letter-spacing: -1px;
    padding-left: 3px;
    font-weight: 500;
    display: inline-block;
    max-width: 100px;
}
#table-sparkline .volume {font-size:18px; margin-left:10px;}
#table-sparkline dl {margin-bottom:0;}
#table-sparkline dt {font-weight: 600; margin-left:10px;}
#table-sparkline .total {opacity:.6; font-size:11px;  margin-left:10px; margin-bottom: 5px;}
#table-sparkline .r-time.total {opacity:inherit; margin-bottom: 5px;}
.pin-box {font-size:12px; padding:20px;}
.pin-box ul li {padding:0 !important;}
.pin-box.row {margin-right: 0; margin-left: 0;}
.pin-box .volume {font-size:18px; font-weight:500;}
.pin-box .box-title {font-size:12px; margin-bottom: 0;}
.pin-box .stat-item h6 {font-size:11px !important; /* opacity: .6; */ margin-top:0px;}
.pin-box .stats-row {margin-bottom:0px;}
.side-panel .pin-box .box-title {font-size:12px; margin-bottom: 0;}
.side-panel .pin-box .volume {font-size:16px; font-weight:500;}
.side-panel .gray-info-text {display:inline-block; width:100%; text-align:center; margin-top: 10px;}

.table-sglist .dropdown-menu a {color:#262626;}
.tag-s {margin-bottom: 8px;}
.ex_info_end {
    vertical-align: middle;
    font-size: 11px;
    border: 1px solid #666;
    color: #666;
    border-radius: 30px;
    display: inline-block;
    text-align: left;
    padding: 2px 10px;
    font-weight: 500;
    min-width: 90px;
}
.r-tam {color: #ffdc29;}
.r-cxm {color: #a24bdb;}
.r-ai {color: #00d5df;}
.r-dc {color: #7ace4c;}
.r-op {color: #ac7277;}
.r-on {color:#4cd2b5;}
.r-off {color:#ccc;}


.ex_info_on {
    font-size: 11px;
    border: 1px solid #0072B1;
    color: #0072B1;
    border-radius: 30px;
    display: inline-block;
    width: 55px;
    text-align: center;
    padding: 2px 0;
    font-weight: 600;
}
.ex_info_error {
    font-size: 11px;
    border: 1px solid #FF7F27;
    color: #FF7F27;
    border-radius: 30px;
    display: inline-block;
    width: 55px;
    text-align: center;
    padding: 2px 0;
    font-weight: 600;
}
.ex_info_done {
    font-size: 11px;
    border: 1px solid #444;
    color: #444;
    border-radius: 30px;
    display: inline-block;
    width: 55px;
    text-align: center;
    padding: 2px 0;
    font-weight: 600;
}

.owl-info span.ex_info_end{
    width:auto;
    float:left;
}

dt.pin-tit{
    width:auto;
    padding: 0 10px 10px;
    margin-top: -10px;
}

.pin-tit i.mdi.mdi-pin{
    right: 20px;
}

.nav-tabs .fa-circle {font-size:4px; padding-right: 8px;}
.sg-select blockquote {font-size:13px;}
blockquote.bq-bh {border-left: 3px solid #ffdc29 !important; /* background: #fffcee; border:none; */}
blockquote.bq-bh.top-info {background: #fffcee; border:none;}
blockquote.bq-rt {border-left: 3px solid #a24bdb !important;}
blockquote.bq-dr {border-left: 3px solid #00d5df !important;}
blockquote.bq-dc {border-left: 3px solid #7ace4c !important;}

.ico-info {border: none;  background: none;  font-size: 16px; margin-top: 5px; display: inline-block;}
.ico_new {border-radius: 2px; background: #FF5722;color: #fff; padding: 1px 4px; font-size: 10px; font-weight: 600; margin-left: 5px;}
.ico_new {border-radius: 2px; background: #FF5722; color: #fff; padding: 1px 4px; font-size: 10px; font-weight: 600; margin-left: 5px;}
.has-blue .bar:after, .has-blue .bar:before {background: #41b3f9;}
.has-blue .form-control {    box-shadow: none!important;}
.has-blue .form-control:focus~label, .has-blue .form-control:valid~label {color: #41b3f9;}
.floating-labels label {font-size: 14px;}
.floating-labels .form-control {font-size: 14px;}
.floating-labels .form-control:focus~label, .floating-labels .form-control:valid~label {top: -15px;}
.floating-labels .form-control {font-weight:600;}
.rfm-1 {color:#dce4ec; margin-right:5px;}
.rfm-2 {color:#bee3e8; margin-right:5px;}
.rfm-3 {color:#a8f5eb; margin-right:5px;}
.rfm-4 {color:#ebf9c4; margin-right:5px;}
.rfm-5 {color:#fff0c4; margin-right:5px;}
.rfm-6 {color:#ffc4c8; margin-right:5px;}
.datail-ap .col-md-6 {margin-bottom:20px; margin-left:0; padding-left: 0;}
.datail-ap .form-control-static {font-size:12px; font-weight:600;}
#right-sidebar .form-control-static {font-size:12px; font-weight:600;}
.audience-date .daterangepicker {left: auto !important; right: 25px !important;}
.audience-date .input-group {width: 260px; float: right;}

.audience-date .daterangepicker {left: auto !important; right: 25px !important;}
.audience-date .daterangepicker.opensright:before {right: 9px; left:auto !important;}
.audience-date .daterangepicker.opensright:after {right: 10px; left:auto !important;}
.datail-ap .white-box {/* border:none; */ box-shadow: 0 1px 4px 0 rgb(21 27 38 / 8%);}
.datail-ap .white-box .box-title {font-weight:600 !important; margin-bottom:0;}
.datail-ap .text-success {color: #4cd2b5;}
.datail-ap .text-info {color: #478bff;}
.datail-ap .two-part li span {font-weight:400; font-size:36px;}
.datail-ap .country-state h2 {font-weight:400;}
.datail-ap .country-state small {font-weight:600;}

.white-box .text-info {color: #478bff;}
.white-box .text-blue {color: #52e3c4;}
.white-box .text-purple {color: #6c73ff;}

.datail-ap .progress {height:8px;}
.progress-bar-1 {background:#4281ed;}
.progress-bar-2 {background:#4cd2b5;}
.progress-bar-3 {background:#494e5f;}
.progress-bar-4 {background:#31c8ea;}
.progress-bar-5 {background:#6268e8;}
.progress-bar-6 {background:#00a9a9;}
.progress-bar-7 {background:#40c05f;}
.progress-bar-8 {background:#b6cf14;}
.progress-bar-9 {background:#ebac2f;}
.progress-bar-10 {background:#bcbcbc;}
.progress-bar-11 {background:#f62d51;}

.articles > .container-fluid {
    padding: 15px 25px;
    /* border-bottom: 1px solid #b1bec6 !important; */
}
.articles > :not(:last-child) {
    border-bottom: 1px solid #b1bec6 !important;
}
.article-list-title {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}
.article-list-link {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.text-1 {color:#4281ed;}
.text-2 {color:#4cd2b5;}
.let-1 {letter-spacing:-1px;}

/*.bootstrap-select.show-tick {margin-top: 25px; width: 100% !important; border: 1px solid #e4e7ea;}
.bootstrap-select.show-tick .dropdown-menu.open {min-width: -webkit-fill-available !important;}*/

/* query */
.query-builder .row.add {
    padding: 0;
}
.query-builder .row {
    margin-left: 0;
    margin-right: 0;
    padding: 15px 0;
}
.query-add span {
    font-weight: 600;
    color: #333;
}
.query-add .b-line {
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
    display: inline-block;
}
.add-rule.set button {
    width: 120px;
    border-radius: 30px;
    padding: 2px 5px;
    font-weight: 600;
    background: dodgerblue;
    color: #fff;
    border: 1px solid dodgerblue;
}

select#addRuleChange option{
    background:#fff;
    color:#000;
}

.query-builder-line {background: #fff; /* border: 1px solid #e5e6e7; */ border-left: 4px solid #6c788c;}
.query-builder .form-group {margin-bottom:0;}
.query-builder .row {margin-bottom:0;}
.owl-info dd.tag-s {opacity: inherit;}
.info_box {text-align: center; border: 1px dashed #8d9498; background: #fff; padding: 100px 0 !important; font-size:12px;}
.info_box dl {margin-bottom:0;}
.info_box dt {font-size:16px; margin-bottom:10px;}
.pop-t-gray {font-size:12px; font-weight:400; }

/* side-panel */
.side-panel .owl-info {padding: 10px 0 10px 0;}
.side-panel .owl-info dt {font-size:14px;  margin-bottom: 5px}
.side-panel .owl-info dd {font-size:12px;}
.side-panel #table-sparkline dt, .side-panel #table-sparkline .volume, .side-panel #table-sparkline .total {margin-left: 0px;}
.side-panel #table-sparkline dl {margin:7px 0;}
.side-panel .owl-info .seg-tit {font-size: 14px; font-weight: 600;  padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.side-panel .sg-info i {font-style: normal;}
.side-panel .sg-info p {margin-left:80px; line-height:24px;}
.right-sidebar .rpanel-title span {padding-top:5px;}
.box-title .option-text {font-size:12px; padding-left:5px;}
.tooltip.show {text-align:left;}

/* modal */
.modal-title {font-weight:600;}
.modal .form-control {height:30px;}
.modal .table-responsive label {font-size:12px;}

/* tabs */
.nav-tabs>li {font-weight: 500; text-align: center;}

/* datepicker */
.audience_detail .opensright.daterangepicker {left: auto !important; right: 25px !important;}
.audience_detail .opensright.daterangepicker:before {right: 9px; left:auto !important;}
.audience_detail .opensright.daterangepicker:after {right: 10px; left:auto !important;}
.filter-box .input-group {/* width:260px; */}
.filter-box .input-group.search-input {width: auto !important;}
.filter-box .input-group-addon {padding: 2px 12px;}
.search-input .input-group-btn .btn {padding: 6px 12px;}
.filter-box .input-group-btn .btn {padding: 5px 12px;}


/* sweetalert */
/* .swal2-popup .swal2-styled.swal2-confirm {background-color: #41b3f9 !important;} */




/* modal */
.modal table.user_th {width:100%;}
.modal table.user_th th {
    padding: 5px 10px !important;
    border-bottom: 0;
    background: #f8f8f8;
    font-size: 12px;
    font-weight: 600;
    border-top: 1px solid #e9ecef;
}
.modal table.user_th td {
    padding: 0 5px !important;
    font-size: 12px;
}
.modal table td {
    padding: 9px 7px;
    border-top: 1px solid #e9ecef;
    white-space: nowrap;
}

.inbox-body ul.timeline li {
    margin-bottom:0;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    clear: both;
}
.inbox-body .timeline:before {background:none;}
.timeline .block {
    margin: 0 0 0 105px;
    border-left: 3px solid #e8e8e8;
    overflow: visible;
    padding: 10px 15px;
}
.timeline .tags {
    position: absolute;
    top: 15px;
    left: 0;
    width: 84px;
}
.timeline .tag {
    display: block;
    height: 30px;
    font-size: 13px;
    padding: 8px;
}
.tag {
    line-height: 1;
    background: #5cb85c;
    color: #fff!important;
}
.timeline .tag span {
    display: block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tag:after {
    content: " ";
    height: 30px;
    width: 0;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    pointer-events: none;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 11px solid #5cb85c;
}

.users_box {
    display: inline-block;
    border: 1px dashed #ccc;
    padding: 1px 5px;
    border-radius: 2px;
    max-width: 30%;
    margin: 5px 0;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#303030;
}

.timeline h2.title:before {
    content: "";
    position: absolute;
    left: 100px;
    top: 22px;
    display: block;
    width: 14px;
    height: 14px;
    border: 3px solid #d2d3d2;
    border-radius: 14px;
    background: #f9f9f9;
}
.modal-footer {clear:both;}
.inbox-body {margin-top:20px;     text-align: left;}
.excerpt .fa {margin: 10px 5px; vertical-align: top;}

.modal-body small {font-size:12px; margin-left:10px;}
.modal-body .switchery small {margin-left:0px;}

/* right-sidebar */
/* #right-sidebar .rpanel-title {background: #7460ee;} */
.right-sidebar .box-title {font-size:14px; font-weight:600;}
.right-sidebar ul {font-size:12px;}

.top-select-client {
    float: right !important;
    width: 150px;
    height: calc(1.5em + 0.5rem + 2px);
    padding-right: 10px;
    margin-top: 15px;
    border: 1px solid #cbd4db;
    padding-left: 0.5rem;
    font-size: 13px;
}

.top-select-controller {
    float: right !important;
    width: 100px;
    height: calc(1.5em + 0.5rem + 2px);
    padding-right: 10px;
    margin-top: 15px;
    margin-right: 5px;
    border: 1px solid #cbd4db;
    padding-left: 0.5rem;
    font-size: 13px;
}

.loading{width:60px; height:60px; margin:auto; position:fixed;  z-index: 9900;  top: 0; overflow: show; left: 0; bottom: 0; right: 0;}
.loading .cf:after {clear: both;}
.loading .span {float: left; width: 60px; background: #050530; height: 60px; vertical-align: middle; border-radius: 5px;}
.loading .square{width: 30px; height: 30px; border:1px  rgba(255,255,255,255) solid; margin: 15px auto; position: relative; -webkit-animation: fill_color 5s linear infinite; -moz-animation: fill_color 5s linear infinite; animation: fill_color 5s linear infinite;}
.loading .square:after{width: 6px; height: 6px; position: absolute;content: ""; background-color: rgba(255,255,255,1); top: -8px; left: 0px;-webkit-animation: square_check 1s ease-in-out infinite; -moz-animation: square_check 1s ease-in-out infinite; animation: square_check 1s ease-in-out infinite;}

@-webkit-keyframes square_check{
    25%{ left: 32px; top: -8px;}
    50%{ left: 32px; top: 32px;}
    75%{ left: -9px; top: 32px;}
    100%{ left: -9px; top: -7px;}
}
@-moz-keyframes square_check{
    25%{ left: 32px; top: -8px;}
    50%{ left: 32px; top: 32px;}
    75%{ left: -9px; top: 32px;}
    100%{ left: -9px; top: -7px;}
}
@keyframes square_check{
    25%{ left: 32px; top: -8px;}
    50%{ left: 32px; top: 32px;}
    75%{ left: -9px; top: 32px;}
    100%{ left: -9px; top: -7px;}
}
@-webkit-keyframes fill_color{
    0%{ box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0.1);}
    100%{ box-shadow: inset 0px -30px 0px 0px rgba(255,255,255,1);}
}
@-moz-keyframes fill_color{
    0%{ box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0.1);}
    100%{ box-shadow: inset 0px -30px 0px 0px rgba(255,255,255,1);}
}
@keyframes fill_color{
    0%{ box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0.1);}
    100%{ box-shadow: inset 0px -30px 0px 0px rgba(255,255,255,1);}
}

/*----------------------------------------*/
/*  부산일보 AI 바우처
/*----------------------------------------*/

/* steps */
.wizard-content {padding: 25px 0 ;}
.wizard-content .wizard>.steps>ul>li:after,
.wizard-content .wizard>.steps>ul>li:before {
    content: '';
    z-index: 9;
    display: block;
    position: absolute
}

.wizard-content .wizard {
    width: 100%;
    overflow: hidden
}

.wizard-content .wizard .content {
    margin-left: 0!important
}

.wizard-content .wizard>.steps {
    position: relative;
    display: block;
    width: 100%
}

.wizard-content .wizard>.steps .current-info {
    position: absolute;
    left: -99999px
}
.wizard-content  .wizard > .steps .current a, .wizard-content .wizard > .actions a,.wizard-content .wizard > .actions a:hover,
.wizard-content .wizard > .steps .disabled a, .wizard-content .wizard > .steps .disabled a:hover, .wizard-content .wizard > .steps .disabled a:active,
.wizard-content .wizard > .content,.wizard-content .wizard > .steps .done a, .wizard-content .wizard > .steps .done a:hover, .wizard-content .wizard > .steps .done a:active{
    background: transparent;
}
.wizard-content .wizard > .steps > ul > li,.wizard-content .wizard > .actions > ul > li{
    float:none;
}
.wizard-content .wizard>.steps>ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    list-style: none
}

.wizard-content .wizard>.steps>ul>li {
    display: table-cell;
    width: auto;
    vertical-align: top;
    text-align: center;
    position: relative
}

.wizard-content .wizard>.steps>ul>li a {
    position: relative;
    padding-top: 65px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block
}

.wizard-content .wizard>.steps>ul>li:before {
    left: 0
}

.wizard-content .wizard>.steps>ul>li:after {
    right: 0
}

.wizard-content .wizard>.steps>ul>li:first-child:before,
.wizard-content .wizard>.steps>ul>li:last-child:after {
    content: none
}

.wizard-content .wizard>.steps>ul>li.current>a {
    font-weight: 600;
    color: #2f3d4a;
    cursor: default
}

.wizard-content .wizard>.steps>ul>li.current .step {
    font-weight: 600;
    border-color: #41b3f9 ;
    background-color: #fff;
    color: #41b3f9
}

.wizard-content .wizard>.steps>ul>li.disabled a,
.wizard-content .wizard>.steps>ul>li.disabled a:focus,
.wizard-content .wizard>.steps>ul>li.disabled a:hover {
    color: #999;
    cursor: default
}

.wizard-content .wizard>.steps>ul>li.done a,
.wizard-content .wizard>.steps>ul>li.done a:focus,
.wizard-content .wizard>.steps>ul>li.done a:hover {
    color: #999
}

.wizard-content .wizard>.steps>ul>li.done .step {
    background-color: #41b3f9 ;
    border-color: #41b3f9 ;
    color: #fff
}

.wizard-content .wizard>.steps>ul>li.error .step {
    border-color: #f62d51;
    color: #f62d51
}

.wizard-content .wizard>.steps .step {
    background-color: #fff;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -24px;
    z-index: 10;
    text-align: center
}

.wizard-content .wizard>.content {
    overflow: hidden;
    position: relative;
    width: auto;
    padding: 0;
    margin: 0
}

.campaign-start .wizard-content .wizard>.content {
    overflow: hidden;
    position: relative;
    width: auto;
    padding: 0;
    margin: 0
}

.wizard-content .wizard>.content>.title {
    position: absolute;
    left: -99999px
}

.wizard-content .wizard>.content>.body {
    padding: 40px 0px 20px;
}

.wizard-content .wizard>.content>iframe {
    border: 0;
    width: 100%;
    height: 100%
}

.wizard-content .wizard>.actions {
    position: relative;
    display: block;
    text-align: right;
    padding: 0 0 20px
}

.wizard-content.campaign-start .wizard>.actions {
    position: relative;
    display: block;
    text-align: right;
    padding: 0 11%;
}

.wizard-content .wizard>.actions>ul {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0
}

.wizard-content .wizard>.actions>ul:after {
    content: '';
    display: table;
    clear: both
}

.wizard-content .wizard>.actions>ul>li {
    float: left
}

.wizard-content .wizard>.actions>ul>li+li {
    margin-left: 10px
}

.wizard-content .wizard>.actions>ul>li>a {
    background: #41b3f9 ;
    color: #fff;
    display: block;
    padding: 7px 12px;
    border-radius: 4px;
    border: 1px solid transparent
}

.wizard-content .wizard>.actions>ul>li>a:focus,
.wizard-content .wizard>.actions>ul>li>a:hover {
    background: #a6a6a6;
}

.wizard-content .wizard>.actions>ul>li>a:active {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset
}

.wizard-content .wizard>.actions>ul>li>a[href="#previous"] {
    background-color: #fff;
    color: #54667a;
    border: 1px solid #d9d9d9
}

.wizard-content .wizard>.actions>ul>li>a[href="#previous"]:focus,
.wizard-content .wizard>.actions>ul>li>a[href="#previous"]:hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset
}

.wizard-content .wizard>.actions>ul>li>a[href="#previous"]:active {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .04) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .04) inset
}

.wizard-content .wizard>.actions>ul>li.disabled>a,
.wizard-content .wizard>.actions>ul>li.disabled>a:focus,
.wizard-content .wizard>.actions>ul>li.disabled>a:hover {
    color: #999
}

.wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"],
.wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"]:focus,
.wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"]:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.wizard-content .wizard.wizard-circle>.steps>ul>li:after,
.wizard-content .wizard.wizard-circle>.steps>ul>li:before {
    top: 45px;
    width: 50%;
    height: 3px;
    background-color: #41b3f9
}

.wizard-content .wizard.wizard-circle>.steps>ul>li.current:after,
.wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:after,
.wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:before {
    background-color: #F3F3F3
}

.wizard-content .wizard.wizard-circle>.steps .step {
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 3px solid #F3F3F3;
    font-size: 1.3rem;
    border-radius: 50%
}

.wizard-content .wizard.wizard-notification>.steps>ul>li:after,
.wizard-content .wizard.wizard-notification>.steps>ul>li:before {
    top: 39px;
    width: 50%;
    height: 2px;
    background-color: #41b3f9
}

.wizard-content .wizard.wizard-notification>.steps>ul>li.current .step {
    border: 2px solid #41b3f9 ;
    color: #41b3f9 ;
    line-height: 36px
}

.wizard-content .wizard.wizard-notification>.steps>ul>li.current .step:after,
.wizard-content .wizard.wizard-notification>.steps>ul>li.done .step:after {
    border-top-color: #41b3f9
}

.wizard-content .wizard.wizard-notification>.steps>ul>li.current:after,
.wizard-content .wizard.wizard-notification>.steps>ul>li.current~li:after,
.wizard-content .wizard.wizard-notification>.steps>ul>li.current~li:before {
    background-color: #F3F3F3
}

.wizard-content .wizard.wizard-notification>.steps>ul>li.done .step {
    color: #FFF
}

.wizard-content .wizard.wizard-notification>.steps .step {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.3rem;
    border-radius: 15%;
    background-color: #F3F3F3
}

.wizard-content .wizard.wizard-notification>.steps .step:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    margin-bottom: -8px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #F3F3F3
}

.wizard-content .wizard.vertical>.steps {
    display: inline;
    float: left;
    width: 15%
}

.wizard-content .wizard.vertical>.steps>ul>li {
    display: block;
    width: 100%
}
.wizard-content .wizard.vertical.wizard>.content{
    min-width: 80%
}
.wizard-content .wizard.vertical>.steps>ul>li.current:after,
.wizard-content .wizard.vertical>.steps>ul>li.current:before,
.wizard-content .wizard.vertical>.steps>ul>li.current~li:after,
.wizard-content .wizard.vertical>.steps>ul>li.current~li:before,
.wizard-content .wizard.vertical>.steps>ul>li:after,
.wizard-content .wizard.vertical>.steps>ul>li:before {
    background-color: transparent
}

@media (max-width:768px) {
    .wizard-content .wizard>.steps>ul {
        margin-bottom: 20px
    }
    .wizard-content .wizard>.steps>ul>li {
        display: block;
        float: left;
        width: 50%
    }
    .wizard-content .wizard>.steps>ul>li>a {
        margin-bottom: 0
    }
    .wizard-content .wizard>.steps>ul>li:first-child:before {
        content: ''
    }
    .wizard-content .wizard>.steps>ul>li:last-child:after {
        content: '';
        background-color: #41b3f9
    }
    .wizard-content .wizard.vertical>.steps {
        width: 15%
    }
}

@media (max-width:480px) {
    .wizard-content .wizard>.steps>ul>li {
        width: 100%
    }
    .wizard-content .wizard>.steps>ul>li.current:after {
        background-color: #41b3f9
    }
    .wizard-content .wizard.vertical>.steps>ul>li {
        display: block;
        float: left;
        width: 50%
    }
    .wizard-content .wizard.vertical>.steps {
        width: 100%;
        float:none;
    }
}

.cp_info_ready {
    font-size: 11px;
    border: 1px solid #7ace4c;
    color: #7ace4c;
    border-radius: 30px;
    display: inline-block;
    width: 65px;
    text-align: center;
    padding: 2px 5px;
    font-weight: 600;
}

.cp_info_on {
    font-size: 11px;
    border: 1px solid #41b3f9;
    color: #41b3f9;
    border-radius: 30px;
    display: inline-block;
    width: 45px;
    text-align: center;
    padding: 2px 0;
    font-weight: 600;
}

.cp_info_error {
    font-size: 11px;
    border: 1px solid #f33155;
    color: #f33155;
    border-radius: 30px;
    display: inline-block;
    width: 45px;
    text-align: center;
    padding: 2px 0;
    font-weight: 600;
}

.cp_info_end {
    font-size: 11px;
    border: 1px solid #ffbb44;
    color: #ffbb44;
    border-radius: 30px;
    display: inline-block;
    width: 45px;
    text-align: center;
    padding: 2px 0;
    font-weight: 600;
}

.cp_info_ing {
    font-size: 11px;
    border: 1px solid #7ace4c;
    color: #7ace4c;
    border-radius: 30px;
    display: inline-block;
    width: 45px;
    text-align: center;
    padding: 2px 0;
    font-weight: 600;
}

.cp_info_none {
    font-size: 11px;
    border: 1px solid #888;
    color: #888;
    border-radius: 30px;
    display: inline-block;
    width: 45px;
    text-align: center;
    padding: 2px 0;
    font-weight: 600;
}

/* wordcloud chart */
#myWordcloud-wrapper {margin-top: -40px; margin-bottom: -20px;  height: 380px;}

/* campaign start */
.wizard-content.step-content .wizard>.content {padding: 0 11%;}
.sg-chose li {text-align:left;}
/* .sg-chose .white-box {height:290px;} */
.sg-chose li  span img {height: 14rem; padding:20px 0 20px 0;}
.sg-chose P img {height: 14rem; padding:20px 0 20px 0;}

.datail-cp li img {height: 10rem;}
.datail-cp .two-part li.fl {width:28.8%;}
.datail-cp .two-part li {width:68.8%;}
.min-h170 {min-height:170px;}
table.cp_table>thead>tr>th {
    padding: 10px 8px !important;
    border-bottom: 1px solid #151b26;
    border-top: 1px solid #e4e7ea !important;
}
table.cp_table td {
    border-bottom: 1px solid #e4e7ea !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}

.ico_red {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff3d4b;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.ico_dark {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4c5162;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.wizard-content .radio-info span {display:inline-block; margin-bottom:10px;    width: 280px;}
blockquote.cs_bq {background: #f9fffe; border-left: 3px solid #4ed8ba !important; border: none; font-size: 14px; margin-bottom:40px;}

/* recommend article */
/* data-dragdrop */
#dragdrop .well{padding: 8px; background-color: #fff; }
#dragdrop .well .header{ color: #000; font-size: 14px; font-weight: bold; margin: 6px 0px 10px 5px;}
#dragdrop .well .subheader{ color: #969696; font-size: 12px; padding: 8px; border-bottom: 1px solid #ccc; background: #fff; -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;}
#dragdrop .well .subheader .buttonsml{padding:3px; color: #fff; font-size: 11px; line-height: 9px;}
#dragdrop .well li {padding:6px; margin-bottom: 10px;}
.draglist-shift{ margin-left: -3%!important; width: 53%!important;}
.sortable-list {
    background-color: #fff;
    list-style: none;
    margin-bottom:10px;
    min-height: 40px;
}
.sortable-num li {
    background: #fff;
    /* border:1px solid #222; */
    margin-bottom: 2px;
    text-align:center;
    padding: 6px;
    color: #222;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight:500;
    font-size: 13px;
}

.sortable-list .span-btn {display:inline-block; position: absolute; right: 10px;  top: 3px;}

.placeholder {
    background-color: #eaf4ff;
    border: 1px dashed #c0cee8;
    height: 30px;
    margin-bottom: 5px;
}
/* .dragbleList{ max-height: 440px; overflow: auto;} */
.sortable-item {
    border:1px dotted #222;
    position:relative;
    background:#fff;
    cursor: move;
    display: block;
    margin-bottom: 10px;
    padding: 6px 6px 6px 24px;
    font-size: 13px;
}

#dragdrop .label-rouded {width: 60px; display: inline-block; font-size:12px;}
.wait_table .label-rouded {width: 60px; display: inline-block; font-size:12px;}
.label-green {background:#4ed8ba;}
.sortable-item .span-btn button {background:none;}

.chat-list .odd .chat-text {background:#fffee5 !important;}

.radio label {font-size:13px;}
label {font-size:13px;}

.wizard-content .col-md-12 {padding-left:0; padding-right:0;}
.modal-body .col-lg-12 {padding-left:0; padding-right:0;}
.AddCustomModal .buttons-excel {display:none;}
.chat-box {background:#f5f5f5;}
.select-li li {float:left; width:100px; margin-right:10px;}

.fa-check:before {
    content: "\f00c";
}



.sg-chose .list-group .radio-info input[type=radio]:checked + label::after {
    color: #3d3f43;
    font-family: 'themify';
    border: 2px solid #41b3f9;
    content: "\e64c";
    font-size: 20px;
    position: absolute;
    top: 10px;
    margin-left: 94%;
    right: -10px;
    left: auto !important;
    transform: translateX(-50%);
    transition: none;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 25%);
}

.sg-chose .list-group .radio label:after {transition: none; width:0;}
.sg-chose .list-group .radio-info {text-align:center; }
.sg-chose .list-group .radio-info h4 {font-weight:600;}
.sg-chose .list-group .radio label:before {display:none;}
.sg-chose .list-group .radio label {width: 100%; padding:25px; }
.sg-chose .list-group .radio-info.radio {padding-left:0; margin-top: 0px; margin-bottom: 0px;}
.sg-chose .list-group .white-box.list-group {padding: 0px;}
.sg-chose .white-box.list-group {padding: 0px;}


.sg-chose .list-group input[type="radio"]:checked + label {
    /* border: 1px solid #41b3f9; */
    background: #f9fdff;
    &::after {
        color: hsla(215, 5%, 25%, 1);
        font-family: FontAwesome;
        border: 1px solid hsla(150, 75%, 45%, 1);
        content: "\f00c";
        font-size: 24px;
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        background: white;
        box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
    }
}

.sg-chose .sg-tab-content {display: none;}
.sg-chose .sg-tab-content.current {display: inherit;}




.mk-chose P img {height: 13rem; padding: 20px 0 20px 0;}
.mk-chose .list-group .radio-info input[type=radio]:checked + label::after {
    color: #3d3f43;
    font-family: 'themify';
    border: 2px solid #41b3f9;
    content: "\e64c";
    font-size: 22px;
    position: absolute;
    top: 10px;
    margin-left: 94%;
    right: -10px;
    left: auto !important;
    transform: translateX(-50%);
    transition: none;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 25%);
}

.mk-chose .list-group .radio label:after {transition: none; width:0;}
.mk-chose .list-group .radio-info {text-align:center; }
.mk-chose .list-group .radio-info h4 {font-weight:600;}
.mk-chose .list-group .radio label:before {display:none;}
.mk-chose .list-group .radio label {width: 100%; padding:25px; }
.mk-chose .list-group .radio-info.radio {padding-left:0; margin-top: 0px; margin-bottom: 0px;}
.mk-chose .list-group .white-box.list-group {padding: 0px;}
.mk-chose .white-box.list-group {padding: 0px;}


.mk-chose .list-group input[type="radio"]:checked + label {
    /* border: 1px solid #41b3f9; */
    background: #f9fdff;
    &::after {
        color: hsla(215, 5%, 25%, 1);
        font-family: FontAwesome;
        border: 1px solid hsla(150, 75%, 45%, 1);
        content: "\f00c";
        font-size: 24px;
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        height: 50px;
        width: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 50%;
        background: white;
        box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
    }
}

.mk-chose .sg-tab-content1 {display: none;}
.mk-chose .sg-tab-content1.current1 {display: inherit;}


.step-ico-bg {text-align: center;background: #ffefdf; width: 100px;height: 100px;border-radius: 50px; position: relative; left: 50%; margin-left: -50px;}
.step-ico-bg01 {background:#f6d549;}
.step-ico-bg02 {background:#4993e4;}
.step-ico-bg03 {background:#7cbc52;}
.step-ico-bg04 {background:#4dd0c8;}

/* busan export */
#myWordcloud {overflow: initial !important;}
.foo-div {line-height:22px;}

.summary_title dt img {height:13rem;}
.summary_title .tit {font-size:20px; text-align:left;}
.summary_title {text-align: center; /* border: 1px solid #ddd; */  margin-bottom: -1px; padding: 0  0 10px 0;}
table.table-bordered>thead>tr>th { padding: 10px 8px !important; border-bottom: 1px solid #151b26; /* background: #f3f3f7; */}
table.footable>thead>tr>th {background: #fff;}
.footable-details tr .footable-details tr:hover, .footable-details tr:active  {background-color: #fff;}
.table-striped.footable-details>tbody>tr:nth-of-type(odd) {background-color: #fff !important;}
.table-rank {font-weight:500; font-size:14px;}
table.table-rank>tbody>tr>td, table.table-rank>tbody>tr>th {padding: 13px !important;}

.table-rank .fa-caret-up {
    color: #ff3e4c;
}
.table-rank .rank {
    width: 26px;
    margin-left: 5px;
    text-align: center;
    display: inline-block;
    font-size: 20px;
}

.table-rank .fa-caret-down {
    color: #478bff;
}

.table-rank .new {
    font-size: 11px;
    font-weight: 700;
    color: #57bfb9;
}

.footable-details th {display:none;}
.clear-both {clear:both !important;}
.progress-bar-blue {background-color:#41b3f9;}
.text-skyblue {color:#41b3f9;}
.filter-box h4 {line-height: inherit; margin-top: 5px;}
.table>tbody>tr>td>span.footable-toggle {margin-right:0;}
.kw-date {display:block; font-weight:400; font-size:11px; color:#888; margin-top:5px;}
.footable .label-rouded {width:80px;}

.cp_info_wait {
    font-size: 11px;
    border: 1px solid #7ace4c;
    color: #7ace4c;
    border-radius: 30px;
    display: inline-block;
    width: 45px;
    text-align: center;
    padding: 2px 0;
    font-weight: 600;
}

table a {color:#637bbd; /* color:#333; */ text-decoration: underline !important;}
table a:hover {color:#637bbd; text-decoration: underline !important;}
.chat-list.send-list .chat-text {background:#fff !important; width:100%;}
.news_img img {width:100%;}
.chat-list .chat-body.send-body {width: 80%; margin-left: 10%;}
.chat-text dl dt {font-weight: 600; font-size: 16px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.panel .panel-body:first-child h3 {position: relative; z-index: 1;}
#dragdrop .well li {height: 32px;}
.table-sglist td h5 .pull-right {font-weight: 500;}

.mdi-arrow-right-box.link { color:#637bbd;  vertical-align: middle;}
.irs-from, .irs-to, .irs-single {font-size: 20px !important; font-weight: 500; top: -10px !important;}

.ico-box-r {background: #204056; width: 90px !important; height: 90px !important; border-radius: 50%; margin-top: 20px; margin-bottom: 20px;  line-height: 90px;}
.ico-box-r i {color: #ffffff; font-size: 60px;}

.cp_email_img {margin-bottom:30px;}
.cp_email_img span {border: 1px solid #ddd; display: inline-block; padding-bottom: 20px; margin-right:10px;      cursor: pointer;}
.cp_email_img span.active {border: 1px solid #41b3f9;}
.cp_email_img span img {height: 100px;}


/* 20210705 segment automation */
.ai-table .progress-bar {background-color: #4fdabd;}
.ai-table tr {cursor: pointer;}
.progress-bar.ctn-vs-1{
    background:#4fdbbd;
}
.progress-bar.ctn-vs-2{
    background:#4fdbbd; opacity:.8;
}
.progress-bar.ctn-vs-3{
    background:#4fdbbd; opacity:.7;
}
.progress-bar.ctn-vs-4{
    background:#4fdbbd; opacity:.6;
}
.progress-bar.ctn-vs-5{
    background:#4fdbbd; opacity:.5;
}
.progress-bar.ctn-vs-6{
    background:#4fdbbd; opacity:.4;
}
.progress-bar.ctn-vs-7{
    background:#4fdbbd; opacity:.3;
}
.table-sglist-view .buttons-excel.m-r-10 {margin-right:0 !important;}

/* 20210709 outcome report */
#mylinechart-license-text, #mylinechart_1-license-text {display:none;}
.cp-bar.progress {background:#4fdbbd;}
.cp-box h1 {font-size:26px}
.cp-table .label-rouded {width: 60px; display: inline-block; font-size: 12px;}
.cp-table .mdi.mdi-account-circle {font-size:20px; vertical-align: middle; cursor: pointer;}

.service_datagrid {width: 100%; font-size:13px;}
.service_datagrid th {padding: 14px 10px; font-weight: 700; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8;   border-right:1px solid #e8e8e8; background:#f7fafc; width:150px;}
.service_datagrid td {padding: 13px 10px; text-align: left; border-bottom: 1px solid #e8e8e8;   border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8; font-weight:normal;}
.service_datagrid td:last-child{border-right:none;}
#myWordcloud-license-text, #myWordcloud2-license-text {display:none !important;}

.news-item-preview {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* 20210730 custermized recommend */
.modify-form .radio-info span {display: inline-block; margin-bottom: 10px; width: 280px;}
.ex_info {font-size: 11px; border: 1px solid #41b3f9; color: #41b3f9; border-radius: 30px; display: inline-block;  text-align: center; padding: 2px 10px;  font-weight: 600;}
.ico_del {    width: 14px; height: 14px;  line-height: 14px; border-radius: 50%; display: inline-block; margin-left: 3px;  float: right; color:#fff; background:#4c5667;}
.ico_del:link,
.ico_del:visited,
.ico_del:hover,
.ico_del:active {color:#fff !important;}
.modify-form .popover_btn, .panel-heading .popover_btn {color: #bebebe;}
.input-group-btn .btn {padding: 5px 12px;}
.width300px {width:300px !important;}
table.table-set.dataTable.nowrap th, table.dataTable.nowrap td {white-space: inherit;}
.modal.AddlnventoryModal  table td {white-space: inherit;}

/* tree */
.treejs ul {font-size:12px;}
.tree ul:first-child {padding-left:0 !important;}
.treejs .treejs-nodes {padding-top:10px !important;}
.tree ul li:last-child {margin-bottom:0 !important;}
.treejs .treejs-node {max-width: 200px;}
.treejs-label {font-weight:600; font-size:13px; }
.treejs .treejs-node.treejs-placeholder .treejs-label {font-size:12px; font-weight:400 !important;}
.modify-form .ti {font-size:12px;}
.select_ct {margin-bottom:20px;}
.select_ct .ex_info {margin-right:5px; margin-top:10px;}
.ex_info_none {display:block;}

/* media unified report */
#side-menu > li > a.reports_download.active {padding: 22px 35px 22px 20px;}
#side-menu>li>a.reports_download {padding: 22px 35px 22px 20px;}
.dashboard_mini .text-right h1 {line-height: normal; font-size: 30px;}
.dashboard_mini .white-box {min-height:178px;}
.dashboard_mini .ds-plus {margin-top:40px;}
.mini-box-shadow {
    /* border: none; */
    box-shadow: 0 1px 4px 0 rgb(21 27 38 / 8%);
}
.tile_stats_count.dash-btn-plus .x_panel {
    border: none;
    text-align: center;
    padding: 0;
    background: transparent;
    margin-top: 25px;
}
.plus-btn i {
    text-align: center;
    background: #4382ee;
    color: #fff;
    border-radius: 50%;
    line-height: 40px;
    width: 40px;
    height: 40px;
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    font-size: 20px;
}
.ds-plus .dropdown-menu {
    width: 280px;
}
.dropdown-menu-top-tit {
    font-weight: 600;
    background: #e1e3ec;
    padding-left: 10px;
    font-size: 14px;
    line-height: 34px;
}
.dropdown-menu-top-tit .btn-close {
    text-align: right;
    cursor: pointer;
}
.ds-plus .dropdown-menu li {
    line-height: 26px;
    font-size: 12px;
}

.ds-plus .dropdown-menu {
    top: auto;
    left: -50px;
    border: 1px solid rgba(120, 130, 140, 0.13);
    border-radius: 0px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05)!important;
    -webkit-box-shadow: 0px!important;
    -moz-box-shadow: 0px!important;
    padding-bottom: 8px;
    margin-top: 0px;
    padding-top: 0;
}

.dashboard-select .btn {margin-right:5px;}

.d-flex-wrap{display:flex; flex-wrap: wrap;}

/* multi-select dropdowns */
.fs-wrap {
    position:relative;
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    width: 100%;
}

.fs-label-wrap {
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: default;
}

.fs-label-wrap,
.fs-dropdown {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fs-label-wrap .fs-label {

    /* padding: 6px 22px 6px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; */

    display: inline-block;
    width: auto;
    vertical-align: middle;
    width: 100%;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.fs-arrow {
    display:inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
}

.fs-dropdown {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: -1px;
    z-index: 1000;
}

.fs-dropdown .fs-options {
    max-height: 200px;
    overflow: auto;
}

.fs-search input {
    border: none !important;
    box-shadow: none !important;
    outline: none;
    padding: 10px;
    width: 100%;
}

.fs-option,
.fs-search,
.fs-optgroup-label {
    padding: 10px;
    border-bottom: 1px solid #eee;
    cursor: default;
}

.fs-option:last-child {
    border-bottom: none;
}

.fs-search {
    padding: 0 4px;
}

.fs-option {
    cursor: pointer;
}

.fs-option:hover {
    background-color: #F6F6F6;
}

.fs-option.disabled {
    opacity: 0.4;
    cursor: default;
}

.fs-option.hl {
    background-color: #f5f5f5;
}

.fs-wrap.multiple .fs-option {
    position: relative;
    padding-left: 30px;
}

.fs-wrap.multiple .fs-checkbox {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    left: 0;
    bottom: 0;
}

.fs-wrap.multiple .fs-option .fs-checkbox i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #aeaeae;
    border-radius: 2px;
    background-color: #fff;
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: #41b3f9;
    border-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center;
}

.fs-optgroup-label {
    font-weight: bold;
    text-align: center;
}


.dropdown-item input, .dropdown-item span {vertical-align: middle;}
.dropdown-item span {margin-left:3px;}


.sub-chart-select {
    position: absolute;
    min-width: 120px;
    z-index: 1;
}

.dashboard-select-text {
    border: 1px solid #ddd;
    padding: 0px 10px;
    background: #fff;
    line-height: 30px;
    height: 30px;
    width: 100%;
}

.btn-chart-r.btn-group-sm>.btn {padding: 4px 8px;}

/* file upload */
.fileinput_w {width:350px; margin-left:5px;}
.fileinput_w .fileinput .fileinput-filename {white-space: nowrap; text-overflow: ellipsis; width: 120px;}
.fileinput_w .input-group-addon { font-size: 12px;}
.fileinput_w .fileinput .fileinput-new { font-size: 12px;}
.fileinput_w .fileinput .form-control {height: 30px; font-size: 12px;}

/* excel download */
.lnb-f {position:absolute; bottom:0px; padding-bottom:20px; padding-top: 20px; background:#090b0e;}
.lnb-f li a {
    font-size:12px;
    width: 240px;
    font-weight: 400;
    color: #fff;
    border-left: 0px solid #2f323e;
    padding: 5px 35px 5px 20px;
    display: block;
}
.lnb-f .far {margin-right: 7px;}
.lnb-f li.devider {
    margin: 7px 0;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
}
.bq-info p {line-height: 1.2;}
.export-table th {width:200px; background:#f7fafc !important;}
.export-table th, .export-table td {text-align:left;}
.export-table {margin-bottom:-1px;}
.export-table .daterangepicker.show-calendar .drp-buttons {display:none;}
.export-table .mydatepickertc {min-width:250px; text-align:center;}
.export-table #runYearDate {min-width: auto;}
.export_setting.mk-chose .list-group .radio-info input[type=radio]:checked + label::after {top:20px;}
.table .fa-question-circle {vertical-align: middle; color: #bebebe; font-size: 95%;}
.table .popover_btn.ico-info {padding:2px;}
.table .ms-txt {font-size:11px; color:#888; margin-left:5px;}
.export-file .owl-stage-outer .item {border:none;}

/* lnb */
/* .user-profile .btn-primary.btn-outline {background:transparent;} */
.user-profile .bootstrap-select>.dropdown-toggle {width:90%; font-weight:600;}
.user-profile .bootstrap-select .dropdown-menu  {min-width:91%;}
.user-profile .dropdown-menu {margin-left:10px; padding:0px; font-size:13px;}
.user-profile .dropdown-menu > li > a {padding: 5px 13px; font-weight:600;}
.dropdown-menu > .active > a {    background-color: #4993e4;}

/* gnb */
.navbar-right.navbar-top-links > li > a {font-size:13px;  height: 60px;}
.nav .open > a {background: #eee !important;}
.message-center .mail-contnet h5{font-weight:600; line-height: 1.7em; padding-right: 5px; white-space: inherit; overflow: inherit;}
.navbar-right .dropdown-menu>li>a {clear: inherit;}

/* calendar custom */
.drp-calendar .form-control {height:28px; font-size: 11px; color: #000; font-weight: 600; padding: 7px 10px;}
.max-w190 {max-width: 190px !important;}
.drp-calendar .label_s {font-size:11px; font-weight:600;}
.ver-tb {vertical-align: text-bottom !important;}
.m-line   {line-height: 28px; text-align: center;  display: inline-block; width: 6%;}
.form-s {float:left; display:inline-block; width:47%;}
.drp-calendar .btn-group-sm>.btn {padding: 3px 5px; font-size: 12px; border-radius: 0 !important;}
.drp-calendar.drp-calendar-wrap {background: #f8f8f8; height: 100%; min-height: 252px; padding-top: 15px !important; padding-left: 10px !important; padding-right: 10px !important;}
.drp-calendar .btn-danger {background: #ff9800;}


/* unified dashboard */
.lnb-f {position:absolute; bottom:0px; padding-bottom:20px; padding-top: 20px; background:#090b0e;}
.lnb-f li a {
    font-size:13px;
    width: 240px;
    font-weight: 400;
    color: #97999f;
    border-left: 0px solid #2f323e;
    padding: 5px 35px 5px 20px;
    display: block;
}
.lnb-f .far {margin-right: 7px;}
.lnb-f li.devider {
    margin: 7px 0;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
}

/* media account connection modal */
.height30px {height:30px !important;}
.layer_pop_table {width: 100%; border-collapse: collapse; margin-top:20px;}
.layer_pop_table .edit_input {width: 100%;}
.layer_pop_table th {
    padding: 8px 10px !important;
    font-weight: 700;
    border-bottom: 1px solid #e8e8e8 !important;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    background: #f3f4f6 !important;
    width: 150px;
    text-align: left;
}
.layer_pop_table td:last-child {
    border-right: none;
}
.layer_pop_table td {
    padding: 8px 10px !important;
    text-align: left;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-weight: normal;
}
.result_datagrid.acc_list td {padding:12px 10px; font-weight:400;}
.result_datagrid.acc_sa_list td {padding:10px; font-weight:400;}
.result_datagrid.acc_sa_list td .btn-default {font-weight:600}
.result_datagrid.acc_list th {padding:10px 10px;}
.acc_list .ex_info_on, .acc_list .ex_info_error, .acc_list .btn-default {width: 45px; font-size:12px; font-weight:600; padding: 2px 0;}
.btn-filter,
.acc_list .btn-filter:hover,
.acc_list .btn-filter:active,
.acc_list .btn-filter:focus
{background: #8ba0fb; color: #fff; border-color: #8ba0fb;}
.acc_list .ex_info_error {border: 1px solid #ff404b; color: #ff404b;}
.acc_list .ex_info_on, .acc_list .ex_info_on:active {border: 1px solid #73b8fa; background: #73b8fa; color: #fff;}
.acc_list .ex_info_error, .acc_list .ex_info_error:active {border: 1px solid #ff404b; background: #ff404b; color: #fff;}

.r_scc {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #73b8fa;
    margin: 0 3px;
    vertical-align: middle;
}

.r_err {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff404b;
    margin: 0 3px;
    vertical-align: middle;
}

.r_no {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    border:1px solid #ccc;
    margin: 0 3px;
    vertical-align: middle;
}

.r_blue {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #73b8fa;
    border:1px solid #73b8fa;
    margin: 0 3px;
    vertical-align: middle;
}

.r_red {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff404b;
    border:1px solid #ff404b;
    margin: 0 3px;
    vertical-align: middle;
}

.r_green {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #20cd4a;
    border:1px solid #20cd4a;
    margin: 0 3px;
    vertical-align: middle;
}

.acc-m-text {padding-left: 2px; font-size: 15px; vertical-align: middle; font-weight: 600;}
.acc-tg-text {font-weight:600; font-size:16px;}
.acc-logo-text {display: block; font-size: 12px;font-weight: 300; padding-top: 7px;}
.main_menu .active.arrow span.fa:before {content: "\f078";}
#side-menu li.devider {
    margin: 7px 0;
    border-top: 1px solid #273240;
}
.nav-sm span.fa.fa-exclamation-circle {display:block; float:left;}

.media_box {
    /* box-shadow: 0 1px 4px 0 rgb(21 27 38 / 8%); */
    padding: 15px;
    background: #fff;
    border: 1px solid #cecece;
    text-align: center;
    /* margin-top: 5px; */
    /* margin-bottom: 20px; */
}
.media_box h1 {
    background: none !important;
    height: 40px;
    margin-top: -20px;
}
.media_box .media_logo img {
    height: 20px;
}

.media_box.position_r{
    padding: 35px 0 30px;
}

.media_txt {
    clear: both;
    text-align: center;
    padding-top: 10px !important;
}

.media_txt h4 {
    font-size: 16px;
    font-weight: 700;
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", "Nanum Gothic", gulim, 援대┝, sans-serif;
    margin: 0px 0px 10px;
}

.media_txt .btn {
    width: 70%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.btn-listmore {
    border-radius: 0px;
    border: 1px solid #141c3a;
    font-weight: 600;
    font-size: 14px;
}

 .btn-watch a {
    font-weight: 600;
    color: #7460ee;
    font-size: 13px;
    cursor: pointer;
}

.acc_sa_list td img {width: 16px; margin-right:5px;}
.btn.btn-listmore.btn-save {border:1px solid #73b8fa; background:#73b8fa; color:#fff;}
.btn.btn-listmore.btn-err {border:1px solid #ff404b; color:#ff404b; }
.media_txt small {font-size:12px;}
.media_setting_ico {text-align:right; /* font-size:18px; */}
.m-center {min-height: 13px;}
/* upload report */
.ex_info_on {
    font-size: 11px;
    border: 1px solid #73b8fa;
    color:#73b8fa;
    border-radius: 30px;
    display: inline-block;
    width: 55px;
    text-align: center;
    padding: 2px 0;
    font-weight: 600;
}
.ex_info_error {
    font-size: 11px;
    border: 1px solid #ff404b;
    color: #ff404b;
    border-radius: 30px;
    display: inline-block;
    width: 55px;
    text-align: center;
    padding: 2px 0;
    font-weight: 600;
}
.ex_info_waiting {
    font-size: 11px;
    border: 1px solid #20cd4a;
    color: #20cd4a;
    border-radius: 30px;
    display: inline-block;
    width: 55px;
    text-align: center;
    padding: 2px 0;
    font-weight: 600;
}
.btn-save {background:#8ba0fb; color:#fff;}
.btn-save:hover {background:#8ba0fb; color:#fff;}
.btn-save:active {color: #fff !important;}
.btn-save:focus {color: #fff !important;}

.btn.btn-listmore {
    border-radius: 0px;
    border: 1px solid #141c3a;
    font-weight: 600;
    font-size: 14px;
    color:#141c3a;
}

.ico_red {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff3d4b;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

/* LOADER-3 */
.loader {position: relative; margin-top: 17px}
.loader-3 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 4px -19px 0;
}
.loader-3 .dot {
    width: 8px;
    height: 8px;
    background: #8ba0fb;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 5px);
}

.loader-3 .dot1 {
    left: 0px;
    -webkit-animation: dot-jump 0.7s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.loader-3 .dot2 {
    left: 12px;
    -webkit-animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.loader-3 .dot3 {
    left: 24px;
    -webkit-animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

/* ----------------     KEYFRAMES    ----------------- */
@-webkit-keyframes dot-jump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

/* setting control */
.table-stlist {white-space: nowrap;}
.table-stlist .label-rouded {font-size: 12px !important; width: auto; display: inline-block; min-width: auto; padding:2px 5px;}
.table-stlist .label-rouded .fa-times-circle {vertical-align: text-bottom; color:#666;}
.modal-lg-1 {width: 800px;}
.modal-lg-2 {width: 1000px;}
.modal-lg-3 {width: 1100px;}
.height80px {height:80px !important;}
.media_ico {height:25px; margin-right:5px;}

/* Scheduled Export */
.cd-gallery .container-fluid {padding-left:0; padding-right:0;}
.media_logo { text-align:center; max-width:100%; height:60px;}
.media_logo img {max-width:150px;  /* border-radius:50%; */}
.media_txt {clear:both; text-align:center; padding-top:10px !important;}
.media_txt .tit {padding-bottom:20px !important;}

.media_txt button {margin-top:20px;}
.panel-body a.fa-circle {position:absolute; right:10px;}
.panel-body a.fa-circle.on {color:#5cb85c !important;}
.media_txt .btn-success.off {background:#888; border:1px solid #888;}
.view_logo {padding-right:5px; color:#006DF0;}
.won-text {font-weight:400 !important; color:#222 !important; font-size:18px !important;}

.cd-header {
    position: relative;
    height: 150px;
    background-color: #331d35;
}
.cd-header h1 {
    color: #ffffff;
    line-height: 150px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 300;
}
@media only screen and (min-width: 1170px) {
    .cd-header {
        height: 180px;
    }
    .cd-header h1 {
        line-height: 180px;
    }
}

.cd-main-content {
    position: relative;
    /* min-height: 100vh; */
}
.cd-main-content:after {
    content: "";
    display: table;
    clear: both;
}

/*
.cd-main-content.is-fixed .cd-tab-filter-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.cd-main-content.is-fixed .cd-gallery {
  padding-top: 76px;
}
.cd-main-content.is-fixed .cd-filter {
  position: fixed;
  height: 100vh;
  overflow: hidden;
}
.cd-main-content.is-fixed .cd-filter form {
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.cd-main-content.is-fixed .cd-filter-trigger {
  position: fixed;
}
@media only screen and (min-width: 768px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 100px;
  }
}

*/

/* --------------------------------

xtab-filter

-------------------------------- */
.cd-tab-filter-wrapper {
    background-color: #ffffff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    z-index: 1;
}
.cd-tab-filter-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.cd-tab-filter {
    /* tabbed navigation style on mobile - dropdown */
    position: relative;
    height: 50px;
    width: 140px;
    margin: 0 auto;
    z-index: 1;
}
.cd-tab-filter::after {
    /* small arrow icon */
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../img/cd-icon-arrow.svg") no-repeat center center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}
.cd-tab-filter ul {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    box-shadow: inset 0 -2px 0 #41307c;
}
.cd-tab-filter li {
    display: none;
}
.cd-tab-filter li:first-child {
    /* this way the placehodler is alway visible */
    display: block;
}
.cd-tab-filter a {
    display: block;
    /* set same size of the .cd-tab-filter */
    height: 50px;
    width: 140px;
    line-height: 50px;
    padding-left: 14px;
}
.cd-tab-filter a.selected {
    background: #41307c;
    color: #ffffff;
}
.cd-tab-filter.is-open::after {
    /* small arrow rotation */
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}
.cd-tab-filter.is-open ul {
    box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, 0.2);
}
.cd-tab-filter.is-open ul li {
    display: block;
}
.cd-tab-filter.is-open .placeholder a {
    /* reduces the opacity of the placeholder on mobile when the menu is open */
    opacity: .4;
}
@media only screen and (min-width: 768px) {
    .cd-tab-filter {
        /* tabbed navigation style on medium devices */
        width: auto;
        cursor: auto;
    }
    .cd-tab-filter::after {
        /* hide the arrow */
        display: none;
    }
    .cd-tab-filter ul {
        background: transparent;
        position: static;
        box-shadow: none;
        text-align: left;
    }
    .cd-tab-filter li {
        display: inline-block;
    }
    .cd-tab-filter li.placeholder {
        display: none !important;
    }
    .cd-tab-filter a {
        display: inline-block;
        padding: 0 1em;
        width: auto;
        color: #9a9a9a;
        text-transform: uppercase;
        font-weight: 700;
        /* font-size: 1.3rem; */
    }
    .no-touch .cd-tab-filter a:hover {
        color: #41307c;
    }
    .cd-tab-filter a.selected {
        background: transparent;
        color: #41307c;
        /* create border bottom using box-shadow property */
        box-shadow: inset 0 -2px 0 #41307c;
    }
    .cd-tab-filter.is-open ul li {
        display: inline-block;
    }
}
@media only screen and (min-width: 1170px) {
    .cd-tab-filter {
        /* tabbed navigation on big devices */
        width: 100%;
        float: right;
        margin: 0;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        transition: width 0.3s;
    }
    .cd-tab-filter.filter-is-visible {
        /* reduce width when filter is visible */
        width: 80%;
    }
}

/* --------------------------------

xgallery

-------------------------------- */
.cd-gallery {
    padding: 26px 5%;
    width: 100%;
}
.cd-gallery li.abb_gy {
    margin-bottom: 1.6em;
    /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); */
    display: none;
}
.cd-gallery li.gap {
    /* used in combination with text-align: justify to align gallery elements */
    opacity: 0;
    height: 0;
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    .cd-gallery {
        padding: 40px 3%;
    }
    /*
    .cd-gallery ul {
      text-align: justify;
    }
    */
    .cd-gallery ul:after {
        content: "";
        display: table;
        clear: both;
    }
    .cd-gallery li.abb_gy {
        width: 48%;
        margin-bottom: 2em;
    }
}
@media only screen and (min-width: 1170px) {
    .cd-gallery {
        padding: 20px 0;
        float: right;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        transition: width 0.3s;
    }
    .cd-gallery li.abb_gy {
        width: 20%;
    }
    .cd-gallery.filter-is-visible {
        /* reduce width when filter is visible */
        width: 80%;
    }
}

/* --------------------------------

xfilter

-------------------------------- */
.cd-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background: #ffffff;
    box-shadow: 4px 4px 20px transparent;
    z-index: 2;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
    -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s;
}
.cd-filter::before {
    /* top colored bar */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: #41307c;
    z-index: 2;
}
.cd-filter form {
    padding: 70px 20px;
}
.cd-filter .cd-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    color: #ffffff;
    font-size: 1.3rem;
    text-align: center;
    background: #37296a;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 3;
}
.no-touch .cd-filter .cd-close:hover {
    background: #32255f;
}
.cd-filter.filter-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}
.cd-filter.filter-is-visible .cd-close {
    opacity: 1;
}
@media only screen and (min-width: 1170px) {
    .cd-filter {
        width: 20%;
    }
    .cd-filter form {
        padding: 70px 10%;
    }
}

.cd-filter-trigger {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    background: transparent url("../img/cd-icon-filter.svg") no-repeat center center;
    z-index: 3;
}
.cd-filter-trigger.filter-is-visible {
    pointer-events: none;
}
@media only screen and (min-width: 1170px) {
    .cd-filter-trigger {
        width: auto;
        left: 2%;
        text-indent: 0;
        color: #9a9a9a;
        text-transform: uppercase;
        font-size: 1.3rem;
        font-weight: 700;
        padding-left: 24px;
        background-position: left center;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s;
    }
    .no-touch .cd-filter-trigger:hover {
        color: #41307c;
    }
    .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
        color: #ffffff;
    }
}

/* --------------------------------

xcustom form elements

-------------------------------- */
.cd-filter-block {
    margin-bottom: 1.6em;
}
.cd-filter-block h4 {
    /* filter block title */
    position: relative;
    margin-bottom: .2em;
    padding: 10px 0 10px 20px;
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.no-touch .cd-filter-block h4:hover {
    color: #41307c;
}
.cd-filter-block h4::before {
    /* arrow */
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    background: url("../img/cd-icon-arrow.svg") no-repeat center center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.cd-filter-block h4.closed::before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}
.cd-filter-block input, .cd-filter-block select,
.cd-filter-block .radio-label::before,
.cd-filter-block .checkbox-label::before {
    /* shared style for input elements */
    /* font-family: "Open Sans", sans-serif; */
    border-radius: 0;
    background-color: #ffffff;
    border: 2px solid #e6e6e6;
}
.cd-filter-block input[type='search'],
.cd-filter-block input[type='text'],
.cd-filter-block select {
    width: 100%;
    padding: .8em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
}
.cd-filter-block input[type='search']:focus,
.cd-filter-block input[type='text']:focus,
.cd-filter-block select:focus {
    outline: none;
    background-color: #ffffff;
    border-color: #41307c;
}
.cd-filter-block input[type='search'] {
    /* custom style for the search element */
    border-color: transparent;
    background-color: #e6e6e6;
    /* prevent jump - ios devices */
    font-size: 1.6rem !important;
}
.cd-filter-block input[type='search']::-webkit-search-cancel-button {
    display: none;
}
.cd-filter-block .cd-select {
    /* select element wrapper */
    position: relative;
}
.cd-filter-block .cd-select::after {
    /* switcher arrow for select element */
    content: '';
    position: absolute;
    z-index: 1;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 16px;
    height: 16px;
    background: url("../img/cd-icon-arrow.svg") no-repeat center center;
    pointer-events: none;
}
.cd-filter-block select {
    cursor: pointer;
    font-size: 1.4rem;
}
.cd-filter-block select::-ms-expand {
    display: none;
}
.cd-filter-block .list li {
    position: relative;
    margin-bottom: .8em;
}
.cd-filter-block .list li:last-of-type {
    margin-bottom: 0;
}
.cd-filter-block input[type=radio],
.cd-filter-block input[type=checkbox] {
    /* hide original check and radio buttons */
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
}
.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label {
    padding-left: 24px;
    font-size: 1.4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
    /* custom radio and check boxes */
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before {
    width: 16px;
    height: 16px;
    left: 0;
}
.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after {
    /* check mark - hidden */
    display: none;
}
.cd-filter-block .checkbox-label::after {
    /* check mark style for check boxes */
    width: 16px;
    height: 16px;
    background: url("../img/cd-icon-check.svg") no-repeat center center;
}
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
    border-radius: 50%;
}
.cd-filter-block .radio-label::after {
    /* check mark style for radio buttons */
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    left: 5px;
}
.cd-filter-block input[type=radio]:checked + label::before,
.cd-filter-block input[type=checkbox]:checked + label::before {
    border-color: #41307c;
    background-color: #41307c;
}
.cd-filter-block input[type=radio]:checked + label::after,
.cd-filter-block input[type=checkbox]:checked + label::after {
    display: block;
}

@-moz-document url-prefix() {
    /* hide custom arrow on Firefox - select element */
    .cd-filter-block .cd-select::after {
        display: none;
    }
}

/* cxm */
.cxm-table {width:100%;}
.cxm-table table {width:100%; border-spacing: 0;}
.cxm-table table tbody {margin-bottom:40px;}
.cxm-table tbody td {border-bottom: 1px solid #ddd; /* border-right: 1px solid #ddd; */ height:30px; position:relative; display:block; }
.m-tit {height:34px; line-height:34px; font-size:18px; font-weight:600; margin-bottom:20px;}
.cxm-seg {padding-left:0; padding-right:0;}
.cxm-seg .tit {font-size:13px; /* height:34px; */ text-align:center;}
.cxm-r-1 {background:#006df0; display:block; border-radius:50%; position:absolute;}
.cxm-r-2 {background:#21e6b0; display:block; border-radius:50%; position:absolute;}
.cxm-r-3 {background:#63e2e4; display:block; border-radius:50%; position:absolute;}
.cxm-r-4 {background:#73b8fa; display:block; border-radius:50%; position:absolute;}
.cxm-r-5 {background:#8ba0fb; display:block; border-radius:50%; position:absolute;}
.cxm-r-s-1 {width:10px; height:10px;  left:50%; margin-left:-5px; top:24px; opacity:.5;}
.cxm-r-s-2 {width:14px; height:14px;  left:50%; margin-left:-7px; top:22px;  opacity:.6;}
.cxm-r-s-3 {width:18px; height:18px;  left:50%; margin-left:-9px; top:20px;  opacity:.7;}
.cxm-r-s-4 {width:22px; height:22px;  left:50%; margin-left:-11px; top:18px;  opacity:.8;}
.cxm-r-s-5 {width:26px; height:26px;  left:50%; margin-left:-13px; top:16px; }

.tp-div .cxm-table tbody {display:block; margin-bottom:40px;}
.tp-div .cxm-table tbody td {font-size:12px; border-bottom:0; font-weight:600;}
.cxm-seg .seg-select {width: 95%; line-height: 20px; font-size:13px; background: #FFF5DD; border:0px;}
.seg-select {
    position: relative;
    margin-right: 5px;
    border: 1px dashed #ddd !important;
    background: #fff;
    color: gray;
    display: inline-block;
    width: 200px;
    line-height: 30px;
    padding: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.seg-select.bg-none {background: #fff;}

.bl4-06 {border-left: 4px solid #FFCE56 !important; border-right:none !important; border-top:none !important; border-bottom:none !important;}
.cxm-pt-r {width:20px; height:20px;  left:50%; margin-left:-10px; top:20px;}
.cxm-pt-r-1 {border:2px solid #006df0; display:block; border-radius:50%; position:absolute;}
.cxm-pt-r-2 {border:2px solid #21e6b0; display:block; border-radius:50%; position:absolute;}
.cxm-pt-r-3 {border:2px solid #63e2e4; display:block; border-radius:50%; position:absolute;}
.cxm-pt-r-4 {border:2px solid #73b8fa; display:block; border-radius:50%; position:absolute;}
.cxm-pt-r-5 {border:2px solid #8ba0fb; display:block; border-radius:50%; position:absolute;}
.seg-tit {min-width:60px; line-height:40px; font-weight:600; font-size:14px; background: #f6f8fa; text-align: center;}
.cxm-table .campaign_set_btn {padding:0; cursor: pointer;  position: relative; z-index: 1;}
.cxm-table .campaign_set_btn:hover {box-shadow: 0px 0px 5px #888;}

.tp-info li {font-size:13px; line-height:24px;}
.tp-box {background:#F6F8FA; border:1px solid #ddd; height:120px; padding-top:20px; text-align:center; margin-top:20px;}
.tp-box ul {float:left; width:25%; font-size:12px; font-weight:500; margin-top:12px; margin-bottom:20px;}
.tp-box li { line-height:24px;}
.tp-box .mdi {font-size:30px;}
.tp-box ul li {padding:0 !important;}
.campaign_set_div  .basic-list.analysis-progrebar-content li {padding:2px 0;}
.cxm-pop .mCustomScrollBox {top:0 !important;}
.cxm-pop h5 {font-size:13px !important;}
.white-box-s {border: 1px solid #e8ecee; box-shadow: 0 1px 4px 0 rgba(21,27,38,.08); background: #fff; overflow: hidden; padding: 20px;}
.cxm-stages li {height:150px; margin-top:40px; writing-mode: vertical-rl; font-size:20px; font-weight:600; color:#fff; text-align:center; min-width:40px; line-height:40px;}
.cxm-stages li:first-child {margin-top:0; }
.cxm-bg01 {background:#006df0;}
.cxm-bg02 {background:#21e6b0;}
.cxm-bg03 {background:#63e2e4;}
.cxm-bg04 {background:#73b8fa}
.cxm-bg05 {background:#8ba0fb}
.cxm-stages li {position:relative;}
.cxm-stages li:after{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 30px solid transparent;
    position: absolute;
    top: 140px;
    margin-top: -5px;
    left: 5px;
    z-index: 2;
    transform: rotate( 90deg );
}
.cxm-stages li.cxm-bg01:after	{border-left: 30px solid #006df0;}
.cxm-stages li.cxm-bg02:after	{border-left: 30px solid #21e6b0;}
.cxm-stages li.cxm-bg03:after	{border-left: 30px solid #63e2e4;}
.cxm-stages li.cxm-bg04:after	{border-left: 30px solid #73b8fa;}
.cxm-stages li.cxm-bg05:after	{border-left: 30px solid #8ba0fb;}
.cxm-pop .touchspin-inner label {font-size: 12px; font-weight: 700;}

.mail-tp {margin-top:20px;}
.mail-tp li {float:left; margin-right:10px; width:95px; height:100px; border:5px solid #ddd;}
.mail-tp li img {width:90px; height:90px; }
.mail-tp li.active {border:5px solid #006df0;}

.mail-view .hpanel {background:#f6f8fa; padding:10px;}
.input-file-text {font-size:12px;}
.highcharts-credits {display:none !important;}


.ai-table small {text-align:left !important;}
.ai-label {padding-top: 10px;}
.a-disabled {pointer-events: none; color:#bebebe !important;}

.left-checkbox .checkbox {display: inline-block; margin-right:5px;}

.seg-del {
    display: inline-block;
    background: #6a6a6a;
    color: #fff;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0px;
    font-size: 10px;
    line-height: 12px;
    top: 0px;
    font-weight: 600;
}

.seg-del:hover {color: #fff;}

.plus span {
    background: #888;
    border-radius: 30px;
    width: 25px;
    height: 25px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    margin-right: 5px;
}

.storage-right {
    float: right;
    margin-bottom: 0px;
    margin-top: -25px;
    font-size: 16px !important;
}

#right-sidebar3.right-sidebar .r-panel-body ul li {
    padding: 0;
}

#right-sidebar3 .dt-buttons {display:none;}
.cp-detail-table .footable-details {border:none; margin-bottom:0;}
.table>tbody>tr>td.pd0 {Padding:0 !important;}
.footable-detail-row>td:first-child {Padding:0 !important;}
.bg-gray {background:#f8f8f8 !important;}
.cp-detail-table .input-daterange {position:relative; left:50%; margin-left:-15px;}
.box-title-label {font-size:12px; font-weight:300; color:#41b3f9;}
.table-sglist .input-daterange{position:relative; left:50%; margin-left:-15px;}
.table-sglist .ti-info-alt {color: #0084f4; vertical-align: middle; font-size: 14px;}

.right-sidebar .wizard-content .col-lg-12 {padding-left:0; padding-right:0;}

.table-sglist table .sortable-item { padding-left:6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.text-overflow {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.table-sglist table .seg-del {    color: #fff; text-align: center; text-decoration: none !important;}

.right-sidebar .table.right-set-table > tbody > tr > td {padding:10px 20px !important;}
.panel-body .steamline {border-left: 2px solid rgba(120, 130, 140, 0.13);}
table .sortable-item {margin-bottom:0;}

.cp-tit-bg {background:#f9fdff; margin-bottom:0;}
.cp-tit-bg code {font-size:100%;}
.step-bl-2 {border-left:2px solid #6c788c !important;}
.right-sidebar .wizard-content .panel .panel-body {padding:15px;}

.select2-search__field {width:100% !important;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {padding: 0 10px !important; }
.select2-container .select2-search--inline .select2-search__field {}

@media (max-width: 767px) {
    .sidebar{
        z-index: 1000001 !important;
        position: absolute !important;}
}

#side-menu {
    overflow: auto;
}

/* 20211214 */
.audince-modal h4 {font-size:16px;}
.audince-modal .font12 {font-weight:400;}
.point-text {display:block; font-weight:600; font-size:13px; color:#006df0;}
.table.dv-table-active>tbody>tr.active>td  {background:#effaff !important;}
.h1_logo_text {font-size: 30px !important; line-height: 70px;}

@media only screen and (min-width: 1170px){
    .cd-gallery.gl-modal li.abb_gy {width: 25%;margin-bottom: 1.1em;}
}

.popover {z-index:20030 !important;}

/* zingchart */
div[id$="-license-text"] { display: none !important; }

/* 연동 가능한 광고매체 */
.media_ico_info button {margin-right: 0px;}
.media_ico_info img {width: 40px;}
.media-info-table {border: 1px solid #e4e7ea;}
.media-info-table th {border: 1px solid #e4e7ea; text-align: left; background: #f7fafc; padding: 2px !important; font-size: 12px !important;}
.media-info-table td {border: 1px solid #e4e7ea; text-align: left; padding: 2px !important; font-size: 12px !important;}
.media-info-table .table-bordered th {border-bottom: none;}

.left-50p { left: 50% !important; }

/* drilldown table start */
/* table.biz-ddtable, table.sub-ddtable {table-layout: fixed;} */
table.biz-ddtable td { word-break: break-all; white-space: normal; }

/* theader */
table.biz-ddtable > thead > tr > th.ddt-tr { text-align: right !important; padding-right: 30px !important; }
table.biz-ddtable > thead > tr > th { border-left: 1px solid #E4E7EA !important; }
table.biz-ddtable > thead > tr > th:last-child { border-right: 1px solid #E4E7EA !important; }

/* tbody */
table.biz-ddtable > tbody > tr > td { border-left: 1px solid #E4E7EA !important }
table.biz-ddtable > tbody > tr > td:last-child { border-right: 1px solid #E4E7EA !important }
/* data level 1 */
table.biz-ddtable tbody > tr[data-depth="1"] { background-color: #FFF !important; font-weight: bold; }
table.biz-ddtable tbody > tr[data-depth="1"][data-spread="true"] { background-color: #EBF7FF !important; }

/* data level 2 */
table.biz-ddtable tbody > tr[data-depth="2"] { background-color: #F6F6F6 !important; font-weight: normal; }
table.biz-ddtable tbody > tr[data-depth="2"][data-spread="true"] { background-color: #F7FAFC !important; }
table.biz-ddtable tr[data-depth="2"] > td { padding: 0px !important; }
table.biz-ddtable tr[data-depth="2"] > td table { margin: 0px !important; }

/* data level 3 */
table.biz-ddtable tbody > tr[data-depth="3"] { background-color: #F7F7F7 !important; }
table.biz-ddtable tr[data-depth="3"] > td { padding: 0px !important; }
table.biz-ddtable tr[data-depth="3"] > td table { margin: 0px !important; }

/* subtable */
table.biz-ddtable table { border-top: none; }
table.biz-ddtable table > tbody > tr:first-child > td { border-top: none; }
table.biz-ddtable table > tbody > tr:last-child > td { border-bottom: none; }
table.biz-ddtable table.sub-ddtable { margin: 0px !important; width: 100% !important; }
.sub-ddtable thead { display: none !important; }
table.biz-ddtable table.sub-ddtable > tbody > tr > td { padding: 6px 8px 6px 8px !important; border-left: 1px solid #E4E7EA !important; }
table.biz-ddtable table.sub-ddtable > tbody > tr > td:first-child { border-left: none !important; border-top: none !important; }
table.biz-ddtable table.sub-ddtable > tbody > tr > td:last-child { border-right: none !important; border-bottom: none !important; }

/* length */
table.biz-ddtable .dataTables_length { float: left; margin: 5px 0px 0px 5px; }
table.biz-ddtable .dataTables_length select { font-size: 12px !important; }
table.biz-ddtable .dataTables_paginate .pagination { margin: 5px 5px 0px 5px !important; }

/* pagination */
table.biz-ddtable ul.pagination > li > a { text-decoration: none !important; color: #333 !important; }
table.biz-ddtable ul.pagination > li.active > a { color: #FFF !important; }

/* tfoot */
table.biz-ddtable > tfoot > tr > td { border-top: 3px double #000; font-size: 13px; font-weight: bold; background-color: #FFF; height: 25px; }
table.biz-ddtable > tfoot > tr > td { border-left: 1px solid #E4E7EA; border-right: 1px solid #E4E7EA }

/* 드릴다운 테이블 검색 숨기기 */
#drilldownTable_filter { visibility: hidden; }

a.gp-ddt-button { background: transparent !important; }
/* drilldown table end */
.btn.btn-default.btn-sm {
    border-radius: 3px;
}

div.dataTables_wrapper div.dataTables_filter { float: right; }
div.dataTables_wrapper div.dataTables_filter div.input-group { margin-right: 3px; }
div.dataTables_wrapper div.dataTables_filter span.input-group-addon { width: auto; }
div.dataTables_wrapper div.dataTables_length select { width: fit-content !important; font-size: 12px !important; }
div.dataTables_wrapper div.dataTables_length label { float: left; padding-right: 10px; }

table.biz-ddtable div.dataTables_wrapper div.dataTables_info { padding-top: 12px; }

div.dataTables_info { float: left !important; }

/* spinner */
.excel-button {
    position: relative;
    padding: 14px 25px;
    border: none;
    outline: none;
    border-radius: 3px;
}

.btn.excel-col {
    background:#03b152 !important;
    color:#fff !important;
    border-color:#03b152 !important;
    opacity: 1 !important;
    transition: all 1s ease; }

.btn.excel-col:hover {
    opacity: 0.6 !important;
}

.btn.disabled {
    background: #e4e7ea !important;
    border: 1px solid #e4e7ea !important;
    color: #333 !important;
    pointer-events: none;
}

.btn.disabled:hover {
    background: #e4e7ea;
    border: 1px solid #e4e7ea;
    color: #333;
    opacity: inherit;
}

.button-spinner {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid #D5D5D5;
    border-radius: 50%;
    border-top: 3px solid #353535;
    border-bottom: 3px solid #353535;
    -webkit-animation: spin 1s ease infinite; /* Safari */
    animation: spin 1s ease infinite;
}
/* Safari */
@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

tr > td > a > span[class="fa fa-plus"] { text-decoration: none !important; }
tr > td > a > span[class="fa fa-minus"] { text-decoration: none !important; }

.daterangepicker .drp-buttons {padding: 8px !important;}
.daterangepicker .ranges li.active {background-color: #417fe9 !important}

/* 파일 업로드 */
.fileinput_w {width: 350px; margin-left: 5px;}
.fileinput_w .fileinput .fileinput-filename {width: 120px; text-overflow: ellipsis; white-space: nowrap;}
.fileinput_w .input-group-addon {font-size: 12px;}
.fileinput_w .fileinput .fileinput-new {font-size: 12px;}
.fileinput_w .fileinput .form-control {height: 30px; font-size: 12px;}

/* report download setting nav */
.lnb-f {
    position: absolute !important;
    bottom: 0px !important;
    padding: 5px 0px;
    background: #090B0E !important;
    font-size: 12px !important;
}
.lnb-f .active {
    background: transparent !important;
}
.lnb-f span {
    font-weight: 600 !important;
    color: #FFFFFF;
}

/* 엑셀 다운로드 */
.bq-info p {line-height: 1.2;}
.export-table th {width:200px; background:#f7fafc !important;}
.export-table th, .export-table td {text-align:left;}
.export-table {margin-bottom:-1px;}
.export-table .daterangepicker.show-calendar .drp-buttons {display:none;}
.export-table .mydatepickertc {min-width:250px; text-align:center;}
.export-table .btn { border-radius: 3px !important; }
.export_setting.mk-chose .list-group .radio-info input[type=radio]:checked + label::after {top:20px;}
.table .fa-question-circle {vertical-align: middle; color: #bebebe; font-size: 95%;}
.table .popover_btn.ico-info {padding:2px;}
.table .ms-txt {font-size:11px; color:#888; margin-left:5px;}
.export-file .owl-stage-outer .item {border:none;}

.info-text .ico_red { margin-left: 5px !important;}

/* CodyHouse's Content Filter in modal */
.modal .cd-gallery li.abb_gy {
    margin-bottom: 1.6em;
    /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); */
    display: unset;
}

.ico-qi {
    width: 8px;
    height: 15px;
    background: #e0e0e0;
    display: inline-block;
    margin-right: 2px;
}

.ico-qi.bg-on {
    background: #ffbb44;
}

/* login */
.new-login-register {-ms-overflow-style: none; scrollbar-width: none; overflow-y:scroll; }
.new-login-register::-webkit-scrollbar {display: none;}
.body-login .new-login-register .new-login-box {position:relative; left:50%; margin-left: -260px; margin-top: 10%; width: 520px;}
.body-login .footer {text-align: center; left: 0;}
.new-login-register .lg-info-panel {background: url(../img/login-register.jpg) no-repeat center center / cover!important; width: 25%; height: 100%; position: fixed; right:0;}
.white-box .box-title {text-transform: none; font-size:15px;}
.new-login-box .white-box {box-shadow: 0 1px 4px 0 rgb(21 27 38 / 8%);}
.new-login-register .new-login-box .new-lg-form label {text-transform: none;}
.new-login-box .form-control {height: 40px;}
.new-login-box .form-horizontal .form-group {margin-bottom: 15px;}
.new-login-box .btn-lg {font-size:14px;}
.new-login-box .media_ico {height: 20px;}
.btn-box-shadow {box-shadow: 0 1px 4px 2px rgba(78,84,108,.15)!important;}
.new-login-box .bg-white:hover {background:#f8f8f8 !important;}
.body-login .lg-content h2 {font-size: 26px; font-weight: 500; text-shadow: 0px 5px 10px rgb(0 0 0 / 30%);}
.body-login .footer {bottom: 20px; color: rgba(255, 255, 255, 0.8); padding: 10px 30px; position: absolute; text-align:center;     background: none;}
#registerDropdown .dropdown-menu{width:100%; padding:0 8px;}
#registerDropdown .dropdown-menu .checkbox.checkbox-info{padding-top:8px; padding-bottom:8px;}
#registerDropdown .dropdown-menu .checkbox.checkbox-info:hover{background:#f7fafc;}
#registerDropdown .form-control{cursor: default;}
#registerDropdown .checkbox label{width:100%;}
#registerDropdown .form-control[readonly]{background:#fff;}
#registerDropdown .form-control::placeholder{color:#565656;}
#registerDropdown .fa.arrow.arrow-down{position: absolute; right: 7px; top: 9px;}

/* .new-login-box .t-blue {text-decoration:underline;}*/
.body_company.body_privacy .footer {background: #f6f6f6; text-align: center; clear: both; position: relative; left:0; padding:20px 0; font-weight:600; border-top: 2px solid #ddd;}
.body-login .btn-inverse {height: 40px; font-size: 13px; border-radius: inherit; font-size:12px;}

/* privacy & company */
.body_company {background:#fff;}
.privacy_title {padding-top: 60px;}
.subcontents {clear: both;}
.body_company article {width: 955px; word-break: break-all; position: relative; margin: 0px auto !important;}
.body_company article section {position: relative !important;z-index: 99; margin-bottom: 60px;}
.body_company article dd {line-height:26px; font-size: 13px;}
.body_company article dt {font-size: 15px; margin-bottom:10px;}
.body_company article dl {margin-bottom:30px;}
.body_company .nav-tabs>li {width:50%; font-size: 20px; font-weight: 600;}
.s_data1 {padding: 20px;  background-color: #fafafa; margin: 10px 10px 10px 0;}
.body_privacy h2 {font-weight:600; margin-top: 40px;}
.privacy-title {width:100%; background:#f6f6f6; text-align:center; padding:60px 0;}
.privacy-title span {font-size:16px; font-weight:600; vertical-align:middle; padding-left:10px;}

span.hide-menu.hide-sub{
    padding-left:12px;
    font-size:13px;
}

/*.owl-prev{
    position: absolute;
    left:-20px;
    top: 50%;
    font-size: 30px !important ;
}*/

/*.owl-next{
    position: absolute;
    right:-20px;
    top: 50%;
    font-size: 30px !important;
}*/

.user-profile.nav-user{
    padding:80px 0 0 0;
}

.btnfalse:focus{
    color: #7460ee !important;
    background-color: #ffffff !important;
}

.b.tr.label-num{
    font-size : 14px;
    padding:10px 0;
    text-align: left !important;
}
/* custom report */
#custom-table .last-dim { border-right: 1px solid #676767; }
#custom-table th.th-dim { background: #E6F2F7; }
#custom-table th.th-met { background: #ECF3E7; }

.cs-field-sub ul, .cs-field-main ul { margin-left: 0px !important; }
.cs-field li { display: inline; border: 1px solid #EAEAEA;  margin: 5px 5px; padding: 7px !important; border-radius: 5px; cursor: grab; background: #FFFFFF; }
.cs-field li:active { cursor: grabbing; }

.cs-field { padding: 10px 15px; }
.cs-field span { font-weight: bold; }
.cs-field i { font-size: 10px; float: right; cursor: pointer; }
.cs-field .ghost { opacity: .5; border: 1px solid black; }

.cs-field-sub li, .cs-field-main li { margin: 5px 0; }
.cs-field-main li { margin-left: 12px; }

.cs-field-sub { padding-left: 15px; border-right: transparent; }
.cs-field-sub .cs-field-close-btn { display: none; }

.cs-field-main { padding-left: 15px; background: #F7FAFC; }
.cs-field-main .cs-field-close-btn { display: block; }

li.cs-field-box__empty { background: transparent; border: 1px dashed #8D9AA4; pointer-events: none; }

.cs-field-box__dim { border-left: 5px solid #41B3F9 !important; margin: 5px 0; }
.cs-field-box__met { border-left: 5px solid #4ED8BA !important; }

.cs-field-box__dim, .cs-field-box__met, .cs-field-box__empty { margin-left: 0 !important; }

#custom-dimension-main .cs-field-box__dim { border: 1px solid #8ACFFD; }
#custom-metric-main .cs-field-box__met { border: 1px solid #99E2D4; }

#custom-dimension-main, #custom-metric-main { min-height: 130px !important; }
#custom-dimension-sub, #custom-metric-sub { min-height: 130px !important; }

.form-control.label-h { height: auto !important; }
.form-dropdown.label-h { height: auto !important; }

.r-dim { color: #41B3F9; }
.r-met { color: #4ED8BA; }
/* /custom report */

li.disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

li.disabled a {
    pointer-events: none;
}

/* 김제이 group setting php */
.group-category{
    width:100%;
    height:470px;
    border:1px solid #e4e7ea;
    padding: 10px 0;
    margin:0;
    overflow: scroll;
    overflow-x: hidden;
}


.group-list {
    padding: 0;
    line-height: 100%;
    width: 100%;
}
.persona-list {
    padding: 0;
    line-height: 100%;
    width: 100%;
}
.group-list:hover, .persona-list:hover{
    background: #f7fafc;
}
.list-area{
    color:inherit;
    display:inline-block;
    width: calc(100% - 60px);
    padding:15px 20px;
    font-weight: bold;

}
.persona-list>.list-area{
    width: 100% !important;
}
.list-edit{
    border: 0;
    outline: 0;
    background: initial;
}
.group-count{
    font-size: 12px;
    color: #0084f4;
}
.sub-group .group-list .list-area span{
    padding-left: 20px;
}
.sub-group .list-area .persona-name{
    padding-left: 40px;
}
.persona-list .list-area{
    padding:10px 20px;
}
.all-group{
    padding-left: 20px;
    font-weight: bold;
}
.persona-access{
    color: #777;
    font-size: 13px;
    font-weight: normal;
}
/* 김제이 group setting php end */

/* Easy Tree */
.btn-default.disabled {background: #e4e7ea; border: 1px solid #e4e7ea;}
.label-gray {background:#8f97a4;}
.easy-tree-toolbar { margin-top: -10px }
.easy-tree-toolbar .staff_total {float: right; margin-top: 20px;}
.easy-tree-toolbar .staff_total a {color: #4993e4; font-weight: 600; font-size: 15px;}
.easy-tree-toolbar .staff_total a:hover {text-decoration:underline;}
.easy-tree ul	 {padding: revert;}
.easy-tree .alert {margin-bottom: 0px;}
.easy-tree .easy-tree-editor {color:#333;}
.table-sglist .fa-star:hover {cursor: pointer;}
.movestaffModal .cxm-seg .seg-select {line-height:10px;}
.badge {
    background-color: #666;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    margin-top: 7px;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    position:absolute;
    right:21px;
}

.easy-tree {
    background: #fff;
    min-height: 20px;
    margin-bottom: 20px;
    /* border: 1px solid #e4e7ea; */
    /* color: #fff; */
    padding-bottom: 15px;
}

.easy-tree > ul {
    padding-left: 15px;
    padding-bottom:20px;
    padding-top:10px;
    border: 1px solid #e4e7ea;
}

.easy-tree li {
    list-style-type: none;
    margin: 0;
    padding: 10px 0px 0 5px;
    position: relative
}

.easy-tree li::before, .easy-tree li::after {
    content: '';
    left: -30px;
    position: absolute;
    right: auto
}

.easy-tree li::before {
    border-left: 1px solid #ccc;
    bottom: 50px;
    height: 100%;
    top: 0;
    width: 1px
}

.easy-tree li::after {
    border-top: 1px solid #ccc;
    height: 20px;
    top: 29px;
    width: 35px
}

.easy-tree li > span {
    background:#fff;
    color:#666;
    /* color:#98ddff; */
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline-block;
    padding: 5px;
    text-decoration: none
}

.easy-tree li.parent_li > span {
    cursor: pointer
}

a.dt-button { background: transparent; }

.easy-tree > ul > li::before, .easy-tree > ul > li::after {
    border: 0
}

.easy-tree li:last-child::before {
    height: 30px
}

.easy-tree li.parent_li > span:hover, .easy-tree li.parent_li > span:hover + ul li span {
    background: #f2f2f2;
    color: #03a9f3;
}

.easy-tree li.parent_li > span:hover + ul li.li_selected span {
    background: #e5e2e1;
    color: #03a9f3;
}

.easy-tree li > span > a {
    color: #333;
    text-decoration: none;
}
.easy-tree li > span > a:hover {
    color: #000;
    text-decoration: none;
    background: #FFF5DD;
}
.easy-tree li > span > span.glyphicon-folder-close, .easy-tree li > span > span.glyphicon-folder-open {
    margin-right: 10px;
}

.easy-tree span.glyphicon-file { margin-right: 5px; }

.easy-tree li.li_selected > span, .easy-tree li.li_selected > span > a {
    background: #41b3f9;
    color: #fff;
    font-weight:600;
}

.easy-tree li.li_selected > span:hover, .easy-tree li.li_selected > span:hover > a {
    background: #41b3f9;
    color: #fff;
    font-weight:600;
}

.easy-tree .easy-tree-toolbar {
    background-color: #fff;
    padding-bottom: 10px;
}

.easy-tree .easy-tree-toolbar > div {
    display: inline-block;
}

.easy-tree .easy-tree-toolbar > div > button {
    margin: 10px 0px 0 0px;
}

.easy-tree .easy-tree-toolbar .create .input-group {
    top: 5px;
    /* margin-left: 5px; */
    margin-right: 5px;
}

.easy-tree .easy-tree-toolbar .create .input-group input {
    border-radius: 0;
}

.easy-tree .easy-tree-toolbar .create .input-group button {
    border-radius: 0;
}

/* 김제이 advertiser-setting css */

.ad-account{
    display:flex;
    justify-content:space-between;
    vertical-align: middle;
}

.ad-account-icons{
    display:inline-flex;
    flex-direction:row-reverse;
    margin-left:4px;
    cursor:pointer;
}

.ad-list{
    display:flex;
    flex-shrink:0;
    margin-left:-4px;
    align-items:center;
}
.ad-ico-num{
    display:block;
    width:28px;
    background:#eee;
    text-align:center;
    line-height:28px;
}
.ad-ico{
    height:28px;
    box-sizing:border-box;
    box-shadow: 2px 2px 2px 1px rgb(0, 0, 0, .1);
    border-radius:50%;
}

.item-circle{
    height:32px;
    border-radius:50%;
}

.ad-connect-error{
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#f33155;
}
.ad-connect-success{
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#41b3f9;
}
.ad-connect-done{
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#aaa;
}
.connect-rsl{
    display:inline-flex;
    height:28px ;
    line-height:28px;
}

.ad-connect{
    display:flex;
    vertical-align: middle;
    height: 28px;
    align-items:center;
    font-size:12px;
    color:#888;
}
.ad-menu{
    min-width:160px !important;
    padding-bottom:6px !important;
}
.label-width{
    width:80px !important;
}
.home-label{
    padding:4px 7px 3px;
}
span.item-txt{
    font-size: 15px;
    font-weight: 600;
}
.contract-vat{
    color: #777;
}
/* 김제이 advertiser-setting css end */
/* 김제이 modal */
.dropdown.bootstrap-select.form-control.gp-select-form>button.btn.dropdown-toggle.btn-default{
    border-radius:0px;
    border:1px solid #e4e7ea;
    height:30px;
    font-size: 12px;
}
.gp-select-form .dropdown-menu li a span.text{ font-size: 12px;}
.modal-white-box{
    padding:10px 0 !important;
    border:1px solid #e8ecee !important;
}
.modal-label-default {
    font-weight: 300;
    letter-spacing: 0 !important;
    font-size: 12px;
    border:1px solid #666;
    color: #666;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 30px;
}
.modal-label-error{
    font-weight: 300;
    letter-spacing: 0 !important;
    font-size: 12px;
    border:1px solid #f33155;
    color: #f33155;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 30px;
}
.modal-label-on{
    font-weight: 300;
    letter-spacing: 0 !important;
    font-size: 12px;
    border:1px solid #41b3f9;
    color: #41b3f9;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 30px;
}
.modal-xs{
    border: 0;
    padding:0 0px 15px;
}
.radio-select-box{
    padding: 3px 5px;
}
.radio-ad{
    display: inline;
}
/* 김제이 modal end */
/* 김제이 gnb */
.col-notice{color:#ffa131;}
.col-fail{color:#fc707e;}
.col-done{color:#2bc9ff;}
/* 김제이 gnb end */
/*김제이 통합대시보드*/
.filter-group{float:left !important;}
.filter-group .filter-list{margin-right:3px; float: left !important; }
.filter-list{background:#f9f9f9; padding: 3px 12px; border-radius : 16px;}
.filter-list a{color:#555;}
.bg-white{background:#fff;}
.bg-skip{background:#f7fafc;}
.btn-border{z-index:1; color:#41b3f9; border:1px solid #41b3f9 !important;}
.notice a.btn{font-size: 13px !important; text-decoration: none !important; width: 140px; box-shadow: none;}
.btn-border-gray.active{background: #41b3f9; border: 1px solid #41b3f9 !important; color: #fff;}
.btn-rounded{border-radius: 60px !important;}
.btn-border-gray{color: #444; border: 1px solid #444 !important;}

.per-up{text-align:center; display:inline-block; color:#ff4b35; width:56px; padding:1px 0; font-size:11px;}
.per-up.per-outline{border:1px solid #ff9588; border-radius:2px;}
.per-down{text-align:center; display:inline-block; color:#0d84ff; width:56px; padding:1px 0; font-size:11px;}
.per-down.per-outline{border:1px solid #7cbbff; border-radius:2px;}
.per-minus{text-align:center; display:inline-block; color:#898989; width:56px; padding:1px 0;font-size:11px;}
.per-minus.per-outline{border:1px solid #aaa; border-radius:2px;}
.tablist{background:#fff; border:1px solid #eee;}
.nav.customtab li:first-child{margin-right:-1px;}
.btn-select1{background:#4382EE; border-color:#4382EE; color:#fff;}
.num-upper{font-weight: bold; color:#ff4b35;}
.num-lower{font-weight: bold; color:#0d84ff;}
/*김제이 통합대시보드 end*/

.t2-div textarea:focus {background: #333; color:#fff;}
#clientAppModal table a {color: #666;}
#clientAppModal .white-box {padding:15px;}
#clientAppModal .filter-box .form-control {font-size:12px;}
#clientAppModal table .btn-primary.btn-outline {padding: 1px 5px !important;}

.home-table .dataTables_length {display:none;}
#page-wrapper.body-gray {background: #edf1f5;}
#page-wrapper.body-gray .footer {display:none;}
#page-wrapper.body-gray .bg-title {padding-left: 25px;}

/* round */
.round_blue {display:inline-block; background: #4993e4; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}
.round_skyblue {display:inline-block; background: #4dd0c7; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}
.round_green {display:inline-block; background: #89c73e; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}
.round_yellow {display:inline-block; background: #f3de4e; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}
.round_red {display:inline-block; background: #f34642; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}
.round_pink {display:inline-block; background: #f94872; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}
.round_violet {display:inline-block; background: #ae73c7; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}
.round_orange {display:inline-block; background: #f5a149; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}
.round_darkblue {display:inline-block; background: #455660; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}
.round_none {display:inline-block; background:  transparent; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}
.round_gray {display:inline-block; background:#ccc; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}

.round_bg01 {display:inline-block; background:#006df0; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}
.round_bg02 {display:inline-block; background:#21e6b0; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}
.round_bg03 {display:inline-block; background:#63e2e4; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}
.round_bg04 {display:inline-block; background:#73b8fa; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}
.round_bg05 {display:inline-block; background:#8ba0fb; width:13px; height:13px;  border-radius: 50px; vertical-align:middle;}

div.dt-buttons { float: right; }
div.input-group .attr-search{ height: 40px; }

/*  GP first stage Flow */
.media-ico{width:26px; height:26px !important; border-radius:50%;}
.position-relative{position:relative;}
.tool-tip{background: #006df0; z-index: 1000; box-shadow:1px 2px 8px 0 rgb(21 27 38 / 10%); font-size: 14px; color: #fff; position: absolute; width: 260px; padding: 12px 25px 12px 15px; white-space: initial;}
.tool-tip .close{position: absolute; top:5px; right:10px;}
.tool-tip:after{display: block;content: ''; position: absolute;}
.tool-tip.top:after{bottom: -9px; right:23px; width: 0px; height: 0px; border-top: 9px solid #006df0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 9px solid none;}
.tool-tip.bottom:after{ top: -9px; left:23px; width: 0px; height: 0px; border-top: 9px solid none; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 9px solid #006df0;}
.no-media-tip{position: absolute; z-index: 500;  background: #10b9a9; padding: 8px 16px; color: #fff; width: calc(100% - 30px); height: 100%;  display: flex; align-items: flex-start; flex-direction: column;}
.no-media-tip .close{position: absolute; top:5px; right:10px;}
.first-stage-cont{background:#342d69;border:1px solid #b2aeff; padding:25px color:#fff;}
.first-stage-cont h4{color:#fff;}
.first-stage-cont p{color:#dcd8ed;}
.first-stage-cont .ico_dark{background:#dcd8ed;}
.stage-header>div{display:inline-block;}
.stage-header .text-muted{color:#dcd8ed;}
.stage-header .btn-group .dropdown-toggle{padding:5px 13px; background:inherit;}
.stage-header .btn-group .dropdown-toggle i{color:#9c92f1;}
.first-stage-cont hr{border-color: #62549b;}
.tab-menu ul{list-style-type: none;display: flex;align-items: flex-start;justify-content: space-between; height: 45px;  margin: auto; position: relative;text-align: left;flex-direction: column;}
.tab-menu ul li.tab-item i{color:#342d69;}
.tab-menu ul li.tab-item.active i.r-eme{color:#4ed8ba;}
.tab-menu ul li.tab-item.active i{color:#9c92f1; transition: color 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);}
.tab-menu ul li.tab-item{text-decoration:none;z-index: 1;font-size:15px;padding:10px 16px; font-weight:600; color:#b0a2e7; cursor: pointer;}
.tab-menu ul li.active{color:#fff; transition: color 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);}
.tab-menu ul li.tab-item .label-info{background:#55429f;}
.para .hide.active{display:block !important;}
.para .hide{display:none;}
li.effect {background:#6352c1;padding:8px 16px; width:100%; position: absolute; height: 45px; transition: 0.3s ease-in-out;}
.tab-menu ul li.tab-item.active:nth-child(1) ~ .effect {border-radius:4px;background:#6352c1;top: 0;}
.tab-menu ul li.tab-item.active:nth-child(2) ~ .effect {border-radius:4px;background:#6352c1;top: 40px;}
.tab-menu ul li.tab-item.active:nth-child(3) ~ .effect {border-radius:4px;background:#6352c1;top: 80px;}
/* GP first stage Flow */

/* 매니저콘솔 */
/* .advertiser.easy-tree .easy-tree-toolbar {
    display: none;
  } */

.data-ep-table.org-table .ex_info_done {
    width: auto !important;
    padding: 2px 5px;
    border: 1px solid #666;
    color: #666;
}

.bd-gray {
    color: #aaa !important;
    border: 1px solid #aaa !important;
}

table.table-in td {
    vertical-align: top !important;
}

table.table-in td:nth-child(6) {
    border-left: 1px solid #e4e7ea !important;
}

table.table-in td:nth-child(5) {
    border-right: none !important;
}

.table-in-table table {
    width: 100%;
}

.table-in-table table td {
    border-bottom: 1px solid #EEE !important;
    height: 30px;
    padding-left: 10px;
    vertical-align: middle !important;
}

.table-in-table table tr:last-child>td {
    border-bottom: none !important;
}

.tb-blue{background: #edf4ff !important;}
.tb-green{background: #edfbf8 !important;}
.tb-sky{background: #eaf9fd !important;}
.tb-yel{background: #fdfbe9 !important;}

.tb-gray{background: #f6f7f9 !important;}
.tb-eme{background: #f6fdf0 !important;}
.bb-inherit{border-bottom:inherit !important;}
.db-b-r{border-right:4px double #bcbcbc !important;}

/* Offer Message 온사이트 팝업추가 */
.mk-chose .sg-tabs1 .tab-link .col-lg-2 {width:20%;}
.mk-chose .right-sidebar .box-title {margin-bottom:5px;}
.right-sidebar .mk-chose .dropify-wrapper {height:120px;}
.right-sidebar .mk-chose .list-group .radio label {padding: 10px;}
.right-sidebar .mk-chose .list-group .radio-info input[type=radio]:checked + label::after {font-size: 17px; height: 30px; width: 30px; line-height: 30px;}
.right-sidebar .mk-chose .box-title {margin-bottom:5px;}
.asColorPicker-dropdown {max-width: 257px !important;}
.mk-chose .asColorPicker-clear {top: 5px !important; right: 10px !important;}
.mk-chose .asColorPicker-trigger {width: 10%; right: 0; height: 33px}
.mk-chose .complex-colorpicker.form-control {display: inline-block !important; width: 90%;}
.mk-chose .asColorPicker-wrap {width:100%;}
.mk-chose .sg-tabs1 p {padding-bottom:0;}
.border-table {width:30px; height:33px;}
.border-table td {border:1px solid #666; }
.border-table .active {background:#4993e4;}
.mk-chose .slimScrollDiv .btn-custom {width:100%; background:#000; color:#fff;}
.right-sidebar .r-panel-body .table-sglist ul li {padding: 5px 0 !important;}

/* 매니저 콘솔 */
ul.nav-tabs .active a span { color: #41b3f9; } /* 탭 색상 */

.advertiser.easy-tree .easy-tree-toolbar{display:none;}
.data-ep-table.org-table .ex_info_done {width:auto !important; padding:2px 5px; border: 1px solid #666; color: #666;}
.bd-gray {color:#aaa !important; border:1px solid #aaa !important; }
table.table-in td {vertical-align:top !important;}
table.table-in td:nth-child(6) {border-left:1px solid #e4e7ea !important;}
table.table-in td:nth-child(5) {border-right:none !important;}
.table-in-table table {width:100%;}
.table-in-table table td {border-bottom:1px solid #e4e7ea !important; height:30px; padding-left:10px; padding-right:10px; vertical-align:middle !important;}
.table-in-table table tr:last-child > td{border-bottom:none !important;}

.select2-container .select2-selection--single {height:32px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:32px !important;}
.input-group-btn .btn.table-btn {padding: 4px 12px;}
div.dataTables_wrapper div.dataTables_filter { text-align: right;}
.addADurlModal a.btn {text-decoration:none !important;}

table.biz-ddtable > tfoot > tr > td { border-top: 3px double #000;  font-size: 13px;  font-weight: bold;  background-color: #FFF; height: 25px;}
.medium_in tr {background: #f9f9fd !important;}
.table-sglist .medium_in td {padding:5px 8px !important;}
.medium_in .table-in-table table td {height: auto;}

.data-copy-block {position: absolute; text-align: center; width: 62px; right: 2px; top: 2px; z-index: 4; cursor: pointer; color: #fff;  font-weight: 600; background:#151b26; display: none; padding:5px 2px; font-size:13px; border-radius: 3px; opacity: 0.7;}
.data-copy-block:hover {background-color: #4C4C4C; transition: ease 0.5s;}

pre.code-block{background: #fcfdff; padding:10px; overflow: auto;white-space: pre-wrap; position:relative;}
pre.code-block:hover .data-copy-block {display: block;}

.row.notice_box.white-box {margin-top: -2px !important;}
.row.notice_box {margin: 0;}
.notice_box {font-size: 13px;line-height: 24px;padding: 20px;}

.row.alert_box.white-box {margin-top: -2px !important;}
.row.alert_box {margin: 0;}
.alert_box {font-size: 13px;line-height: 24px;padding: 20px;}

/* side-menu*/
#side-menu .dropdown-menu li a {width:auto;}
.nav-select-text {text-align:left; font-size:12px; padding:5px 0px; color:#ddd;}
.air-nav .user-profile {padding: 40px 10px 20px 10px;}
.sidebar-nav .select2 {font-size:13px; font-weight:600;}
.select2-results .select2-results__option  {font-size:13px; font-weight:600;}

/* Admin Console */
.modal .media_box {border: none;}
.modal .media_box .media_logo img {height: 15px}
.modal .list-group {margin-bottom: 0;}
.modal .mk-chose .list-group .radio-info input[type=radio]:checked + label::after {font-size: 14px; font-weight: 700; right: 0; height: 30px; width: 30px; line-height: 30px;}
.modal .media_txt h4 {font-size: 15px !important;}
.modal .media_txt {margin: 0;}
.modal .media_box h1 {height: 40px; margin-top: -10px;}
.cd-gallery {width: 100% !important;}
.modal .media_box {border:none; padding:0;}
.modal .mk-chose .list-group.cn-complete label {background: #e8e8e8;}
.modal .mk-chose .list-group.cn-complete  {border: 1px solid #e8e8e8;}
.modal .mk-chose .list-group.cn-complete:hover {border: 1px solid #e8e8e8;}

.top-left-part a {cursor: default;}

.box-date{font-size:28px !important;}
.col-sm-6.tr>p{color:#111;}

/* logger temp */
.fake_input1 {width:100%; font-weight:600; background:transparent;  padding:0px 2px; height: 22px; line-height: 22px; border-radius: 0px; position: relative;  display: inline-block; -webkit-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; border:1px solid #fff; vertical-align: middle;}
.fake_input1:focus {border:1px solid #1f2228;}

.group-mute{color:#aaa;}
.tb-dark>tr>td{border-top:1px solid #bbb !important; background:#f3f3f7 !important;}
.report_search div label{display:inline-flex; line-height:30px;}

.disabled { cursor: not-allowed; }
.report_search div label{display:inline-flex; line-height:30px;}

.fs-disabled { pointer-events: none; background-color: #EEEEEE; }

/* #my-info-modal */
#my-info-modal .left-checkbox {white-space: normal; line-height: 40px;}

.r-sky{color:#41b3f9;}
.r-eme{color:#4ed8ba;}

.label-route{width:auto; margin:3px; font-size:11px; border-radius:30px; display:inline-block; text-align:center; padding:3px 7px 2px; font-weight:600; border:1px solid #111;}
.label-mute{border:1px solid #aaa; color:#aaa;}
.label-eme{color:#fff; background:#4ed8ba; border:1px solid #4ed8ba;}
.label-sky{color:#fff; background:#41b3f9; border:1px solid #41b3f9;}
.label-air {background: #6268e8;}
.label-tam {background-color: #d85b85;}
.label-fraud {background-color: #7460ee;}
.label-viral {background-color: #ff5586;}
.label-smd {background-color: #482d9b;}
.label-admon {background-color: #4cd2b5;}
.label-cjm {background: #4281ed;}
.label-logger {background: #e00000}
.label-common {background: #494e5f}

.alert-success {
    color: #ffffff;
    background-color: #3b78e7;
    border-color: #3b78e7
}

/*nes segment*/
.form-dropdown{display: block; cursor: pointer; width:100%; background-image:none; border-radius:4px; line-height:24px; -webkit-box-shadow:none; box-shadow:none; height:40px; font-size:13px; background:#fff; border:1px solid #e4e7ea; color:#555; max-width:100%; padding:7px 12px; }
.dropdown-disabled{color:#777; cursor:no-drop; background:#f3f3f7;}
.fa.arrow.arrow-down{transform:rotate(-90deg); padding:5px 0;}
.dropdown-menu.mail-segment{width:auto; margin:5px 0; border-radius:4px; padding-top:0; padding-bottom:0;}
.message-center.mail-seg-list a{color:inherit; font:13px;}
.message-center.mail-seg-list.active a{border-left:4px solid dodgerblue; background-color: #ffffff !important; width:100% !important;}
.message-center.mail-seg-list.active a .mail-contnet>h5{color:dodgerblue;}
.message-center.mail-seg-list.plus-depth>a{display: inline-flex;flex-direction: row; flex-wrap: nowrap;justify-content: flex-start;}
.message-center.mail-seg-list.plus-depth>a>.mail-contnet{display:inline; width:245px;}
.message-center.mail-seg-list.plus-depth>a>.plus-contnet{align-self: center; flex-shrink: 0;}
.message-center.mail-seg-list.aco-depth>a{display: inline-flex;flex-direction: row; flex-wrap: nowrap;justify-content: flex-start; width:100%;}
.message-center.mail-seg-list.aco-depth>a>.mail-contnet{display:inline; width:95%; align-self: center;}
.message-center.mail-seg-list.aco-depth>a>.mail-contnet>.seg-front{float:left !important; }
.message-center.mail-seg-list.aco-depth>a>.mail-contnet>.count-contnet{float: left !important;line-height:33px; margin-left:6px;}
.message-center.mail-seg-list.aco-depth>a>.aco-contnet{align-self: center;flex-shrink: 0; width:5%;}
.dropdown-menu.mail-segment>.left-seg-menu{width:300px;}
.form-dropdown>p:first-child{display:inline-block; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.form-dropdown>p:last-child{display:inline-block; width:10%;}
.count-filter>.form-group:first-child{float:left; width:60%; padding-right:10px;}
.count-filter>.form-group:last-child{float:left; width:40%;}
.right-seg-menu{position: absolute; top:0; left:315px; min-width:300px; width:50vh; max-width: 600px; background:#fff; border-radius:4px; border:1px solid #e4e7ea; box-shadow:0 3px 12px rgba(0, 0, 0, 0.05)!important;}
.left-seg-menu .seg-title, .right-seg-menu .seg-title{padding:10px 15px; border-bottom:1px solid #e4e7ea;}
.left-seg-menu .input-group input, .right-seg-menu .input-group input{border:none; font-size:13px; padding:10px 15px;}
.depth2-seg-menu .input-group{border-bottom:1px solid #e4e7ea; height:38px;}
.depth2-seg-menu .input-group input{border:none; font-size:13px; padding:10px 15px;}
.left-seg-menu .input-group input>.input-group-addon, .right-seg-menu .input-group input>.input-group-addon{border:none; border-radius:0px;}
.depth2-seg-menu .input-group input>.input-group-addon, .right-seg-menu .input-group input>.input-group-addon{border:none; border-radius:0px;}
.seg-list-scroll{width:100%; max-height:240px; overflow:hidden; overflow-y:scroll; border-top:1px solid #e4e7ea;}
.seg-list-scroll>div{padding:7px 15px;}
.all-seg-select{padding:10px 15px; border-top:1px solid #e4e7ea;}
.seg-list-box{padding:10px 15px; border-top:1px solid #e4e7ea;}
.fa.arrow.arrow-back{padding:5px 10px 0px 0px; float:left;}
.bq-bh.segment-result{border-radius:4px; height:40px; font-size:13px; border:1px solid #e4e7ea; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.seg-control-value .form-control{border:none; border-bottom:1px solid #e4e7ea !important; height:40px; line-height:40px;}
.breadcrumb.seg-sub-title{margin-bottom:0 !important;background:none;padding: 5px 0; }
.bd-0{border:0 !important;}
.profile-scroll{max-height: 460px; overflow:hidden; overflow-y:scroll; }
.seg-scroll-none {-ms-overflow-style: none;scrollbar-width: none;max-height: 533px; overflow:hidden; overflow-y:scroll; }
.seg-scroll-none::-webkit-scrollbar {display: none;}
.seg-scroll-none.pre-segment{max-height:455px !important; overflow:hidden; overflow-y:scroll;}
.seg-cont-fix{position: fixed !important; right: 0; padding-left:60px; z-index:500;}
.add-seg-group{width:120px; border-radius:30px; padding:2px 5px; font-weight:600; background:dodgerblue; color:#fff; border:1px solid dodgerblue;}
.profile-bd-b{width:100% !important; border-bottom:1px solid #e4e7ea; display:block;}
.sg-info li .label{width: auto !important;}
.seg-depth-in .depth-in-li{padding:17px 20px; font-size: 12px; background-color: #fafafa;  border-bottom:1px solid #e4e7ea;}
.depth-in-li>div>input{margin-right:10px;}
.depth-in-li.active{border-left:4px solid dodgerblue; background:#ffffff; color:dodgerblue;}
.num-md{float:left; width:auto; padding-right:15px; height:40px; line-height:40px;}
.fa.arrow.arrow-down.depth-more{margin:-5px 5px 0 0; transform:rotate(-180deg);}
.btn-dep{padding:6px 7px; color:#787878; float:right; border:none !important;}
.in-dep-1, .in-dep-2, .in-dep-3{border-top:4px solid #fafafa; }
.in-dep-1 .depth-in-li{background-color: #ffffff !important; }
.in-dep-2 .depth-in-li{padding-left:40px;background-color: #ffffff !important; }
.in-dep-3 .depth-in-li{padding-left:60px;background-color: #ffffff !important; }
.i-depth-op{color:#aaa; font-size:8px; margin-right:7px;}
.segmentlet-title{display: inline-block; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.seg-front{width:85%; display:inline-block; margin:10px 0 !important;}
.seg-label{width:15%; display:inline-block; margin:10px 0; float:right;}
.seg-front>h5{display:inline; float:left;}
.seg-front>div{display:inline; float:left; margin-left:5px;}
.seg-front>div>.fa.fa-question-circle{color:#bbb;}
.seg-label .label-num{display:inline-block;background: #7ace4c; font-size:12px; padding:2px 8px; border-radius:16px; color:#fff; float: right;}
.seg-label .label-rank{display:inline-block;background: #ffbb44; font-size:12px; padding:2px 8px; border-radius:16px; color:#fff; float: right;}
.seg-label .label-op{display: inline-block;background:#c1cbe7; font-size: 12px; padding: 2px 8px; border-radius: 16px; color: #fff; float: right;}
.guide-link{padding:4px 6px; background:#f0f8ff; color:#1b83dd; border-radius:4px; font-size:13px; font-weight:600;}

.all-seg-btn{width:100%; border:0;}
.all-seg-btn>button{width:50%; border:0; padding: 10px 0;}
.all-seg-btn>button:last-child{border-left:1px solid #e4e7ea !important;}

.members-info{text-align:center; font-weight:500;}

.attr-wrapper{display:flex;}
.attr-checkbox{width:auto; padding-right:10px;}
.attr-tip2 {
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    overflow-wrap:break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.btn-group.all-seg-btn button:hover{border:none; color:#121212;border-radius:0;}
.btn-group.all-seg-btn button:focus{border:none; color:#121212;border-radius:0;}

@media(max-width:1666px){
    .seg-cont-fix{
        position: relative !important;
    }
}
@media(min-width:1667px){
    .seg-cont-fix{
        position: fixed !important;
        right: 0;
        padding-left: 60px;
        z-index: 500;
    }
}

.search-option-btn{cursor: pointer;}
.search-dropdown.search-option{background:#fafafa; padding:10px 15px 11px;}
.segment-info ul li .row {
    display: flex;
}
.segment-info ul li p {
    width: 100%;
    line-height: 1.4em;
    display: -webkit-box;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
/*nes segment*/
/*nes audience*/
.progress-bar-4{background:#30c6e8;}
.progress-bar-5{background:#6268e9;}
.progress-bar-6{background:#00a9a9;}
.progress-bar-7{background:#41c260;}
.progress-bar-8{background:#b7d115;}
.progress-bar-9{background:#eaab2f;}
.progress-bar-10{background:#bababa;}
.pd-0-15{padding:0 15px !important;}
.br-gray{border-right:4px double #e4e7ea !important;}
.btn-green{background:#fff; border:1px solid #24c9a5 !important; color: #24c9a5 !important; padding:4px 8px !important;}
/*.btn-primary:active:hover{background-color:#24c9a5; color:#fff !important;}*/
.btn-green.btn-outline:hover{background-color:#24c9a5; color:#fff !important;}
.per-score{font-size:12px; color:#888; height:10px; margin-top:5px; text-align:right !important;}
.au-rate{font-size:20px; font-weight:400; text-align:center;}
.break-word {
    word-break: break-word;
}
/*nes audience*/

/* favorite star */
a i.mdi-star.on { color: #ffc107; }
a i.mdi-star { color: #ddd; }
/* /favorite star */

/* toggle switch */
/*
    스위치 문자열은 공백포함 최대 6글자 현재 95px
    그 이상 쓰려면 .can-toggle label .can-toggle__switch width 조정
*/
.can-toggle { position: relative; }
.can-toggle *, .can-toggle *:before, .can-toggle *:after { -moz-box-sizing: border-box; box-sizing: border-box; }
.can-toggle input[type="checkbox"] { opacity: 0; position: absolute; top: 0; left: 0; }
.can-toggle input[type="checkbox"][disabled]~label { pointer-events: none; }
.can-toggle input[type="checkbox"][disabled]~label .can-toggle__switch { opacity: 0.4; }
.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:before { content: attr(data-unchecked); left: 0; }
.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after { content: attr(data-checked); }
.can-toggle label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.can-toggle label .can-toggle__switch { position: relative; }
.can-toggle label .can-toggle__switch:before { content: attr(data-checked); position: absolute; top: 0; text-transform: uppercase; text-align: center; }
.can-toggle label .can-toggle__switch:after { content: attr(data-unchecked); position: absolute; z-index: 5; text-transform: uppercase; text-align: center; background: white; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.can-toggle input[type="checkbox"][disabled]~label { color: rgba(119, 119, 119, 0.5); }
.can-toggle input[type="checkbox"]:focus~label .can-toggle__switch, .can-toggle input[type="checkbox"]:hover~label .can-toggle__switch { background-color: #41B3F9;  }
.can-toggle input[type="checkbox"]:focus~label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover~label .can-toggle__switch:after { color: #41B3F9; }
.can-toggle input[type="checkbox"]:hover~label { color: #6A6A6A; }
.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch { background-color: #41B3F9; }
.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after { color: #41B3F9; }
.can-toggle input[type="checkbox"]:checked:focus~label .can-toggle__switch, .can-toggle input[type="checkbox"]:checked:hover~label .can-toggle__switch { background-color: #41B3F9; }
.can-toggle input[type="checkbox"]:checked:focus~label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover~label .can-toggle__switch:after { color: #41B3F9; }
.can-toggle label .can-toggle__switch { -webkit-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1); transition: background-color 0.5s cubic-bezier(0, 1, 0.5, 1); background-color: #41B3F9;  }
.can-toggle label .can-toggle__switch:before { color: rgba(255, 255, 255, 0.6); }
.can-toggle label .can-toggle__switch:after { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1); transition: transform 0.5s cubic-bezier(0, 1, 0.5, 1); color: #41B3F9; }
.can-toggle input[type="checkbox"]:focus~label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover~label .can-toggle__switch:after { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after { -webkit-transform: translate3d(41px, 0, 0); transform: translate3d(41px, 0, 0); height: 26px; }
.can-toggle input[type="checkbox"]:checked:focus~label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover~label .can-toggle__switch:after { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
.can-toggle label { font-size: 14px; }
.can-toggle label .can-toggle__switch:hover { cursor: pointer; }
.can-toggle label .can-toggle__switch { height: 30px; -webkit-flex: 0 0 95px; -ms-flex: 0 0 95px; flex: 0 0 95px; border-radius: 4px; }
.can-toggle label .can-toggle__switch:before { left: 50px; font-size: 10.5px; line-height: 32px; width: 44px; letter-spacing: -1px; }
.can-toggle label .can-toggle__switch:after { top: 2px; left: 2px; border-radius: 3px; width: 50px; line-height: 28px; font-size: 11px; font-weight: 600; height: 26px; letter-spacing: -1px; }
.can-toggle label .can-toggle__switch:hover:after { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
/* /toggle switch */

/* 유틸리티(utility) */
.ad-manager .content-wrap section.content-current  {padding:0;}
.ad-manager .mk-chose {padding:0;}
.ad-manager .sttabs nav ul {justify-content: left;}
.table-sglist td a .mdi-star.on {color:#ffc107;}
.table-sglist td a .mdi-star {font-size: 20px; color: #ddd;}
.client_list .data-ep-table table.dataTable thead .sorting.row-bt:after,
.client_list .data-ep-table table.dataTable thead .sorting_asc.row-bt:after,
.client_list .data-ep-table table.dataTable thead .sorting_desc.row-bt:after
{bottom:36px;}
.tabs-style-linebox nav ul li:first-child {margin-left:0;}
.ad-manager .dropdown.bootstrap-select.form-control.gp-select-form>button.btn.dropdown-toggle.btn-default {height:33px;}
.ad-manager .dropdown.bootstrap-select {z-index:4;}
.tabs-style-linebox nav li.tab-current a {background: #41b3f9;}
.tabs-style-linebox nav a:focus, .tabs-style-linebox nav a:hover {color: #41b3f9;}
.tabs-style-linebox nav a:focus:after,.tabs-style-linebox nav a:hover:after,.tabs-style-linebox nav li.tab-current a:after{background:#41b3f9}
.ad-manager .sttabs {overflow: inherit;}
.app-utility-style{
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #8ece43;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

/*1:1문의시 앱 구분 버튼 css속성*/
#app-type {display: flex; flex-wrap: wrap;}
.flat2 {flex: 0 0 25%; /* 4개 요소로 나누기 위해 25%로 설정 (4개일 경우) */ margin-bottom: 15px; /* 원하는 간격 설정 */}

.ad-manager .tabs-style-linebox nav a {border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; }
.ad-manager .tabs-style-linebox nav ul li {margin:0; margin-left: -1px;}
.ad-manager .tabs-style-linebox nav a:after {height: 105%; background:none;}
.ad-manager .daterangepicker {margin-left:-40px;}

/* 알람(alarm)) */
.detail-alarm-set{display:flex;align-items: center;justify-content:flex-end;}
.w-auto{width:auto;}
.txt-purple{color:#7460ee;}
.txt-gray{color:#898989;}

.attr-tip{width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.attr-checkbox{width: auto;padding-right: 10px;}
.attr-wrapper{display: flex;}
.seg-label .label-op{
    display: inline-block;
    background:#c1cbe7;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 16px;
    color: #fff;
    float: right;
}
.d-flex-center {display: flex; justify-content: center;}
.d-flex-end{display:flex; justify-content:flex-end;}
.com-case>div{padding:3px 0;}
.d-flex-end>div>p{margin-bottom:0;}
.label-access{background:#fa8072;}
.label-upper{background:#9484f5;}
.ico-minus {font-size:14px; font-weight:600;}
.text-ellipsis {display: inline-block; width: 125px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}

.r-naver {
    color: #04cf5c;
}
.r-kakao {
    color: #f9e000;
}
.r-google {
    color: #1a73e8;
}
.bar-area {
    width: 100%;
    display: flex;
}
.bar-naver {
    display: inline-block;
    padding: 2px 0;
    margin: 0;
    background: #dbf5d7;
    font-weight: 600;
    font-size: 11px;
    text-align: center;
}
.bar-kakao {
    display: inline-block;
    padding: 2px 0;
    margin: 0;
    background: #fff79d;
    font-weight: 600;
    font-size: 11px;
    text-align: center;
}
.bar-google {
    display: inline-block;
    padding: 2px 0;
    margin: 0;
    background: #bbd8fb;
    font-weight: 600;
    font-size: 11px;
    text-align: center;
}

/*yeji dashboard*/
.row-ex{margin:0; display:flex; justify-content: space-between;}
.row-ex li{display:flex;}
.list-inline>li{padding-right: 5px; padding-left: 5px;}
.budget-icon{align-items: center;}
.budget-icon img{width:80px; height:auto;border-radius:50%; box-shadow: 5px 5px 25px rgba(0,0,0, 0.09);}
.budget-result{flex-direction: column;}
.budget-result .counter{font-weight:600 ; font-size:30px;}
.budget-result .counter .text-won{font-size:20px;}

.selected-content{color:dodgerblue; margin:0 5px;}
.font13{font-size:13px;}
.chart-tip{display:inline; margin-left:5px;}

.tb-pu {background: #f0f3ff !important;}
.tb-clicked{background:#243442;}
.tb-clicked>a{color:#fff; text-decoration-line: initial !important; /* font-size:15px; */ font-weight:600;}
.tb-clicked>a:hover{color: #1e90ff;text-decoration:none !important;}
.tb-beclick{background:#f3f4f6 !important;}
.tb-beclick>a{color:#8f8f8f; text-decoration:initial !important;display:inline-block; width:100%; height:100%;}
.tb-beclick:hover{background:#1b2936!important;transition:all 0.3s; border:1px solid #e4e7ea !important;border-bottom: 1px solid #151b26!important;}
.tb-beclick:hover>a{color:#fff !important; text-decoration-line: initial !important; transition:all 0.3s;}

.tb-selected{background: #edf4ff !important;}
.tb-selected>a{text-decoration:initial !important; color: #1e90ff;}

.bar-area{width:100%; display: flex;}
.bar-naver{display:inline-block; padding:2px 0; margin:0; background:#dbf5d7; font-weight:600; font-size:11px; text-align:center;}
.bar-kakao{display:inline-block; padding:2px 0; margin:0; background:#fff79d; font-weight:600; font-size:11px; text-align:center;}
.bar-google{display:inline-block; padding:2px 0; margin:0; background:#bbd8fb; font-weight:600; font-size:11px; text-align:center;}

.r-naver{color:#04cf5c;}
.r-kakao{color:#f9e000;}
.r-google{color:#1a73e8;}

table.dataTable.border-collapse{border-collapse:initial !important; width:100% !important;}
table.subtable-opened{margin:0 !important;}
.subtable-opened>tbody>tr:first-child>td{border-top:0 !important;}
.subtable-opened>tbody>tr>td{border-right:1px solid #e4e7ea; background-color: #f5f9ff !important;}
.subtable-opened>tbody>tr>td:last-child{border-right:0;}

.initial{white-space:initial !important;}

/*yeji dashboard*/

/* yeji new_media_setting*/
.change-modal .info-text {width: 95%; display: inline-block; vertical-align: top; line-height: 1.6;}
/* yeji new_media_setting*/

/* yeji excel report template */
.el-element-overlay .el-card-item .el-overlay-1 img {height: 370px !important;}
/* yeji excel report template */

/* 등록한 광고주 없음 */
.error-box {top:10%;}
.error-box .error-body h1 {font-size:90px; line-height: 130px;}
.error-box .error-body h3 {font-weight:600; font-size:23px;}
.ico-script{
    background: #4caf50;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    font-size: 11px;
    color: #fff;
    font-weight: normal;
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
    line-height: 14px;
    text-align: center;
}
table.dataTable{white-space: nowrap;}

/* select box custom*/
.select-ct {
    position: relative;
}
.select-ct .option-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    overflow: hidden;
    max-height: 0;
}
.select-ct.active .option-list {
    max-height: none;
}
#theme .select-ct {
    box-shadow: 0 0 1px rgba(0,0,0,8);
    border-radius:0;
    padding: 7px 12px;
    font-size: 13px;
    cursor: pointer;
}
#theme .select-ct .option-list {
    list-style: none;
    padding: 0;
    box-shadow: 0 0 1px rgba(0,0,0,0.7);
    margin-top: -1px;
    background:#fff;
}
#theme .select-ct .option-list .option {
    padding: 7px 12px;
    font-size:12px;
    border-bottom: 1px solid #eee;
}
.select-ct .option.active {background: #f6f6f6;}

/* gnp 알림(우측상단) 스크롤 */
#navScrollDiv .message-center {-ms-overflow-style: none;scrollbar-width: none;overflow:hidden;overflow-y:scroll;max-height:450px;}
#navScrollDiv .message-center::-webkit-scrollbar {display: none;}

/* gnp app menu */
.gnb-off {
    background: #eaeaea;
    cursor: default;
}
a.gnb-off:visited, a.gnb-off:link, a.gnb-off:active {
    background: #eaeaea;
}

.label-list>span{margin-right:5px;}
.modal-label-error{width: auto; padding: 2px 8px 3px; font-size: 12px; border: 1px solid #ff4b35; color: #ff4b35; border-radius: 14px; display: inline-block; text-align: center; }
.modal-label-error>a>i{color: #ff4b35 !important;}
.modal-label-on{width: auto; padding: 2px 8px 3px; font-size: 12px; border: 1px solid#888; color: #333; border-radius: 14px; display: inline-block; text-align: center; }
.modal-label-on>a>i{color: #888 !important;}

.btn-purple{border: 1px solid #7460ee !important; background: #7460ee; color:#ffffff !important; padding: 5px 10px !important;}
.btn-purple:active{background: #7460ee; opacity: 0.8; color:#ffffff !important;}
.btn-purple:hover{background: #7460ee; opacity: 0.8; color:#ffffff !important;}

.admin-mark{display:flex;align-items: center;height:60px; line-height:60px;}
.admin-mark img{height:24px; margin-right:5px;}
.admin-mark span{font-weight:600; color:#fa8072; font-size:13px;}

.free-toast.jq-toast-wrap.top-right {top:63px; right:30px;}
.free-toast.jq-toast-wrap {width:600px; z-index: 1000 !important;}
.free-toast .jq-toast-single h2 {font-size:16px; margin: 5px 0px 7px;}
.free-toast .jq-toast-single { font-size:13px; box-shadow: none;}
.free-toast .btn-group-sm>.btn, .btn-sm {padding: 5px 10px !important;}
.free-toast .jq-has-icon {padding: 10px 10px 15px 50px; background-repeat: no-repeat; background-position: 14px 15px;}

/*정보관리*/
.d-flex-center{display:flex; justify-content:center;}
.btn.btn-primary.btn-purple:hover{background-color: #6f5bf3;}
.pw-false{position:absolute; color:#fb5252; padding:0 8px; top:42px; font-size:11px; width:400px;}
.tb-pu{background:#f0f3ff !important;}
.font20{font-size:20px;}
.txt-purple{color:#7460ee;}
.txt-red{color:#ff0000;}
.dt-check{position:absolute; margin-top:-5px; right:320px;}
.layer_pop_table_1 th{font-weight: 700;  border-left: 1px solid #e8e8e8;background: #f3f4f6 !important;width: 150px;}
.layer_pop_table_1 th:first-child{border-left: 0;}
.layer_pop_table_1 td{padding: 8px 10px !important; font-weight: normal; border-left: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;}
.layer_pop_table_1 td:first-child{border-left: 0;}
table.layer_pop_table_1>thead>tr>th{border-bottom: 0;}
.break-space{white-space:break-spaces !important;}
table.tab-table>tbody>tr>th:first-child{border-top: 0;}
table.tab-table>tbody>tr>td:first-child{border-top: 0;}
.tab-table th{padding: 8px 10px !important; font-weight: 700; background: #f3f4f6 !important; width: 150px; border-bottom: 1px solid #e8e8e8;}
.tab-table td{padding: 8px 10px !important; font-weight: normal; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
ul.service-app-list li{float: left; margin-right: 3px; margin-top: 2px; margin-bottom: 2px;}

table.dataTable.bg-red th {background-color: #fff5f5 !important;}
table.dataTable.bg-blue th {background-color: #f5f9ff !important;}

/* runcomm segment_detail, audience_detail */
.segment-info li{line-height:1.7em; font-size:13px; margin-bottom:5px; }
.segment-info li label{display:inline-block;}
.segment-info li span{word-break: break-word; display:inline;}
.pop__badge{padding: 1px 4px; font-size: 90%; background: #edf7ff; border-radius: 4px; font-weight: 600; color: #2392ff;}
.pop__badge:hover, .pop__badge:focus{color: #2392ff; opacity: 0.8;}

/*tam-renewal*/
.radio-info-area{display:flex; height:85px;}
.font10{font-size:10px !important;}
.message-center.mail-trait>a{border:0; color:#232323; padding:10px 15px 10px 40px;}
.message-center.mail-trait>a>p{margin-bottom: 0; padding-bottom: 0; font-size:13px;}
.copy-list-group>li{margin-bottom:10px; margin-right:15px;box-shadow: 0 1px 4px 0 rgb(21 27 38 / 8%);}
.copy-list-group>li>a{width:100%; display:block; padding:10px 15px; color:#232323; font-size: 13px;border: 1px solid #e4e7ea; box-sizing:border-box; background: #fff; border-radius: 4px;}
.copy-list-group>li>a:hover{background: #f7fafc;}
.trait-builder{width: 100%; padding-left:15px; padding-right:15px;}
.trait-builder .row{padding-bottom:15px;}
.panel-body.panel-trait{padding-top:15px;}
.pre-trait-area .input-group{border-bottom: 1px solid #e4e7ea;}
.pre-trait-area .input-group input{border: none; font-size: 13px; padding: 10px 15px;}
.pre-trait-area{width: 380px !important; overflow: scroll;}
.tr-dlt{background:inherit; padding:10px 0; border: 1px solid transparent;}
.tr-dlt .fa.fa-minus-circle{color:#ff7373;}
.trait-list-scroll{width:100%; max-height:360px; overflow:hidden; overflow-y:scroll; margin-top: -1px;}
.label-onoff{display:inline-block; width:50px;}
.btn-group.btn-right{position:absolute; right:335px;}
.btn-group.btn-right>button{font-size: 11px; padding:2px 6px 3px;}
.percentage-parent{width: 100%; height: 100%; background:#f3f3f7;}
.percentage-child{height: 50%; background:#bee2fa;}
.percentage-rate{padding-left:8px; font-size:8px; text-align:left; color:#092d58;}
.mail-contnet.trait-parent{margin-top: -1px; border-top: #e4e7ea; border-bottom: 1px solid #e4e7ea; padding: 20px 15px;}
.bootstrap-tagsinput {width:100%;}
.tag:after {display:none;}
.bootstrap-tagsinput .tag {background-color: #41b3f9;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.ml37{margin-left:37px;}
.mk-chose P img {padding:0; height: 6rem;}
.mk-chose P {margin-bottom:0;}
.input-group-addon {color: #263238; background-color: #f3f3f7;}
.segment-build .panel .panel-heading {padding: 10px;}
.input-group-addon.tag-tit{color: #263238; background:#f3f3f7;}
.bootstrap-tagsinput{border:1px solid #e8e8e8;}
.trait-name{width: 70%; display: inline-block;}
.trait-label-cyan{display: inline-block; background: #40c9d7; font-size: 11px; padding: 2px 7px; border-radius: 14px; color: #fff; float: right; margin-left:4px;}
.trait-label-green{display: inline-block; background :#a0d366; font-size: 11px; padding: 2px 7px; border-radius: 14px; color: #fff; float: right; margin-left:4px;}
.trait-ico{display:inline-block; width:17px; height:17px; margin-right:5px;}
.trait-ico img{width:100%;}
.seg-list.seg-list-scroll{font-size:13px;}
.preview-shadow {top: -13px; right: -20px; width: 25px; height: calc(100% + 88px); border-left: 1px solid #d6dde1; background: radial-gradient(ellipse at left , #dadfe761 12%, #ffffff00 100%);}
.position-absolute {position: absolute !important;}
.build-dlt{padding-bottom:0 !important; text-align:right;}
.build-dlt i{color:#b8cff3; font-size:15px;}
.copy-area{display:relative;}
.copy-parent{display:static;}
.copy-parent>.copy-child{position: absolute; z-index: 10; display:none; padding: 15px; border-radius:4px; width:360px; max-height: 500px; background:#fff; border:1px solid #e4e7ea; box-shadow: 0 1px 4px 0 rgb(21 27 38 / 8%); font-size:12px;}
.copy-parent:hover>.copy-child{display:block;}

.ft-btn{padding:6px 10px 6px !important;}
.trait-builder .row{padding:0 15px;}
.trait-builder .row.added-condition{padding:15px;}
.trait-builder .row.added-condition:hover{background:#f7fafc;}
.bq-bh.segment-result{background:#fff;}
.trait-builder .row .dlt-condition{display:none;}
.trait-builder .row:hover .dlt-condition{display:block;}
.conditions .btn-group ul{min-width: auto;}
.conditions .condition-op{opacity: 0;  height:1px; align-items: center; background:#dce5ef; margin-top:-1px; display:flex;}
.condition-st.and label{padding: 2px 8px; font-weight: 600 !important; color: #1b83dd; background: #fff; font-size: 11px;}
.condition-st.or{height:1px; align-items: center;  justify-content: center; background:#dce5ef; margin:15px 0; display:flex;}
.condition-st.or label{z-index:10; margin:0; padding: 2px 8px; font-weight: 600 !important; color: #1b83dd; background: #fff; font-size: 11px;}
.condition-op .btn-group{z-index:10; margin-left:-28px;}
.condition-op .btn-group ul{min-width: auto;}
.conditions:hover .condition-op{opacity: 1;}
.condition-op ul li:hover a{background:#f7fafc;}
.btn-group.open .dropdown-toggle {-webkit-box-shadow:inherit;}
.btn-group .add-circle span{transition: ease-in-out .2s; color:#b8cff3;}
.btn-group .add-circle:focus span{transform: rotate(45deg);}
.add-circle span{vertical-align:middle; font-size:26px; color:#b8cff3;}
.dlt-condition span{font-size:22px; line-height:38px; color:#b8cff3;}
.copy-list-group>li{margin-right:0}
.copy-child{margin-top:-30px; margin-left:-380px;}
#segmentFilterMenu.right{left:auto; top:40px;}
#segmentFilterMenu{top:0; left:-295px; border-radius:4px;}
#segmentFilterMenu>ul{width:280px;}
#segmentFilterMenu>ul>li{padding:10px; border-top:1px solid rgba(120, 130, 140, 0.13); display:flex; align-items: center;justify-content: space-between;}
#segmentFilterMenu>ul>li .form-group{width:200px;}
#segmentFilterMenu>ul>li h4, #copyFilterMenu>ul>li p, #copyFilterMenu>ul>li div{margin-bottom:0;}
#segmentFilterMenu>ul>li p{font-size:13px; font-weight:600;}
#segmentFilterMenu>ul>li:first-child{border-top:0;}
#segmentFilterMenu .select2-container--default .select2-selection--multiple .select2-selection__choice{    border-radius: 12px; padding:1px 6px 2px; background: #f9f9f9; border: 1px solid #d8d8d8; font-size:11px;}
.copy-child .box-title{margin-top: 5px;}
.tags-group span{margin:1px; display:inline-block; padding: 1px 6px 2px; border-radius: 12px; background: #f9f9f9; border: 1px solid #d8d8d8; font-size: 11px; max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tags-group.cp{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;}
.tags-group.pr{width:100%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.tags-group .none{padding: 1px 0 2px; border-radius: 0; background: inherit; border: 0;}
.pf-cp{margin:15px 0 20px;}
.pf-cp li{margin-bottom:5px;}
.pr-cp{padding:15px; border :1px solid #e8e8e8; border-radius:4px;}
.pr-cp li label{font-weight:600; font-size: 10px; color:#1b83dd;}
.label-group{color:#fff !important;font-weight: 400 !important;background:#6da7ff;}
#copyTable div.dataTables_wrapper div.dataTables_filter{margin-left:-120px;}
@media (max-width: 1500px) {
    .table-sglist .table.copyTable td a{width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
}
@media (min-width: 1501px) {
    .table-sglist .table.copyTable td a{max-width: 240px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
}
@media (max-width: 1700px) {
    #copyTable div.dataTables_wrapper div.dataTables_filter { margin-left:0;}
    #copyTable .dataTables_wrapper.dt-bootstrap4.no-footer .row>.col-sm-12.col-md-6{width:100% !important; }
}
.table.copyTable{background:#ffffff !important;}
.table.copyTable>thead>tr>th{background:#f3f3f7; border-bottom:0;}
.filter-badge{position:relative; display:inline-block; padding-left:10px; text-align:right; font-weight:600; margin-left:9px;}
.filter-badge::after{position:absolute; content:""; top:1px; left:0; width:1px; height:18px; background-color:#dadada;}


.stat-item .volume{font-size:20px; font-weight:500;}
#segmentDetail .stats-box{border:1px solid #e8ecee;}
#segmentDetail .stats-box .box-title{margin-bottom:0; padding:10px 15px;}
#segmentDetail .stats-box .white-box.sky{border:0; background:#f7fafc;}
.name-box{background:#fff; font-size:18px !important; font-weight:600; border:1px solid #d6dde1; border-radius:4px; padding: 2px 10px 5px;}
.bg-white{background:#ffffff !important;}
#segmentListSearch{float:left; width:200px !important;}
.owl-info .name-info{border-bottom:1px solid #e4e7ea; padding-bottom:12px;margin-bottom:5px;}
.pf-label{font-size:12px; font-weight:400; color:#888;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tag-roll-area{position: relative; overflow-x: hidden; height: 30px; }
.tags-box{position: absolute; top:5px;}
.seg-tags{display:inline-flex;}
.seg-tags span{margin-right:2px; display: inline-block; padding: 1px 6px 2px; border-radius: 12px; background: #f9f9f9; border: 1px solid #d8d8d8; font-size: 11px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tag-roll-area:hover .tag_btn{opacity: 1;}
.tag_btn{position:absolute; width:13px; height:28px; background:#cecdcd73; line-height:28px; text-align:center; opacity: .7;transition:all 0.3s ease; cursor: pointer;}
.tag_btn1 span{margin-left:3px; }
.tag_btn1{top:0; left: 0; z-index: 100;}
.tag_btn2{top:0; right: 0; z-index: 100;}
.bootstrap-tagsinput{border:1px solid #e8e8e8 !important; box-shadow:none !important; border-radius:0 !important; padding: 6px 12px !important;}
.max320{max-width: 320px !important;}
.fa-question-circle {
    vertical-align: middle;
    color: #bebebe;
    font-size: 95%;
}
.pin-box.row{border-top: 1px solid #e4e7ea; border-bottom: 1px solid #e4e7ea;}
.owl-stage-outer .item{box-shadow:0 1px 4px 0 rgb(21 27 38 / 8%);}
/*tam-renewal*/

/* 결제 관리 */
#gauge1-license-text {display:none;}
.dashboard_pay .white-box {min-height:380px;}
.dashboard_pay .white-box h1 {font-size:100px; font-weight:400; margin-top:100px;}
.payment .wizard-content .wizard>.actions {margin-top:20px; padding: 0; border-top: 1px solid #e5e5e5; padding-top:20px;}
.payment .wizard-content {padding-bottom:0 !important;}
.payment .radio {margin:0;}
.payment .box-title {margin-bottom: 5px; font-size: 14px;}
.pl40{padding-left:40px;}
.pr15 {padding-right:15px !important;}
.payment .wizard-content .wizard>.content>.body {padding-top:10px;}
.table-bg {background-color: #f3f4f6 !important;}
.price-table table.table-bordered>thead>tr>th {border-bottom:none; background:#fff5f5;}
.bg-pink {background: #fff5f5;}
.pay-top-line {border-top:2px solid #222; padding-top:10px; margin-top:20px;}
.payment .panel-heading {border:1px solid #ddd; margin-bottom:10px; text-align:center;}
.payment .panel-heading.active {border:1px solid #41b3f9;}
.payment .panel-group .panel .panel-heading a[data-toggle=collapse]:before {display:none;}
.payment .panel .panel-body {padding-left:0; padding-right:0; padding-top:10px;}
.payment .c-line {width:100%; text-align:center; height: 1000px; border-right: 1px dashed #ddd;}
#agencyPayment.payment .c-line {width:100%; text-align:center; height: 640px; border-right: 1px dashed #ddd;}
.d-line{border-left:1px dashed #ddd;}

/* HOME */
.my_pay .white-box {padding:0;}
.my_pay .white-box .box-title {padding:10px 0; text-align:center; background:#006df0; border-bottom: 1px solid #e4e7ea; color:#fff;}
.my_pay  dl {padding:20px;}
.my_pay  dt {float:left; width:35%;}
.my_pay  dd {margin-bottom:15px; text-align:right;}
.my_pay  li {line-height:26px;}

.home .white-box .data-ep-table .box-title {}
.apps-img {text-align:left;}
.apps-img dt {font-size:20px; margin-bottom:3px; font-weight:600;}
.apps-img img {width:50px; float:left;  margin-right:20px;}
.apps-img img.img-circle {border-radius:20%;}
.apps-guide .btn-default {border-width:2px;}
.bd-color-black {border-color:#222 !important;}

/*앱 가이드에 대한 css*/
.apps-top img {
    width: 80px;
    margin:  auto;
}

.apps-top {
    height: 120px;
    padding-top: 35px;
}

/*신규 추가*/
.home dl.apps-img dt {
    font-size: 20px;
    margin-bottom: 3px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 3em;
}

.home dl.apps-img dd {
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.2em;
}

.home .apps-guide .btn-default {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*신규 추가*/

.apps-img {
    text-align: center;
}

.apps-tag .t-gray {
    background: #f5f5f5;
    color: #444 !important;
}

.apps-tag .label {
    letter-spacing: 0.05em;
    border-radius: 60px;
    padding: 4px 12px 3px;
    font-weight: 500;
    font-size: 75%;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

.apps-tag {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 2;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.card-text {
    font-size: 13px;
    margin-top: 30px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.4;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w-95p {
    width: 95% !important;
}

.font13 {
    font-size: 13px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.b {
    font-weight: 600 !important;
}
/*앱 가이드에 대한 css 끝*/

.home .panel-wrapper dl dt a {color:#313131; text-decoration:underline;}

/* 매체 연결 및 사용 관리 (서비스 사용량) */
.fcbtn.btn.btn-green.btn-outline.btn-1d.btn-xs{background: #24c9a5; color: #ffffff !important;}
.fcbtn.btn.btn-green.btn-outline.btn-1d.btn-xs:hover{background: #3dd5b4;}
.service-ed{position:absolute; z-index:500; background:#232323c9; color:#ffffff; width: calc(100% - 30px); height: calc(100% - 30px); display: flex;align-items: center;justify-content: space-evenly;}
.state-box{padding:15px; background:#fff; box-shadow:1px 2px 8px 0 rgb(21 27 38 / 8%);}
.d-flex-between{display:flex;justify-content: space-between;align-items: center;}
.d-flex-between h4{white-space:nowrap;}
.state-box .d-flex-between span{font-size:15px; font-weight:600;}
.state-box .d-flex-between div{display:flex;}
.btn-green.btn-outline.btn-xs{padding:1px 5px !important;}
.ms__badge{font-size:14px;font-weight:600;border-radius:3px; padding:0 8px;}
.ms__badge.free{color: #41a1ff;border: 1px solid #41a1ff;background: #ecf6ff;}
.ms__badge.basic{color: #15c77d;border: 1px solid #15c77d;background: #f1fbeb;}
.ms__badge.standard{color: #ff8d00;border: 1px solid #ff8d00;background: #fff8d9;}

/* 구글/페이스북 리타겟팅 */
.modal .ad-ico{/* height:40px; */ float:left;}
#media-Modal .layer_pop_table span {vertical-align:sub;}
.client-table .ad-ico{height:40px; float:left;}
.m-info {font-size: 11px; margin-top: 3px; margin-bottom: 0;}
.m-info-bg-blue {border-radius: 0.25rem; background-color: rgba(59, 183, 227, 0.2); color: rgb(45, 156, 219); padding: 2px 4px; font-size: 11px;}
.m-info-bg-green {border-radius: 0.25rem; background-color: rgb(234, 252, 239); color: rgb(39, 174, 96); padding: 2px 4px; margin-left: 5px; font-size: 11px;}
.right-sidebar .rpanel-title span {font-size:15px;}
.dest-box .white-box {padding:0;}
.dest-box .dest-logo {background:#e8f0fe;}
.dest-box .media_logo {margin:0;}
.dest-box ul {padding:20px !important;}
.dest-sidebar .box-title {font-size:15px; font-weight:500; margin-top:10px;}
.dest-sidebar .panel .panel-heading {font-size:13px !important; font-weight:400;}

/* nespresso audience operation */
.list-union .bootstrap-tagsinput .tag {
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    margin-top: 5px;
    background-color: #f0edff;
    color: #222 !important;
    padding-right: 15px;
    position:relative;
    font-size: 12px;
}
.list-union .bootstrap-tagsinput {padding:0px 8px !important; height: 31px;}
.list-union .input-group.input-union {width:320px;}
.list-union .bootstrap-tagsinput .tag [data-role="remove"] {position: absolute; left: 95px;}
.list-union .btn {font-size:13px;}
.list-union .table-sglist .label-rouded {width: auto;  min-width: auto; margin-right:5px; font-size: 11px !important;}
.union-tooltip li.bg {font-size:12px; /* text-align:center; font-weight:600;*/ padding:5px; background-color: #fbf9ff; border:1px solid #ddd8fc;}
.bg-ab {background:#9484f5; color:#fff; width:20px; height:20px; line-height:20px; display:inline-block; text-align:center; margin-right:5px; font-weight:600;}
.members-info {font-weight: 500;  text-align: center;}
.union-modal .radio-info-area {display:block; height: auto;}
.union-modal .radio-info-area .bg {width:100%; margin-top: 15px; font-weight: 600; font-size: 14px; background:#f5f5f5; padding:10px;}
.union-modal .mk-chose .list-group .radio label {padding:0;}
.union-modal .mk-chose .list-group .radio li:first-child {padding: 40px 0 10px 0;}
.list-3line {display: inline-block !important; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height: 5.2em;line-height:1.7em;}
/* nespresso audience operation */

.bg-skyblue{background: #f7fafc;}
.cal-info{position:absolute; z-index:99; left:5px;}

.search-dropdown{background:#fafafa; padding:10px 15px 11px;}
.input-group-addon a{color: inherit !important;}
.input-group-addon a:hover{color: #010101 !important;}

/* Data Source Connect info */
.data-source-info{background: #f7fcff; border: 1px solid #41b3f9; border-radius:4px;}
.data-source-info h4{width: 100%;padding: 15px 20px;background: #dff3ff; margin:0;border-top-left-radius:4px; border-top-right-radius:4px;}
.data-source-info .info-txt{display:flex; width:100%; padding:15px 20px;justify-content: space-between;align-items: center;}
.b-r-gray{border-right: 1px solid #e2e7e9;}

/* Google Connect */
table.table-bordered.data-source-table>thead>tr>th{border-bottom: 1px solid #e4e7ea; background:#f8f8f8;}
.tool-tip.center:after{bottom: -9px; right: 50%; transform:translateX(50%); width: 0px; height: 0px; border-top: 9px solid #006df0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 9px solid none;}
td.data-source-modal:hover{cursor:pointer; background:#f7fcff;} 
.wizard-content.google-process.step-content .wizard>.content, .wizard-content.google-process.step-content .wizard>.actions {padding: 0;}
.wizard-content.google-process .wizard>.content>.body{padding:0 0 20px;}
.white-box.acc-analytics{transition: all 0.2s;}
.white-box.acc-analytics:hover{background:#f7fcff; border-color:#03a9f3;cursor:pointer;}
table.layer_pop_table .btn-primary.btn-outline{padding:5px 10px !important;}

.d-flex{display: flex;}
.flex-direction-column{flex-direction: column;}
.justify-content-start{justify-content: flex-start;}
.justify-content-center{justify-content: center;}
.justify-content-between{justify-content: space-between;}
.justify-content-evenly{justify-content: space-evenly;}
.justify-content-end{justify-content: flex-end;}
.align-items-center{align-items: center;}
.flex-wrap{flex-wrap:wrap;}

.no-media-tip{background:#2cabe3;}
.ad-account-icons { display: inline-flex; flex-direction: row; margin-left: 4px; cursor: pointer; flex-wrap: wrap;}

/* project status badge */
.project-badge{display: inline-block; width: 57px; height: 21px; align-content: center;}
.project-onboarding{border: 1px solid #24c9a5; border-radius: 16px; color: #24c9a5; background-color: #e9faf5;}
.project-inProgress{border: 1px solid #41b3f9; border-radius: 16px; color: #41b3f9; background-color: #ecf7fe;}
.project-done{border: 1px solid #495057; border-radius: 16px; color: #495057; background-color: #f8f9fa;}

/* qna */
.file-item-box-modal{margin-bottom: 5px; display: flex; align-items: center; gap: 8px;}
.file-item-modal{border: solid 1px #dee2e6;  border-radius: 4px; width: 240px; padding: 8px 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.file-item-delete{color: #bdc4ca; cursor: pointer; transition: color 0.3s;}
.file-item-delete:hover{color:#6c757d;}
.file-item-box{margin-bottom: 5px; display: grid; align-items: center; gap: 8px;}
.file-item{background-color: #fff; border: solid 1px #dee2e6;  border-radius: 4px; width: 240px; padding: 8px 16px; display: flex; justify-content: space-between; transition: background-color 0.3s, border-color 0.3s, color 0.3s;}
.file-item i{transition: color 0.3s;}
.file-item:hover{background-color: #fff; border: solid 1px #adb5bd;}
.file-item:hover i{color: #6c757d;}
.file-item:active{background-color: #F8F9FA; border: solid 1px #adb5bd;}
.file-item:active i{color: #6c757d;}
.file-name{width: 80% ; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* background padding color*/
.bg-padding-gray{background: #f4f5f6 !important;}