@charset "utf-8";
/* @import url('normalize.css'); */
@import url('step.css');


/* --------------------------------------- 정리 전후 */
.form-inline .form-group {
    display:inline-block; 
    width:auto;
    font-size:0;
}
.select-sm {
	width:110px!important;
	}



.datepicker-area {
	float:left;
	width:340px;
	margin:0 15px 10px 0;
}
.datepicker-area>.input-group {
	width:153px;
}
.datepicker-area>.swungDash {
	margin:5px 10px;
}
.datepicker-area>div {
	float:left;
}
.period-btn {
	float:left;
	width:500px;
	margin:0 0 10px 0;
}
.period-btn .btn-group {
	width:100%;
}
.period-btn .btn-group .btn {
	width:16.6666%;
	font-size:13px;
	padding:7px 12px;
}
@media (max-width: 1380px) {
	.period-btn {
		width:336px;
	}
	.period-btn .btn-group .btn {
		width:112px;
		font-size:13px;
	}
	.period-btn .btn-group .btn:nth-child(1) {
		border-bottom-left-radius:0;
	}
	.period-btn .btn-group .btn:nth-child(3) {
		border-top-right-radius:4px!important;
		
	}
	.period-btn .btn-group .btn:nth-child(4) {
		border-bottom-left-radius:4px!important;
		margin-left:0px;
	}
	.period-btn .btn-group .btn:nth-child(6) {
		border-top-right-radius:0;
	}
	.period-btn .btn-group .btn:nth-child(4),
	.period-btn .btn-group .btn:nth-child(5),
	.period-btn .btn-group .btn:nth-child(6) {
		margin-top:-1px;
	}
 }
@media (max-width: 1170px) {
	.period-btn {
		width:240px;
	}
	.period-btn .btn-group .btn {
		width:80px;
		font-size:13px;
	}
 }
.checkbox-menu {
	position:absolute; top:0px; right:-20px;
}
.checkbox-menu .btn {
	border:none;
	padding:0px 5px;	
}
.checkbox-menu ul.dropdown-menu>li {
	padding:0px!important;
}


/* list-head-left*/
.sort-area {
	width:160px!important;
	margin-right:5px;
}

/* dropzone js */

.dz-progress {
	height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.dz-progress .dz-upload { 
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #5cb85c;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
#select-connection .dz-progress {
	width: 30%;
	margin: 0 auto;
}


.btn-tooltip {
	color:#666;
	font-size:14px;
	padding:3px 3px 1px 3px;
	border-radius:4px;
	vertical-align:top;
	border:1px solid transparent;
} 
.btn-tooltip:hover {
	border:1px solid #d5d5d5;
}
.btn-tooltip .icon {
	vertical-align:top;
}
.dataTables_wrapper .row .col-sm-6 {
	padding:0!important;
}
.dataTables_wrapper .row .col-sm-6 label {
	margin-bottom:0px;
}
.dataTables_length .input-sm {
	margin-right:5px;
}
.dataTables_filter .input-sm {
	margin-left:5px;
}
.dataTables_info {
	padding:7px 0!important;
}
.dataTables_paginate .pagination {
	display:block;
	margin:0px!important;	
} 
table.dataTable tbody td {vertical-align:middle;}











/* --------------------------------
widget-view 
dashboard-view
gallery-view
-------------------------------- */
/* .view-wrap {
    margin:20px;
    border:1px solid #e1e1e1; 
    background:#fff;
}

.view-head {   
    border-bottom:1px solid #e4e4e4;
    padding:15px 0px;
}
.view-head-left {
    line-height:30px;
}
.view-head-left li.tit  {
    color:#475055;
    font-size:22px;
    font-weight:600;
    margin-right:10px;
}
.view-head-left li.date,
.view-head-left li.name {
    color:#a3abaf;
}
.view-head-left li.date .glyphicon,
.view-head-left li.name .glyphicon {
    color:#999;
    margin-right:4px;
}
.view-head-right {
    text-align:right;
}

.view-body {
    position:relative;
    overflow:hidden;
    width:100%;
    height:100%;
}

.view-body-left {
    margin-right:460px;
    height:100%;
}

.view-body-right {
	position:absolute; top:0; right:0px;  
    width:460px;
    height:100%;
    padding:0px;
    border-left:1px solid #e4e4e4;
    background:#fafafa;
}
.view-body-right>div {
    overflow: hidden;
    padding:20px 20px;
    border-bottom:1px solid #e4e4e4;
}
.view-body-right>div:first-child {
    padding:0px;
}
.view-body-right>div:last-child {
    border-bottom:none;
} */
/* 
.list-item-wrap .list-item {
    font-weight:700; 
    text-align:center;
    padding:20px 0;
    background:url(../images/bar01.png) right no-repeat;
}
.list-item-wrap .list-item:last-child {
    background:none;
}
.list-item-wrap .list-item span {
    display:block;
    color:#333;
    margin-bottom:3px;
}
.list-item-wrap .list-item small {
    display:block;
    color:#acacac;
    font-size:12px;
}
 */
 /* 
.text-wrap {
    background:url(../images/icon_txt.png) 0 30px no-repeat;
}
.text-wrap .description-area {
    color:#475055;
    min-height:120px;
    white-space: pre-line;
}
.text-wrap .tag-area .tag-tit {
    color:#475055;
    font-weight:600; 
}
.text-wrap .tag-area .tag-tit .glyphicon {
    color:#9a9a9a;
}
.text-wrap .tag-area .tag-list {}
.text-wrap .tag-area .tag-list>li {
    padding:0px;
    margin:3px 1px;
}
.text-wrap .tag-area .tag-list li a {
    display:block;
    color:#6a6969;
    font-size:12px;
    padding:4px 15px;
    border:1px solid #e7eaec;
    border-radius:4px; 
    background:#fff;
} 
.text-wrap .tag-area .tag-list li a:hover {
    color:#fff;
    border:1px solid #3d4a4d;
    background:#455357;
} 

.share-area .pull-left {
	font-size:17px; font-weight: 700;
}
.share-area .share-list {
	
}
.share-area .share-list li a {
    display:block;
    width:32px; height:32px;
    background:url(../images/icon_social.png) 0 0 no-repeat;
}
.share-area .share-list li.facebook a{background-position:0 0;}
.share-area .share-list li.twitter a{background-position:-32px 0px;}
.share-area .share-list li.email a {background-position:-64px 0px;}

.download-area {}
.share-area .pull-left, 
.download-area .pull-left {font-size:17px; font-weight: 700;}
.download-area .pull-right {}
.download-area li a {
	font-weight:700;  
	padding-left:25px; 
	background:url(../images/icon_down.png) 0 0 no-repeat;
}
.download-area li a:hover {
	color:#388dcd; 
	background:url(../images/icon_down_over.png) 0 0 no-repeat;
}

.view-body-right .btn-area .row>div:nth-child(1) {
	padding:0 7px 0 0;
}
.view-body-right .btn-area .row>div:nth-child(2) {
	padding:0 0 0 7px;
} */
/* --------------------------------
dashboard-edit
-------------------------------- */

.dashboard-area {
	padding:20px;
	overflow-x:auto!important;
}
.dashboard-area .dashboard {
    margin:0px;
    box-shadow:none;
    border:none;
}

/* 
.edit-wrap {
    min-width:501px;
    margin:20px;
    border:1px solid #ddd;
    background:#fff;
}

edit-header

 .edit-header {
    display:inline-block;
    width:100%;
    height:64px;
    vertical-align:top;
    padding:15px;
}
.edit-header .edit-header-left {
	position:relative;
    float:left;
}
.edit-header .edit-header-left h3 {
    font-size:18px;
    margin:7px 0 0 70px;
}
.edit-header .edit-header-right {
    float:right;
}
*/
/* 
edit-body

.edit-body {
    position:relative; 
    overflow:hidden;
    width:100%;
    height:100%;
    border-top:1px solid #ddd;  
} */
/*  
/* edit-body : view (right)

.edit-body .edit-view {
    overflow-x:auto!important;
    text-align:center;
    height:100%;
    margin-left:500px;
    background:#f1f1f1 url(../images/project_papper.png) 0 0 repeat;
} */ */

/* edit-body : option (left) */

/* .edit-body .edit-option {
    position:absolute; top:0px; left:0px;
    width:500px;
    height:100%; 
    background:#fff;
}
 */


/* --------------------------------
my data-view
-------------------------------- */

/* view-body-right 

.view-body-right .opt-header {
	border-top: 0;
	background: #f3f3f3;
	border: none;
    border-bottom: 1px solid #e5e5e5;
    color: #676a6c;
    padding: 8px;
    margin: 0;
}
.board-body-right .table-area {
	overflow-y: auto;
	padding:0;
}
.view-body-right .filed-table {
	border-bottom: 0;
}
.view-body-right-sm {
    width:45%!important;
    z-index: 500;
    border-left:1px solid #d5d5d5!important;
    box-shadow:-1px 0px 0px 0px rgba(234,234,234,0.75);
}
.view-body-right-sm .btn-area {
    position:absolute;
    left:0; right:0; bottom:0;
}
*/

/* filed-table */
    
.filed-table {
	padding-bottom:95px;
}
.filed-table, 
.filed-table thead tr th,
.filed-table tbody tr td {
    border:none;
    border-bottom:1px solid #e5e5e5;
}
.filed-table thead tr th {
    background:#f3f3f3;
}
.filed-table tbody tr td {
    font-size:13px;
    vertical-align:middle;
    padding:0;
}
.filed-table tbody tr td:nth-child(1) {
    padding:7px 10px;
    border-right:1px solid #e5e5e5;
    background:#fafafa;
}
/* .filed-table tbody tr td:nth-child(2) {
    background:#f6f6f6;
    
} */
.filed-table tbody tr td:nth-child(2) {
	/* background:#fff url(../images/bg_table.png) right 0 repeat-y; */
	background:#fff url(../images/bg_table.png) repeat-y;
	padding-left: 10px;
}
.filed-table .select-menu .selected, 
.filed-table .select-menu li{font-size:12px!important;}
.filed-table .select-menu,
.filed-table .select-menu:hover,
.filed-table .select-menu.focus {
    border:none;
}

.filed-table .select-menu.open div {
    max-height:194px!important;
    
}
.filed-table .select-menu ul {
    overflow-y:auto;
}
.filed-table .select-menu {
	min-height:34px;
	max-height:51px;
}






/* step1 : dataSelect */
#analysisOption {
	
}
.sub-type {
	border-top:1px dashed #e2e2e2;
	padding:15px 0 20px;
	margin:15px 0 -20px 0!important;
	background:#fafafa;
}
.panel-step {
	
	
}
.dataSelect .tab-content {
	min-height:100px;
}
.dataSelect .form-ietm {
	margin-left:0px;
	margin-right:0px;
}
.dataSelect .dataSource .icon {
    padding:5px 5px 0 0;
}
.list-fl {
    display:inline-block;
}
.list-fl li {
    float:left;
}
.alert-type1 {
    border:1px solid #e7eaec;
    margin:20px 20px 0 20px;
    background:#f9f9f9;
}
.alert-type2 {
	font-size:16px;
	border:none;
    border-bottom:2px solid #999;
    padding:10px 15px;
    margin:0;
	border-radius:0px;
}
.alert-type1 .close {
    top:0px;
}
.alert-type1 .alert-link:hover {
    text-decoration:underline;
}
.alert-type1 .glyphicon, .alert-type2 .glyphicon {
    margin-right:5px;
}

.tab-nav.type5 {
	position:relative;
	padding:20px 20px 0!important; 
    font-size:0;
    border-bottom:4px solid #388dcd;
    background:#efefef;  
}
.tab-nav.type5>.info-txt {
	position:absolute; bottom:20px; right:20px;
	font-size:13px;
}
@media (max-width: 1524px) {
	.tab-nav.type5>.info-txt {
		display:none;
	}
}
.tab-nav.type5>.info-txt .icon-area-16 {
	position:relative; top:3px;
    margin-right:3px;
}
.tab-nav.type5>.nav {
    display:inline-block;
}
.tab-nav.type5>.nav>li {
    float:left;
    margin-right:10px;
}
.tab-nav.type5>.nav>li:last-child {
    margin-right:0px;
}
.tab-nav.type5>.nav>li>a {
	color:#388dcd; 
    font-size:15px;
    padding:10px 30px;
    border:1px solid #e2e2e2;
    border-bottom:none;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    background:#fff;
}
.tab-nav.type5-lg>.nav>li>a {    
    font-size:16px;
    padding:14px 40px 16px; 
}
.tab-nav.type5>.nav>li>a:hover {
    color:#388dcd; 
    background-color:#fff; 
}
.tab-nav.type5>.nav>li.active>a {
    color:#fff;
    border:1px solid #327fb8;
    border-bottom:none;
    background:#388dcd;
}
.tab-nav.type5-lg .nav li a .icon-area-24 {
    position:relative; top:6px;
    margin-right:12px;
}
.tab-nav.type5-lg .nav li.tab-m1 a .icon-area-24 {
    background:url(../images/icon_tab_data_m1_24.png) 0 0 no-repeat;
}
.tab-nav.type5-lg .nav li.tab-m2 a .icon-area-24 {
    background:url(../images/icon_tab_data_m2_24.png) 0 0 no-repeat;
}
.tab-nav.type5-lg .nav li.tab-m3 a .icon-area-24 {
    background:url(../images/icon_tab_data_m3_24.png) 0 0 no-repeat;
}
.tab-nav.type5-lg .nav li.active a .icon-area-24 {
    background-position:-24px 0;
}

/* 순서가 있는 탭 */

.tab-nav.type4 .nav-pills>li+li {
	margin:0px;
}
.tab-nav.type4 .nav-pills>li>a {
	border-radius:0px;
}
.tab-nav.type4 ul>li.active>a, 
.tab-nav.type4 ul>li.active>a:focus, 
.tab-nav.type4 ul>li.active>a:hover {
    background-color:transparent; 
}
/* tab-nav.type4에서 class name : nav-pills 지우면 다음 탭으로 넘어가지 않음  */

.tab-nav.type4 {
    border-right:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2;
    background:#fafafa;
}
.tab-nav.type4 ul {

}
.tab-nav.type4 ul li  {
    float:left;
    text-align:center;
}
.tab-nav.type4-m2 ul li  {
    width:50%;
}
.tab-nav.type4-m3 ul li  {
    width:33.333%;
}
.tab-nav.type4 ul li .tit{
    font-size:14px;
    margin-top:10px;
}
.tab-nav.type4 ul li .num {
	display:inline-block;
    width:27px; 
    height:27px;
    color:#fff;
    font-size:14px;
    padding:4px 8px;
    background:url(../images/tab-num-bg.png) 0px 0 no-repeat;
}
.tab-nav.type4 ul li.active .num {
    background:url(../images/tab-num-bg.png) -27px 0 no-repeat;
}
.tab-nav.type4 ul li a {
    padding-top:12px;
    background:url(../images/bg_tab.png) 0 0 no-repeat;
    background-position:center top 24px;
}
.tab-nav.type4 ul li.active a {
   	background-position:center top -41px; 
}
.tab-nav.type4 ul li:first-child a{
   	background-position:left 30px top 24px; 
}
.tab-nav.type4 ul li:first-child.active a {
   	background-position:left 30px top -41px; 
}
.tab-nav.type4 ul li:last-child a{
   	background-position:right 30px top 24px; 
}
.tab-nav.type4 ul li:last-child.active a {
   	background-position:right 30px top -41px; 
}


.control-list, .control-list-sub {
	display:inline-block;
	width:100%;
    vertical-align:middle;
}
.control-list>div {
	margin-bottom:10px;
}
.control-list .control-label, 
.control-list-sub .control-label {
    float:left; 
    width:30%; 
    text-align:left;
}
.control-list .control-input, 
.control-list-sub .control-input {
    float:right; 
    width:70%; 
    text-align:right;
}
.control-list-sub .control-label {padding-left:20px;}
.control-list .control-label, 
.control-list-sub .control-label,
.control-list .control-input, 
.control-list-sub .control-input {
    vertical-align:middle;
}
.block-line-t .btn-group, .block-line-t .form-control,
.block-line-b .btn-group, .block-line-b .form-control{
    display:inline-block; 
    vertical-align:middle;
}
.block-line-t {
    display:block; 
    margin-top:10px;
}



.icon-box {margin-top:5px;}
.icon-box .btn {
    padding:3px 3px;
    border:1px solid #e2e2e2;
    background:#fff;
}

.icon-area-16 {
    cursor: Pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.icon-area-18 {
    cursor:Pointer;
    display:block; 
    width:18px; height:18px;
}
.icon-area-24 {
    cursor:Pointer;
    display:inline-block; 
    width:24px; height:24px;
}
.icon-area-18 {background:url(../images/small_icon.png) 0 0 no-repeat;}
.icon-area-16.num1 {background:url(../images/icon_tab_num1.png) 0 0 no-repeat;}
.icon-area-16.num2 {background:url(../images/icon_tab_num2.png) 0 0 no-repeat;}
.icon-area-16.info {background:url(../images/icon_info.png) 0 0 no-repeat;}
.icon-area-18.delete {background-position:-36px 0;}
.icon-area-18.size-small {background-position:-72px 0;}
.icon-area-18.size-big {background-position:-90px 0;}


.icon-area-18.delete:hover, 
.btn:hover .icon-area-18.delete {
    background-position:-36px -18px;
}
.btn:hover .icon-area-18.size-small {
    background-position:-72px -18px;
}
.btn:hover .icon-area-18.size-big {
    background-position:-90px -18px;
}

/* STEP3.Chart Setting Tab-nav (type2)*/

.tab-nav.type2 {
    overflow:hidden;
    /*
    background:#fafafa;*/
    padding:10px;
    border-bottom:1px solid #e2e2e2;
    background:#fff;
}
.tab-nav.type2>.nav {
    width:100%;
    float:left;
    border:1px solid #eee;
    border-bottom:none;
    background:#fafafa;
}
.tab-nav.type2>.nav>li {
    width:50%;
    float:left;
    margin:0px;
}
.tab-nav.type2>.nav>li>a {
    position:relative;
    display:block;
    overflow:hidden;
    padding:15px 10px 15px 80px;
    border-bottom:2px solid #e2e2e2;
    background-color:linear-gradient(to bottom, #fefefe, #efefef);
}
.tab-nav.type2>.nav>li>a:before, 
.tab-nav.type2>.nav>li>a:after {
    content:'';
    position:absolute; top:-16px; left:-12px;
    width:0; height:0;
    border:50px outset transparent;
    border-left:40px solid #e2e2e2;  
}
.tab-nav.type2>.nav>li>a:after {
    left:-13px;
    border-left-color:#fafafa;   
}
.tab-nav.type2>.nav>li:first-child>a:before, 
.tab-nav.type2>.nav>li:first-child>a:after {
    display:none;
}
.tab-nav.type2>.nav>li.active>a {
    border-bottom:2px solid #388dcd;
    background:#ededed;
}
.tab-nav.type2>.nav>li.tab-m1>a {
    background:url(../images/icon_tab_chart_m1_off.png) 20px 15px no-repeat;
}
.tab-nav.type2>.nav>li.tab-m2>a {
    padding-left:100px;
    background:url(../images/icon_tab_chart_m2_off.png) 40px 15px no-repeat;
}
.tab-nav.type2>.nav>li.active>a>.tit {
    color:#388dcd;
}
.tab-nav.type2>.nav>li.tab-m1.active>a {
    background:url(../images/icon_tab_chart_m1_on.png) 20px 15px no-repeat;
}
.tab-nav.type2>.nav>li.tab-m2.active>a {
    background:url(../images/icon_tab_chart_m2_on.png) 40px 15px no-repeat;
}
*/
 
/* Data Preview Tab-nav (type3) */

.tab-nav.type3 {
    margin-bottom:20px;
}
.tab-nav.type3>.nav>li>a {
	color:#777;
	font-size:14px;
    padding:12px 15px; 
    background:#f5f5f5; 
    border:1px solid #e2e2e2;
    border-radius:0px;
}
.tab-nav.type3>.nav>li>a:hover {
	color:#666;
	background:#f5f5f5; 
}
.tab-nav.type3>.nav>li.active>a, 
.tab-nav.type3>.nav>li.active>a:focus, 
.tab-nav.type3>.nav>li.active>a:hover {
    color:#1e98e2;
    font-weight:bold;
    border:1px solid #1e98e2;
	background:none;
}


/* Data Mapping ------------------------------------------------------- */

.mapping-wrap>div {
    padding:0px;
}
.mapping-wrap>div>.list-group {
    margin:20px;
}
 
.drop-areas .list-head {
    display:inline-block; 
    width:100%;
    height:36px;
    vertical-align:top;
    padding:0px 10px 0 15px; 
    margin:0px;
    border-top:1px solid #e2e2e2;
    /*border-bottom:1px solid #e7eaec;*/
    background:#ebebeb;
}
.drop-areas .list-head h5 {
    margin-top:9px;
}
.data-selector>div:first-child .list-head, 
.drop-areas>div:first-child .list-head {
    border-top:none;
}
.data-selector .list-head .file_name {
    display:inline-block; 
    overflow:hidden; 
    width:100%; height:26px;
    font-size:13px;
    line-height:14px;
    vertical-align:top;
    padding:5px 10px;
    border:1px solid #e2e2e2;
    border-radius:4px;
    background:#fff;
}
.data-selector .list-body {
    height:522px;
}
.drop-areas .list-body {
    height:136px;
}
.data-selector .list-body, 
.drop-areas .list-body {
    overflow:hidden;
    padding:5px; margin:10px;
    border:1px solid #e2e2e2;
    border-radius:4px;
    background:#fff;
}
.drop-areas .list-body {
    border:1px dashed #ccc;
}
.area-drop-item {
	display:inline-block;
	width:100%;
	min-height:119px;
}
.area-drop-item .list-group-item:last-child {
	margin-bottom:0px!important;
}
.data-selector .list-group-item,
.drop-areas .list-group-item, 
.dataJoin-rule .list-group-item {
    cursor:move;
    width: 100% !important;
    font-size:13px;
    text-align:left;
    padding:8px; margin-bottom:5px; 
    border:1px solid #e2e2e2;
    border-radius:4px;
    background:linear-gradient(to bottom, #fefefe, #efefef);
}

.data-selector .list-group-item .icon-bg-16,
.drop-areas .list-group-item .icon-bg-16 {
    top:2px; margin-right:0px;
    cursor:pointer;
    background:url(../images/small_icon.png) -36px 0px no-repeat;
    }
.data-selector .list-group-item .icon-bg-16:hover,
.drop-areas .list-group-item .icon-bg-16:hover {
    background:url(../images/small_icon.png) -36px -18px no-repeat;
    }
.panel-step .list-group-item>.label {
    display:inline-block;
    width:20px; height:20px; 
    margin-right:7px; 
    border-radius:4px;
    vertical-align:bottom;
}
.label-1 {background:#f8ac59 url(../images/icon_mapping01.png) 0 0 no-repeat;}
.label-2 {background:#1c84c6 url(../images/icon_mapping02.png) 0 0 no-repeat;}
.label-3 {background:#ed5565 url(../images/icon_mapping03.png) 0 0 no-repeat;}
.label-4 {background:#438b03 url(../images/icon_mapping04.png) 0 0 no-repeat;}





/* upload modal  ------------------------------------------------------ */

.upload-modal .modal-header, 
.upload-modal .modal-footer {
    /* border:none; */
}
.upload-modal .modal-body {
    padding:10px 30px;
}
.upload-modal .modal-body .info-txt {
    padding:6px 10px 5px;
}
.upload-modal .tab-content {
	position:relative;
	height:461px;
/* border:1px solid red; */
}
.upload-modal .tab-content .tab-pane {
	height:100%;
/* border:1px solid green; */
}
.upload-modal .modal-footer {
    text-align:center;
    border-top:1px solid #e2e2e2;
}

/* upload modal : data-type */

.data-type {
	height:542px;
    padding:30px 0;
    /* border-top:1px solid #e2e2e2; */
    background:#f1f1f1;
}
.data-type p {
    color:#327fb8;
    font-size:16px;
    font-weight:700;
    text-align:center;
    margin:20px 0 50px 0;
}
.data-type p .glyphicon {

}
ul.type-list {
	display:inline-block;
    width:100%;
    text-align:center;
    vertical-align:top;
    padding:0 60px; 
}
ul.type-list li {
    float:left;  
}
ul.type-list li a {
    display:block;
    color:#777;
    text-align:center;
    font-weight:700;
    padding:50px 15px;
    margin:20px 40px 0;
    border:1px solid #dcdcdc;
    border-radius:4px;
    background:#fff;
    -webkit-transition: border 0.4s, color 0.4s, background 0.4s;
    transition: border 0.4s, color 0.4s, background 0.4s;  
}
ul.type-list li a:hover,
ul.type-list li a:active {
    color:#fff; 
    border:1px solid #327fb8;
    background:#327fb8;
}
ul.type-list li .circle {
    display:inline-block;
    font-size:0;
    padding:18px;
    margin-bottom:15px;
    border-radius:50%;
    background:#838383;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
}
ul.type-list li a:hover .circle,
ul.type-list li a:active .circle {
    background:#fff;
}
.icon-area-44 {
    display:inline-block;
    width:44px;
    height:44px;     
}
ul.type-list li a .icon-area-44 {
    background:url(../images/icon_addData.png) 0 0 no-repeat;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
}

ul.type-list li.myData a .icon-area-44 {
    background-position:0 0;
}
ul.type-list li.myData a:hover .icon-area-44 {
    background-position:0 -44px;
    
}
ul.type-list li.openData a .icon-area-44 {
    background-position:-44px 0;
}
ul.type-list li.openData a:hover .icon-area-44 {
    background-position:-44px -44px;
    
}
ul.type-list li .txt {
    min-height:72px;
    color:#999;
    font-size:13px;
    text-align:left;
    line-height:24px;
    margin:15px 45px;
    background:url(../images/icon_addData_bg.png) 0 0 repeat;
}

/* upload modal : upload-area */

.upload-modal .upload-area {
	height:375px;
}
.upload-area {
    text-align:center;
    padding:50px 0;
    border:2px dashed #c5c5c5;
    background:#fbfcfc;
}
.upload-area .file-dropzone {
/* 	position:absolute; top:50%; left:0px; right:0px;
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%); */
	margin-top:80px;
}
.upload-area .icon {
    color:#388dcd;
    font-size:20px;  
}
.upload-area p {
    display:block;
    color:#555;
    margin-top:20px;
    font-size:27px; font-weight:700;   
}
.upload-area label {
    cursor:pointer;
    font-size:15px;
    padding:6px 10px 5px;
    border:1px solid #ddd; 
    background:#e6e6e6;
}
.uploadModal-dataHub .search-area {
	margin:20px auto!important;
}
.uploadModal-dataHub .row {

}
.uploadModal-dataHub .row2 {
	height:321px!important;
}




.table-list {
    padding:7px;
    display:inline-flex;
}
.table-list li {
    float:left;
    width:179px;
    padding:7px;
    display: inline-table;
}
.table-list table {
    width:100%;
}
.table-list table>thead>tr>th,
.table-list table>tbody>tr>td {
    padding:7px;
    border:1px solid #dcdcdc;
}
.table-list table thead tr th {
    text-align:center;
}
.table-list table thead .date {
    font-size:20px;
    background:#f6f6f6;
}
.table-list table thead .date th {
    padding:13px;
}
.table-list table thead .sort th:first-child {
    color:#31708f; font-size:15px;
    background:#dfebfe;
}
.table-list table thead .sort th:last-child {
    color:#a94442; font-size:15px;
    background:#ffebf0;
}
.table-list table>tbody>tr>td {
    font-size:12px;
}
.carousel2 {
    width:732px;
    margin:0 auto;
}
.carousel2 .carousel-control {
    width:8% !important;
}





/* SUPPORT : support-wrap  */

.support-wrap {
    margin:10px;
}
.qna-wrap, .inquiry-s-wrap {
	padding:10px;
}
.inquiry-s-wrap>.panel>.panel-heading,
.qna-wrap>.panel>.panel-heading {
    padding:10px 15px;
    border-bottom:1px solid #e2e2e2;
    background-color:#fff;    
}
.inquiry-s-wrap>.panel>.panel-heading h4,
.qna-wrap>.panel>.panel-heading h4 {
    color:#666;
    font-size:16px;
    margin:0px; padding:6px 0;  
}
.inquiry-s-wrap>.panel>.panel-body,
.qna-wrap>.panel>.panel-body {
    min-height:800px; 
}
.inquiry-s-wrap .info-text,
.qna-wrap .sort-group {
    padding:20px;
    background:#fafafa;
}
.qna-wrap .sort-group ul {
    display:inline-block;
    width:100%;
}
.qna-wrap .sort-group ul li {
    float:left;
    width:25%;
    padding:0px;
}
.qna-wrap .sort-group ul li a {
    display:block;
    text-align:center;
    padding:10px 0; margin-left:-1px;
    border:1px solid #e7e7e7;
    background:#fff;
}

.qna-wrap .sort-group ul li a:hover {    
    border:1px solid #ccc;
    z-index:10;
}
.qna-wrap .sort-group ul li.active a {
    color:#fff;
    background:#65b204;
}
.qna-list-wrap {
    margin-bottom:0px!important;
    border-bottom:1px solid #e7eaec;
}
.qna-list-wrap .panel {
	border:none;
    border-top:1px solid #e7eaec;
    box-shadow:none;
}
.qna-list-wrap .panel+.panel {
    margin:0px;
}
.qna-list-wrap .panel-heading {
    padding:0px;
    background-color:#fff;    
}
.qna-list-wrap .panel-heading .panel-title {
    font-size:15px;
}
.qna-list-wrap .panel-heading .panel-title .num {
	width:32px;
}
.qna-list-wrap .panel-heading .panel-title .sort {
	width:120px;
}
.qna-list-wrap .panel-heading .panel-title .num,
.qna-list-wrap .panel-heading .panel-title .sort {
	display:inline-block;
	font-size:14px;
	text-align:center;
}
.qna-list-wrap .panel-heading .panel-title .num,
.qna-list-wrap .panel-heading .panel-title .sort,
.qna-list-wrap .panel-heading .panel-title .title {
    margin:0 10px;
}
.qna-list-wrap .panel-heading a {
    display:inline-block;
    width:100%;  
    padding:10px 15px;
    vertical-align:top;
}
.qna-list-wrap .panel-body {
    display:inline-block;
    width:100%; 
    padding:20px 20px 20px 40px;
    background-color:#fafafa;    
}
.inquiry-s-wrap>.panel>.panel-body>.form_wrap{
    margin:20px;
}
.inquiry-s-wrap>.panel>.panel-body>.form_wrap .checkbox {
    font-size:12px;
}
.inquiry-s-wrap>.panel>.panel-body>.form_wrap .checkbox a {
	color:#388dcd;
	font-size:12px;
	margin-left:5px;
}
.inquiry-s-wrap>.panel>.panel-body>.form_wrap .checkbox a:hover {
    text-decoration:underline;
}
.inquiry-s-wrap .form-group {
    margin-bottom:15px;
}
.inquiry-s-wrap .glyphicon {
    top:-1px!important;
    color:#65b204;
    font-size:10px;
    margin:0 8px 0 5px;
}
.inquiry-s-wrap .info-text {
    border-bottom:1px solid #e7eaec;
}
.inquiry-s-wrap .info-text a {
    text-decoration:underline;
}
.inquiry-s-wrap .btn-wrap {
    text-align:center;
}



/* dashboards > edit > Widget Setting */

.item-edit .modal-body {
    padding:0px;
}

.item-edit .tab-content .tab-pane .form-group {
    display:inline-block;
    width:100%;
}
.item-edit .tab-content .tab-pane {
   /* margin:20px;*/
}
.seetting-box {
    margin:0 -20px -20px -20px;
    padding:10px;
    border-top:1px solid #e5e5e5;
    background:#fafafa;
}
.seetting-box>div {
    padding:10px;
    background:#fcfcfc;
}
.seetting-box>div>div {
    height:350px;
    border:1px solid #e5e5e5;
    border-radius:4px; 
    background:#fff;
}
.seetting-box .head {
    font-size:15px;
    font-weight:700;
    text-align:center;
    padding:8px;
    border-bottom:1px solid #e5e5e5;
    border-top-left-radius:4px; 
    border-top-right-radius:4px; 
    background:#ebebeb;
}

.seetting-box .body {padding:5px;}
.seetting-box .body li a {
    cursor:pointer;
    color:#676a6c;
    font-size:12px;
    display:inline-block;
    width:100%;
    padding:7px 14px;
    margin-bottom:5px;
    border:1px solid #e7eaec;
    border-radius:4px;
    background:#f5f5f5;
}
.seetting-box .body li.active a,
.seetting-box .body li.active a:hover {
    color:#fff;
    border:1px solid #5ba004;
    background:#65b204;
}
.seetting-box .s_text {
    font-size:12px;
    opacity:.8;
}
.seetting-box .event {}
.seetting-box .value {}
.seetting-box .widgets {}
.seetting-box .no-box {
    width:100%;  
}
.seetting-box .no-box .icon-bg {
    display:block;
    width:32px; height:32px; 
    margin:10px auto;
    background:url(../images/icon_widgetOption.png) -96px 0 no-repeat;
    opacity:.6;
}

.widget-option .nav li a .icon-bg {
    background:url(../images/icon_widgetOption.png) 0 0 no-repeat;
}
.widget-option .nav li a .icon-bg.setting {background-position:0px 0;}
.widget-option .nav li a .icon-bg.event{background-position:-32px 0;}
.widget-option .nav li a .icon-bg.notification {background-position:-64px 0;}
.widget-option .nav li.active a .icon-bg.setting {background-position:0px -32px;}
.widget-option .nav li.active a .icon-bg.event {background-position:-32px -32px;}
.widget-option .nav li.active a .icon-bg.notification {background-position:-64px -32px;}


.tab-pane.event .form-group {
    position:relative;
    padding-right:110px;
}
.tab-pane.event .select-menu {
    float:left;
    width:100%;
    margin-right:200px;
}
.tab-pane.event .btn {
    position:absolute; right:0px; top:0px; 
    width:100px;
}
.box-btn a {
    position:relative; top:2px;
    display:inline-block;
    float:left;
    cursor:pointer;
    width:18px; height:18px;
    margin-left:2px;
    background:url(../images/small_icon.png) 0 0 no-repeat;
}
.box-btn a.edit {background-position:-126px 0;}
.box-btn a.edit:hover  {background-position:-126px -18px;}
.box-btn a.close {background-position:-144px 0; opacity:1;}
.box-btn a.close:hover {background-position:-144px -18px;}


.box-default {
    position:relative;
    border-radius:4px;
    margin:10px;
    border-color: rgb(191, 191, 191); 
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px; 
    background: rgb(255, 255, 255);
}
.box-default.no-head {
    padding-top:0px!important;
}
.box-default .box-head {
    top:0; left:0; right:0;
    height:47px;
    text-align:left; 
    padding:12px 15px;
    border-bottom:1px solid #ededed;
    /* border:1px solid #e7e7e7; */
    background:#f9f9f9;
    
    border-top-left-radius:4px; 
    border-top-right-radius:4px; 
    
}
.box-default .box-head .box-title {
	float:left;
    display:block;
    color:#354458;
    font-size:16px;
}
.box-default .box-head .box-small-text {
	float:left;
    color:#333; opacity:.7; 
    font-size:12px;
    margin:2px 0 0 10px;
}
.box-default .box-body {
    overflow-x:auto;
    height:100%;
    text-align:center;
    /*border:1px solid #e7e7e7;*/
    border-top:none;
    border-bottom-left-radius:4px; 
    border-bottom-right-radius:4px; 
}

.box-default .box-body img {
    width:100%;
}

/* // dashboards > edit > Widget Setting */

 
/* 추가  -------------------------------------------------------------- */
    
    
input.ip_type1 {
    height:30px; 
    border:1px solid #d5d5d5; 
    border-radius:4px; padding:0 10px;
}
.ip_type1, .btn_calendar
{
    vertical-align: middle;
}
.btn_calendar
{
    background: url(../images/i_calendar.png) center 5px no-repeat;
    border: 1px solid #e3e4e8;
    border-radius: 4px;
    display: inline-block;
    height: 26px;
    line-height: 999px;
    overflow: hidden;
    width: 30px;
}

/* Thien modify */
.fixed-table-container tbody .selected td {
	background-color: #d9edf7;
}
.list-table .th-inner {
	padding: 12px !important;
}
.fixed-table-pagination ul li {
	padding: 0 !important;
}
.fixed-table-pagination {
	overflow: hidden !important;
	background: #fbfcfc;
    padding: 10px 18px;
	margin: 15px -15px 0;
}

#listFile + .row {
	margin: 15px -15px 0;
	background: #fbfcfc;
    padding: 18px;
}
#myDataListFile + .row, #analysisMyDataList + .row {
    padding: 15px 0 18px;
}
#profile-img-popup .tab-content {
	height: 400px;
	overflow: hidden;
}
#take-photo-popup .modal-dialog {
	width: 450px;
	height: 450px;
}
#take-photo-popup .modal-body {
	min-height: 350px;
}

.btn-retake-photo, .btn-save-photo {
	display: none;
}
.photo-img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.take-photo-content {
	width: 320px;
	height: 320px;
	margin: 0 auto;
}
/* cropit photo */
.cr-preview-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.cr-preview-wrapper .cropit-preview {
    width: 320px;
    height: 320px;
    border: 1px solid #eee;
    position: relative;
}
.cr-preview-wrapper .cropit-preview-background {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}
.cr-preview-wrapper .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.cr-preview-wrapper .spinner {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -ms-transition: opacity 1s;
    transition: opacity 1s;
}
.cr-preview-wrapper .spinner > .spinner-dot {
    width: 15px;
    height: 15px;
    background: rgba(85,85,85,0.5);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    -webkit-animation: bounce 1.4s infinite ease-in-out;
    -moz-animation: bounce 1.4s infinite ease-in-out;
    -o-animation: bounce 1.4s infinite ease-in-out;
    -ms-animation: bounce 1.4s infinite ease-in-out;
    animation: bounce 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
}
.cr-preview-wrapper .spinner > .spinner-dot:nth-child(1) {
    -webkit-animation-delay: -.32s;
    -moz-animation-delay: -.32s;
    -o-animation-delay: -.32s;
    -ms-animation-delay: -.32s;
    animation-delay: -.32s;
}
.cr-preview-wrapper .spinner > .spinner-dot:nth-child(2) {
    -webkit-animation-delay: -.16s;
    -moz-animation-delay: -.16s;
    -o-animation-delay: -.16s;
    -ms-animation-delay: -.16s;
    animation-delay: -.16s;
}
.cropit-preview.cropit-image-loading .spinner {
  opacity: 1;
}
.cr-preview-wrapper .cropit-preview .error-msg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    color: #fff;
    background: rgba(210,65,72,0.8);
    line-height: 1.5;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    -ms-transition: opacity 0.25s;
    transition: opacity 0.25s;
}
.cr-preview-wrapper .cropit-preview.cropit-image-loaded .cropit-preview-image-container {
    cursor: move;
}
.cr-preview-wrapper .controls-wrapper {
    margin-top: 20px;
    text-align: center;
    position: relative;
}
.cr-preview-wrapper .controls-wrapper .rotation-btns, .cr-preview-wrapper .controls-wrapper .slider-wrapper {
    display: inline-block;
}
.cr-preview-wrapper .controls-wrapper .rotation-btns {
    font-size: 16px;
    margin-right: 40px;
}
.cr-preview-wrapper .controls-wrapper .rotation-btns * {
    vertical-align: middle;
}
.cr-preview-wrapper .controls-wrapper .rotation-btns .icon {
    -webkit-transition: color 0.25s;
    -moz-transition: color 0.25s;
    -o-transition: color 0.25s;
    -ms-transition: color 0.25s;
    transition: color 0.25s;
    cursor: pointer;
}
.cr-preview-wrapper .controls-wrapper .rotation-btns .fa:first-child {
    margin-right: 20px;
}

.cr-preview-wrapper .controls-wrapper .slider-wrapper * {
    vertical-align: middle;
    display: inline-block;
}
.cr-preview-wrapper .controls-wrapper .slider-wrapper .small-image {
    font-size: 16px;
}
.cr-preview-wrapper .controls-wrapper .slider-wrapper .cropit-image-zoom-input {
    width: 130px;
    margin: 0 20px;
}
.cr-preview-wrapper .controls-wrapper .slider-wrapper .cropit-image-zoom-input.custom {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 5px;
    background: #eee;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}
.cr-preview-wrapper .controls-wrapper .slider-wrapper {
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    -ms-transition: opacity 0.25s;
    transition: opacity 0.25s;
}
.cr-preview-wrapper .controls-wrapper .slider-wrapper .large-image {
    font-size: 24px;
}
.cr-preview-wrapper .cropit-image-input {
	visibility: hidden;
}
.select-image-btn {
	cursor: pointer;
}

.form-inline-control .form-group {
    margin:0 18px;
    font-size: 14px !important;
}
.form-inline-control .form-group .control-label {
    margin-right:5px;
}
.form-inline-control .input-group label {
    margin:0;
    font-weight:400;
}
.bootstrap-tagsinput input {
	min-width: 250px !important;	
}

.ui-widget-content select{
	color: #333 !important;
}



/* char data preview */

#dataview-modal .modal-body, 
#sample-modal .modal-body {
	overflow: auto;
	padding:0px;
}
#dataview-modal .modal-body>div, 
#sample-modal .modal-body>div {
	padding:15px;
}
#sample-modal .tab-content {
	height:578px;
}
/* end char data preview */

#rb-sentiment-trend-chart .table-list table {
	border:1px solid #dcdcdc !important;
}
#rb-sentiment-trend-chart .table-list table>tbody>tr>td {
	vertical-align: top;
	padding:0px;
    border: none;
    width: 100px;
}
#rb-sentiment-trend-chart .table-list table>tbody>tr>td .sub-tbl {
	border:none !important;
	border-spacing: 0px;
    border-collapse: collapse;
}
#rb-sentiment-trend-chart .table-list table>tbody>tr>td .sub-tbl td {
	border-spacing: 0px;
    border-collapse: collapse;
    padding:7px !important;
    border-top:1px solid #dcdcdc;
    white-space: nowrap;
}
#rb-sentiment-trend-chart .table-list table>tbody>tr>td:first-child .sub-tbl td {
	border-right:1px solid #dcdcdc;
}
.mCustomScrollBox {
	height: auto;
}
#overlay-loading {
  position: fixed;
  z-index: 9999;
  height: 100%;
  width: 100%;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0,0,0,.4);
  display: none;
}
#overlay-loading .loading-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    background-color: rgba(255,255,255,.4);
    border-radius: 100px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#overlay-loading .loading-container .spinner {
    position: absolute;
    color: #646464;
    top: 0;
    width: 100%;
    margin-top: 37px;
    text-align: center;
}
.fa-spin {
	animation: fa-spin .8s infinite linear;
}
.overlay-drag-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: move;
	z-index: 100;
}
.frm-kw-api-search .ui-datepicker-trigger {
	padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: table-cell;
}
.frm-kw-api-search .ui-datepicker-trigger:last-child {
    border-left: 0;
}
.txtMask {
	display: none;
}
.drop-area-overlay {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.chart-area-view {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#table-join-list .checkbox-inline, #table-join-list .radio-inline {
	display: inline-flex;
}
#table-join-list {
	width: 100%;
	max-height: 450px;
	overflow: auto;
}
#table-join-list table thead, #table-join-list table thead .checkbox-inline{
	cursor: move;
	white-space: nowrap;
}

#table-join-list table .checkbox-inline{
	cursor: move;
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
	width: 118px;
}

#myUploadedDataListTable + div {
	padding: 18px 20px !important;
	background: #fbfcfc;
	margin-top: 10px;
}
/*
.list-body .list-table.list-special, #uploadedMyDataList {
	background: none !important;
}
*/
.bulk-action-opt .select-menu {
    float: left;
    width: 15%;
    margin-right: 5px;
}
.list-table .dataTables_wrapper .dataTables_paginate li {
	padding: 0px;
}
.list-table .dataTables_wrapper .dataTables_info {
    line-height: 18px;
}


.hovered {
	border: 1px dashed rgb(46, 179, 99) !important;
}
.sortable-placeholder {
	border: 1px dashed #ccc;
	border-radius: 4px;
	height: 38px;
}
.coming-soon {
	background: url(../images/coming_soon.png) -2px 0 no-repeat !important;
    background-size: 75px !important;
}

.hidden {
	display: none !important;
}

#myName {
	max-width: 120px;
}
.modal .form-group {
	margin-bottom: 15px;
}
.modal .form-group textarea {
	resize: vertical;
	height: 100px;
	max-height: 300px;
}
.glyphicon-refresh-animate {
	-webkit-animation: spin2 .7s infinite linear;
	animation: spin2 .7s infinite linear;
}
.color-hotpink {
	color: hotpink;
}
.has-error {
	border-color: red;
}
.view-body.row {
	display: -ms-flex; 
	display: -webkit-flex; 
	display: flex;
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
.special .glyphicon {
	top: 2px !important;
	color: #fff !important;
	font-size: 14px !important;
    margin: 0 8px 0 5px !important;
}
#send-fail {
	display: none;
}
.message-error {
	color: red;
    /*margin-top: 5px;*/
}
.tble-container {
	overflow: auto;
}
/* Thien end */
/*Thongdv add style for topicTrend*/
 .TopicTrend {
  	 height:100%;
     overflow-x:auto; 
     padding-bottom: 25px;
 }
 
 /* topic-table, emotional-table */

 ul.topic-table>li>table, 
 ul.emotional-table>li>table {
     width:100%;
 }
 ul.topic-table>li>table>tbody>tr>td.ranking {
/*      width:50px !important; */
 }
 ul.emotional-table>li>table>tbody>tr>td,
 ul.topic-table>li>table>tbody>tr>td.txt {
     width:100px;
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
 } 
 ul.emotional-table li {
     width:200px;
 }
 
 /* table-list */
 
 ul.table-list {
     display:inline-flex; 
     padding:3px;
 }
 ul.table-list li {
     float:left;
     padding:3px;
 }
 ul.table-list>li>table {
     border-spacing:1px;
 }
 ul.table-list>li>table>thead>tr>th,
 ul.table-list>li>table>tbody>tr>td {
     padding:5px;
 }
 ul.table-list>li>table>tbody>tr>td {
 }
 ul.table-list>li>table>tbody>tr>td.ranking {
     background:#ccc;
 }
 ul.table-list>li>table>tbody>tr:nth-child(1)>td.ranking,
 ul.table-list>li>table>tbody>tr:nth-child(2)>td.ranking,
 ul.table-list>li>table>tbody>tr:nth-child(3)>td.ranking {
     background:#29aba4;
 }
 ul.table-list>li>table>tbody>tr>td .txt {
   
 }
 ul.table-list>li>table>tbody>tr>td {
     font-size:12px;
     background:#f1f1f1;
 }
 ul.table-list>li>table>thead>tr.date {color:#fff; font-size:18px; background:#354458;}
 ul.table-list>li>table>thead>tr.sort>th {font-size:11px; font-weight:400; padding:2px;}
 ul.table-list>li>table>thead>tr.sort>th.positive {color:#fff; background:#3a9ad9;}
 ul.table-list>li>table>thead>tr.sort>th.negation {color:#fff; background:#eb7260;}

/*
.jscolor{
	width:20px;
}
*/

input.ip_type1 {height:30px; border:1px solid #d5d5d5; border-radius:4px; padding:0 10px;}
.ip_type1, .btn_calendar {
	vertical-align:middle;
}
.btn_calendar {
	width:30px;
	height:26px; 
	display:inline-block; 
	border:1px solid #e3e4e8; 
	border-radius:4px; 
	background:url(../images/i_calendar.png) center 5px no-repeat; 
	line-height:999px; 
	overflow:hidden;
}
.s_txt {
	margin-top:8px; 
	display:block; 
	color:#959595;
}
.btn_qm a {
	width:18px; 
	height:18px; 
	text-align:center; 
	display:inline-block; 
	border-radius: 200px; 
	color:#fff; 
	background:#676767; 
	cursor:pointer; 
	margin-left:8px;
    
}
.btn_calendar:hover {
	border:1px solid #d2d2d2;
}
.table-responsive {max-height:500px;}

.regression-type {text-align: left;}

input.ip_type1 {height:30px; border:1px solid #d5d5d5; border-radius:4px; padding:0 10px;}
.ip_type1, .btn_calendar {
	vertical-align:middle;
}
.btn_calendar {
	width:30px;
	height:26px; 
	display:inline-block; 
	border:1px solid #e3e4e8; 
	border-radius:4px; 
	background:url(../images/i_calendar.png) center 5px no-repeat; 
	line-height:999px; 
	overflow:hidden;
}

/* userInfo-modify */

.userInfo-modify-wrap {margin:20px;}
.userInfo-modify-wrap .small-text {
    color:#979797;
    font-size:13px;
    margin-top:9px;
}
.password-change-area {
    margin-left:-20px;
    margin-right:-20px;
}
.password-change-area .well {
    padding-top:0px;
    padding-bottom:0px;
    box-shadow:none;
    border:none;
    background:#fff;
}
.photo-area .photo-img {
    position:relative;
    width:90px; height:90px; 
    text-align:center; 
    border-radius:50%; 
    background:#65b204;
}
.photo-area .photo-img>span {
    color:#fff; 
    font-size:55px; 
    line-height:90px;
}
.photo-area .photo-img button.close {
    position:absolute; top:0; right:0px;
    font-size:17px;
    padding:3px 2px 0px 2px;
    border:1px solid #ccc;
    border-radius:50%; 
    background:#fff;
    opacity:1;
}
.photo-area .photo-btn {
    margin-top:30px; 
    font-size:16px;
}
.photo-area .photo-img,
.photo-area .photo-btn {
    float:left;
    vertical-align:bottom;
}
.photo-area .photo-btn .photo, 
.photo-area .photo-btn .color, 
.photo-area .photo-btn .close {
    float:left;
    display:block;
    width:36px; height:36px;
    border:1px solid #ccc;
    border-radius:50%; 
    background:#fff;
}

/* data */

.data-wrap {
    margin:20px;
}
.data-wrap .form-group { 
    margin-bottom:15px;
}
.data-wrap .form-inline {
    margin-bottom:10px;
} 
.data-wrap .form-horizontal .form-inline {
    overflow:hidden;
    margin-right:-15px;
    margin-left:-15px;
    
}
.data-wrap .form-horizontal .form-inline label {
    vertical-align:top;
}

/* .addData-tap {
    color:#b7bec6;
    padding:20px;
    background:#242d37;
}
.addData-tap>li {
	padding-right:10px;
	width:20%;
}
.addData-tap>li:last-child {
	padding-right:0px;
}
.addData-tap>li.disabled>a:hover,
.addData-tap>li.disabled>a:focus {
    background-color:#2a3541;
}
.addData-tap>li.active>a, 
.addData-tap>li.active>a:focus, 
.addData-tap>li.active>a:hover {
	color:#fff;
	background-color:#337ab7;
}
.addData-tap>li>a {
    background:#2a3541;
}
.addData-tap>li>a>.round-num{
    width:16px; height:16px;
    display:inline-block;
    color:#2a3541;
    font-size:12px;
    font-weight:700;
    padding:1px 0;
    margin-right:3px;
    border-radius:50%;
    background:#555; 
}
.addData-tap>li>a>.round-num,
.addData-tap>li>a:focus>.round-num,
.addData-tap>li>a:hover>.round-num {
    background:#ccc; 
}
.addData-tap>li.active>a>.round-num,
.addData-tap>li.active>a:focus>.round-num,
.addData-tap>li.active>a:hover>.round-num {
    color:#337ab7;
    background:#fff; 
}
 */
.panel-data .panel-body .row {
    margin:30px 0px 15px 0px;
}
.panel-data .search-area {
    float:right;
    width:230px;
}
.list-table>thead>tr>th, 
.list-table>thead>tr>td 
.list-table>tbody>tr>th, 
.list-table>tbody>tr>td {
    vertical-align:middle;
}
.list-table .name a:hover {
    text-decoration:underline;
}
.list-table .name .label {
    margin-right:5px;
}
.list-table>thead>tr>th.check, 
.list-table>thead>tr>th.data, 
.list-table>thead>tr>th.size, 
.list-table>thead>tr>th.btn-area,
.list-table>tbody>tr>td.check, 
.list-table>tbody>tr>td.data, 
.list-table>tbody>tr>td.size, 
.list-table>tbody>tr>td.btn-area {
    text-align:center;
}
.list-table td.data, .list-table td.size {
    color:#888;
}
.list-table .checkbox {margin:0px;}
.list-table .btn-area .btn {
    padding:5px 8px;
}
.list-table .btn-area .btn .glyphicon {
    margin:0px;
} 


/* data-table-nav */
.sideTab {
    position:relative;
    overflow:hidden;  
    border-bottom:1px solid #d5d5d5 
}
.sideTab .arrow {
    position:absolute; top:0;
    width:36px;
    height:42px;  
    text-align:center;
    line-height:42px; 
    z-index:999999999;
    background:#e9e9e9;
}
.sideTab .arrow.prev {
    left:0;  
    border-right:1px solid #e2e2e2;
}
.sideTab .arrow.next {
    right:0;   
    border-left:1px solid #e2e2e2;
}
.scroll_tabs_container {
    margin-bottom: 0px;
}
.scroll_tabs_theme_light .scroll_tab_left_button::before {
	content: "\e257";
	font-family: 'Glyphicons Halflings';
	padding-left: 10px;
}
.scroll_tabs_theme_light .scroll_tab_left_button {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border:0px;
    border-right: 1px solid #e2e2e2;
    background-color: #e9e9e9;
    z-index: 99999999;
}
.scroll_tabs_theme_light .scroll_tab_right_button::before {
	content: "\e258";
	font-family: 'Glyphicons Halflings';
	padding-left: 10px;
}
.scroll_tabs_theme_light .scroll_tab_right_button {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border:0px;
    border-left: 1px solid #e2e2e2;
    background-color: #e9e9e9;
    z-index: 99999999;
}
.scroll_tabs_theme_light div.scroll_tab_inner span, .scroll_tabs_theme_light div.scroll_tab_inner li {
	border: none;
	background-color: transparent;;
	padding-left: 0px; 
    padding-right: 0px; 
    line-height: 18px;
}
.scroll_tabs_container div.scroll_tab_inner span, .scroll_tabs_container div.scroll_tab_inner li {
	background-color: transparent;;
	padding-left: 0px; 
    padding-right: 0px; 
    line-height: 18px;
}

.data-table-nav {
    display: block;
    margin: 0 10px;
    overflow: hidden;
    padding: 8px 5px 0 5px;
}

.data-table-nav>li>a {
    width:140px;
    height:34px;
    padding:9px 0px 0px 19px;
    margin-left:-30px; 
}
.data-table-nav>li>a::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: -7px;
	left: 0;
	z-index: -1;
	outline: 1px solid transparent;
    border:1px solid #ccc;
	border-radius: 12px 30px 0 0;
	background: #fff;
	box-shadow: 8px 0 10px -6px rgba(0,0,0,0.2);
	content: '';
	-webkit-transform: perspective(2.6px) rotateX(0.93deg) translateZ(-1px);
	transform: perspective(2.6px) rotateX(0.93deg) translateZ(-1px);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.data-table-nav>li.active>a::after {
    border:1px solid #2a3541;
    background:#2a3541;
}
.data-table-nav>li:first-child a {
    margin-left:0px;
}
.data-table-nav>li.active>a,
.data-table-nav>li>a:focus,
.data-table-nav>li>a:hover {
    background-color:transparent;
    cursor: pointer;
}
.data-table-nav>li:nth-child(1) a {z-index:30;}
.data-table-nav>li:nth-child(2) a {z-index:29;}
.data-table-nav>li:nth-child(3) a {z-index:28;}
.data-table-nav>li:nth-child(4) a {z-index:27;}
.data-table-nav>li:nth-child(5) a {z-index:26;}
.data-table-nav>li:nth-child(6) a {z-index:25;}
.data-table-nav>li:nth-child(7) a {z-index:24;}
.data-table-nav>li:nth-child(8) a {z-index:23;}
.data-table-nav>li:nth-child(9) a {z-index:22;}
.data-table-nav>li:nth-child(10) a {z-index:21;}
.data-table-nav>li:nth-child(11) a {z-index:20;}
.data-table-nav>li:nth-child(12) a {z-index:19;}
.data-table-nav>li:nth-child(13) a {z-index:18;}
.data-table-nav>li:nth-child(14) a {z-index:17;}
.data-table-nav>li:nth-child(15) a {z-index:16;}
.data-table-nav>li:nth-child(16) a {z-index:15;}
.data-table-nav>li:nth-child(17) a {z-index:14;}
.data-table-nav>li:nth-child(18) a {z-index:13;}
.data-table-nav>li:nth-child(19) a {z-index:12;}
.data-table-nav>li:nth-child(20) a {z-index:11;}
.data-table-nav>li:nth-child(21) a {z-index:10;}
.data-table-nav>li:nth-child(22) a {z-index:9;}
.data-table-nav>li:nth-child(23) a {z-index:8;}
.data-table-nav>li:nth-child(24) a {z-index:7;}
.data-table-nav>li:nth-child(25) a {z-index:6;}
.data-table-nav>li:nth-child(26) a {z-index:5;}
.data-table-nav>li:nth-child(27) a {z-index:4;}
.data-table-nav>li:nth-child(28) a {z-index:3;}
.data-table-nav>li:nth-child(29) a {z-index:2;}
.data-table-nav>li:nth-child(30) a {z-index:1;}
.data-table-nav>li.active>a, 
.data-table-nav>li.active>a:focus, 
.data-table-nav>li.active>a:hover {
    z-index:9999999;
    background-color:transparent;
}


/* data-table */

.data-table-area {
    /* margin-left:-20px!important;
    margin-right:-20px!important; */
    border-top:1px solid #e2e2e2;
}
.data-table-area .tab-content {
	overflow:auto;
	margin-right:37px;
    height:280px!important;
    min-height: 260px;
    /* border-top:1px solid #d5d5d5; */
    border-bottom:1px solid #e2e2e2;
}
.data-table {
    width:100%;
	border-collapse:collapse;
    border:none;
    
}
.data-table thead {
	color:#fff;
    border:1px solid #e7eaec;
	background:#f2f2f2;
}
.data-table>thead>tr>th,
.data-table>tbody>tr>td {
    text-align:left;
}


/* data-hub */

.data-hub .row1 {
	border-bottom:1px solid #ddd;
	background:#fff;
}
.data-hub .row2 {
	height:550px;
}
.data-hub .search-area {
	width:400px;
	margin:30px auto;
}
.data-hub .search-area .search-input {
	width:100%;
}
/* .data-hub .search-area .search-btn {
	float:right;
	display:block;
	width:14px; height:20px;
} */
.data-hub .accordion {
	overflow-x:auto;
	height:100%;
	padding:20px;
	border-right:1px solid #ddd;
}
.data-hub .accordion-list {
   width:100%;
   border-bottom:1px solid #ddd;
   margin-bottom:15px;
}
.data-hub .accordion-list tr th,
.data-hub .accordion-list tr td {
   text-align:center;
}

table.accordion-list,
table.accordion-list thead,
table.accordion-list tbody,
table.accordion-list tr,
table.accordion-list th,
table.accordion-list td {
	display: block;
}
table.accordion-list thead {
	display:none;
}
table.accordion-list tr {

}
table.accordion-list tr td.title {
	overflow:hidden;
	padding:10px 15px;	
	background:url(../images/ac_icon_down.png) no-repeat;
	background-position: right 20px top 11px;

}
table.accordion-list tr td.title .pull-right {
	width:100px;
	text-align:center;
	margin-right:50px;
}
table.accordion-list tr td.title.active {
	color:#388dcd;
	background:url(../images/ac_icon_up.png) no-repeat;
	background-position: right 20px top 11px;
}
table.accordion-list tr td.resources {
	height:195px!important;
	overflow:auto;
	padding:0px!important;
	background:#fafafa;	
}
ul.resources-list {
	/*padding:15px;*/
	font-size:13px;
}
ul.resources-list li {
	padding:10px 15px;
	border-bottom:1px solid #eee;
}

ul.resources-list li:hover {
	background:#f5f5f5;
}
ul.resources-list li.active,
ul.resources-list li.active:hover {
	background:#d9edf7;
}



/* category-list */

.data-hub .category {
	overflow-y:auto;
    height:100%;
    padding:0px; /*padding:15px;*/
}
.category h6 {
    border-bottom: 1px solid #ececee;
    padding: 10px;
    margin: 0px;
    background: #f9fafa;
	
}
table.category-list {
	width:100%;
}
table.category-list>tbody>tr>td {
    border-bottom:1px solid #ececee;  
} 
table.category-list>tbody>tr>td:nth-child(1) {
    border-right:1px solid #ececee;
} 

table.category-list tbody tr td {
	position:relative;
	cursor:pointer; 
	font-size:13px;
	padding:10px;
}
table.category-list tbody tr td:hover {
    color:#222;
    background:#f2f2f2;
}
table.category-list tbody tr td:hover .num {
    background:#ccc;
}
table.category-list .text {
	display:inline-block;
	margin-right:35px;
}
table.category-list .num {
	position:absolute; top:50%; right:10px;
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	min-width:30px;
	color:#fff;
	font-size:12px;
	text-align:center;
	border-radius:20px;
	background:#ddd;
}

@media screen and (max-width: 768px){
	table.category-list tbody tr td {
		overflow:hidden;
	}
	
}
@media screen and (min-width: 991px) and (max-width: 1600px){
	table.category-list tbody tr td {
		display:block;
		overflow:hidden;
	}
	table.category-list>tbody>tr>td:nth-child(1) {
		border-right:none;
	}
	table.category-list>tbody>tr:last-child>td:last-child {
		border-bottom:none;
	}
}


/** my data **/
/* #edit-data-popup .handsontable table.htCore { */
/* 	table-layout: inherit; */
/* } */
/* .ht_clone_left.handsontable { */
/* 	display: none; */
/* } */
.handsontable tbody tr:first-child {
	font-size: 15px;
    font-weight:bold;
}

/* #edit-data-popup .ht_clone_top { */
/* 	z-index: -999 !important; */
/* } */

#edit-data-popup .modal-dialog { 
    /*min-width: 800px;*/
    position: relative;
    overflow: auto;
    width: auto;
    height: 100%;
    margin: 0;
    background: #fff;   
}

#edit-data-popup .modal-dialog .modal-header {
	border-bottom: none !important;
	line-height: 1.42857143;
	text-align: center;
}

#edit-data-popup .modal-dialog .modal-header .close {
    position: absolute;
    top: 17px;
    right: 15px;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/icon-close.png) 0 0 no-repeat;
    opacity: 1;
}
#edit-data-popup .modal-dialog .modal-body {
	padding: 0px !important;
	overflow: auto;
	height: 100%;
} 

#edit-data-popup .handsontable th, .handsontable td {
	white-space: nowrap!important;
}

#content-tbl tr .num {
    width: 35px!important;
    text-align: center;
    background: #f2f2f2;
}
#add-data-steps-tab #dataInformationOptions {
	padding-top: 15px;
}
#getUploadedMyDataList .file-type-label {
    display: inline;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
}

#myUploadedDataListTable {
	border-top: 1px solid #ddd;
}

#myUploadedDataListTable span.label {
	margin-right: 10px;
    font-size: 11px;
}

/* #dataInformationOptions .first-row-header {
	clear: both;
} */
#myDataListFile, #analysisMyDataList tbody>tr {
	cursor: pointer;
}

table.dataTable{
	margin-top:0px!important;
	margin-bottom:0px!important;
}
table.dataTable thead .sorting, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc {
    background-image:none !important;
}
.add-rule-alert-modal, .data-delete-modal, .modal-footer .btn {
    width: auto!important;
    margin-top: 0!important;
}

#verify-data-tab-contents .dataTables_scrollHead {
    background-color: #f2f2f2;
}

#verify-data-tab-contents .dataTables_scrollHeadInner {
    padding-left: 0px !important;
    background-color: #f2f2f2;
}

#verify-data-tab-contents .table-upload-preview {
	width: 100% !important;
}

#verify-data-tab-contents table {
    border-collapse: collapse;
}

#verify-data-tab-contents table, 
#verify-data-tab-contents td,
#verify-data-tab-contents th {
    border: 1px solid #e7eaec;
    padding: 6px 6px 5px;
}

#verify-data-tab-contents table.dataTable {
	margin-top: 0px !important;
}
#verify-data-tab-contents .idx {
	width: 5%;
	background-color: #f2f2f2;
	text-align: center;
}

#verify-data-tab-contents .dataTables_wrapper {
	border-bottom: 1px solid #e7eaec;
    margin: 0 auto;
}

#verify-data-tab-contents th {
	white-space: nowrap;
}

#getDataHubPreview .view-body-right {
    position: absolute;
    top: 113px;
    right: 0px;
    width: 460px;
    height: 41%;
    padding: 0px;
    border-left: 1px solid #e4e4e4;
    background: #fafafa;
}

.type-openData .data-table-area {
	margin: 0px!important;
}

/*
#myModal{
	overflow-y:hidden;
}
*/
/* #verify-data-tab-captions { */
/*     margin-bottom: -6px !important; */
/* } */

#edit-data-popup .idx {
	width: auto;
	background-color: #f2f2f2;
	text-align: center;
}
.modal-body #editUploadedDataTbl {
	height: 500px;
    overflow: auto;
}
/* #edit-data-popup table,  */
/* #edit-data-popup td, */
/* #edit-data-popup th { */
/*     width: auto; */
/* } */
/* 
#edit-data-popup table th {
    background: #f2f2f2;
    font-size: 15px;
    text-align: left;
    line-height: 10px;
    padding-bottom: 14px;
}

#edit-data-popup .table.table-bordered {
	font-size: 13px;
}

#edit-my-data-table input {
    border: none;
    background: transparent;
}
#saveChanges {
	display: none;
}
 */





/* step : DataJoin */

.dataAggregation-option .nav {
    padding:15px 30px 0;
    background:#ebebeb;
}
.dataAggregation-option .nav>li>a {
    width:170px;
    text-align:center;
    border:1px solid #e4e4e4;
    border-bottom:1px solid #ddd;
    background:#fff;
}
.dataAggregation-option .nav>li>a>.glyphicon {
    color:#999;
}
.dataAggregation-option .nav>li.active>a,
.dataAggregation-option .nav>li.active>a:focus,
.dataAggregation-option .nav>li.active>a:hover {
    border-bottom:1px solid transparent;
    background:#f7f7f7;
}
.dataJoin-column{
    min-height:124px;
    border-bottom:1px solid #e2e2e2;
    background:#f7f7f7;
}
.dataJoin-column>div {
    padding:20px 15px 5px 15px;
    /*border-right:1px solid #e2e2e2;*/
}
.dataJoin-column>div:last-child {
    /*border-right:none;*/
    text-align:center;
}
.dataJoin-column .form-group {
    margin-bottom:15px;
}
.dataJoin-column .btn {
    width:60%;
    margin-top:25px;
}

/* Data Jonin : STEP 2. Data Column Select */

table.dataColumn-table>thead>tr>th, 
table.dataColumn-table>tbody>tr>td {
	border-left-style: none;
    border-right-style: none;
    padding:7px 10px;
}
.dataColumn-table thead tr th {
    font-size:13px;
    text-align:left!important;
    background:#ebebeb;
}
.dataColumn-table tbody tr td {
    background:#fff;
}
.dataColumn-table input[type=checkbox] {
    margin-right:15px!important;
}

/* Data Jonin : STEP 3. Data Join Option */

.dataJoin-rule {
    display:inline-block;
    width:100%;
    vertical-align:top;
    background:#fcfcfc;
}
.dataJoin-rule ul.rule-list {
    width:80%; 
    height:175px;
    overflow-x: auto;
    padding:5px;
    margin:30px auto!important;
    border:1px solid #e2e2e2;
    border-radius:4px;
    background:#fff;
}
.dataJoin-rule ul.rule-list li.list-group-item {
    display: flex ;
    cursor:pointer;
    flex-direction: row ;
    flex-wrap: nowrap ;
    justify-content: space-between;
    align-items: center ;
    align-content: center ;
}
.dataJoin-rule ul.rule-list li.list-group-item:last-child {
    margin-bottom:0px;
}
.dataJoin-rule ul.rule-list li.list-group-item .label {
    width:80px;
    font-size:12px;
    font-weight:400;
    padding:.4em .9em .3em;
    background:#65b204; 
}
.dataJoin-rule ul.rule-list li.list-group-item .join-rule {
    display:inline-block;
    text-align:center;
    width:100%;
}
.join-rule>div {vertical-align:middle;}
.join-rule>div:nth-child(1) {
    text-align:right;
}
.join-rule>div:nth-child(3) {
    text-align:left;
}
.dataSourec {
    position:relative; top:3px;
    margin-right:5px;
}
.dataSourec .target_news .icon-area-16{
    background:url(../images/icon_new.png) 0 0 no-repeat;
}
.dataSourec .target_blog .icon-area-16 {
    background:url(../images/icon_blog.png) 0 0 no-repeat;
}
.dataSourec .target_twitter .icon-area-16 {
    background:url(../images/icon_twitter.png) 0 0 no-repeat;
}
.dataSourec>.btn {
    color:#888;
}
.dataSourec>.btn.active {
    color:#388dcd;
    border:1px solid #ccc;
    background:#fafafa;
    box-shadow:none;
}
.dataSourec>.btn.active .icon-area-16 {
    
    background-position:-16px 0;
}

/* img-Upload popup */

.controlBar {
    display:inline-block;
    width:100%;
    vertical-align:top;
    padding:7px 15px;
    border-bottom:1px solid #d5d5d5;
    background:#f2f2f2;
}
.controlBar .btn label {
    font-weight:400!important;
}
.img-upload .upload-area {
    margin:15px;
    height:393px;
    overflow:auto;
    padding:0px;
}
.img-library .img-list-area {
    height:400px; 
    overflow:auto;
}
.images-upload .file-off {
    margin-top:110px;
}
.img-list-area {
    display:inline-block;
    overflow:auto; 
    vertical-align:top;
    width:100%;
    padding:15px;
}
.img-list-area li {
    position:relative;
    float:left;
    display:block;
    width:133px; height:133px;
    color:#bbb;
    text-align:center;
    line-height:129px;
    margin:3px;
    border:1px solid #ddd;
    background:rgba(0,0,0,0.05);
}
.img-list-area li:hover {
    border-color:#388dcd;
} 
.img-list-area li.active {
    border:3px solid #388dcd;
} 
.img-list-area li button {
    position:absolute; top:4px; right:4px;
}



/** Data delete modal **/
.data-delete-modal .modal-header {
    border-bottom:none;
}
.data-delete-modal .modal-body {
    text-align:center;
}
.data-delete-modal .modal-body .glyphicon {
    color:#ddd;
    font-size:40px;
    margin-bottom:20px;
}
.data-delete-modal .modal-body p {
    margin-bottom:20px;
}

/** Data Aggregation */
#my-data-aggregation .tab-nav.type3 {
    margin-bottom:20px;
}
#my-data-aggregation .tab-nav>.nav>li {
	float: none;
}
#my-data-aggregation .filter-connector {
	margin-bottom: 5px;
}
#my-data-aggregation .option-value {
	text-align: left;
}
/*
#my-data-aggregation table thead {
	color:#fff;
    border:1px solid #e7eaec;
	background:#f2f2f2;
}
#my-data-aggregation #collapseOne2 table>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}

#my-data-aggregation #dataAggregationPreview table>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
*/
.carousel-control.left, 
.carousel-control.right {
    background-image:none;
}
#import {position:relative;}
.import-cont {
	position:absolute; left:50%; top:50%;
	-ms-transform:translateX(-50%) translatey(-50%);
	-webkit-transform:translateX(-50%) translatey(-50%);
	transform:translateX(-50%) translatey(-50%);
	width:100%;
	text-align:center;
}
.import-cont .img-area {
    margin-bottom:40px;
}
.import-cont p {
    font-size:18px;
}
/** Dashboard Edit Setting **/
.modal-open #dashboardItemEdit {
	z-index: 999;
}
/** Sentiment Trend Chart **/
ul.table-list>li>table>tbody>tr>td {
    font-size:12px;
    background:#f1f1f1;
}
ul.table-list>li>table>thead>tr.date {color:#fff; font-size:18px; background:#354458;}
ul.table-list>li>table>thead>tr.sort>th {font-size:11px; font-weight:400; padding:2px;}
ul.table-list>li>table>thead>tr.sort>th.positive {color:#fff; background:#3a9ad9;}
ul.table-list>li>table>thead>tr.sort>th.negation {color:#fff; background:#eb7260;}

/**SearchResult chart**/
.SearchResult_view {
     float:left;
     border:1px solid #ebebeb;
     text-align: justify;
 }
 /* tab-wrap */
            
ul.tabs {
    display:inline-block;
    width:100%;
    border-bottom:1px solid #e6e6e6;
    background:#f1f1f1;
}
ul.tabs li {
    position:relative;
    overflow:hidden;
    float: left;
    height:45px;
    line-height:42px;
    margin-bottom:-1px;
    /*border:1px solid #999;
    border-left:none;
    background:#354458;*/
}
ul.tabs li a {
    display:block;
    color:#999;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    padding:0 20px;
    outline:none;
}
ul.tabs li a:hover {
    color:#666;
}
ul.tabs li.active>a, 
ul.tabs li.active>a:hover {
    color:#29aba4;
    border-bottom:3px solid #29aba4;
}
.tab-container {
    width:100%;
    height:100%; 
    overflow:hidden;
    border-top:none;
    background:#fff;
}
.tab-content {
    position:relative;
    height:100%;
    font-size:14px;
}

/* tab-content */
.srList-head, .srList-body, .srList-foot {
    display:block;
    overflow:hidden;
}
.srList-head {
    top:0px; left:0; right:0;
}
.srList-foot {
    bottom:0px; left:0; right:0;
}
.srList-head, .srList-foot {padding:12px 15px;}/*thongdv*/
.srList-head .head-left, .srList-foot .foot-left {float:left;}
.srList-head .head-right, .srList-foot .foot-right {float:right;}
/* tab-content : srList-head */
.srList-head .head-left h3.title {
    float:left;
    font-size:15px;
    margin: 0;
}
.srList-head .head-left span.totalNum {
    float:left;
    color:#666;
    font-size:13px;
    margin-left:6px;
}
.srList-head .head-right {font-size:12px;}
.srList-head .head-right .view-sort {
    float:left;
}
.srList-head .head-right .view-sort label {margin-right:6px;}
.srList-head .head-right .view-sort input[type=radio] {
    position:relative;
    top:2px;
}
.srList-head .head-right .view-control {
    float:left;
    margin-left:10px; 
}
.srList-head .head-right .view-control .select-menu {
    position:relative;
    top:-2px;
    padding:2px;
    border-color:#ebebeb;
}
/* tab-content : srList-foot */
.srList-foot {
	display:inline-block;
	width:100%;
	line-height: 10px;
}
.srList-foot .foot-left {
    color:#666;
    line-height:28px;
}
.srList-foot .foot-right ul.pagination>li {
    float:left;
}
.srList-foot .foot-right ul.pagination>li>a {
    float:left;
    font-size:12px;
    padding:5px 10px;
    margin-left:-1px;
    border:1px solid #ebebeb;
    background:#fff;
}
.srList-foot .foot-right ul.pagination>li>a:hover {
    color:#333;
    border:1px solid #ddd;
    background:#fafafa;  
}
.srList-foot .foot-right ul.pagination>li.active>a,
.srList-foot .foot-right ul.pagination>li.active>a:hover{
    color:#fff;
    border:1px solid #2d9690;
    background:#29aba4;
}

/* tab-content : srList-body */
ul.srList-body {
    height:500px;
    overflow-y:auto;
    border-top:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
}
ul.srList-body li.list-item {
    position:relative;
    padding:15px;
    border-bottom:1px solid #f5f5f5;
}
ul.srList-body li.list-item:last-child {
    border-bottom:none;
}
ul.srList-body li.list-item:hover {
    background:#f9f9f9;
}
li.list-item .img-area, 
li.list-item .txt-area {
    display:table-cell; 
    vertical-align:top;
    font-size:12px;
    overflow : hidden;
}
li.list-item .img-area {
    overflow:hidden;
    width:110px;
    max-height:85px;
    padding-right:10px;
}
li.list-item .txt-area .txt-tit span.icon-twitter {
    position:relative; top:2px;
    display:inline-block;
    width:16px; height:16px; 
    background:url(../images/icon-twitter.png) 0 0 no-repeat;
    
}
li.list-item .txt-area .txt-tit a span.title,
li.list-item .txt-area .txt-tit a span.user_name {
    color:#000!important;
    font-size:14px;
    font-weight:700;
}
li.list-item .txt-area .txt-tit a span.user_id {
    color:#006699;
    font-size:13px;
}
li.list-item .txt-area .txt-tit a:hover {
    text-decoration:underline;
}
li.list-item .txt-area .txt-con {
    color:#777;
    margin:5px 0;
    overflow : hidden;
    text-overflow: ellipsis;
/*     display: -webkit-box;  disable for fix content's length of the list chart*/
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

}
li.list-item .txt-area .txt-con a:hover {
    text-decoration:underline;
}
li.list-item .txt-area .txt-info {
    color:#999;
    display:inline-block;
}
li.list-item .txt-area .txt-info a {
    color:#999;
}
 li.list-item .txt-area .txt-info a:hover {
    text-decoration:underline;
}
li.list-item .txt-area .txt-info>span {
    float:left; 
}
li.list-item .txt-area .txt-info .date {}
li.list-item .txt-area .txt-info .name {}
li.list-item .txt-area .txt-info .date {}
li.list-item .txt-area .txt-info .bar {
    display:inline-block;
    overflow:hidden;
    width:0px;
    height:10px;
    margin:4px 8px 1px 8px;
    border-left:1px solid #eaeaea;
    vertical-align:middle;
}          


/*---The end SearchResult chart*/



#dataViewForEdit .view-body-left {
	height: 100%;
    overflow-y: hidden;
}

.view-data-body {
	position: relative;
    overflow: hidden;
    width: 100%;
}

/* #dataViewForEdit .view-body-right { */
/* 	position:absolute; top:180px; right:22px;   */
/*     width:460px; */
/*     padding:0px; */
/*     border-left:1px solid #e4e4e4; */
/*     background:#fafafa; */
/* } */
#dataViewForEdit .view-body-left {
    margin-right:0px;
    height:100%;
}
/** End of my data column option **/



/* --------------------------------
Full modal content (my data)
-------------------------------- */

.screenFull-Modal .modal-dialog {
    position:relative;
    overflow:auto;
    width:auto;
    height:100%;
    margin:0;
    background:#fff;
}
.full-modal-content {
    height:100%;
    padding-top:75px;
}

.full-modal-content .modal-header {
    position:absolute; top:0; left:0; right:0;
    display:inline-block;
    height:75px;
    padding:0 250px;
    border-bottom:1px solid #e4e4e4;
    background:#fbfcfc;
    z-index:555;
}
#edit-data-popup .modal-header .btn-group {
    position:absolute; top:15px; left:15px;
}
#edit-data-popup .modal-header .btn-group .btn {
    padding:0px;
}
.full-modal-content .modal-header .modal-title {
    float:left;
    width:100%;
    font-size:16px;
    text-align:center;
    line-height:40px;
    margin-top:15px;
}
.full-modal-content .modal-header .close {
    position:absolute; top:17px; right:15px;
    display:inline-block;
    width:40px; 
    height:40px;
    background:url(../images/icon-close.png) 0 0 no-repeat;
    opacity:1;
}
.full-modal-content .modal-header .close:hover {
    background-position:-40px 0;
}
.full-modal-content .modal-body {
    width:100%; 
    height:100%;
    padding:0; 
    overflow:auto; 
}
.icon-area-40 {
    display:inline-block;
    width:40px;
    height:40px;
    vertical-align:top;
    background:url(../images/icon-data-full-Popup-menu.png) 0 0 no-repeat;
}
.transpose-row .icon-area-40 {background-position:-40px 0;}
.transpose-column .icon-area-40 {background-position:0px 0;}
.refresh .icon-area-40 {background-position:-80px 0;}
.size-small .icon-area-40 {background-position:-120px 0;}
.size-big.icon-area-40 {background-position:-160px 0;}
.save-big .icon-area-40 {background-position:-200px 0;}


/* --------------------------------
기타 등등
-------------------------------- */

/** height:1150px 잡히는거 강제로 작아줌 **/
#myModal .modal-backdrop {height:100%!important;}

/* 감성 차트 ???? */

.emotional-tit-area {
                
}
.positive-tit,
.negative-tit {
    display:inline-block;
    color:#fff;
    font-size:12px;
    padding:4px 10px 5px 30px;
    border-radius:4px;
    margin-bottom:3px;
}
.positive-tit {
    background:#3a9ad9 url(../images/icon-positive.png) 8px 4px no-repeat;
}
.negative-tit {
    background:#eb7260 url(../images/icon-negative.png) 8px 4px no-repeat;   
}
.emotional-txt-area {
    color:#999;
    font-size:12px;
    padding:6px 10px;
    margin-top:5px;
    background:#eee;
}
.positive-txt {
    color:#3a9ad9;
}
.negative-txt {
    color:#eb7260;   
}

/* popup-notice */

#popup-notice .modal-dialog {
    margin:80px auto 0;
}
#popup-notice .modal-header {
    border-bottom:none;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    background:url(../images/notice-bg.png) 0 0 repeat;
}
#popup-notice .modal-body {
    padding:180px 0 30px 0;
    background:url(../images/notice-mail.png) center 20px no-repeat, url(../images/notice-bg.png) 0 0 repeat;
}
.notice-txt {
    color:#555;
    text-align:center;
    font-size:15px;
    font-weight:600; 
    line-height:25px;
}
.mail-link {
    color:#388dcd!important;
    font-size:16px;
    font-weight:700;
}
.mail-link:hover {
    text-decoration:underline;
}


.ranking-chart {
    width:100%;
    height: 100%;
    overflow-y: auto; 
}

table.ranking-table {
    border-spacing:1px;
    border-collapse: inherit;
    border: 1px solid #ebebeb;
    margin : auto;
    padding: 5px;
    width: 100%;
}
table.ranking-table>thead>tr>th,
table.ranking-table>tbody>tr>td {
    text-align:center;
    padding:5px;
}
table.ranking-table>tbody>tr>td {
    position:relative;
    color: #000;
}
table.ranking-table>tbody>tr>td.ranking {
    background:#ccc;
}
table.ranking-table>tbody>tr:nth-child(1)>td.ranking,
table.ranking-table>tbody>tr:nth-child(2)>td.ranking,
table.ranking-table>tbody>tr:nth-child(3)>td.ranking {
    background:#29aba4;
}
table.ranking-table>thead>tr.tit-head {
    color:#fff; 
    font-size:18px; 
    background:#354458;
}
table.ranking-table>tbody>tr>td {
    font-size:12px;
    background:#f1f1f1;
}
table.ranking-table>tbody>tr>td.ranking {
}
table.ranking-table>tbody>tr>td.txt {
    overflow:hidden;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.form-group-keyword {
	border: 1px solid #ccc;
    padding: 5px;
}
.form-group-keyword button.btn-white {
	width: 150px;
}
.form-group-keyword .disabled-color {
	background: #eeeeee;
}
.option-box {
    margin:0 -20px -20px -20px;
    padding:10px;
    border-top:1px solid #e5e5e5;
    background:#fafafa;
}
.option-box>div {
    padding:10px;
    background:#fcfcfc;
}
.option-box>div>div {
    height:382px;
    border:1px solid #e5e5e5;
    border-radius:4px; 
    background:#fff;
}
.option-box .head {
    font-size:15px;
    font-weight:700;
    text-align:center;
    padding:8px;
    border-bottom:1px solid #e5e5e5;
    border-top-left-radius:4px; 
    border-top-right-radius:4px; 
    background:#eeeeee;
}

.option-box .body {padding:5px;}
.option-box .body li a {
    cursor:pointer;
    color:#676a6c;
    font-size:12px;
    display:inline-block;
    width:100%;
    padding:7px 14px;
    margin-bottom:5px;
    border:1px solid #e7eaec;
    border-radius:4px;
    background:#f5f5f5;
}
.option-box .body li.active a,
.option-box .body li.active a:hover {
    color:#fff;
    border:1px solid #5ba004;
    background:#65b204;
}
.option-box .s_text {
    font-size:12px;
    opacity:.8;
}
.option-box .keyword1 {}
.option-box .keyword2 {}
.option-box .keyword3 {}
.option-box .keyword1.disabled {
	background:#eeeeee;
	pointer-events: none;
    cursor: not-allowed;
}
.option-box .keyword2.disabled {
	background:#eeeeee;
	pointer-events: none;
    cursor: not-allowed;
}
.option-box .keyword3.disabled {
	background:#eeeeee;
	pointer-events: none;
    cursor: not-allowed;
}
.option-box .no-box {
    width:100%;  
}
.option-box .no-box .icon-bg {
    display:block;
    width:32px; height:32px; 
    margin:10px auto;
    background:url(../images/icon_widgetOption.png) -96px 0 no-repeat;
    opacity:.6;
}

/* (mobile) 767px 이하  ------------------------------------------------ */

@media (max-width: 767px) {

    .page-header h2 {
        margin:13px 0 0px 0px;
    }
    .page-header .breadcrumb {
        float:right;
        padding:0px;
        margin:22px 0 0 15px;
    }
    .list-wrap .list-body {
        margin:5px;
    }
    .list-wrap .list-head ul li {
        padding:5px;
    }
    .list-wrap .list-head-left {
        display:block;
        float:none;
        width:50%;
    }
    .list-wrap .list-head-left .navbar-form {
        
        margin:0px;
        
    }
    .list-wrap .list-head-left .search-input {
        display:inline-block;
        
    }
    .list-wrap .list-head-left .btn {vertical-align:top;}
    .chart-area {height:600px; border-top:1px solid #e2e2e2;}
    .tab-nav.type2>.nav>li>a {
    height:130px;
    }
	table.category-list tbody
	table.category-list tr
	table.category-list td {
	    border:1px solid #ddd;  
	    display: block;
	    background:red;
	}
	table.category-list,
	table.category-list thead,
	table.category-list tbody,
	table.category-list tr,
	table.category-list th,
	table.category-list td {
		display: block;
	}
	dl.myBox-group-item ul li {
		float:left;
		width:50%!important;
		padding:0!important;
	}
}


/* 768px 이상 --------------------------------------------------------- */

@media (min-width: 768px) {

    .data-selector, .drop-areas {
        border-right:1px solid #e2e2e2;
        background:#fafafa;
    }
    .modal-password-success .modal-w450 {
        width:600px;
    }
    .modal-password-success .modal-header {
        border-bottom:none;
    }
    .modal-password-success .modal-body {
        font-size:14px;
        text-align:center;
        padding:20px 10px 40px;
    }
    .modal-password-success .modal-footer {
        border-bottom-left-radius:4px;
        border-bottom-right-radius:4px;
        background:#fcfcfc;
    } 
    .modal-password-success .modal-footer .btn {
        
    }
    
    .txt1 {
        color:#555;
        margin:20px 0 10px;
    }
    .txt2 {
        color:#979797;
    }

}

/* 991px 이하 (밑으로 떨어짐) */

@media (max-width: 991px) {  

    .chart-area {
        border-top:1px solid #e2e2e2;
    }
    .drop-areas {
        border-right:none;
    }
    
    
}

    
/* 992px 이상  -------------------------------------------------------- */

@media (min-width: 992px) {  
    .data-selector, .drop-areas {
    border-right:1px solid #e2e2e2;
    background:#fafafa;
    }  
       
}

    
/* 1200px 이상  ------------------------------------------------------- */

@media (min-width: 1200px) {


}


 
/* 1536px 이상 */

@media (min-width: 1580px) {
	
    .col-xlg-2 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .col-xlg-2 {
        float: left;
    }
    .col-xlg-2 {
        width: 20%;
    }


}
/*  대시보드 생성 - 탭 아이템 

.hd-api-search-item {
	width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    background: linear-gradient(to bottom, #fefefe, #efefef);
    text-align: left;
}
ul.header-list div.hd-api-search-item {
	border: none;
} 
*/


/* 2017.01.23 데이터 수집 */

table.collection-table thead tr th,
table.collection-table tbody tr td {
    text-align:center; 
}
table.collection-table tbody tr td.title,
table.collection-table tbody tr td.url {
    text-align:left; 
}
table.collection-table td.step span,
ol.collectionStep-list li dl dt span.step {
    display:inline-block;
    color:#fff;
    font-size:11px;
    font-weight:400;
    padding:2px 4px;
    border-radius:4px;
}

table.collection-table td.step span.step-one,
ol.collectionStep-list li dl dt span.step-one {
    background:#354459;
}
table.collection-table td.step span.step-two,
ol.collectionStep-list li dl dt span.step-two {
    background:#388dcd;
}
table.collection-table td.step span.step-three,
ol.collectionStep-list li dl dt span.step-three {
    background:#65b204;
}
table.collection-table td.step span.step-four,
ol.collectionStep-list li dl dt span.step-four {
    background:#de4e4e;
}


div.collection-type {
    height:500px;
}
ul.dataCollectionType-list li a .icon-area-44 {
    background:url(../images/icon_addDataCollection.png) 0 0 no-repeat;
}

/* type-dataRequest */

div.type-dataRequest {
    height:500px;
    border-top:1px solid #d6d6d6;
}
div.type-dataRequest div.row {
    height:100%;
}
div.type-dataRequest div.row>div:first-child {
    border-right:1px solid #d6d6d6;
    background:#fafafa;
}

/* collection form */

form.collection-form {
    padding:20px 0 5px;
}
form.collection-form label.control-label {
    font-size:13px;
}
div.collectionForm-wrap div.modal-footer {
    padding:15px 0px!important;
} 
/* coll
ection step list*/

div.collectionStepList-wrap {
    height:100%;
    padding:0px;
    background:#efefef;
}
div.collectionStepList-wrap h4 {
    color:#555;
    margin:0px;
    padding:10px 25px;
    border-bottom:1px solid #dfdfdf;
    background:#e6e6e6;
}
ol.collectionStep-list {
    padding:0 25px;
}
ol.collectionStep-list li {
    padding-right:60px;
    margin:20px 0 ;
    /*border:1px solid red;*/
}
ol.collectionStep-list li:nth-child(1) {
    background:url(../images/icon_collectionStep1.png) right center no-repeat;  
}
ol.collectionStep-list li:nth-child(2) {
    background:url(../images/icon_collectionStep2.png) right center no-repeat; 
}
ol.collectionStep-list li:nth-child(3) {
    background:url(../images/icon_collectionStep3.png) right center no-repeat;  
}
ol.collectionStep-list li:nth-child(4) {
    background:url(../images/icon_collectionStep4.png) right center no-repeat; 
}
ol.collectionStep-list li dl dt {
    color:#555;
    font-size:14px;
    font-weight:600;   
}
ol.collectionStep-list li dl dt span.num {
    position:relative; top:-2px;
    display:inline-block;
    width:18px; height:18px;
    color:#fff;
    font-size:11px;
    padding:2px 6px;
    margin-right:4px;
    border-radius:50%; 
    background:#555;
}
ol.collectionStep-list li dl dt span.step {
    position:relative; top:-2px;
    display:none;
    margin-left:3px;
}
ol.collectionStep-list li dl dd {
    color:#999;
    font-size:12px;
    margin-top:5px;
}

/* user request */

.userRequest-table {
    width:100%;
}
.userRequest-table tbody tr th,
.userRequest-table tbody tr td {
    border-right:1px solid #e2e2e2;
}
.userRequest-table tbody tr th {
    color:#c3c3c3;
    font-size:12px;
    padding:15px 15px 1px;
}
.userRequest-table tbody tr td {
    padding:1px 15px 15px;
    border-bottom:1px solid #e2e2e2;
}
.userRequest-table tbody tr:last-child td {
    border-bottom:none;
}
.userRequest-table tbody tr td.scr-y {
    padding:0px;
}
.userRequest-table tbody tr td.scr-y>div {
    padding:2px 15px 10px;
    max-height:66px;
    overflow-y:auto;
}

/* 170322 collectionTemplate */

.template-modal .modal-body .tab-content {
    height:430px;
    overflow-y:auto;
    background:#fafafa;
}
.collectionTemplate h5,
.collectionTemplate p {
    margin-left:8px;
}
ul.category-list,
ul.site-list {
    display:inline-block;
    width:100%;
    margin-top:10px;
}
ul.category-list li,
ul.site-list li {
    float:left;
    width:33.3333%;
    text-align:center;
    padding:7px;
}
ul.category-list>li>a,
ul.site-list>li>a {
	position:relative;
    display:block;
    border:1px solid #e2e2e2;
    padding:25px 0;
    background:#fff;
}
ul.category-list li a,
ul.site-list li a,
ul.category-list li a .icon svg,
.siteLogo-area {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul.category-list li a:hover,
ul.site-list li a:hover {
    border-color:#388dcd;
}
ul.category-list li a .txt {
    color:#999;
    margin-top:5px;
}
ul.category-list li a:hover .txt {
    color:#777;
}
ul.category-list li a .icon svg {
    fill:#afafaf;
    width:48px;
    height:48px;
}
ul.category-list li a:hover .icon svg {
    fill:#388dcd;
}
ul.site-list li a:hover .siteLogo-area {
    opacity:1;
}
ul.category-list li a span {
    display:block;
    font-size:13px;
}
ul.site-list>li>a>.floating,
ul.category-list>li>a>.floating {
	display:none;
	position:absolute; top:0px; bottom:0px; left:0px; right:0px;
	z-index:999;
	color:#fff;
	font-size:15px;
	font-weight:600;
	padding:34px 0;
	background:rgba(0, 0, 0, 0.8);
}
ul.site-list>li.disabled>a>.floating,
ul.category-list>li.disabled>a>.floating  {
	display:block;
}
.siteLogo-area {
    display:inline-block;
    width:195px;
    height:37px;  
    font-size:0;
    opacity:0.6;
    background-image:url(../images/template_link_logo.png);
}
.siteLogo-area.facebook {
    background-position:0px 0px; 
}
.siteLogo-area.twitter {
    background-position:-195px 0px; 
}
.siteLogo-area.youtube {
    background-position:-390px 0px; 
}
.siteLogo-area.kbs {
    background-position:0px -37px; 
}
.siteLogo-area.news1 {
    background-position:-195px -37px; 
}
.siteLogo-area.chosun {
    background-position:-390px -37px; 
}
.siteLogo-area.yonhap {
    background-position:0px -74px; 
}
.siteLogo-area.ddanzi {
    background-position:-195px -74px; 
}
.siteLogo-area.natePann {
    background-position:-390px -74px; 
}
.siteLogo-area.ppomppu {
    background-position:0px -111px; 
}
.siteLogo-area.naverCafe {
    background-position:-195px -111px; 
}
.siteLogo-area.one11st {
    background-position:-390px -111px; 
}
.siteLogo-area.auction {
    background-position:0px -148px; 
}
.siteLogo-area.naverBlog {
    background-position:-195px -148px; 
}
.siteLogo-area.naverKin {
    background-position:-390px -148px; 
}
/*2017.04.05 JiYoung Kim*/
.disabled {
    pointer-events:none; 
    opacity:0.6;        
}
/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popuptext {
    visibility: hidden;
    width: 250px;
    background-color: #eaeaea;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 10px 10px;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 40%;
    margin-left: -80px;
}

/* Popup arrow */
.popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
#download-pdf-file-widget,
#download-png-file-widget,
#download-pdf-file-dashboard,
#download-png-file-dashboard {
  cursor: pointer;
}
/* Toggle this class when clicking on the popup container (hide and show the popup) */
.search-area .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}​

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}