/**
------------------------------------------------------------
 * @프로그램명 :smartview common 스타일시트
 * @파일명 :smartview_common.min.css
 * @작성일 :2019. 02. 21.
 * @작성자 :엄윤섭
------------------------------------------------------------
*/

/* @font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:100;
  src:url(/static/font/NotoSansKR/NotoSansKR-Thin.woff) format('woff')
}
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:300;
  src:url(/static/font/NotoSansKR/NotoSansKR-Light.woff) format('woff')
}
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:400;
   src:url(/static/font/NotoSansKR/NotoSansKR-Regular.woff) format('woff')
}
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:500;
   src:url(/static/font/NotoSansKR/NotoSansKR-Medium.woff) format('woff')
}
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:700;
   src:url(/static/font/NotoSansKR/NotoSansKR-Bold.woff) format('woff')
}
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:900;
   src:url(/static/font/NotoSansKR/NotoSansKR-Black.woff) format('woff')
} */
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:100;
  src:url(/static/font/NotoSansKR/NotoSansKR-Thin.woff) format('woff')
}
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:300;
  src:url(/static/font/NotoSansKR/NotoSansKR-Light.woff) format('woff')
}
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:400;
   src:url(/static/font/NotoSansKR/NotoSansKR-Regular.woff) format('woff')
}
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:500;
   src:url(/static/font/NotoSansKR/NotoSansKR-Medium.woff) format('woff')
}
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:700;
   src:url(/static/font/NotoSansKR/NotoSansKR-Bold.woff) format('woff')
}
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:900;
   src:url(/static/font/NotoSansKR/NotoSansKR-Black.woff) format('woff')
}
html, body {height:100%; font-size:16px;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight:500; line-height:1.1; color:inherit;}
body {font-family:'Lato','Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif; letter-spacing:0; color:#333333; 
	font-size:12px; font-weight:400; line-height:1.6; background:#292c33; overflow-y:auto;}
.full-width {width:100%;}
.full-height {height:100%;}

:focus {outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}

.daterangepicker .ranges li {color:#354f63;}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {background:#536A7F; border:1px solid #536A7F; color:#fff;}
.daterangepicker .input-mini {background-color:#eee; border:1px solid #ccc; box-shadow:none !important;}
.daterangepicker .input-mini.active {border:1px solid #ccc;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect,.daterangepicker select.hourselect, .daterangepicker select.minuteselect,
.daterangepicker select.secondselect, .daterangepicker select.ampmselect{
	font-size:12px; padding:1px; height:auto; margin:0; cursor:default; height:25px; border:1px solid #ADB2B5; line-height:30px; border-radius:0 !important;}
.daterangepicker select.monthselect {margin-right:2%;}
.daterangepicker td.in-range {background:#E4E7EA; color:#354f63;}
.daterangepicker td.active, .daterangepicker td.active:hover {background-color:#536A7F; color:#fff;}
.daterangepicker th.available:hover {background:#eee; color:#34495E;}
.daterangepicker:before, .daterangepicker:after {content:none;}
.daterangepicker .calendar.single {margin:0 0 4px;}
.daterangepicker .calendar.single .calendar-table {width:224px; padding:0 0 4px !important;}
.daterangepicker .calendar.single .calendar-table thead tr:first-child th {padding:8px 5px;}
.daterangepicker .calendar.single .calendar-table thead th {border-radius:0;}
.daterangepicker.default {color:#fff; background:#34495E;}
.daterangepicker.default .calendar-table {background:#34495E;}
.daterangepicker.default .calendar-table thead tr {background:#213345;}
.daterangepicker.default .calendar-table thead tr:first-child {background:#1ABB9C;}
.daterangepicker.default .calendar-table td.off {background:#34495E; color:#999;}
.daterangepicker.default .calendar-table td.available:hover {color:#34495E;}
.daterangepicker.picker_1 {color:#fff; background:#34495E;}
.daterangepicker.picker_1 .calendar-table {background:#34495E;}
.daterangepicker.picker_1 .calendar-table thead tr {background:#213345;}
.daterangepicker.picker_1 .calendar-table thead tr:first-child {background:#1ABB9C;}
.daterangepicker.picker_1 .calendar-table td.off {background:#34495E; color:#999;}
.daterangepicker.picker_1 .calendar-table td.available:hover {color:#34495E;}
.daterangepicker.picker_2 .calendar-table thead tr {color:#1ABB9C;}
.daterangepicker.picker_2 .calendar-table thead tr:first-child {color:#354f63;}
.daterangepicker.picker_3 .calendar-table thead tr:first-child {color:#fff; background:#1ABB9C;}
.daterangepicker.picker_4 .calendar-table thead tr:first-child {color:#fff; background:#34495E;}
.daterangepicker.picker_4 .calendar-table td, .daterangepicker.picker_4 .calendar-table td.off {background:#ECF0F1; border:1px solid #fff; border-radius:0;}
.daterangepicker.picker_4 .calendar-table td.active {background:#34495E;}

.calendar-exibit .show-calendar {float:none; display:block; position:relative; background-color:#fff; border:1px solid #ccc; margin-bottom:20px; 
	border:1px solid rgba(0, 0, 0, 0.15); overflow:hidden;}
.calendar-exibit .show-calendar .calendar {margin:0 0 4px;}
.calendar-exibit .show-calendar.picker_1 {background:#34495E;}
.calendar-exibit .calendar-table {padding:0 0 4px;}


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

@media ( max-width :1200px) {
	.x_title h2 {width:62%; font-size:17px;}
	.tile, .graph {zoom:85%; height:inherit;}
}

@media ( max-width :1270px) and (min-width:192px) {
	.x_title h2 small {display:none;}
}

.blue {color:#3498DB;}
.purple {color:#9B59B6;}
.green {color:#1ABB9C;}
.aero {color:#9CC2CB;}
.red {color:#E74C3C;}
.dark {color:#34495E;}

.border-blue {border-color:#3498DB !important;}
.border-purple {border-color:#9B59B6 !important;}
.border-green {border-color:#1ABB9C !important;}
.border-aero {border-color:#9CC2CB !important;}
.border-red {border-color:#E74C3C !important;}
.border-dark {border-color:#34495E !important;}

.bg-white {background:#fff !important; border:1px solid #fff !important; color:#354f63;}
.bg-green {background:#1ABB9C !important; border:1px solid #1ABB9C !important; color:#fff;}
.bg-red {background:#E74C3C !important; border:1px solid #E74C3C !important; color:#fff;}
.bg-blue {background:#3498DB !important; border:1px solid #3498DB !important; color:#fff;}
.bg-orange {background:#F39C12 !important; border:1px solid #F39C12 !important; color:#fff;}
.bg-purple {background:#9B59B6 !important; border:1px solid #9B59B6 !important; color:#fff;}
.bg-blue-sky {background:#50C1CF !important; border:1px solid #50C1CF !important; color:#fff;}

.no-padding {padding:0 !important;}

.fixed_height_320 {height:320px;}
.fixed_height_390 {height:390px;}
.fixed_height_200 {height:200px;}

.overflow_hidden {overflow:hidden;}

.progress-bar-dark {background-color:#34495E !important;}
.progress-bar-gray {background-color:#BDC3C7 !important;}
table.no-margin .progress {margin-bottom:0;}

.line_30 {line-height:30px;}

*, :before, :after {box-sizing:border-box;}

h1, .h1, h2, .h2, h3, .h3 {margin-top:10px; margin-bottom:10px;}

a {color:#3b3f42; text-decoration:none;}
a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline:0; }
a:hover, a:focus {text-decoration:none;}

.w_20 {width:20%;}
.w_25 {width:25%;}
.w_55 {width:55%;}

.font-icons i {margin-right:5px; font-size:10px;}

/**/

.container {width:100%; padding:0;}

.page-title {width:100%; height:65px; padding:10px 0;}
.page-title .title_left {width:45%; float:left; display:block;}
.page-title .title_left h3 {margin:9px 0;}
.page-title .title_right {width:55%; float:left; display:block;}
.page-title .title_right .pull-right {margin:10px 0;}

.col-md-55 {width:50%; margin-bottom:10px;}


@media ( max-width :767px) {
	.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1 {width: 100%}
	.advertising>span {font-size:3px;}
}

@media ( min-width :480px) {
	.advertising>span {font-size:3px;}
}

@media ( min-width :768px) {
	.col-md-55 {width:20%;}
	
	.advertising>span {font-size:40px;}
	
	.tile_count .tile_stats_count .count {font-size:40px;}
	.tile_count .tile_stats_count span {font-size:13px;}
	
	.bs-glyphicons {margin-right:0; margin-left:0;}
	.bs-glyphicons li {width:12.5%; font-size:12px;}
	
	.cropper .img-container {min-height:516px;}
	
	.advertising>span {font-size:8px;}
}

@media ( min-width :992px) {
	.col-md-55 {width:20%;}
	.advertising>span {font-size:50px;}
	
	/*footer {margin-left:230px;}*/
	
	.tile_count .tile_stats_count {margin-bottom:10px; border-bottom:0; padding-bottom:10px;}
	.tile_count .tile_stats_count:first-child:before {border-left:0;}
	
	.advertising>span {font-size:11px;}
}

@media ( min-width :1200px) {
	.col-md-55 {width:20%;}
	.advertising>span {font-size:60px; font-size:16px;}
}

@media ( min-width :192px) and (max-width:1270px) {
	table.tile_info span.right {margin-right:7px; float:left;}
	.advertising>span {font-size:3px;}
}

@media ( min-width :992px) and (max-width:1100px) {
	.tile_count .tile_stats_count .count {font-size:30px;}
	.advertising>span {font-size:11px;}
}

.center-margin {margin:0 auto; float:none !important;}

.fdc_theme_select {position:absolute; left:80px; top:18px; display:inline-block; height:25px; z-index:10;}
.fdc_theme_select h3 {display:inline-block; color:#333; font-size:13px; margin-right:10px;}
.fdc_theme_select button.theme_select_btn {border:1px solid #fff; width:25px; height:25px; padding:0; background:#fff url("/static/images/icon/icon_theme_white.png") no-repeat center center;
											box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; border-radius:4px;
											-webkit-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s;}
.fdc_theme_select button.theme_select_btn:hover {border:1px solid #00b0f0;}
.fdc_theme_select button.theme_select_btn.theme_dark_btn {border:1px solid #141517; background:#141517 url("/static/images/icon/icon_theme_dark.png") no-repeat center center;}
.fdc_theme_select button.theme_select_btn.theme_dark_btn:hover {border:1px solid #00b0f0;}
.fdc_theme_select button.theme_select_btn.active{border:1px solid #1abb9c;}

.panel_toolbox {float:right; min-width:25px;}
.panel_toolbox>li {float:left; cursor:pointer;}
.panel_toolbox>li>a {padding:5px; color:#C5C7CB; font-size:12px;}


.bs-docs-sidebar .nav>li>a {display:block; padding:4px 6px;}

.tile-stats.sparkline {padding:10px; text-align:center;}

.jqstooltip {background:#34495E !important; width:30px !important; height:22px !important; text-decoration:none;}
.tooltip {display:block !important;}

.tiles {border-top:1px solid #ccc; margin-top:15px; padding-top:5px; margin-bottom:0;}

.tile {overflow:hidden;}
.top_tiles {margin-bottom:0;}
.top_tiles .tile h2 {font-size:30px; line-height:30px; margin:3px 0 7px; font-weight:700;}

article.media {width:100%;}

#integration-list {width:100%; margin:0 auto; display:table;}
#integration-list ul {padding:0; margin:20px 0; color:#555;}
#integration-list ul>li {list-style:none; border-top:1px solid #ddd; display:block; padding:15px; overflow:hidden;}
#integration-list ul:last-child {border-bottom:1px solid #ddd;}
#integration-list ul>li:hover {background:#efefef;}

/*.expand {display:block; text-decoration:none; color:#555; cursor:pointer;}*/
/*.expand h2 {width:85%; float:left;}*/
/*h2 {font-size:15px; font-weight:400;}*/

#left, #right {display:table;}

#sup {display:table-cell; vertical-align:middle; width:80%;}

.detail {margin:10px 0; display:none; line-height:22px; height:150px;}
.detail a {text-decoration:none; color:#C0392B; border:1px solid #C0392B; padding:6px 10px 5px; font-size:13px; margin-right:7px;}
.detail span {margin:0;}

.right-arrow {width:10px; float:right; font-weight:700; font-size:20px;}

.accordion .panel {margin-bottom:5px; border-radius:0; border-bottom:1px solid #efefef;}
.accordion .panel-heading {background:#F2F5F7; padding:13px; width:100%; display:block;}
.accordion .panel:hover {background:#F2F5F7;}


/* ********** bootstrap ********** */
.col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3,
.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6,
.col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9,
.col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
	{position:relative; min-height:1px; float:left; padding-right:5px; padding-left:5px;}

.row {margin-right:-10px; margin-left:-10px;}

.grid_slider .col-md-6 {padding:0 40px;}

.x_panel {position:relative; width:100%; margin-bottom:10px; padding:10px 17px; display:inline-block; background:#fff; border:1px solid #e1e1e1; border-radius:5px;
	-webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -ms-column-break-inside:avoid; opacity:1; transition:all .2s ease;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.07);}
.x_panel:hover {box-shadow: 0 8px 15px rgba(0, 0, 0, 0.12);}
.x_box {margin-bottom:10px; padding:0 15px !important; display:inline-block; background:#fff; border:1px solid #e1e1e1; border-radius:5px;
	-webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -ms-column-break-inside:avoid; opacity:1; transition:all .2s ease;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.07);}
.x_title {border-bottom:2px solid #d9d9d9; padding:1px 5px 6px; margin-bottom:10px;}
.x_title .filter {width:40%; float:right;}
.x_title h2 {margin:9px 0 6px; float:left; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:700; font-size:14px; color: #4b5f71;}
.x_title h2 small {margin-left:10px; font-size:66%;}
.x_title span {color:#BDBDBD;}

.x_content {padding:0 5px 6px; position:relative; width:100%; float:left; clear:both; margin-bottom:5px; height:calc(100% - 50px);}
.x_content.echarts.bar, .x_content.echarts.line, .x_content.echarts.gauge, .x_content.echarts.scatter, .x_content.echarts.funnel, .x_content.echarts.heatmap {height:calc(100% - 45px);}
.x_content h4 {font-size:16px; font-weight:500;}

legend {padding-bottom:7px;}

.demo-placeholder {height:280px;}

.profile_details:nth-child(3n) {clear:both;}
.profile_details .profile_view {display:inline-block; padding:10px 0 0; background:#fff;}
.profile_details .profile_view .divider {border-top:1px solid #e5e5e5; padding-top:5px; margin-top:5px;}
.profile_details .profile_view .ratings {margin-bottom:0;}
.profile_details .profile_view .bottom {background:#F2F5F7; padding:9px 0; border-top:1px solid #E6E9ED;}
.profile_details .profile_view .left {margin-top:20px;}
.profile_details .profile_view .left p {margin-bottom:3px;}
.profile_details .profile_view .right {margin-top:0; padding:10px;}
.profile_details .profile_view .img-circle {border:1px solid #E6E9ED; padding:2px;}
.profile_details .profile_view h2 {margin:5px 0;}
.profile_details .profile_view .ratings {text-align:left; font-size:16px;}
.profile_details .profile_view .brief {margin:0; font-weight:300;}
.profile_details .profile_left {background:#fff;}

.pagination.pagination-split li {display:inline-block; margin-right:3px;}
.pagination.pagination-split li a {border-radius:4px; color:#768399; -moz-border-radius:4px; -webkit-border-radius:4px;}

table.tile h3, table.tile h4, table.tile span {font-weight:700; vertical-align:middle !important;}
table.tile th, table.tile td {text-align:center;}
table.tile th {border-bottom:1px solid #E6ECEE;}
table.tile td {padding:5px 0;}
table.tile td ul {text-align:left; padding-left:0;}
table.tile td ul li {list-style:none; width:100%;}
table.tile td ul li a {width:100%;}
table.tile td ul li a big {right:0; float:right; margin-right:13px;}
table.tile_info {width:100%;}
table.tile_info td {text-align:left; padding:1px; font-size:15px;}
table.tile_info td p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; line-height:28px;}
table.tile_info td i {margin-right:8px; font-size:17px; float:left; width:18px; line-height:28px;}
table.tile_info td:first-child {width:83%;}

.sidebar-widget {overflow:hidden;}
.error-number {font-size:90px; line-height:90px; margin:20px 0;}
.col-middle {margin-top:5%;}
.mid_center {width:370px; margin:0 auto; text-align:center; padding:10px 20px;}
h3.degrees {font-size:22px; font-weight:400; text-align:center;}
.degrees:after {content:"o"; position:relative; top:-12px; font-size:13px; font-weight:300;}
.daily-weather .day {font-size:12px; border-top:2px solid rgba(115, 135, 156, 0.36); text-align:center; border-bottom:2px solid rgba(115, 135, 156, 0.36); padding:5px 0;}
.bulk-actions {display:none;}

.weather-days .col-sm-2 {overflow:hidden; width:16.66666667%;}
.weather .row {margin-bottom:0;}

table.countries_list {width:100%;}
table.countries_list td {padding:0 10px; line-height:30px; border-top:1px solid #eee;}

.dataTables_paginate a {padding:6px 9px !important;background:#ddd !important; border-color:#fff !important;}

.paging_full_numbers a.paginate_active {background-color:rgba(38, 185, 154, 0.59) !important; border-color:rgba(38, 185, 154, 0.59) !important;}

button.DTTT_button, div.DTTT_button, a.DTTT_button {border:1px solid #E7E7E7 !important; background:#E7E7E7 !important; box-shadow:none !important;}

table.jambo_table {border:1px solid rgba(221, 221, 221, 0.78);}
table.jambo_table thead {background:rgba(52, 73, 94, 0.94); color:#ECF0F1;}
table.jambo_table tbody tr:hover td {background:rgba(38, 185, 154, 0.07); border-top:1px solid rgba(38, 185, 154, 0.11); border-bottom:1px solid rgba(38, 185, 154, 0.11);}
table.jambo_table tbody tr.selected {background:rgba(38, 185, 154, 0.16);}
table.jambo_table tbody tr.selected td {border-top:1px solid rgba(38, 185, 154, 0.4); border-bottom:1px solid rgba(38, 185, 154, 0.4);}

.dataTables_wrapper {position:relative; clear:both; zoom:1;}
.dataTables_processing {position:absolute; top:50%; left:50%; width:250px; height:30px; margin-left:-125px; margin-top:-15px; padding:14px 0 2px; border:1px solid #ddd;
	text-align:center; color:#999; font-size:12px; background-color:#fff;}
.dataTables_length {width:40%; float:left;}
.dataTables_filter {width:50%; float:right; text-align:right;}
.dataTables_info {width:60%; float:left;}
.dataTables_paginate {float:right; text-align:right;}
table.dataTable th.focus, table.dataTable td.focus {outline:2px solid #1ABB9C !important; outline-offset:-1px;}

table.display {margin:0 auto; clear:both; width:100%;}
table.display thead th {padding:8px 18px 8px 10px; border-bottom:1px solid #000; font-weight:700; cursor:pointer;}
table.display tfoot th {padding:3px 18px 3px 10px; border-top:1px solid #000; font-weight:700;}
table.display tr.heading2 td {border-bottom:1px solid #aaa;}
table.display td {padding:3px 10px;}
table.display td.center {text-align:center;}
table.display thead th:active, table.display thead td:active {/* outline:0; */}

.dataTables_scroll {clear:both;}
.dataTables_scrollBody {*margin-top:-1px; -webkit-overflow-scrolling:touch;}
.top .dataTables_info {float:none;}
.dataTables_empty {text-align:center;}

tfoot input {margin:.5em 0; width:100%; color:#444;}
tfoot input.search_init {color:#999;}

td.group {background-color:#d1cfd0; border-bottom:2px solid #A19B9E; border-top:2px solid #A19B9E;}
td.details {background-color:#d1cfd0; border:2px solid #A19B9E;}

.example_alt_pagination div.dataTables_info {width:40%;}

.paging_full_numbers {width:400px; height:22px; line-height:22px;}
.paging_full_numbers a:active {/* outline:0; */}
.paging_full_numbers a:hover {text-decoration:none;}
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {border:1px solid #aaa; -webkit-border-radius:5px; -moz-border-radius:5px; padding:2px 5px; margin:0 3px; cursor:pointer;}
.paging_full_numbers a.paginate_button {background-color:#ddd;}
.paging_full_numbers a.paginate_button:hover {background-color:#ccc; text-decoration:none !important;}
.paging_full_numbers a.paginate_active {background-color:#99B3FF;}

table.display tr.even.row_selected td {background-color:#B0BED9;}
table.display tr.odd.row_selected td {background-color:#9FAFD1;}

div.box {height:100px; padding:10px; overflow:auto; border:1px solid #8080FF; background-color:#E5E5FF;}

ul.msg_list li {background:#f7f7f7; padding:5px; display:-ms-flexbox; display:flex; margin:6px 6px 0; width:96% !important;}
ul.msg_list li:last-child {margin-bottom:6px; padding:10px;}
ul.msg_list li a {padding:3px 5px !important;}
ul.msg_list li a .image img {border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; float:left; margin-right:10px; width:11%;}
ul.msg_list li a .time {font-size:11px; font-style:italic; font-weight:700; position:absolute; right:35px;}
ul.msg_list li a .message {display:block !important; font-size:11px;}

.dropdown-menu.msg_list span {white-space:normal;}
/*
.dropdown-menu {border:medium none; box-shadow:none; display:none; float:left; font-size:12px; left:0; list-style:none outside none; padding:0;
	position:absolute; text-shadow:none; top:100%; z-index:9998; border:1px solid #d9d9d9; border-top-left-radius:0; border-top-right-radius:0;}
.dropdown-menu>li>a {color:#3b3f42;}
.navbar-nav .open .dropdown-menu {position:absolute; background:#fff; margin-top:0; border-right-color:#ccc; border-right-style:solid; border-bottom-color:#ccc;
	border-bottom-style:solid; border-left-color:#ccc; border-left-style:solid; border-image-source:initial; border-image-slice:initial; border-image-width:initial; 
	border-image-outset:initial; border-image-repeat:initial; -webkit-box-shadow:none; right:0; left:auto; width:220px; border-width:0 1px 1px;}
.navbar-nav .open .dropdown-menu.msg_list {width:300px;}
*/

.info-number .badge {font-size:10px; font-weight:400; line-height:13px; padding:2px 6px; position:absolute; right:2px; top:8px;}

ul.to_do {padding:0;}
ul.to_do li {background:#f3f3f3; border-radius:3px; position:relative; padding:7px; margin-bottom:5px; list-style:none;}
ul.to_do p {margin:0;}

.dashboard-widget {background:#f6f6f6; border-top:5px solid #79C3DF; border-radius:3px; padding:5px 10px 10px;}
.dashboard-widget .dashboard-widget-title {font-weight:400; border-bottom:1px solid #c1cdcd; margin:0 0 10px; padding-bottom:5px; padding-left:40px; line-height:30px;}
.dashboard-widget .dashboard-widget-title i {font-size:100%; margin-left:-35px; margin-right:10px; color:#33a1c9; padding:3px 6px; border:1px solid #abd9ea; border-radius:5px; background:#fff;}

ul.quick-list {width:45%; padding-left:0; display:inline-block;}
ul.quick-list li {padding-left:10px; list-style:none; margin:0; padding-bottom:6px; padding-top:4px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
ul.quick-list li i {padding-right:10px; color:#757679;}

.dashboard-widget-content {padding-top:9px;}
.dashboard-widget-content .sidebar-widget {width:50%; display:inline-block; vertical-align:top; background:#fff; border:1px solid #abd9ea; border-radius:5px;
	text-align:center; float:right; padding:2px; margin-top:10px;}

.widget_summary {width:100%; display:-ms-inline-flexbox; display:inline-flex;}
.widget_summary .w_left {float:left; text-align:left;}
.widget_summary .w_center {float:left;}
.widget_summary .w_right {float:left; text-align:right;}
.widget_summary .w_right span {font-size:20px;}

h5.graph_title {text-align:left; margin-left:10px;}
h5.graph_title i {margin-right:10px; font-size:17px;}

span.right {float:right; font-size:12px !important;}

.tile_info a {text-overflow:ellipsis;}

.sidebar-footer {bottom:0; clear:both; display:block; padding:5px 0 0; position:fixed; width:230px; background:#2A3F54; z-index:999;}
.sidebar-footer a {padding:7px 0 3px; text-align:center; width:25%; font-size:17px; display:block; float:left; background:#172D44; cursor:pointer;}
.sidebar-footer a:hover {background:#425567;}

.tile_count {margin-bottom:20px; margin-top:20px;}
.tile_count .tile_stats_count {border-bottom:1px solid #D9DEE4; padding:0 10px 10px 90px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative;}
.tile_count .tile_stats_count:before {content:""; position:absolute; left:0; height:65px; border-left:2px solid #ADB2B5; margin-top:10px;}
.tile_count .tile_stats_count .count {font-size:35px; line-height:47px; font-weight:600;}
.tile_count .tile_stats_count span {font-size:12px;}
.tile_count .tile_stats_count .count_bottom i {width:12px;}

.dashboard_graph {background:#fff; padding:10px 17px; border:1px solid #d9d9d9; border-radius:5px; margin-bottom:10px; position:relative; width:100%; display:inline-block;
	border:1px solid #d9d9d9; border-radius:5px; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -ms-column-break-inside:avoid; opacity:1; transition:all .2s ease;}
.dashboard_graph .col-md-9, .dashboard_graph .col-md-3 {padding:0;}

a.user-profile {color:#5E6974 !important;}
.user-profile img {width:29px; height:29px; border-radius:50%; margin-right:10px;}
ul.top_profiles {height:330px; width:100%;}
ul.top_profiles li {margin:0; padding:3px 5px;}
ul.top_profiles li:nth-child(odd) {background-color:#eee;}

.media .profile_thumb {border:1px solid; width:50px; height:50px; margin:5px 10px 5px 0; border-radius:50%; padding:9px 12px;}
.media .profile_thumb i {font-size:30px;}
.media .date {background:#ccc; width:52px; margin-right:10px; border-radius:10px; padding:5px;}
.media .date .month {margin:0; text-align:center; color:#fff;}
.media .date .day {text-align:center; color:#fff; font-size:27px; margin:0; line-height:27px; font-weight:700;}

.event .media-body a.title {font-weight:700;}
.event .media-body p {margin-bottom:0;}

h4.graph_title {margin:7px; text-align:center;}

.fontawesome-icon-list .fa-hover a:hover {background-color:#ddd; color:#fff; text-decoration:none;}
.fontawesome-icon-list .fa-hover a {display:block; line-height:32px; height:32px; padding-left:10px; border-radius:4px;}
.fontawesome-icon-list .fa-hover a:hover .fa {font-size:28px; vertical-align:-6px;}
.fontawesome-icon-list .fa-hover a .fa {width:32px; font-size:16px; display:inline-block; text-align:right; margin-right:10px;}

.main_menu .fa {width:26px; opacity:.99; display:inline-block; /* font-family:FontAwesome; font-style:normal; font-weight:400; */ font-size:18px;
	-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

.tile-stats {position:relative; display:block; margin-bottom:12px; border:1px solid #E4E4E4; -webkit-border-radius:5px; overflow:hidden; padding-bottom:5px; -webkit-background-clip:padding-box;
	-moz-border-radius:5px;	-moz-background-clip:padding; border-radius:5px; background-clip:padding-box; background:#FFF; transition:all 300ms ease-in-out;}
.tile-stats:hover .icon i {animation-name:transformAnimation; animation-duration:.5s; animation-iteration-count:1; color:rgba(58, 58, 58, 0.41); animation-timing-function:ease;
	animation-fill-mode:forwards; -webkit-animation-name:transformAnimation; -webkit-animation-duration:.5s; -webkit-animation-iteration-count:1; -webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:forwards; -moz-animation-name:transformAnimation; -moz-animation-duration:.5s; -moz-animation-iteration-count:1; -moz-animation-timing-function:ease; -moz-animation-fill-mode:forwards;}
.tile-stats .icon {width:20px; height:20px; color:#BAB8B8; position:absolute; right:53px; top:22px; z-index:1;}
.tile-stats .icon i {margin:0; font-size:60px; line-height:0; vertical-align:bottom; padding:0;}
.tile-stats .count {font-size:20px; font-weight:700; line-height:1.65857;}
.tile-stats .count, .tile-stats h3, .tile-stats p {position:relative; margin:0; margin-left:10px; z-index:5; padding:0;}
.tile-stats h3 {color:#BAB8B8;}
.tile-stats p {margin-top:5px; font-size:12px;}
.tile-stats>.dash-box-footer {position:relative; text-align:center; margin-top:5px; padding:3px 0; color:#fff; color:rgba(255, 255, 255, 0.8); display:block;
	z-index:10; background:rgba(0, 0, 0, 0.1); text-decoration:none;}
.tile-stats>.dash-box-footer:hover {color:#fff; background:rgba(0, 0, 0, 0.15); color:#fff; background:rgba(0, 0, 0, 0.15);}

table.tile_info {padding:10px 15px;}
table.tile_info span.right {margin-right:0; float:right; position:absolute; right:4%;}
.tile:hover {text-decoration:none;}
.tile_header {border-bottom:transparent; padding:7px 15px; margin-bottom:15px; background:#E7E7E7;}
.tile_head h4 {margin-top:0; margin-bottom:5px;}
.tiles-bottom {padding:5px 10px; margin-top:10px; background:rgba(194, 194, 194, 0.3); text-align:left;}

a.star {color:#428bca !important;}
.mail_content {background:none repeat scroll 0 0 #FFF; border-radius:4px; margin-top:20px; min-height:500px; padding:10px 11px; width:100%;}

.list-btn-mail {margin-bottom:15px;}
.list-btn-mail.active {border-bottom:1px solid #39B3D7; padding:0 0 14px;}
.list-btn-mail>i {float:left; font-size:18px; font-style:normal; width:33px;}
.list-btn-mail>.cn {background:none repeat scroll 0 0 #39B3D7; border-radius:12px; color:#FFF; float:right; font-style:normal; padding:0 5px;}

.button-mail {margin:0 0 15px !important; text-align:left; width:100%;}
/*button, .buttons, .btn, .modal-footer .btn+.btn {margin-right:5px; font-size:12px; padding:5px 12px;}*/
.btn-group-vertical .btn, .btn-group .btn {margin-bottom:0; margin-right:0;}

.mail_list_column {border-left:1px solid #DBDBDB;}
.mail_view {border-left:1px solid #DBDBDB;}
.mail_list {width:100%; border-bottom:1px solid #DBDBDB; margin-bottom:2px; display:inline-block;}
.mail_list .left {width:5%; float:left; margin-right:3%;}
.mail_list .right {width:90%; float:left;}
.mail_list h3 {font-size:15px; font-weight:700; margin:0 0 6px;}
.mail_list h3 small {float:right; color:#ADABAB; font-size:11px; line-height:20px;}
.mail_list .badge {padding:3px 6px; font-size:8px; background:#BAB7B7;}

@media ( max-width :767px) {
	.mail_list {margin-bottom:5px; display:inline-block;}
}

.mail_heading h4 {font-size:18px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-top:20px;}

.attachment {margin-top:30px;}
.attachment ul {width:100%; list-style:none; padding-left:0; display:inline-block; margin-bottom:30px;}
.attachment ul li {float:left; width:150px; margin-right:10px; margin-bottom:10px;}
.attachment ul li img {height:150px; border:1px solid #ddd; padding:5px; margin-bottom:10px;}
.attachment ul li span {float:right;}
.attachment .file-name {float:left;}
.attachment .links {width:100%; display:inline-block;}

.compose {padding:0; position:fixed; bottom:0; right:0; background:#fff; border:1px solid #D9DEE4; border-right:0; border-bottom:0; border-top-left-radius:5px; z-index:9999; display:none;}
.compose .compose-header {padding:5px; background:#169F85; color:#fff; border-top-left-radius:5px;}
.compose .compose-header .close {text-shadow:0 1px 0 #fff; line-height:.8;}
.compose .compose-body .editor.btn-toolbar {margin:0;}
.compose .compose-body .editor-wrapper {height:100%; min-height:50px; max-height:180px; border-radius:0; border-left:none; border-right:none; overflow:auto;}
.compose .compose-footer {padding:10px;}

.editor.btn-toolbar {zoom:1; background:#F7F7F7; margin:5px 2px; padding:3px 0; border:1px solid #EFEFEF;}

.input-group {margin-bottom:10px;}

.ln_solid {border-top:1px solid #e5e5e5; color:#fff; background-color:#fff; height:1px; margin:20px 0;}

span.section {display:block; width:100%; padding:0; margin-bottom:20px; font-size:21px; line-height:inherit; color:#333; border:0; border-bottom:1px solid #e5e5e5;}

.no-border {border-radius:0; width:100%; border:none; border:0; display:block; width:100%; height:34px; padding:6px 12px; font-size:12px; line-height:1.42857143;}

legend {font-size:18px; color:inherit;}

.form-control {border-radius:0; width:100%; font-size:12px; height:29px; background-color:#fdfdfd; padding:3px 12px;}
.form-horizontal .control-label {padding-top:8px;}
.form-horizontal .control-label-left {padding-top:7px; margin-bottom:0; text-align:left;}
.form-control:focus {border-color:#CCD0D7; box-shadow:none !important;}
.form-horizontal .form-group {margin-right:0; margin-left:0;}
.form-control-feedback {margin-top:3px; height:24px; color:#bfbfbf; line-height:24px; font-size:15px;}
.form-control-feedback.left {border-right:1px solid #ccc; left:6px;}
.form-control-feedback.right {border-left:1px solid #ccc; right:13px; margin-right:-9px; font-size:15px !important;}
.form-control.has-feedback-left {padding-left:45px;}
.form-control.has-feedback-right {padding-right:45px;}
.form-group {margin-bottom:10px;}

/* 반응형 테이블 */
.rwd-table-area {overflow-x:auto;}
.rwd-table-area .list-table {min-width:1024px;}
.rwd-table-area.small-table .list-table {min-width:768px;}

.rwd-table-area .form-table {min-width:1024px;}
.rwd-table-area.small-table .form-table {min-width:768px;}

.validate {margin-top:10px;}
.invalid-form-error-message {margin-top:10px; padding:5px;}
.invalid-form-error-message.filled {border-left:2px solid #E74C3C;}

p.parsley-success {color:#468847; background-color:#DFF0D8; border:1px solid #D6E9C6;}
p.parsley-error {color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7;}

ul.parsley-errors-list {list-style:none; color:#E74C3C; padding-left:0;}

input.parsley-error, textarea.parsley-error, select.parsley-error {background:#FAEDEC; border:1px solid #E85445;}

.btn-group .parsley-errors-list {display:none;}

.bad input, .bad select, .bad textarea {border:1px solid #CE5454; box-shadow:0 0 4px -2px #CE5454; position:relative; left:0; -moz-animation:.7s 1 shake linear; -webkit-animation:.7s 1 shake linear;}
.item input, .item textarea {transition:.42s;}
.item .alert {float:left; margin:0 0 0 20px; padding:3px 10px; color:#FFF; border-radius:3px 4px 4px 3px; background-color:#CE5454; max-width:170px; white-space:pre;
	position:relative; left:-15px; opacity:0; z-index:1; transition:.15s ease-out;}
.item .alert::after {content:''; display:block; height:0; width:0; border-color:transparent #CE5454 transparent transparent; border-style:solid; border-width:11px 7px; position:absolute;
	left:-13px; top:1px;}
.item.bad .alert {left:0; opacity:1;}

.inl-bl {display:inline-block;}

.well .markup {background:#fff; color:#354f63; position:relative; padding:45px 15px 15px; margin:15px 0 0; background-color:#fff; border-radius:0 0 4px 4px; box-shadow:none;}
.well .markup::after {content:"Example"; position:absolute; top:15px; left:15px; font-size:12px; font-weight:700; color:#bbb; text-transform:uppercase; letter-spacing:1px;}

.autocomplete-suggestions {border:1px solid #e4e4e4; background:#F4F4F4; cursor:default; overflow:auto;}
.autocomplete-suggestion {padding:2px 5px; font-size:1.2em; white-space:nowrap; overflow:hidden;}
.autocomplete-selected {background:#f0f0f0;}
.autocomplete-suggestions strong {font-weight:400; color:#39f; font-weight:bolder;}

/*.btn {border-radius:3px;}*/
a.btn-success, a.btn-primary, a.btn-warning, a.btn-danger {color:#fff;}
.btn-success {background:#26B99A; border:1px solid #169F85;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {background:#169F85;}

.btn-dark {color:#E9EDEF; background-color:#4B5F71; border-color:#364B5F;}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {color:#FFF; background-color:#394D5F; border-color:#394D5F;}

.btn-round {border-radius:30px;}

.btn.btn-app {position:relative; padding:15px 5px; margin:0 0 10px 10px; min-width:80px; height:60px; box-shadow:none; border-radius:0; text-align:center; color:#666;
	border:1px solid #ddd; background-color:#fafafa; font-size:12px;}
.btn.btn-app>.fa, .btn.btn-app>.glyphicon, .btn.btn-app>.ion {font-size:20px; display:block;}
.btn.btn-app:hover {background:#f4f4f4; color:#444; border-color:#aaa;}
.btn.btn-app:active, .btn.btn-app:focus {box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.btn-app>.badge {position:absolute; top:-3px; right:-10px; font-size:10px; font-weight:400;}
button i {}


textarea {padding:10px; vertical-align:top; width:200px;}
textarea.content_textarea {padding:13px; vertical-align:top; width:auto; height:calc(100vh - 496px); border-radius:5px;}
textarea:focus {outline-style:solid; outline-width:2px;}

.btn_ {display:inline-block; padding:3px 9px; margin-bottom:0; font-size:12px; line-height:20px; text-align:center; vertical-align:middle; cursor:pointer; color:#333;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); background-color:#f5f5f5; background-image:linear-gradient(to bottom, #fff, #e6e6e6); background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color:#e6e6e6 #e6e6e6 #bfbfbf;
	border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); border:1px solid #ccc;
	border-bottom-color:#b3b3b3; border-radius:4px; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}

.bs-glyphicons {margin:0 -10px 20px; overflow:hidden;}
.bs-glyphicons-list {padding-left:0; list-style:none;}
.bs-glyphicons li {float:left; width:25%; height:115px; padding:10px; font-size:10px; line-height:1.4; text-align:center; background-color:#f9f9f9; border:1px solid #fff;}
.bs-glyphicons .glyphicon {margin-top:5px; margin-bottom:10px; font-size:24px;}
.bs-glyphicons .glyphicon-class {display:block; text-align:center; word-wrap:break-word;}
.bs-glyphicons li:hover {color:#fff; background-color:#1ABB9C;}

.tagsinput {border:1px solid #CCC; background:#FFF; padding:6px 6px 0; width:300px; overflow-y:auto;}

span.tag {-moz-border-radius:2px; -webkit-border-radius:2px; display:block; float:left; padding:5px 9px; text-decoration:none; background:#1ABB9C;
	color:#F1F6F7; margin-right:5px; font-weight:500; margin-bottom:5px;}
span.tag a {color:#F1F6F7 !important;}
.tagsinput span.tag a {font-weight:700; color:#82ad2b; text-decoration:none; font-size:11px;}
.tagsinput input {width:80px; margin:0; font-size:13px; border:1px solid transparent; padding:3px; background:transparent; color:#000; /* outline:0; */}
.tagsinput div {display:block; float:left;}
.tags_clear {clear:both; width:100%; height:0;}
.tag {line-height:1; background:#1ABB9C; color:#fff !important;}
.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 #1ABB9C;}
	
.not_valid {background:#FBD8DB !important; color:#90111A !important;}

ul.bar_tabs {overflow:visible; background:#F5F7FA; height:25px; margin:21px 0 14px; padding-left:14px; position:relative; z-index:1; width:100%; border-bottom:1px solid #E6E9ED;}
ul.bar_tabs>li {border:1px solid #E6E9ED; color:#333 !important; margin-top:-17px; margin-left:8px; background:#fff; border-bottom:none; border-radius:4px 4px 0 0;}
ul.bar_tabs>li.active {border-right:6px solid #D3D6DA; border-top:0; margin-top:-15px;}
ul.bar_tabs>li a {padding:10px 17px; background:#F5F7FA; margin:0; border-top-right-radius:0;}
ul.bar_tabs>li a:hover {border:1px solid transparent;}
ul.bar_tabs>li.active a {border-bottom:none;}
ul.bar_tabs.right {padding-right:14px;}
ul.bar_tabs.right li {float:right;}

a:focus {/* outline:0; */}

ul.timeline li {position:relative; border-bottom:1px solid #e8e8e8; clear:both;}
.timeline .block {margin:0; border-left:3px solid #e8e8e8; overflow:visible; padding:10px 15px; margin-left:105px;}
.timeline.widget {min-width:0; max-width:inherit;}
.timeline.widget .block {margin-left:5px;}
.timeline .tags {position:absolute; top:15px; left:0; width:84px;}
.timeline .tag {display:block; height:30px; font-size:13px; padding:8px;}
.timeline .tag span {display:block; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}
.timeline h2.title {position:relative; font-size:16px; margin:0;}
.timeline h2.title:before {content:""; position:absolute; left:-23px; top:3px; display:block; width:14px; height:14px; border:3px solid #d2d3d2; border-radius:14px; background:#f9f9f9;}
.timeline .byline {padding:.25em 0;}

.byline {-webkit-font-smoothing:antialiased; font-style:italic; font-size:.9375em; line-height:1.3; color:#aab6aa;}

ul.social li {border:0;}
.social-sidebar, .social-body {float:right;}
.social-sidebar {background:#EDEDED; width:22%;}
.social-body {border:1px solid #ccc; width:78%;}

.thumb img {width:50px; height:50px; border-radius:50%;}
.chat .thumb img {width:27px; height:27px; border-radius:50%;}
.chat .status {float:left; margin:16px 0 0 -16px; font-size:12px; font-weight:700; width:12px; height:12px; display:block; border:2px solid #FFF; z-index:9999; border-radius:50%;}
.chat .status.online {background:#1ABB9C;}
.chat .status.away {background:#F39C12;}
.chat .status.offline {background:#ccc;}
.chat .media-body {padding-top:5px;}

.dashboard_graph .x_title {padding:5px 5px 7px;}
.dashboard_graph .x_title h3 {margin:0; font-weight:400;}

.chart {position:relative; display:inline-block; width:110px; height:110px; margin-top:5px; margin-bottom:5px; text-align:center;}
.chart canvas {position:absolute; top:0; left:0;}

.percent {display:inline-block; line-height:110px; z-index:2; font-size:18px;}
.percent:after {content:'%'; margin-left:.1em; font-size:.8em;}

.angular {margin-top:100px;}
.angular .chart {margin-top:0;}

.widget {min-width:250px; max-width:310px;}
.widget_tally_box .btn-group button {text-align:center; color:inherit; font-weight:500; background-color:#f5f5f5; border:1px solid #e7e7e7;}
ul.widget_tally, ul.widget_tally li {width:100%;}
ul.widget_tally li {padding:2px 10px; border-bottom:1px solid #ECECEC; padding-bottom:4px;}
ul.widget_tally .month {width:70%; float:left;}
ul.widget_tally .count {width:30%; float:left; text-align:right;}

.pie_bg {border-bottom:1px solid rgba(101, 204, 182, 0.16); padding-bottom:15px; border-radius:4px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	padding-bottom:10px; box-shadow:0 4px 6px -6px #222;}

.widget_tally_box .flex {display:-ms-flexbox; display:flex;}

ul.widget_profile_box {width:100%; height:42px; padding:3px; background:#ececec; margin-top:40px; margin-left:1px;}
ul.widget_profile_box li:first-child {width:25%; float:left;}
ul.widget_profile_box li:first-child a {float:left;}
ul.widget_profile_box li:last-child {width:25%; float:right;}
ul.widget_profile_box li:last-child a {float:right;}
ul.widget_profile_box li a {font-size:22px; text-align:center; width:35px; height:35px; border:1px solid rgba(52, 73, 94, 0.44); display:block; border-radius:50%; padding:0;}
ul.widget_profile_box li a:hover {color:#1ABB9C !important; border:1px solid #26b99a;}
ul.widget_profile_box li .profile_img {width:75px; height:75px; margin:0; margin-top:-28px;}

.widget_tally_box p, .widget_tally_box span {text-align:center;}
.widget_tally_box .name {text-align:center; margin:25px;}
.widget_tally_box .name_title {text-align:center; margin:5px;}
.widget_tally_box ul.legend {margin:0;}
.widget_tally_box ul.legend p, .widget_tally_box ul.legend span {text-align:left;}
.widget_tally_box ul.legend li .icon {font-size:20px; float:left; width:14px;}
.widget_tally_box ul.legend li .name {font-size:12px; margin:5px 0 0 14px; text-overflow:ellipsis; float:left;}
.widget_tally_box ul.legend p {display:inline-block; margin:0;}
.widget_tally_box ul.verticle_bars li {height:140px; width:23%;}
.widget .verticle_bars li .progress.vertical.progress_wide {width:65%;}

ul.count2 {width:100%; margin-left:1px; border:1px solid #ddd; border-left:0; border-right:0; padding:10px 0;}
ul.count2 li {width:30%; text-align:center;}
ul.count2 li h3 {font-weight:400; margin:0;}
ul.count2 li span {font-weight:300;}

.divider {border-bottom:1px solid #ddd; margin:10px;}
.divider-dashed {border-top:1px dashed #e7eaec; background-color:#fff; height:1px; margin:10px 0;}

ul.messages {padding:0; list-style:none;}
ul.messages li, .tasks li {border-bottom:1px dotted #e6e6e6; padding:8px 0;}
ul.messages li img.avatar, img.avatar {height:32px; width:32px; float:left; display:inline-block; border-radius:2px; padding:2px; background:#f7f7f7; border:1px solid #e6e6e6;}
ul.messages li .message_date {float:right; text-align:right;}
ul.messages li .message_wrapper {margin-left:50px; margin-right:40px;}
ul.messages li .message_wrapper h4.heading {font-weight:600; margin:0; cursor:pointer; margin-bottom:10px; line-height:100%;}
ul.messages li .message_wrapper blockquote {padding:0 10px; margin:0; border-left:5px solid #eee;}

ul.user_data li {margin-bottom:6px;}
ul.user_data li p {margin-bottom:0;}
ul.user_data li .progress {width:90%;}

.project_progress .progress {margin-bottom:3px !important; margin-top:5px;}
.projects .list-inline {margin:0;}

.profile_title {background:#F5F7FA; border:0; padding:7px 0; display:-ms-flexbox; display:flex;}

ul.stats-overview {border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:10px;}
ul.stats-overview li {display:inline-block; text-align:center; padding:0 15px; width:30%; font-size:12px; border-right:1px solid #e8e8e8;}
ul.stats-overview li:last-child {border-right:0;}
ul.stats-overview li .name {font-size:12px;}
ul.stats-overview li .value {font-size:12px; font-weight:700; display:block;}
ul.stats-overview li:first-child {padding-left:0;}

ul.project_files li {margin-bottom:5px;}
ul.project_files li a i {width:20px;}

.project_detail p {margin-bottom:10px;}
.project_detail p.title {font-weight:700; margin-bottom:0;}

.avatar img {border-radius:50%; max-width:45px;}

.pricing {background:#fff;}
.pricing .title {background:#1ABB9C; height:110px; color:#fff; padding:15px 0 0; text-align:center;}
.pricing .title h1 {font-size:30px;margin:12px;}
.pricing .title h2 {text-transform:capitalize; font-size:18px; border-radius:5px 5px 0 0; margin:0; font-weight:400;}
.pricing .title span {background:rgba(51, 51, 51, 0.28); padding:2px 5px;}
.pricing_features {background:#FAFAFA; padding:20px 15px; min-height:230px; font-size:13.5px;}
.pricing_features ul li {margin-top:10px;}
.pricing_footer {padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #ddd; text-align:center; border-bottom-right-radius:3px; border-bottom-left-radius:3px;}
.pricing_footer p {font-size:13px; padding:10px 0 2px; display:block;}

.ui-ribbon-container {position:relative;}
.ui-ribbon-container .ui-ribbon-wrapper {position:absolute; overflow:hidden; width:80px; height:88px; top:-3px; right:-3px;}
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {background-color:#5b90bf;}
.ui-ribbon-container .ui-ribbon {position:relative; display:block; text-align:center; font-size:15px; font-weight:700; color:#fff; transform:rotate(45deg);
	padding:7px 0; left:-5px; top:15px; width:120px; line-height:20px; background-color:#555; box-shadow:0 0 3px rgba(0, 0, 0, 0.3);}
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after, .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {border-top:2px solid #5b90bf;}
.ui-ribbon-container .ui-ribbon:before {left:0; bottom:-1px; right:0;}
.ui-ribbon-container .ui-ribbon:after, .ui-ribbon-container .ui-ribbon:before {position:absolute; content:" "; line-height:0;
	border-top:2px solid #555; border-left:2px solid transparent; border-right:2px solid transparent;}

.thumbnail .image {height:132px; overflow:hidden;}

.caption {padding:9px 5px; background:#F7F7F7; height:56px;}
.caption p {margin-bottom:5px;}

.thumbnail {height:190px; overflow:hidden; padding:0;}
.mask.no-caption .tools {margin:90px 0 0;}

.view {overflow:hidden; position:relative; text-align:center; cursor:default;}
.view .mask, .view .content {position:absolute; width:100%; overflow:hidden; top:0; left:0;}
.view img {display:block; position:relative;}
.view .tools {text-transform:uppercase; color:#fff; text-align:center; position:relative; font-size:17px; padding:3px; background:rgba(0, 0, 0, 0.35);}
.view .tools a {display:inline-block; color:#FFF; font-size:18px; font-weight:400; padding:0 4px;}
.view p {font-size:12px; position:relative; color:#fff; padding:10px 20px 20px; text-align:left;}
.view a.info {display:inline-block; text-decoration:none; padding:7px 14px; background:#000; color:#fff; text-transform:uppercase; box-shadow:0 0 1px #000;}
.view-first img {transition:all .2s linear;}
.view-first .mask {opacity:0; background-color:rgba(0, 0, 0, 0.5); transition:all .4s ease-in-out; height:100%;}
.view-first .tools {transform:translateY(-100px); opacity:0; transition:all .2s ease-in-out; min-height:30px;}
.view-first p {transform:translateY(100px); opacity:0; transition:all .2s linear;}
.view-first:hover img {transform:scale(1.1);}
.view-first:hover .mask {opacity:1;}
.view-first:hover .tools, .view-first:hover p {opacity:1; transform:translateY(0px);}
.view-first:hover p {transition-delay:.1s;}

.form-group.has-feedback span {display:block !important;}
.input-group-btn .btn {margin-bottom:0;}

.tabs-left, .tabs-right {border-bottom:none; padding-top:2px;}
.tabs-left {border-right:1px solid #F7F7F7;}
.tabs-right {border-left:1px solid #F7F7F7;}
.tabs-left>li, .tabs-right>li {float:none; margin-bottom:2px;}
.tabs-left>li {margin-right:-1px;}
.tabs-right>li {margin-left:-1px;}
.tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus {border-bottom-color:#F7F7F7; border-right-color:transparent;}
.tabs-right>li.active>a, .tabs-right>li.active>a:hover, .tabs-right>li.active>a:focus {border-bottom:1px solid #F7F7F7; border-left-color:transparent;}
.tabs-left>li>a {border-radius:4px 0 0 4px; margin-right:0; display:block; background:#F7F7F7; text-overflow:ellipsis; overflow:hidden;}
.tabs-right>li>a {border-radius:0 4px 4px 0; margin-right:0; background:#F7F7F7; text-overflow:ellipsis; overflow:hidden;}

.sideways {margin-top:50px; border:none; position:relative;}
.sideways>li {height:20px; width:120px; margin-bottom:100px;}
.sideways>li>a {border-bottom:1px solid #ddd; border-right-color:transparent; text-align:center; border-radius:4px 4px 0 0;}
.sideways>li.active>a, .sideways>li.active>a:hover, .sideways>li.active>a:focus {border-bottom-color:transparent; border-right-color:#ddd; border-left-color:#ddd;}
.sideways.tabs-left {left:-50px;}
.sideways.tabs-right {right:-50px;}
.sideways.tabs-right>li {transform:rotate(90deg);}
.sideways.tabs-left>li {transform:rotate(-90deg);}

.morris-hover {position:absolute; z-index:1000;}
.morris-hover.morris-default-style {padding:6px; color:#666; background:rgba(243, 242, 243, 0.8); border:solid 2px rgba(195, 194, 196, 0.8); font-size:12px; text-align:center;}
.morris-hover.morris-default-style .morris-hover-row-label {font-weight:700; margin:.25em 0;}
.morris-hover.morris-default-style .morris-hover-point {white-space:nowrap; margin:.1em 0;}

.price {font-size:40px; font-weight:400; color:#26B99A; margin:0;}
.price-tax {font-size:18px;}

.prod_title {border-bottom:1px solid #DFDFDF; padding-bottom:5px; margin:30px 0; font-size:20px; font-weight:400;}
.product-image img {width:90%;}
.prod_color li {margin:0 10px;}
.prod_color li p {margin-bottom:0;}
.prod_size li {padding:0;}
.prod_color .color {width:25px; height:25px; border:2px solid rgba(51, 51, 51, 0.28) !important; padding:2px; border-radius:50px;}

.product_gallery a {width:100px; height:100px; float:left; margin:10px; border:1px solid #e5e5e5;}
.product_gallery a img {width:100%; margin-top:15px;}
.product_price {margin:20px 0; padding:5px 10px; background-color:#FFF; text-align:left; border:2px dashed #E0E0E0;}
.product_social {margin:20px 0;}
.product_social ul li a i {font-size:35px;}

.animate {-webkit-animation-duration:.5s; -webkit-animation-timing-function:ease; -webkit-animation-fill-mode:both; -moz-animation-duration:.5s; -moz-animation-timing-function:ease;
	-moz-animation-fill-mode:both; -o-animation-duration:.5s; -o-animation-timing-function:ease; -o-animation-fill-mode:both; -ms-animation-duration:.5s;
	-ms-animation-timing-function:ease; -ms-animation-fill-mode:both; animation-duration:.5s; animation-timing-function:ease; animation-fill-mode:both;}

.left {float:left;}
.alignleft {float:left; margin-right:15px;}
.alignright {float:right; margin-left:15px;}
/*.clearfix:after, form:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}*/

.reset_pass {margin-top:10px !important;}

.button {background:#f7f9fa; background:linear-gradient(to top, #f7f9fa 0%, #f0f0f0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0); -ms-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
	-o-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; border-radius:0 0 5px 5px; border-top:1px solid #CFD5D9; padding:15px 0;}
.button a {background:url(/static/images/multiFile/upload.png) 0 -112px no-repeat; color:#7E7E7E; font-size:17px; padding:2px 0 2px 40px; text-decoration:none; transition:all .3s ease;}
.button a:hover {background-position:0 -135px; color:#00aeef;}

.voiceBtn {width:20px; color:transparent; background-color:transparent; transform:scale(2, 2); -webkit-transform:scale(2, 2); -moz-transform:scale(2, 2);
	border:transparent; cursor:pointer; box-shadow:none; -webkit-box-shadow:none;}

.separator {border-top:1px solid #D8D8D8; margin-top:10px; padding-top:10px;}

/* Login Page */
.login {background:#F7F7F7;}
.login .fa-paw {font-size:26px;}
a.hiddenanchor {display:none;}
.login_wrapper {right:0; margin:0 auto; margin-top:5%; max-width:350px; position:relative;}
.registration_form, .login_form {position:absolute; top:0; width:100%;}
.registration_form {z-index:21; opacity:0; width:100%;}
.login_form {z-index:22;}
#signup:target ~ .login_wrapper .registration_form, #signin:target ~ .login_wrapper .login_form {z-index:22; animation-name:fadeInLeft; animation-delay:.1s;}
#signup:target ~ .login_wrapper .login_form, #signin:target ~ .login_wrapper .registration_form {animation-name:fadeOutLeft;}
.login_box {padding:20px; margin:auto;}
.login_content {margin:0 auto; padding:25px 0 0; position:relative; text-align:center; text-shadow:0 1px 0 #fff; min-width:280px;}
.login_content a, .login_content .btn-default:hover {text-decoration:none;}
.login_content a:hover {text-decoration:underline;}
.login_content h1 {font:normal 25px Helvetica, Arial, sans-serif; letter-spacing:-.05em; line-height:20px; margin:10px 0 30px;}
.login_content h1:before, .login_content h1:after {content:""; height:1px; position:absolute; top:10px; width:27%;}
.login_content h1:after {background:#7e7e7e; background:linear-gradient(to left, #7e7e7e 0%, #fff 100%); right:0;}
.login_content h1:before {background:#7e7e7e; background:linear-gradient(to right, #7e7e7e 0%, #fff 100%); left:0;}
.login_content h1:before, .login_content h1:after {content:""; height:1px; position:absolute; top:10px; width:20%;}
.login_content h1:after {background:#7e7e7e; background:linear-gradient(to left, #7e7e7e 0%, #fff 100%); right:0;}
.login_content h1:before {background:#7e7e7e; background:linear-gradient(to right, #7e7e7e 0%, #fff 100%); left:0;}
.login_content form {margin:20px 0; position:relative;}
.login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"] {
	border-radius:3px; -ms-box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; -o-box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
	box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; border:1px solid #c8c8c8; color:#354f63; margin:0 0 20px; width:100%;}
.login_content form input[type="text"]:focus, .login_content form input[type="email"]:focus, .login_content form input[type="password"]:focus {
	-ms-box-shadow:0 0 2px #ed1c24 inset; -o-box-shadow:0 0 2px #ed1c24 inset; box-shadow:0 0 2px #A97AAD inset; background-color:#fff; border:1px solid #A878AF; /* outline:0; */}
#username {background-position:10px 10px !important;}
#password {background-position:10px -53px !important;}
.login_content form div a {font-size:12px; margin:10px 15px 0 0;}
.login_content div .reset_pass {margin-top:13px !important; margin-right:39px; float:right;}
.login_content form input[type="submit"], #content form .submit {float:left; margin-left:38px;}

header {width:100%;}

#nprogress .bar {background:#337ab7;}
#nprogress .peg {box-shadow:0 0 10px #1ABB9C, 0 0 5px #1ABB9C;}
#nprogress .spinner-icon {border-top-color:#1ABB9C; border-left-color:#1ABB9C;}

.editor-wrapper {min-height:250px; background-color:#fff; border-collapse:separate; border:1px solid #ccc; padding:4px; box-sizing:content-box; 
	box-shadow:rgba(0, 0, 0, 0.07451) 0 1px 1px 0 inset; border-top-right-radius:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px;
	border-top-left-radius:3px; overflow:scroll; /* outline:0; */}

div[data-role="editor-toolbar"] {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

.dropdown-menu a {cursor:pointer;}

/*.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:0;
	min-height:30px;
	border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color:#354f63;
	!* padding-top:2px; *!
	line-height: 26px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding-top:3px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height:28px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
	.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 2px;
    border: none;
    !* border-radius: 0; *!
    padding: 3px 8px 3px 8px;
    background-color: #669fd0;
    color: #ffffff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #eeeeee;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple
	{
	border:1px solid #ccc
}*/

.switchery {width:32px; height:20px;}
.switchery>small {width:20px; height:20px;}

fieldset {border:none; margin:0; padding:0;}

.cropper .img-container, .cropper .img-preview {background-color:#f7f7f7; width:100%; text-align:center;}
.cropper .img-container {min-height:200px; max-height:516px; margin-bottom:20px;}
.cropper .img-container>img {max-width:100%;}
.cropper .docs-preview {margin-right:-15px;}
.cropper .img-preview {float:left; margin-right:10px; margin-bottom:10px; overflow:hidden;}
.cropper .img-preview>img {max-width:100%;}
.cropper .preview-lg {width:263px; height:148px;}
.cropper .preview-md {width:139px; height:78px;}
.cropper .preview-sm {width:69px; height:39px;}
.cropper .preview-xs {width:35px; height:20px; margin-right:0;}
.cropper .docs-data>.input-group {margin-bottom:10px;}
.cropper .docs-data>.input-group>label {min-width:80px;}
.cropper .docs-data>.input-group>span {min-width:50px;}
.cropper .docs-buttons>.btn, .cropper .docs-buttons>.btn-group, .cropper .docs-buttons>.form-control {margin-right:5px; margin-bottom:10px;}
.cropper .docs-toggles>.btn, .cropper .docs-toggles>.btn-group, .cropper .docs-toggles>.dropdown {margin-bottom:10px;}
.cropper .docs-tooltip {display:block; margin:-6px -12px; padding:6px 12px;}
.cropper .docs-tooltip>.icon {margin:0 -3px; vertical-align:top;}
.cropper .tooltip-inner {white-space:normal;}
.cropper .btn-upload .tooltip-inner, .cropper .btn-toggle .tooltip-inner {white-space:nowrap;}
.cropper .btn-toggle {padding:6px;}
.cropper .btn-toggle>.docs-tooltip {margin:-6px; padding:6px;}
.cropper .docs-options .dropdown-menu {width:100%;}
.cropper .docs-options .dropdown-menu>li {padding:3px 20px;}
.cropper .docs-options .dropdown-menu>li:hover {background-color:#f7f7f7;}
.cropper .docs-options .dropdown-menu>li>label {display:block;}
.cropper .docs-cropped .modal-body {text-align:center;}
.cropper .docs-cropped .modal-body>img, .cropper .docs-cropped .modal-body>canvas {max-width:100%;}
.cropper .docs-diagram .modal-dialog {max-width:352px;}
.cropper .docs-cropped canvas {max-width:100%;}

@media ( max-width :400px) {
	.cropper .btn-group-crop {margin-right:-15px !important;}
	.cropper .btn-group-crop>.btn {padding-left:5px; padding-right:5px;}
	.cropper .btn-group-crop .docs-tooltip {margin-left:-5px; margin-right:-5px; padding-left:5px; padding-right:5px;}
}

.actionBar {width:100%; border-top:1px solid #ddd; padding:10px 5px; text-align:right; margin-top:10px;}
.actionBar .buttonDisabled {cursor:not-allowed; pointer-events:none; opacity:.65; box-shadow:none;}
.actionBar a {margin:0 3px;}

.form_wizard .stepContainer {display:block; position:relative; margin:0; padding:0; border:0 solid #CCC; overflow-x:hidden;}
.wizard_horizontal ul.wizard_steps {display:table; list-style:none; position:relative; width:100%; margin:0 0 20px;}
.wizard_horizontal ul.wizard_steps li {display:table-cell;text-align:center;}
.wizard_horizontal ul.wizard_steps li a, .wizard_horizontal ul.wizard_steps li:hover {display:block; position:relative; -moz-opacity:1; opacity:1; color:#666;}
.wizard_horizontal ul.wizard_steps li a:before {content:""; position:absolute; height:4px; background:#ccc; top:20px; width:100%; z-index:4; left:0;}
.wizard_horizontal ul.wizard_steps li a.disabled .step_no {background:#ccc;}
.wizard_horizontal ul.wizard_steps li a .step_no {width:40px; height:40px; line-height:40px; border-radius:100px; display:block; margin:0 auto 5px; font-size:16px;
	text-align:center; position:relative; z-index:5;}
.wizard_horizontal ul.wizard_steps li a.selected:before, .step_no {background:#34495E; color:#fff;}
.wizard_horizontal ul.wizard_steps li a.done:before, .wizard_horizontal ul.wizard_steps li a.done .step_no {background:#4894c3; color:#fff;}
.wizard_horizontal ul.wizard_steps li:first-child a:before {left:50%;}
.wizard_horizontal ul.wizard_steps li:last-child a:before {right:50%; width:50%; left:auto;}

.wizard_verticle .stepContainer {width:80%; float:left; padding:0 10px;}
.wizard_verticle .wizard_content {width:80%; float:left; padding-left:20px;}
.wizard_verticle ul.wizard_steps {display:table; list-style:none; position:relative; width:20%; float:left; margin:0 0 20px;}
.wizard_verticle ul.wizard_steps li {display:list-item; text-align:center;}
.wizard_verticle ul.wizard_steps li a {height:80px;}
.wizard_verticle ul.wizard_steps li a:first-child {margin-top:20px;}
.wizard_verticle ul.wizard_steps li a, .wizard_verticle ul.wizard_steps li:hover {display:block; position:relative; -moz-opacity:1; opacity:1; color:#666;}
.wizard_verticle ul.wizard_steps li a:before {content:""; position:absolute; height:100%; background:#ccc; top:20px; width:4px; z-index:4; left:49%;}
.wizard_verticle ul.wizard_steps li a.disabled .step_no {background:#ccc;}
.wizard_verticle ul.wizard_steps li a .step_no {width:40px; height:40px; line-height:40px; border-radius:100px; display:block; margin:0 auto 5px; font-size:16px; text-align:center; position:relative; z-index:5;}
.wizard_verticle ul.wizard_steps li a.selected:before, .step_no {background:#354f63; color:#fff;}
.wizard_verticle ul.wizard_steps li a.done:before, .wizard_verticle ul.wizard_steps li a.done .step_no {background:#1ABB9C; color:#fff;}
.wizard_verticle ul.wizard_steps li:first-child a:before {left:49%;}
.wizard_verticle ul.wizard_steps li:last-child a:before {left:49%; left:auto; width:0;}

.form_wizard .loader {display:none;}
.form_wizard .msgBox {display:none;}

.dashboard_graph p {margin:0 0 4px;}

ul.verticle_bars {width:100%;}
ul.verticle_bars li {width:23%; height:200px; margin:0;}

.progress {border-radius:0;}
.progress-bar-info {background-color:#3498DB;}
.progress-bar-success {background-color:#26B99A;}
.progress_summary .progress {margin:5px 0 12px !important;}
.progress_summary .row {margin-bottom:5px;}
.progress_summary .row .col-xs-2 {padding:0;}
.progress_summary .more_info span {text-align:right; float:right;}
.progress_summary .data span {text-align:right; float:right;}
.progress_summary p {margin-bottom:3px; width:100%;}
.progress_title .left {float:left; text-align:left;}
.progress_title .right {float:right; text-align:right; font-weight:300;}
.progress.progress_sm {border-radius:0; margin-bottom:18px; height:10px !important;}
.progress.progress_sm .progress-bar {height:10px !important;}
.progress.vertical.progress_wide {width:35px;}

.alert-success {color:#fff; background-color:rgba(38, 185, 154, 0.88); border-color:rgba(38, 185, 154, 0.88);}
.alert-info {color:#E9EDEF; background-color:rgba(52, 152, 219, 0.88); border-color:rgba(52, 152, 219, 0.88);}
.alert-warning {color:#E9EDEF; background-color:rgba(243, 156, 18, 0.88); border-color:rgba(243, 156, 18, 0.88);}
.alert-danger, .alert-error {color:#E9EDEF; background-color:rgba(231, 76, 60, 0.88); border-color:rgba(231, 76, 60, 0.88);}

.ui-pnotify.dark .ui-pnotify-container {color:#E9EDEF; background-color:rgba(52, 73, 94, 0.88); border-color:rgba(52, 73, 94, 0.88);}

.custom-notifications {position:fixed; margin:15px; right:0; float:right; width:400px; z-index:9999; bottom:0;}

ul.notifications {float:right; display:block; margin-bottom:7px; padding:0; width:100%;}

.notifications li {float:right; margin:3px; width:36px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3);}
.notifications li:last-child {margin-left:0;}
.notifications a {display:block; text-align:center; text-decoration:none; text-transform:uppercase; padding:9px 8px;}

.tabbed_notifications .text {padding:5px 15px; height:140px; border-radius:7px; box-shadow:6px 6px 6px rgba(0, 0, 0, 0.3);}
.tabbed_notifications div p {display:inline-block;}
.tabbed_notifications h2 {font-weight:700; text-transform:uppercase; width:80%; float:left; height:20px; text-overflow:ellipsis; overflow:hidden; display:block;}
.tabbed_notifications .close {padding:5px; color:#E9EDEF; float:right; opacity:1;}

.fc-state-default {background:#f5f5f5; color:#354f63;}
.fc-state-down, .fc-state-active {color:#333; background:#ccc;}

.dropzone {border:1px solid #e5e5e5;}

.main_menu .label {line-height:11px; margin-top:4px;}

@media ( max-width :460px) {
	.dataTables_wrapper .col-sm-6 {width:100%; margin-bottom:5px;}
	.dataTables_wrapper .col-sm-6 .dataTables_filter {float:none;}
}

@media ( max-width :767px) {
	.dataTables_length {float:none;}
}

.daterangepicker.xdisplay {width:228px;}

.dataTables_wrapper>.row {overflow:auto !important;}

.setting-open.grid-widget-box {transition:right .3s; right:0; z-index:9999;}

.grid-widget-box {transition:right .3s; text-transform:uppercase; border-radius:3px; background-color:#e8e8e8; position:fixed; top:130px; right:-700px;
	padding:14px 14px 24px; z-index:9999; width:700px; box-shadow:0 2px 7px rgba(91, 107, 123, 0.72);}
.btn.widget_show_hide {width:54px; height:50px; line-height:50px; display:block; font-size:27px; border-width:1px; border-style:solid; border-right:0; border-radius:0;
	border-bottom-left-radius:3px; border-top-left-radius:3px; text-align:center; position:absolute; left:-55px; top:25px; z-index:55; padding:0; color:#fff; background:#5b6b7b;}
.btn.grid-btn-app {position:relative; padding-top:12px; margin:0 0 10px 10px; min-width:105px; height:130px; box-shadow:none; border-radius:0; text-align:center; color:#fff;
	background-color:rgba(42, 63, 84, 0.72); font-size:12px; border-radius:4px; width:105px; font-weight:700;}
.btn.grid-btn-app:hover {background:#f4f4f4; color:rgba(42, 63, 84, 0.72); border-color:#fff;}
.btn.grid-btn-app2 {position:relative; padding-top:12px; margin:0 0 10px 10px; min-width:105px; height:130px; box-shadow:none; border-radius:0; text-align:center; color:#fff;
	background-color:rgba(42, 63, 84, 0.72); font-size:12px; border-radius:4px; width:105px; font-weight:700;}
.btn.grid-btn-app>.fa, .btn.grid-btn-app>.glyphicon, .grid-btn-app>.ion {font-size:20px; display:block;}

.modal {position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; display:none; overflow:hidden; -webkit-overflow-scrolling:touch; /* outline:0; */}
.modal-dialog.modal-fullsize {width:100%; height:100%; margin:0; padding:20px;}
.modal-content.modal-fullsize {height:auto; min-height:100%; border-radius:0; border-radius:4px;}

.wrap_layer {height:100%; left:0; position:fixed; top:0; width:100%; z-index:1000007; background-color:rgba(0, 0, 0, .2);}
.layerType {position:absolute;}
.layerIn {overflow:hidden; position:relative;}
.layerIn .layerTop {height:30px; line-height:30px; border-bottom:none; padding-top:4px;}
.layerTop .close {float:right; font-size:17px; font-weight:700; line-height:1; color:#969696; opacity:.9; margin-right:8px; margin-top:2px;}
.layerTop h5 {padding:0 10px; color:#fff; background-color:#25436c; padding-left:33px; font-size:16px;}
.layerTop h4 {color:#fff; padding:0 10px; font-size:12px;}

.layerType .layerTop .btnClose {position:absolute; top:15px; right:22px; width:25px; height:22px; cursor:pointer; z-index:1103;}

.layerCon {background:#fff;}
.layerCon .lineBox2 {font-size:11px; border:solid 1px #e2e2e2; overflow:hidden; padding:5px 2%;}
.layerCon .lineBox2 ul li {float:left; width:24%;}
.layerCon .btnArea {text-align:center; clear:both; overflow:hidden; padding:10px;}
.layerCon .listDialog {border-collapse:collapse; width:100%; border-top:solid 2px #af8be4; border-right:solid 1px #e2e2e2; font-size:11px;}
.layerCon .listDialog th {padding:2px 0; background:#f9f9f9; text-align:center; border-bottom:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; color:#656565;}
.layerCon .listDialog td {padding:2px 5px; border-bottom:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; text-align:center;}
.layerCon .listDialog td.left {text-align:left;}
.layerCon .msg {padding:10px; display:table; height:calc(100% - 54px); width:100%; color:#4b5f71;}
.layerCon .msg .p {display:table-cell; vertical-align:middle; text-align:center; font-weight:700; font-size:12px; width:100%;}
.layerCon .popContents {padding:10px; border-top:none; overflow-x:hidden; outline:none;}
.layerCon .popContentsXscroll {padding:18px 17px; border:solid 3px #000; border-top:none; overflow-x:auto; overflow-y:auto;}
.layerCon .popContents .contents {overflow:hidden; display:block; width:100%; height:100%; padding:4px; margin-bottom:20px; line-height:1.42857143; background-color:#fff;
	border:1px solid #ddd; border-radius:4px; -webkit-transition:border .2s ease-in-out; -o-transition:border .2s ease-in-out; transition:border .2s ease-in-out;}
.layerCon .popContents .x_title_pop {padding:1px 5px 6px; margin-bottom:10px;}
.layerCon .popContents .x_title_pop .title {display:inline-block; padding:6px 12px; margin-bottom:0; font-size:12px; font-weight:400; line-height:1.42857143; text-align:center;
	white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;
	user-select:none; background-image:none; border:1px solid transparent; border-radius:4px; width:100%; border-radius:3px; color:#FFF; background-color:#2980b9; border-color:#256c9a;}
.layerCon .popContents .x_content_pop {padding:0 5px 6px; position:relative; width:100%; float:left; clear:both; margin-bottom:5px; height:calc(100% - 50px);}


.modal-content .ui-resizable-se {
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
	background-repeat:no-repeat; background-position:center; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
	-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); 
	cursor:se-resize; width:20px; height:20px; right:0; bottom:0; position:absolute;}

.divH10 {width:100%; height:10px; float:left;}
.divH20 {width:100%; height:20px; float:left;}

.f-left {float:left;}
.f-right {float:right;}

.tui-grid-container {height:100%;}

input[type="text"].fileName {max-width:150px;}

.fileSearch {display:block;}
.fileHolder {position:relative; min-width:300px; padding:0 70px 0 0;}
.fileControl {position:absolute; top:0; right:0; width:65px;}
.fileControl input[type="file"].fileMulti {position:absolute; width:0; height:0; padding:0; margin:0; overflow:hidden; border:0 none;}
.fileControl label.fileBtn {display:inline-block; width:80px; max-width:none; margin-left:2px; padding:3px 10px; background:#1ABB9C; border-radius:3px; font-size:.95em;
	font-weight:400; color:#F1F6F7; text-align:center; line-height:normal; white-space:nowrap; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.fileControl label.fileBtn:hover {background:#16ab8e;}
.filesBox {min-width:200px; min-height:50px; padding:5px 10px 15px 5px; border:1px solid #d3d3d3; background:#fafafa; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.filesBox a.MultiFile-remove {display:inline-block; overflow:hidden; width:13px; height:13px; background:url(/static/images/multiFile/btn_del.png) no-repeat center center; text-indent:-999px;
	vertical-align:middle; cursor:pointer;}
.filesBox div.MultiFile-label {padding-bottom:5px;}
.filesBox>ul {list-style:none; padding-left:0;}
.filesBox>ul>li {padding-top:5px;}

.initEnOnly {-webkit-ime-mode:disable; -moz-ime-mode:disable; -ms-ime-mode:disabled; ime-mode:disabled;}
.initEn {-webkit-ime-mode:inactive; -moz-ime-mode:inactive; -ms-ime-mode:inactive; ime-mode:inactive;}
.initKo {-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;}

.misoToastGrid1  {background-color:#00ACC1 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid2  {background-color:#00BCD4 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid3  {background-color:#26C6DA !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid4  {background-color:#4DD0E1 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid5  {background-color:#80DEEA !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid6  {background-color:#B2EBF2 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid7  {background-color:#E0F7FA !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid8  {background-color:#E0F2F1 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid9  {background-color:#E8F5E9 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid10 {background-color:#F1F8E9 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid11 {background-color:#FFF8E1 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid12 {background-color:#FFECB3 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid13 {background-color:#FFE082 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid14 {background-color:#FFD54F !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid15 {background-color:#FFCA28 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid16 {background-color:#FFC107 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid17 {background-color:#FFB300 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid18 {background-color:#FFA000 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid19 {background-color:#FF8F00 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid20 {background-color:#FF6F00 !important; color:#000 !important; font-weight:700 !important;}

.misoToastGrid_red 		{color:red !important; font-weight:700 !important;}
.misoToastGrid_blue 	{color:#00F !important; font-weight:700 !important;}
.misoToastGrid_white 	{color:#FFF !important;}
.misoToastGrid_arrow_up_blue 	{background:url(/static/images/grid/grid-arrow-up-blue.png) no-repeat center center;}
.misoToastGrid_new_red 			{background:url(/static/images/grid/grid-new-red.png) no-repeat center center;}
.misoToastGrid_arrow_down_blue 	{background:url(/static/images/grid/grid-arrow-down-blue.png) no-repeat center center;}
.misoToastGrid_arrow_up_red 	{background:url(/static/images/grid/grid-arrow-up-red.png) no-repeat center center;}

.tui-grid-cell-content select {width:98%; height:20px; font-size:12px; color:#2a3f54; border-color:#dadada; border-radius:3px;}
.tui-grid-cell-content input[type=password], .tui-grid-cell-content input[type=text] {width:100%; padding:2px; border:1px solid #fff; border-radius:3px;}

.ajax-loding-wrap {height:100%; left:0; position:fixed; top:0; width:100%; z-index:999999; background:rgba(0, 0, 0, 0.54); display:none;}
.ajax-loding-bar {position:absolute; left:calc(50% - 60px); top:calc(50% - 50px); z-index:1000000; font-size:100px; color:#fff;}

h4#full_modal_label {font-size:14px;}

.input-group-addon {padding:5px 12px; font-size:14px; font-weight:400; line-height:1; color:#555; text-align:center; background-color:#eee; border:1px solid #ccc; border-radius:4px;}

.grid-stack-item-content.x_panel.dark {background-color:#505050; color:#eee;}
.grid-stack-item-content.x_panel.dark * input {background-color:#505050;}
.grid-stack-item-content.x_panel.vintage {background-color:#fef8ef;}
.grid-stack-item-content.x_panel.vintage * input {background-color:#fef8ef;}

.modal-content.modal-fullsize.dark {background-color:#505050; color:#eee;}
.modal-content.modal-fullsize.dark>div>button.close {color:#fff; opacity:.8;}
.modal-content.modal-fullsize.vintage {background-color:#fef8ef;}

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

.tui-pagination .tui-last-child.tui-is-selected {border-right:1px solid #ddd;}
.tui-pagination .tui-first-child.tui-is-selected {border-left:1px solid #ddd;}
.tui-pagination .tui-is-selected, .tui-pagination strong {color:#fdfdfd; background:#60778c; border-color:#ddd; cursor:default;}
.tui-pagination .tui-is-selected:hover {background-color:#669fd0;}

.radio label, .checkbox label {padding-left:0; padding-right:10px;}

.contrastColorBox {width:40px; float:left; margin-right:5px;}
.contrastColorBox span {border:0; border-radius:0; line-height:1.3; padding-bottom:10px;}

/*======================================
				common
========================================*/

/* ********** Basic setting ********** */
/* Button */
/*.btn {padding:6px 12px 5px 12px; margin-right:5px; -webkit-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s; border:1px solid #ccc;}*/
button:last-child, .buttons:last-child, .btn:last-child, .modal-footer .btn+.btn:last-child {margin-right:0;}
.btn.btn-20 {line-height:11px; font-size:11px; padding:4px 7px 4px 7px;}
.btn.btn-25 {line-height:11px; font-size:11px; padding:6px 7px 6px 7px;}
.btn.btn-28 {line-height:13px; font-size:13px; padding:6px 7px 6px 7px;}
.btn.btn-36 {line-height:13px; font-size:13px; padding:11px 13px 11px 13px;}
.btn.btn-circle {line-height:16px; font-size:13px; padding:9px 12px 9px 12px; border-radius:50%;}

/* button_color */
.btn-dark-green				{background:#237852; border:1px solid transparent; color:#ffffff;}
.btn-dark-green:hover		{background:#1d5d41; color:#ffffff;}

.btn.btn-white 				{background:#ffffff; border-color:#cdcdcd; color:#555555;}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white
							{background:#f8f8f8; border-color:#b1b1b1;}	
							
.btn.btn-blue 				{background:#337ab7; border-color:#2e6da4; color:#ffffff;}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue
							{background:#286090; border-color:#122b40;}		

.btn.btn-deepblue			{background:#364c85; border-color:#4666af; color:#ffffff;}
.btn-deepblue:hover, .btn-deepblue:focus, .btn-deepblue:active, .btn-deepblue.active, .open .dropdown-toggle.btn-deepblue 
							{background:#4666af; border-color:#38569a;}

.btn.btn-skyblue			{background:#5bc0de; border-color:#46b8da; color:#ffffff;}
.btn-skyblue:hover, .btn-skyblue:focus, .btn-skyblue:active, .btn-skyblue.active, .open .dropdown-toggle.btn-skyblue
							{background:#31b0d5; border-color:#1b6d85;}

.btn.btn-green 				{background:#5cb85c; border-color:#4cae4c; color:#ffffff;}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green
							{background:#449d44; border-color:#255625;}

.btn.btn-cian 				{background:#007f8b; border-color:#006b75; color:#ffffff;}
.btn-cian:hover, .btn-cian:focus, .btn-cian:active, .btn-cian.active, .open .dropdown-toggle.btn-cian
							{background:#006b75; border-color:#025961;}

.btn.btn-orange				{background:#f0ad4e; border-color:#eea236; color:#ffffff;}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange
							{background:#ec971f; border-color:#985f0d;}

.btn.btn-red				{background:#d9534f; border-color:#d43f3a; color:#ffffff;}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red
							{background:#c9302c; border-color:#761c19;}

.btn.btn-gray 				{background:#777777; border-color:#555555; color:#ffffff;}
.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray
							{background:#555555; border-color:#444444;}

.btn.btn-dark 				{background:#4B5F71; border-color:#364B5F; color:#E9EDEF;}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark
							{background:#394D5F; border-color:#394D5F;}
.btn-teal 				{background:#0ebaaf; color:#fff; border-color:#0ebaaf;}
.btn-teal:hover, .btn.btn-teal:focus, .btn.btn-teal:active		{background:#049091; color:#fff;}



/* button_outline */
.btn.btn-blue.outline 		{background:none; border-color:#2e6da4; color:#2e6da4;}
.btn-blue.outline:hover, .btn-blue.outline:focus, .btn-blue.outline:active, .btn-blue.outline.active, .open .dropdown-toggle.btn-blue.outline
							{border-color:#ff9908;}		

.btn.btn-deepblue.outline	{background:none; border-color:#4666af; color:#4666af;}
.btn-deepblue.outline:hover, .btn-deepblue.outline:focus, .btn-deepblue.outline:active, .btn-deepblue.outline.active, .open .dropdown-toggle.btn-deepblue.outline
							{border-color:#ff9908;}

.btn.btn-skyblue.outline	{background:none; border-color:#46b8da; color:#46b8da;}
.btn-skyblue.outline:hover, .btn-skyblue.outline:focus, .btn-skyblue.outline:active, .btn-skyblue.outline.active, .open .dropdown-toggle.btn-skyblue.outline
							{border-color:#ff9908;}

.btn.btn-green.outline 		{background:none; border-color:#4cae4c; color:#4cae4c;}
.btn-green.outline:hover, .btn-green.outline:focus, .btn-green.outline:active, .btn-green.outline.active, .open .dropdown-toggle.btn-green.outline
							{border-color:#ff9908;}

.btn.btn-cian.outline 		{background:none; border-color:#006b75; color:#006b75;}
.btn-cian.outline:hover, .btn-cian.outline:focus, .btn-cian.outline:active, .btn-cian.outline.active, .open .dropdown-toggle.btn-cian.outline
							{border-color:#ff9908;}

.btn.btn-orange.outline		{background:none; border-color:#eea236; color:#eea236;}
.btn-orange.outline:hover, .btn-orange.outline:focus, .btn-orange.outline:active, .btn-orange.outline.active, .open .dropdown-toggle.btn-orange.outline
							{border-color:#ff9908;}

.btn.btn-red.outline		{background:none; border-color:#d43f3a; color:#d43f3a;}
.btn-red.outline:hover, .btn-red.outline:focus, .btn-red.outline:active, .btn-red.outline.active, .open .dropdown-toggle.btn-red.outline
							{border-color:#ff9908;}

.btn.btn-gray.outline 		{background:none; border-color:#555555; color:#555555;}
.btn-gray.outline:hover, .btn-gray.outline:focus, .btn-gray.outline:active, .btn-gray.outline.active, .open .dropdown-toggle.btn-gray.outline
							{border-color:#ff9908;}

.btn.btn-dark.outline 		{background:none; border-color:#364B5F; color:#364B5F;}
.btn-dark.outline:hover, .btn-dark.outline:focus, .btn-dark.outline:active, .btn-dark.outline.active, .open .dropdown-toggle.btn-dark.outline
							{border-color:#ff9908;}
							
.btn.btn-purple.outline 	{background:none; border-color:#992ee3; color:#992ee3;}
.btn-purple.outline:hover, .btn-purple.outline:focus, .btn-purple.outline:active, .btn-purple.outline.active, .open .dropdown-toggle.btn-purple.outline
							{border-color:#ff9908;}

.btn-teal.outline 		{background:none; border-color:#01a9ac; color:#01a9ac;}
.btn-teal.outline:hover, .btn.btn-teal.outline:focus, .btn.btn-teal.outline:active 	{background:#ecfbfb; color:#01a9ac;}

.btn.btn-light-gray.outline 	{background:#eee; color:#777;}
.btn.btn-light-gray.outline:hover, .btn.btn-light-gray.outline:focus, .btn.btn-light-gray.outline:active 	{background:#606c75; color:#fff;}

.btn.bold {font-weight:bold;}





/*======================================
				radio
========================================*/

*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/* bootstrap 초기화 */
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {margin-top:0; margin-left:0px;}
.radio-inline, .checkbox-inline {margin-top:0; margin-bottom:0; padding-left:0;}
.radio-inline {display:inline-block; margin-right:20px;}
.radio, .checkbox {margin-top:0; margin-bottom:5px;}


.form-radio {position:relative}
.form-radio:after {content:""; display:block; clear:both;}
.form-radio .radio {margin-bottom:3px;}
.form-radio .radio:last-child {margin-bottom:0;}
.form-radio .radio-inline {margin-bottom:0;}
.form-radio .form-help {position:absolute; width:100%}
.form-radio label {position:relative; padding-left:1.5rem; text-align:left; color:#333; display:block; line-height:1.8; font-size:14px;}
.form-radio input {width:auto; opacity:0.00000001; position:absolute; left:0}
.form-radio .radio input:focus+.helper:before {outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px}

.radio .helper {position:absolute; top:-0.15rem; left:-0.25rem; cursor:pointer; display:block; font-size:1rem; color:#999}
.radio .helper::after {transform:scale(0); background-color:#01a9ac; border-color:#01a9ac}
.radio .helper::after, .radio .helper::before {content:''; position:absolute; left:0; top:3px; margin:0.25rem; width:1rem; height:1rem; transition:transform 0.28s ease;
    border-radius:50%; border:0.125rem solid #01a9ac}
.radio .helper::before {background:#fff;}
.radio label:hover .helper {color:#01a9ac}
.radio input:checked~.helper::after {transform:scale(0.5)}
.radio input:checked~.helper::before {color:#01a9ac}
.radio input:checked+.helper::before {border:2px solid #01a9ac;}

.radio.radiofill input:checked~.helper::after {transform:scale(1)}
.radio.radiofill .helper::after {background-color:#01a9ac}

.radio.radio-outline input:checked~.helper::after {transform:scale(0.6)}
.radio.radio-outline .helper::after {background-color:#fff; border:0.225rem solid #01a9ac}

.radio.radio-matrial input~.helper::after {background-color:#fff}
.radio.radio-matrial input:checked~.helper::after {transform:scale(0.5); box-shadow:0 1px 7px -1px rgba(0, 0, 0, 0.72)}
.radio.radio-matrial input:checked~.helper::before {background-color:#01a9ac}

.radio.radio-disable {opacity:0.7}
.radio.radio-disable label {cursor:not-allowed}


/* radio-primary */
.radio.radio-primary .helper::after {background-color:#01a9ac; border-color:#01a9ac}
.radio.radio-primary .helper::before {border:1px solid #ccc;}

.radio.radio-blue .helper::after {background-color:#004b84; border-color:#004b84}
.radio.radio-blue .helper::before {border-color:#004b84}

.radio.radiofill.radio-primary .helper::after {background-color:#01a9ac; border-color:#01a9ac}
.radio.radiofill.radio-primary .helper::before {border-color:#01a9ac}

.radio.radio-outline.radio-primary .helper::after {background-color:#fff; border:0.225rem solid #01a9ac}
.radio.radio-outline.radio-primary .helper::before {border-color:#01a9ac}

.radio.radio-matrial.radio-primary input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-primary input~.helper::before {background-color:#01a9ac; border-color:#01a9ac}

/* radio-warning */
.radio.radio-warning .helper::after {background-color:#fe9365; border-color:#fe9365}
.radio.radio-warning .helper::before {border-color:#fe9365}

.radio.radiofill.radio-warning .helper::after {background-color:#fe9365; border-color:#fe9365}
.radio.radiofill.radio-warning .helper::before {border-color:#fe9365}

.radio.radio-outline.radio-warning .helper::after {background-color:#fff; border:0.225rem solid #fe9365}
.radio.radio-outline.radio-warning .helper::before {border-color:#fe9365}

.radio.radio-matrial.radio-warning input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-warning input~.helper::before {background-color:#fe9365; border-color:#fe9365}

/* radio-default */
.radio.radio-default .helper::after {background-color:#e0e0e0; border-color:#e0e0e0}
.radio.radio-default .helper::before {border-color:#e0e0e0}

.radio.radiofill.radio-default .helper::after {background-color:#e0e0e0; border-color:#e0e0e0}
.radio.radiofill.radio-default .helper::before {border-color:#e0e0e0}

.radio.radio-outline.radio-default .helper::after {background-color:#fff; border:0.225rem solid #e0e0e0}
.radio.radio-outline.radio-default .helper::before {border-color:#e0e0e0}

.radio.radio-matrial.radio-default input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-default input~.helper::before {background-color:#e0e0e0; border-color:#e0e0e0}

/* radio-danger */
.radio.radio-danger .helper::after {background-color:#fe5d70; border-color:#fe5d70}
.radio.radio-danger .helper::before {border-color:#fe5d70}

.radio.radiofill.radio-danger .helper::after {background-color:#fe5d70; border-color:#fe5d70}
.radio.radiofill.radio-danger .helper::before {border-color:#fe5d70}

.radio.radio-outline.radio-danger .helper::after {background-color:#fff; border:0.225rem solid #fe5d70}
.radio.radio-outline.radio-danger .helper::before {border-color:#fe5d70}

.radio.radio-matrial.radio-danger input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-danger input~.helper::before {background-color:#fe5d70; border-color:#fe5d70}

/* radio-success */
.radio.radio-success .helper::after {background-color:#0ac282; border-color:#0ac282}
.radio.radio-success .helper::before {border-color:#0ac282}

.radio.radiofill.radio-success .helper::after {background-color:#0ac282; border-color:#0ac282}
.radio.radiofill.radio-success .helper::before {border-color:#0ac282}

.radio.radio-outline.radio-success .helper::after {background-color:#fff; border:0.225rem solid #0ac282}
.radio.radio-outline.radio-success .helper::before {border-color:#0ac282}

.radio.radio-matrial.radio-success input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-success input~.helper::before {background-color:#0ac282; border-color:#0ac282}

/* radio-inverse */
.radio.radio-inverse .helper::after {background-color:#404E67; border-color:#404E67}
.radio.radio-inverse .helper::before {border-color:#404E67}

.radio.radiofill.radio-inverse .helper::after {background-color:#404E67; border-color:#404E67}
.radio.radiofill.radio-inverse .helper::before {border-color:#404E67}

.radio.radio-outline.radio-inverse .helper::after {background-color:#fff; border:0.225rem solid #404E67}
.radio.radio-outline.radio-inverse .helper::before {border-color:#404E67}

.radio.radio-matrial.radio-inverse input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-inverse input~.helper::before {background-color:#404E67; border-color:#404E67}

/* radio-info */
.radio.radio-info .helper::after {background-color:#2DCEE3; border-color:#2DCEE3}
.radio.radio-info .helper::before {border-color:#2DCEE3}

.radio.radiofill.radio-info .helper::after {background-color:#2DCEE3; border-color:#2DCEE3}
.radio.radiofill.radio-info .helper::before {border-color:#2DCEE3}

.radio.radio-outline.radio-info .helper::after {background-color:#fff; border:0.225rem solid #2DCEE3}
.radio.radio-outline.radio-info .helper::before {border-color:#2DCEE3}

.radio.radio-matrial.radio-info input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-info input~.helper::before {background-color:#2DCEE3; border-color:#2DCEE3}

/* radio-purple */
.radio.radio-purple .helper::after {background-color:#6f539b; border-color:#6f539b}
.radio.radio-purple .helper::before {border-color:#6f539b}

.radio.radiofill.radio-purple .helper::after {background-color:#6f539b; border-color:#6f539b}
.radio.radiofill.radio-purple .helper::before {border-color:#6f539b}

.radio.radio-outline.radio-purple .helper::after {background-color:#fff; border:0.225rem solid #6f539b}
.radio.radio-outline.radio-purple .helper::before {border-color:#6f539b}

.radio.radio-matrial.radio-purple input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-purple input~.helper::before {background-color:#6f539b; border-color:#6f539b}


/*======================================
				check
========================================*/

.border-checkbox-section {display:inline-block;}
.border-checkbox-section .border-checkbox-group {display:inline-block;}
.border-checkbox-section.block-style .border-checkbox-group {display:block; max-width:100%; margin-bottom:12px;}

.lib-search-area .border-checkbox-section.block-style .border-checkbox-group {max-width:188px;}

.border-checkbox-section.block-style .border-checkbox-group:last-child {margin-bottom:0;}
.border-checkbox-section .border-checkbox-group .border-checkbox:checked+.border-checkbox-label:after {animation:check linear 0.5s; opacity:1; border-color:#01a9ac}

.border-checkbox-section .border-checkbox-group .border-checkbox:checked+.border-checkbox-label:after .border-checkbox-label:before {border-color:#eee}
.border-checkbox-section .border-checkbox-group .border-checkbox-label {position:relative; display:inline-block; cursor:pointer; height:20px; line-height:20px; padding-left:15px; margin-right:15px; margin-bottom:0; word-break:break-all;}
.border-checkbox-section .border-checkbox-group .border-checkbox-label:after {content:""; display:block; width:6px; height:12px; opacity:0.9; border-right:2px solid #fff;
    border-top:2px solid #fff; position:absolute; left:4px; top:11px; transform:scaleX(-1) rotate(135deg); transform-origin:left top;}

.border-checkbox-section .border-checkbox-group .border-checkbox-label:before {content:""; display:block; border:2px solid #01a9ac; width:20px; height:20px; position:absolute; left:0; background:#fff;}
.border-checkbox-section .border-checkbox-group .border-checkbox:focus+.border-checkbox-label:before {outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}
.border-checkbox-section .border-checkbox {/* display:none */	opacity:0;}
.border-checkbox-section .border-checkbox:disabled~.border-checkbox-label {cursor:no-drop; color:#ccc}


@-webkit-keyframes check {
    0% {height:0; width:0}
    25% {height:0; width:6px}
    50% {height:12px; width:6px}
}

@keyframes check {
    0% {height:0; width:0}
    25% {height:0; width:6px}
    50% {height:12px; width:6px}
}

.border-checkbox-section .border-checkbox-group-primary .border-checkbox-label:before {border:1px solid #ccc; border-radius:3px;}
.border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked+.border-checkbox-label:before {border:2px solid #01a9ac;}
.border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked+.border-checkbox-label:after {border-color:#01a9ac}
.border-checkbox-section .border-checkbox-group-blue .border-checkbox-label:before {border:2px solid #004b84}
.border-checkbox-section .border-checkbox-group-blue .border-checkbox:checked+.border-checkbox-label:after {border-color:#004b84}
.border-checkbox-section .border-checkbox-group-warning .border-checkbox-label:before {border:2px solid #fe9365}
.border-checkbox-section .border-checkbox-group-warning .border-checkbox:checked+.border-checkbox-label:after {border-color:#fe9365}
.border-checkbox-section .border-checkbox-group-default .border-checkbox-label:before {border:2px solid #bbbbbb}
.border-checkbox-section .border-checkbox-group-default .border-checkbox:checked+.border-checkbox-label:after {border-color:#999999}
.border-checkbox-section .border-checkbox-group-danger .border-checkbox-label:before {border:2px solid #fe5d70}
.border-checkbox-section .border-checkbox-group-danger .border-checkbox:checked+.border-checkbox-label:after {border-color:#fe5d70}
.border-checkbox-section .border-checkbox-group-success .border-checkbox-label:before {border:2px solid #0ac282}
.border-checkbox-section .border-checkbox-group-success .border-checkbox:checked+.border-checkbox-label:after {border-color:#0ac282}
.border-checkbox-section .border-checkbox-group-inverse .border-checkbox-label:before {border:2px solid #404E67}
.border-checkbox-section .border-checkbox-group-inverse .border-checkbox:checked+.border-checkbox-label:after {border-color:#404E67}
.border-checkbox-section .border-checkbox-group-info .border-checkbox-label:before {border:2px solid #2DCEE3}
.border-checkbox-section .border-checkbox-group-info .border-checkbox:checked+.border-checkbox-label:after {border-color:#2DCEE3}
.border-checkbox-section .border-checkbox-group-purple .border-checkbox-label:before {border:2px solid #835bc0}
.border-checkbox-section .border-checkbox-group-purple .border-checkbox:checked+.border-checkbox-label:after {border-color:#835bc0}

.checkbox-fade, .checkbox-zoom {display:inline-block; margin-right:15px}
.checkbox-fade label, .checkbox-zoom label {line-height:20px}

.checkbox-fade label input[type="checkbox"], .checkbox-fade label input[type="radio"], .checkbox-zoom label input[type="checkbox"], .checkbox-zoom label input[type="radio"] {display:none}
.checkbox-fade label input[type="checkbox"]:checked+.cr>.cr-icon, .checkbox-fade label input[type="radio"]:checked+.cr>.cr-icon, .checkbox-zoom label input[type="checkbox"]:checked+.cr>.cr-icon,
.checkbox-zoom label input[type="radio"]:checked+.cr>.cr-icon {transform:scale(1) rotateZ(0deg); opacity:1}
.checkbox-fade label input[type="checkbox"]+.cr>.cr-icon, .checkbox-fade label input[type="radio"]+.cr>.cr-icon, .checkbox-zoom label input[type="checkbox"]+.cr>.cr-icon,
.checkbox-zoom label input[type="radio"]+.cr>.cr-icon {transform:scale(3) rotateZ(-20deg); opacity:0; transition:all 0.3s ease-in}
.checkbox-fade label:after,.checkbox-zoom label:after {content:''; display:table; clear:both}

.checkbox-fade.fade-in-disable .cr, .checkbox-fade.fade-in-disable label, .checkbox-zoom.fade-in-disable .cr, .checkbox-zoom.fade-in-disable label {color:#ccc; cursor:no-drop}
.checkbox-fade .cr, .checkbox-zoom .cr {border-radius:0; border:2px solid #01a9ac; cursor:pointer; display:inline-block; float:left; height:20px;
    margin-right:0.5em; position:relative; width:20px}
.checkbox-fade .cr .cr-icon, .checkbox-zoom .cr .cr-icon {color:#01a9ac; font-size:0.8em; left:0; line-height:0; position:absolute; right:0; text-align:center; top:50%}
.checkbox-fade label {line-height:20px}
.checkbox-fade label input[type="checkbox"], .checkbox-fade label input[type="radio"] {display:none}
.checkbox-fade label input[type="checkbox"]:checked+.cr>.cr-icon, .checkbox-fade label input[type="radio"]:checked+.cr>.cr-icon {transform:scale(1) rotateZ(0deg); opacity:1}
.checkbox-fade label input[type="checkbox"]+.cr>.cr-icon, .checkbox-fade label input[type="radio"]+.cr>.cr-icon {transform:scale(3) rotateZ(-20deg); opacity:0; transition:all 0.3s ease-in}
.checkbox-zoom label {line-height:20px}
.checkbox-zoom label input[type="checkbox"], .checkbox-zoom label input[type="radio"] {display:none}
.checkbox-zoom label input[type="checkbox"]:checked+.cr>.cr-icon, .checkbox-zoom label input[type="radio"]:checked+.cr>.cr-icon {transform:scale3d(1, 1, 1) translate3d(0, 0, 0); opacity:1}
.checkbox-zoom label input[type="checkbox"]+.cr>.cr-icon, .checkbox-zoom label input[type="radio"]+.cr>.cr-icon {
    transform:scale3d(0.2, 0.2, 0.1) translate3d(0, 0, 0); opacity:0; transition:all 0.3s ease-in}

.checkbox-fade.fade-in-primary .cr, .checkbox-fade.zoom-primary .cr, .checkbox-zoom.fade-in-primary .cr, .checkbox-zoom.zoom-primary .cr {border:2px solid #01a9ac}
.checkbox-fade.fade-in-primary .cr .cr-icon, .checkbox-fade.zoom-primary .cr .cr-icon, .checkbox-zoom.fade-in-primary .cr .cr-icon, .checkbox-zoom.zoom-primary .cr .cr-icon {color:#01a9ac}
.checkbox-fade.fade-in-warning .cr, .checkbox-fade.zoom-warning .cr, .checkbox-zoom.fade-in-warning .cr, .checkbox-zoom.zoom-warning .cr {border:2px solid #fe9365}
.checkbox-fade.fade-in-warning .cr .cr-icon, .checkbox-fade.zoom-warning .cr .cr-icon, .checkbox-zoom.fade-in-warning .cr .cr-icon, .checkbox-zoom.zoom-warning .cr .cr-icon {color:#fe9365}
.checkbox-fade.fade-in-default .cr, .checkbox-fade.zoom-default .cr, .checkbox-zoom.fade-in-default .cr, .checkbox-zoom.zoom-default .cr {border:2px solid #e0e0e0}
.checkbox-fade.fade-in-default .cr .cr-icon, .checkbox-fade.zoom-default .cr .cr-icon, .checkbox-zoom.fade-in-default .cr .cr-icon, .checkbox-zoom.zoom-default .cr .cr-icon {color:#e0e0e0}
.checkbox-fade.fade-in-danger .cr, .checkbox-fade.zoom-danger .cr, .checkbox-zoom.fade-in-danger .cr, .checkbox-zoom.zoom-danger .cr {border:2px solid #fe5d70}
.checkbox-fade.fade-in-danger .cr .cr-icon, .checkbox-fade.zoom-danger .cr .cr-icon, .checkbox-zoom.fade-in-danger .cr .cr-icon, .checkbox-zoom.zoom-danger .cr .cr-icon {color:#fe5d70}
.checkbox-fade.fade-in-success .cr, .checkbox-fade.zoom-success .cr, .checkbox-zoom.fade-in-success .cr, .checkbox-zoom.zoom-success .cr {border:2px solid #0ac282}
.checkbox-fade.fade-in-success .cr .cr-icon, .checkbox-fade.zoom-success .cr .cr-icon, .checkbox-zoom.fade-in-success .cr .cr-icon, .checkbox-zoom.zoom-success .cr .cr-icon {color:#0ac282}
.checkbox-fade.fade-in-inverse .cr, .checkbox-fade.zoom-inverse .cr, .checkbox-zoom.fade-in-inverse .cr, .checkbox-zoom.zoom-inverse .cr {border:2px solid #404E67}
.checkbox-fade.fade-in-inverse .cr .cr-icon, .checkbox-fade.zoom-inverse .cr .cr-icon, .checkbox-zoom.fade-in-inverse .cr .cr-icon, .checkbox-zoom.zoom-inverse .cr .cr-icon {color:#404E67}
.checkbox-fade.fade-in-info .cr, .checkbox-fade.zoom-info .cr, .checkbox-zoom.fade-in-info .cr, .checkbox-zoom.zoom-info .cr {border:2px solid #2DCEE3}
.checkbox-fade.fade-in-info .cr .cr-icon, .checkbox-fade.zoom-info .cr .cr-icon, .checkbox-zoom.fade-in-info .cr .cr-icon, .checkbox-zoom.zoom-info .cr .cr-icon {color:#2DCEE3}
.checkbox-fade.fade-in-purple .cr, .checkbox-fade.zoom-purple .cr, .checkbox-zoom.fade-in-purple .cr, .checkbox-zoom.zoom-purple .cr {border:2px solid #553d7a}
.checkbox-fade.fade-in-purple .cr .cr-icon, .checkbox-fade.zoom-purple .cr .cr-icon, .checkbox-zoom.fade-in-purple .cr .cr-icon, .checkbox-zoom.zoom-purple .cr .cr-icon {color:#553d7a}

.checkbox-color {display:inline-block; margin-right:20px; cursor:pointer}
.checkbox-color label {display:inline-block; position:relative; padding-left:10px; line-height:20px}
.checkbox-color label::before {content:""; display:inline-block; position:absolute; top:0; width:20px; height:20px; left:0; right:0; text-align:center;
    margin-left:-20px; border:1px solid #ccc; border-radius:0; background-color:#fff; transition:border 0.15s ease-in-out, color 0.15s ease-in-out}
.checkbox-color label::after {display:inline-block; position:absolute; width:16px; height:16px; left:-1px; top:0; margin-left:-17px; padding-left:3px; padding-top:1px;
    font-size:11px; color:#fff}
.checkbox-color input[type="checkbox"] {opacity:0}
.checkbox-color input[type="checkbox"]:focus+label::before {outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px}
.checkbox-color input[type="checkbox"]:checked+label::after {font-family:'Font Awesome 5 Free'; content:"\f00c";
-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; font-weight:900;}
.checkbox-color input[type="checkbox"]:disabled+label {opacity:0.65}
.checkbox-color input[type="checkbox"]:disabled+label::before {background-color:#eee; cursor:not-allowed}
.checkbox-color.checkbox-circle label::before {border-radius:50%}
.checkbox-color.checkbox-inline {margin-top:0}
.checkbox-danger input[type="checkbox"]:checked+label::after, .checkbox-info input[type="checkbox"]:checked+label::after, .checkbox-primary input[type="checkbox"]:checked+label::after,
.checkbox-success input[type="checkbox"]:checked+label::after, .checkbox-warning input[type="checkbox"]:checked+label::after {color:#fff}
.checkbox-primary input[type="checkbox"]:checked+label::before {background-color:#2196f3; border-color:#2196f3}
.checkbox-primary input[type="checkbox"]:checked+label::before {background-color:#01a9ac}
.checkbox-warning input[type="checkbox"]:checked+label::before {background-color:#fe9365}
.checkbox-default input[type="checkbox"]:checked+label::before {background-color:#e0e0e0}
.checkbox-danger input[type="checkbox"]:checked+label::before {background-color:#fe5d70}
.checkbox-success input[type="checkbox"]:checked+label::before {background-color:#0ac282}
.checkbox-inverse input[type="checkbox"]:checked+label::before {background-color:#404E67}
.checkbox-info input[type="checkbox"]:checked+label::before {background-color:#2DCEE3}
.checkbox-purple input[type="checkbox"]:checked+label::before {background-color:#6a4a9b}




/*============================================================================================================================
											브라우저 별 전용 핵 :임시 주석처리
=============================================================================================================================*/
/*======================================
			사파리, 크롬 전용 핵
========================================*/

/* @media screen and (-webkit-min-device-pixel-ratio:0) {
	.btn {padding:6px 12px 4px 12px;}
;} */



/*======================================
			사파리 모바일 전용 핵
========================================
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
	@media {
		.button a, .button button		{padding:13px 15px 12px 15px;}
		.button_20 a, .button_20 button	{padding:5px 7px 3px 7px;}
		.button_30 a, .button_30 button	{padding:8px 7px 7px 7px;}
	;}
;}*/



.w5p {width:5% !important;}
.w6p {width:6% !important;}
.w7p {width:7% !important;}
.w8p {width:8% !important;}
.w9p {width:9% !important;}
.w10p {width:10% !important;}
.w12p {width:12% !important;}
.w13p {width:13% !important;}
.w15p {width:15% !important;}
.w18p {width:18% !important;}
.w20p {width:20% !important;}
.w23p {width:23% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w32p {width:32% !important;}
.w33p {width:33% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w45p {width:45% !important;}
.w46p {width:46% !important;}
.w47p {width:47% !important;}
.w48p {width:48% !important;}
.w49p {width:49% !important;}
.w50p {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w65p {width:65% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w100p {width:100% !important;}
.w5 {width:5px !important;}
.w7 {width:7px !important;}
.w8 {width:8px !important;}
.w9 {width:9px !important;}
.w10 {width:10px !important;}
.w11 {width:11px !important;}
.w12 {width:12px !important;}
.w13 {width:13px !important;}
.w14 {width:14px !important;}
.w15 {width:15px !important;}
.w16 {width:16px !important;}
.w17 {width:17px !important;}
.w18 {width:18px !important;}
.w19 {width:19px !important;}
.w20 {width:20px !important;}
.w25 {width:25px !important;}
.w30 {width:30px !important;}
.w35 {width:35px !important;}
.w40 {width:40px !important;}
.w45 {width:45px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w230 {width:230px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w310 {width:310px !important;}
.wauto {width:auto !important;}

/* Margin Step */
.bm0 {margin-bottom:0px !important;}
.bm1 {margin-bottom:1px !important;}
.bm2 {margin-bottom:2px !important;}
.bm3 {margin-bottom:3px !important;}
.bm4 {margin-bottom:4px !important;}
.bm5 {margin-bottom:5px !important;}
.bm6 {margin-bottom:6px !important;}
.bm7 {margin-bottom:7px !important;}
.bm8 {margin-bottom:8px !important;}
.bm9 {margin-bottom:9px !important;}
.bm10 {margin-bottom:10px !important;}
.bm11 {margin-bottom:11px !important;}
.bm12 {margin-bottom:12px !important;}
.bm13 {margin-bottom:13px !important;}
.bm14 {margin-bottom:14px !important;}
.bm15 {margin-bottom:15px !important;}
.bm20 {margin-bottom:20px !important;}
.bm30 {margin-bottom:30px !important;}
.bm40 {margin-bottom:40px !important;}
.bm50 {margin-bottom:50px !important;}
.bm60 {margin-bottom:60px !important;}
.bm100 {margin-bottom:100px !important;}

.lm0 {margin-left:0px !important;}
.lm1 {margin-left:1px !important;}
.lm2 {margin-left:2px !important;}
.lm3 {margin-left:3px !important;}
.lm4 {margin-left:4px !important;}
.lm5 {margin-left:5px !important;}
.lm6 {margin-left:6px !important;}
.lm7 {margin-left:7px !important;}
.lm8 {margin-left:8px !important;}
.lm9 {margin-left:9px !important;}
.lm10 {margin-left:10px !important;}
.lm11 {margin-left:11px !important;}
.lm12 {margin-left:12px !important;}
.lm13 {margin-left:13px !important;}
.lm14 {margin-left:14px !important;}
.lm15 {margin-left:15px !important;}
.lm20 {margin-left:20px !important;}
.lm25 {margin-left:25px !important;}
.lm30 {margin-left:30px !important;}
.lm40 {margin-left:40px !important;}
.lm45 {margin-left:45px !important;}
.lm50 {margin-left:50px !important;}
.lm60 {margin-left:60px !important;}
.lm70 {margin-left:70px !important;}
.lm75 {margin-left:75px !important;}
.lm80 {margin-left:80px !important;}
.lm90 {margin-left:90px !important;}
.lm100 {margin-left:100px !important;}
.lm108 {margin-left:108px !important;}
.lm150 {margin-left:150px !important;}
.lm170 {margin-left:170px !important;}

.tm0 {margin-top:0px !important;}
.tm1 {margin-top:1px !important;}
.tm2 {margin-top:2px !important;}
.tm3 {margin-top:3px !important;}
.tm4 {margin-top:4px !important;}
.tm5 {margin-top:5px !important;}
.tm6 {margin-top:6px !important;}
.tm7 {margin-top:7px !important;}
.tm8 {margin-top:8px !important;}
.tm9 {margin-top:9px !important;}
.tm10 {margin-top:10px !important;}
.tm11 {margin-top:11px !important;}
.tm12 {margin-top:12px !important;}
.tm13 {margin-top:13px !important;}
.tm14 {margin-top:14px !important;}
.tm15 {margin-top:15px !important;}
.tm20 {margin-top:20px !important;}
.tm25 {margin-top:25px !important;}
.tm30 {margin-top:30px !important;}
.tm40 {margin-top:40px !important;}
.tm45 {margin-top:45px !important;}
.tm50 {margin-top:50px !important;}
.tm55 {margin-top:55px !important;}
.tm60 {margin-top:60px !important;}
.tm70 {margin-top:70px !important;}
.tm80 {margin-top:80px !important;}
.tm85 {margin-top:85px !important;}
.tm90 {margin-top:90px !important;}
.tm100 {margin-top:100px !important;}
.tm110 {margin-top:110px !important;}
.tm120 {margin-top:120px !important;}
.tm130 {margin-top:130px !important;}
.tm140 {margin-top:140px !important;}
.tm150 {margin-top:150px !important;}
.tm200 {margin-top:200px !important;}

.rm0 {margin-right:0px !important;}
.rm1 {margin-right:1px !important;}
.rm2 {margin-right:2px !important;}
.rm3 {margin-right:3px !important;}
.rm4 {margin-right:4px !important;}
.rm5 {margin-right:5px !important;}
.rm6 {margin-right:6px !important;}
.rm7 {margin-right:7px !important;}
.rm8 {margin-right:8px !important;}
.rm9 {margin-right:9px !important;}
.rm10 {margin-right:10px !important;}
.rm11 {margin-right:11px !important;}
.rm12 {margin-right:12px !important;}
.rm13 {margin-right:13px !important;}
.rm14 {margin-right:14px !important;}
.rm15 {margin-right:15px !important;}
.rm20 {margin-right:20px !important;}
.rm25 {margin-right:25px !important;}
.rm30 {margin-right:30px !important;}

.bp1 {padding-bottom:1px !important;}
.bp2 {padding-bottom:2px !important;}
.bp3 {padding-bottom:3px !important;}
.bp4 {padding-bottom:4px !important;}
.bp5 {padding-bottom:5px !important;}
.bp6 {padding-bottom:6px !important;}
.bp7 {padding-bottom:7px !important;}
.bp8 {padding-bottom:8px !important;}
.bp9 {padding-bottom:9px !important;}
.bp10 {padding-bottom:10px !important;}
.bp11 {padding-bottom:11px !important;}
.bp12 {padding-bottom:12px !important;}
.bp13 {padding-bottom:13px !important;}
.bp14 {padding-bottom:14px !important;}
.bp15 {padding-bottom:15px !important;}
.bp20 {padding-bottom:20px !important;}
.bp25 {padding-bottom:25px !important;}

.lp0 {padding-left:0 !important;}
.lp1 {padding-left:1px !important;}
.lp2 {padding-left:2px !important;}
.lp3 {padding-left:3px !important;}
.lp4 {padding-left:4px !important;}
.lp5 {padding-left:5px !important;}
.lp6 {padding-left:6px !important;}
.lp7 {padding-left:7px !important;}
.lp8 {padding-left:8px !important;}
.lp9 {padding-left:9px !important;}
.lp10 {padding-left:10px !important;}
.lp11 {padding-left:11px !important;}
.lp12 {padding-left:12px !important;}
.lp13 {padding-left:13px !important;}
.lp14 {padding-left:14px !important;}
.lp15 {padding-left:15px !important;}
.lp20 {padding-left:20px !important;}
.lp25 {padding-left:25px !important;}
.lp30 {padding-left:30px !important;}
.lp31 {padding-left:31px !important;}
.lp32 {padding-left:32px !important;}
.lp33 {padding-left:33px !important;}
.lp34 {padding-left:34px !important;}
.lp35 {padding-left:35px !important;}
.lp40 {padding-left:40px !important;}
.lp45 {padding-left:45px !important;}
.lp50 {padding-left:50px !important;}

.tp1 {padding-top:1px !important;}
.tp2 {padding-top:2px !important;}
.tp3 {padding-top:3px !important;}
.tp4 {padding-top:4px !important;}
.tp5 {padding-top:5px !important;}
.tp6 {padding-top:6px !important;}
.tp7 {padding-top:7px !important;}
.tp8 {padding-top:8px !important;}
.tp9 {padding-top:9px !important;}
.tp10 {padding-top:10px !important;}
.tp11 {padding-top:11px !important;}
.tp12 {padding-top:12px !important;}
.tp13 {padding-top:13px !important;}
.tp14 {padding-top:14px !important;}
.tp15 {padding-top:15px !important;}
.tp20 {padding-top:20px !important;}
.tp25 {padding-top:25px !important;}

.rp1 {padding-right:1px !important;}
.rp2 {padding-right:2px !important;}
.rp3 {padding-right:3px !important;}
.rp4 {padding-right:4px !important;}
.rp5 {padding-right:5px !important;}
.rp6 {padding-right:6px !important;}
.rp7 {padding-right:7px !important;}
.rp8 {padding-right:8px !important;}
.rp9 {padding-right:9px !important;}
.rp10 {padding-right:10px !important;}
.rp11 {padding-right:11px !important;}
.rp12 {padding-right:12px !important;}
.rp13 {padding-right:13px !important;}
.rp14 {padding-right:14px !important;}
.rp15 {padding-right:15px !important;}
.rp20 {padding-right:20px !important;}
.rp25 {padding-right:25px !important;}

.pd0 {padding:0;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}

/* Font size */
.font8 {font-size:8px !important;}
.font9 {font-size:9px !important;}
.font10 {font-size:10px !important;}
.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px !important;}
.font16 {font-size:16px !important;}
.font17 {font-size:17px !important;}
.font18 {font-size:18px !important;}
.font19 {font-size:19px !important;}
.font20 {font-size:20px !important;}
.font25 {font-size:25px !important;}
.font30 {font-size:30px !important;}

.lh8 {line-height:8px !important;}
.lh9 {line-height:9px !important;}
.lh10 {line-height:10px !important;}
.lh11 {line-height:11px !important;}
.lh12 {line-height:12px !important;}
.lh13 {line-height:13px !important;}
.lh14 {line-height:14px !important;}
.lh15 {line-height:15px !important;}
.lh16 {line-height:16px !important;}
.lh17 {line-height:17px !important;}
.lh18 {line-height:18px !important;}
.lh19 {line-height:19px !important;}
.lh20 {line-height:20px !important;}
.lh25 {line-height:25px !important;}
.lh30 {line-height:30px !important;}
.lh40 {line-height:40px !important;}

/* Text Align */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

.blockcenter {margin:0 auto;}
.block {display:block !important;}
.inline-block {display:inline-block !important;}
.inline {display:inline !important;}
.display-none {display:none !important;}
.display-block {display:block !important;}

/* Color */
.color_point {color:#ff3300 !important;}
.color_lblue {color:#257bca !important;}
.color_dblue {color:#124b9a !important;}
.color_wblue {color:#205fb5 !important;}
.color_important {color:#ff3300 !important;}
.color_red {color:#ff3300 !important;}
.color_wgray {color:#878787 !important;}
.color_gray {color:#666666 !important;}
.color_lgray {color:#aaaaaa !important;}
.color_wgreen {color:#81b501 !important;}
.color_dgreen {color:#529410 !important;}
.color_white {color:#ffffff !important;}
.color_orange {color:#f66504 !important;}
.color_yellow {color:#ffd800 !important;}
.color_skyblue {color:#129dd1 !important;}
.bold {font-weight:bold !important;}

/*.clear {display:block; float:none; clear:both; height:0 !important; width:0; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}*/
/*.form-control[disabled], .form-control[readonly] {background-color:#eeeeee; opacity:1; color:#777777;}*/
.hidden {display:block;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px;}
.pointer {cursor:pointer;}

.margin-none {margin:0 !important;}
.margin-top-none {margin-top:0 !important;}
.margin-left-none {margin-left:0 !important;}
.margin-right-none {margin-right:0 !important;}
.margin-bottom-none {margin-bottom:0 !important;}
.padding-none {padding:0 !important;}
.padding-top-none {padding-top:0 !important;}
.padding-left-none {padding-left:0 !important;}
.padding-right-none {padding-right:0 !important;}
.padding-bottom-none {padding-bottom:0 !important;}

/*======================================
			align
========================================*/
.fl{float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fr{float:right; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.overflow_h{overflow:hidden;}
hr {height:1px; border-bottom:1px dashed #d9d9d9; margin:10px 0; display:block; float:none; clear:both; height:0 !important; overflow:hidden; padding:0 !important;}



/*============================================================================================================================
														Page CSS
=============================================================================================================================*/

/* 공통요소 */
.x_panel_top_title {font-size:13px; font-weight:700; margin:0 0 -5px 5px; padding:8px 14px 13px 14px; background:#fff; color:#222; display:inline-block; border:1px solid #d9d9d9;
	position:relative; border-radius:5px;}
.mCSB_inside>.mCSB_container {margin-right:20px}
/* #div_layer_popup.modal-content {position:absolute !important; left:0 !important; right:0 !important; top:0 !important; bottom:0 !important;} */

/* Sidebar */
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position:relative;
}
#wrapper::-webkit-scrollbar {
  display: none;
}
#wrapper.toggled {
    padding-left: 280px;
}

    
    
#sidebar-wrapper {
    z-index: 1;
    left: 280px;
    width: 0;
    /* height: 100%; */
    margin-left: -280px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position:absolute;
    top:0;
    overflow:hidden;
    padding-left:10px;
    box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 280px;
}

#page-content-wrapper {
    width: 100%;
    position:relative;
}

#page-content-wrapper div {
	-webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -280px;
    top:0;
}


/* 좌측 Tree */
.x_panel.left_tree {padding:0; width:270px;}
.x_panel.left_tree .tree_select_line {padding:15px 17px;}
.x_panel.left_tree .left_menu_search {padding:10px 17px;}
.x_panel.left_tree .left_menu_search button {width:100%;}

.fdc_main_right {float:right;}

.left_treemenu {text-align:left; direction:ltr; margin:0; padding:0;}
.left_treemenu li {list-style:none;}
.left_treemenu > li > a {background:#2980b9;}
.left_treemenu li ul {padding:0; margin:0;}
.left_treemenu .change-me {position:absolute; right:0; height:40px; text-align:center; padding:0; top:0; z-index:2; line-height:39px;}
.left_treemenu li li .change-me {height:34px; line-height:33px;}
.left_treemenu > li:not(:last-child) {border-bottom:1px solid rgba(38,44,123,0.4);}
.left_treemenu > li:last-child {border-bottom:1px solid rgba(0,0,0,0.4);}
.left_treemenu a {color:#fff; padding:10px; font-size:13px; transition:all 0.35s; display:block; font-weight:500;}
.left_treemenu li {position:relative;}
/*----*/
.left_treemenu li ul {background:#49505a;}
.left_treemenu a {position:relative; overflow:hidden;}
.left_treemenu > li > .nav-child > li > a:before {content:""; background:rgba(0,0,0,0.1); width:100%; height:100%; left:-100%; transition:all 0.35s; position:absolute;
	top:0; display:block;}
.left_treemenu > li .nav-child > li:hover > a:before {left:0; transition:all 0.35s;}
/*----*/
.left_treemenu .nav-child {width:100% !important; background:#292c33;}
.left_treemenu li > .nav-child > li > a {padding:7px 10px 7px 25px;}
.left_treemenu li > .nav-child ul {padding:0 0 0 30px !important; position:relative;}
.left_treemenu li > .nav-child ul:before {height:100%; width:2px; position:absolute; left:30px; top:0; z-index:1; content:""; background:#2980b9;}
.left_treemenu li > .nav-child li.parent>a {border-bottom:1px solid rgba(42,128,185,0.4); border-top:1px solid rgba(42,128,185,0.4);}
.left_treemenu li > .nav-child ul a:hover {transition:all 0.35s; color:#c49ada;}
.left_treemenu li > .nav-child .nav-child li a {}
/*---*/
.left_treemenu span {display:inline-block; width:31px; text-align:center; padding:0 10px; color:#fff; float:left; font-size:12px; font-weight:bold; cursor:pointer;
	background:rgba(0,0,0,.1); height:40px;}
.left_treemenu span:hover {background:rgba(0,0,0,.3);}
.left_treemenu li li span {height:34px; margin-top:1px;}
.left_treemenu li.current.active>span, .left_treemenu li.current.active>a, .left_treemenu>li.current.active.parent>a, .left_treemenu>li.current.active.parent>.change-me>span,
.nav-child>li.current.active, .nav-child>li.current.active>a, .nav-child>li.current.active>.change-me>span {color:#fff; background:none;}
.left_treemenu li.active>* {background:none; color:#fff;}
.left_treemenu .nav-child .nav-child li:hover > a , .left_treemenu .nav-child .nav-child li.active.current > a {color:#c49ada;}
.hide {display:none!important;}

.left_treemenu > li.seleted {background:#61317a;}
.left_treemenu > li .nav-child {background:#292c33;}
.left_treemenu > li.seleted .nav-child {background:#2a242e;}
.left_treemenu > li.seleted > .nav-child li.parent>a {border-bottom:1px solid #63347c; border-top:1px solid #63347c;}
.left_treemenu > li.seleted > .nav-child ul:before {background:#63347c;}

.left_treemenu > li:hover {background:#61317a; transition:all 0.35s;}
.left_treemenu > li:hover .nav-child {background:#2a242e; transition:all 0.35s;}
.left_treemenu > li:hover > .nav-child li.parent>a {border-bottom:1px solid #63347c; border-top:1px solid #63347c; transition:all 0.35s;}
.left_treemenu > li:hover > .nav-child ul:before {background:#63347c; transition:all 0.35s;}
.left_treemenu > li:hover > a {background:#61317a;}

.left_treemenu .memu_fault {background:rgba(255,0,0,.2) !important;}
.left_treemenu .menu_doubt {background:rgba(255,192,0,.2) !important;}


/* 공정 성능 지표 */
.plant_result_area p {margin-bottom:0;}
.plant_result_area .plant_result_title {margin-bottom:15px;}
.plant_result_area .plant_result_title h3 {font-size:18px; font-weight:700; margin-top:19px;}
.plant_result_area .plant_result_title p {font-size:13px;}
.plant_result_area .plant_result {position:relative; border:2px solid #eeeeee; padding:5px; border-radius:10px; background:#fff; cursor:pointer; margin-bottom:10px; 
	display:block; width:100%;
	-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
	
.plant_result_area .plant_result.plant_result_all {border-color:#bfbfbf;}
.plant_result_area .plant_result.plant_result_normal {border-color:#257bca;}
.plant_result_area .plant_result.plant_result_doubt {border-color:#ffc000;}
.plant_result_area .plant_result.plant_result_fault {border-color:#c00000;}

.plant_result_area .plant_result.plant_result_all:hover {background:#f8f8f8;}
.plant_result_area .plant_result.plant_result_normal:hover {background:#dbe8f4;}
.plant_result_area .plant_result.plant_result_doubt:hover {background:#f6eed5;}
.plant_result_area .plant_result.plant_result_fault:hover {background:#eed8d8;}

.plant_result_area .plant_result .plant_circle {width:60px; height:60px; border-radius:30px; border:2px solid #bfbfbf; display:inline-block; text-align:center;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  background:#fff;}
.plant_result_area .plant_result.plant_result_all .plant_circle {border-color:#bfbfbf;}
.plant_result_area .plant_result.plant_result_normal .plant_circle {border-color:#257bca; color:#257bca;}
.plant_result_area .plant_result.plant_result_doubt .plant_circle{border-color:#ffc000; color:#c36518}
.plant_result_area .plant_result.plant_result_fault .plant_circle {border-color:#c00000; color:#c00000}

.plant_result_area .plant_result .plant_circle .status_icon {font-size:23px; font-weight:900; margin-top:0px; display:block;}
.plant_result_area .plant_result.plant_result_all .plant_circle .status_icon {font-size:18px; margin-top:5px;}
.plant_result_area .plant_result .plant_circle .status_txt {font-size:13px; font-weight:900; margin-top:0; color:#333; margin-top:-7px; display:block;}
.plant_result_area .plant_result.plant_result_all .plant_circle .status_txt {margin-top:-3px;}

.plant_result_area .plant_result .status_num {width:calc(100% - 60px); padding:12px 0 0 7px; color:#333; font-size:20px; font-weight:900; text-align:center; display:inline-block;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:right;
	 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.plant_result_area .plant_result.plant_result_all:hover .status_num {color:#000000;}
.plant_result_area .plant_result.plant_result_normal:hover .status_num {color:#257bca;}
.plant_result_area .plant_result.plant_result_doubt:hover .status_num {color:#9f5110;}
.plant_result_area .plant_result.plant_result_fault:hover .status_num {color:#c00000;}

/* 공정 성능 지표 warning */
.plant_result_area .plant_result.plant_result_fault.warning {
	/* background:#189BFA; */
	color:#333333;
	background:#ffffff;
	animation:warning_fault 2s 1s infinite;
	-webkit-animation:warning_fault 2s 1s infinite;
}
.plant_result_area .plant_result.plant_result_fault.warning .status_num {
	color:#333333;
	animation:warning_fault_txt 2s 1s infinite;
	-webkit-animation:warning_fault_txt 2s 1s infinite;
}
@keyframes warning_fault {
	0% 		{background:#ffffff;}
	50% 	{background:#c00000;}
	0% 		{background:#ffffff;}
}
@-webkit-keyframes warning_fault {
	0% 		{background:#ffffff;}
	50% 	{background:#c00000;}
	0% 		{background:#ffffff;}
}
@keyframes warning_fault_txt {
	0% 		{color:#333333;}
	50% 	{color:white;}
	0% 		{color:#333333;}
}
@-webkit-keyframes warning_fault_txt {
	0% 		{color:#333333;}
	50% 	{color:white;}
	0% 		{color:#333333;}
}



/* 공정 성능 지표 warning */
.plant_result_area .plant_result.plant_result_doubt.warning {
	/* background:#189BFA; */
	color:#333333;
	background:#ffffff;
	animation:warning_doubt 2s 1s infinite;
	-webkit-animation:warning_doubt 2s 1s infinite;
}
.plant_result_area .plant_result.plant_result_doubt.warning .status_num {
	color:#333333;
	animation:warning_doubt_txt 2s 1s infinite;
	-webkit-animation:warning_doubt_txt 2s 1s infinite;
}
@keyframes warning_doubt {
	0% 		{background:#ffffff;}
	50% 	{background:#f2ab13;}
	0% 		{background:#ffffff;}
}
@-webkit-keyframes warning_doubt {
	0% 		{background:#ffffff;}
	50% 	{background:#f2ab13;}
	0% 		{background:#ffffff;}
}
@keyframes warning_doubt_txt {
	0% 		{color:#333333;}
	50% 	{color:white;}
	0% 		{color:#333333;}
}
@-webkit-keyframes warning_doubt_txt {
	0% 		{color:#333333;}
	50% 	{color:white;}
	0% 		{color:#333333;}
}



/* 가상센서, 다변량 분석 */
.x_panel.sensor_chart_area {}
.x_panel.wafer_chart_area {}
#div_sensorChart.x_content {padding:0; margin:0;}
#div_waferChart.x_content {padding:0; margin:0;}

/* 혐의 인자 목록 */
.sensor_table.x_panel table tbody tr td span {}
.sensor_table.x_panel table tbody tr td span.con_doubt {background:#ffc000;}
.sensor_table.x_panel table tbody tr td span.con_fault {background:#c00000;}

/* 협의인자 레이어팝업 */
.pop_packet_analysis .x_title_pop h1.title {margin-top:0;} 
#div_sensorChartPop > div {width:100% !important;}
#div_sensorChartPop > div > canvas {width:100% !important;}
.paramer_select {position:absolute; right:10px; top:7px;}

/* ********** 작은 모바일용 CSS ********** */
@media all and (max-width:480px){
	.fdc_theme_select {display:none;}
}


/* ********** Tablet용 CSS ********** */
@media all and (min-width:768px){
	.fdc_theme_select {left:260px;}
}


/* ********** PC용 CSS ********** */
@media all and (min-width:992px){
	
}

/* ********** Wide PC용 CSS ********** */
@media all and (min-width:1200px){
	
}

/* ********** Wide2 PC용 CSS ********** */
@media all and (min-width:1600px){
	.x_panel.plant_result_area:after {background:url(/static/images/chart/stats.png) no-repeat; background-size:80px auto;
		position:absolute; right:35px; bottom:7px; width:80px; height:80px; content:""; opacity:0.5;}

	.left_treemenu {/* max-height:729px; overflow-y:auto; */}
	
	.plant_result_area .plant_result, .plant_result_area .plant_result_title {margin-bottom:0;}
	
	/* 혐의 인자 목록 */
	.sensor_table.x_panel {}
	/* .sensor_table.x_panel table thead tr th {padding-left:30px;} */
	.sensor_table.x_panel table thead tr th, .sensor_table.x_panel table tbody tr td {text-align:center;}
}



/*============================================================================================================================
														Theme 선택
=============================================================================================================================*/
/* layout */
body.theme_dark {color:#f8f8f8;}
body.theme_dark .container.body .right_col {background:#222222;}
body.theme_dark .x_panel {background:#292c33; border:1px solid #595959;}
body.theme_dark .x_title {color:#fff; border-bottom:2px solid #595959;}
body.theme_dark .x_panel_top_title {background:#292c33; color:#fff; border:1px solid #595959;}

/* 공정 성능 지표 */
body.theme_dark .plant_result_area .plant_result_title h3, body.theme_dark .plant_result_area .plant_result_title p {color:#f8f8f8;}
body.theme_dark .plant_result_area .plant_result {background:#292c33;}

body.theme_dark .plant_result_area .plant_result .plant_circle {background:#222;}
body.theme_dark .plant_result_area .plant_result .plant_circle .status_txt {color:#fff;}

body.theme_dark .plant_result_area .plant_result.plant_result_all .plant_circle {color:#fff;}

body.theme_dark .plant_result_area .plant_result.plant_result_all:hover {background:#333333;}
body.theme_dark .plant_result_area .plant_result.plant_result_normal:hover {background:#333333;}
body.theme_dark .plant_result_area .plant_result.plant_result_doubt:hover {background:#333333;}
body.theme_dark .plant_result_area .plant_result.plant_result_fault:hover {background:#333333;}

body.theme_dark .plant_result_area .plant_result .status_num {color:#fff;}
body.theme_dark .plant_result_area .plant_result.plant_result_all:hover .status_num {color:#ffffff;}
body.theme_dark .plant_result_area .plant_result.plant_result_normal:hover .status_num {color:#3d98eb;}
body.theme_dark .plant_result_area .plant_result.plant_result_doubt:hover .status_num {color:#f09951;}
body.theme_dark .plant_result_area .plant_result.plant_result_fault:hover .status_num {color:#e65353;}

body.theme_dark .select2-container--default .select2-results__option[aria-selected=true] {background-color: #777;}
body.theme_dark .select2-container--open .select2-dropdown--below {border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-color: #292c33;}

/* 공정 성능 지표 warning */
body.theme_dark .plant_result_area .plant_result.plant_result_fault.warning {
	color:#ffffff;
	background:#292c33;
	animation:warning_fault_dark 2s 1s infinite;
	-webkit-animation:warning_fault_dark 2s 1s infinite;
}
body.theme_dark .plant_result_area .plant_result.plant_result_fault.warning .status_num {
	color:#ffffff;
	animation:warning_fault_txt_dark 2s 1s infinite;
	-webkit-animation:warning_fault_txt_dark 2s 1s infinite;
}
@keyframes warning_fault_dark {
	0% 		{background:#292c33;}
	50% 	{background:#c00000;}
	0% 		{background:#292c33;}
}
@-webkit-keyframes warning_fault_dark {
	0% 		{background:#292c33;}
	50% 	{background:#c00000;}
	0% 		{background:#292c33;}
}
@keyframes warning_fault_txt_dark {
	0% 		{color:#ffffff;}
	50% 	{color:#ffffff;}
	0% 		{color:#ffffff;}
}
@-webkit-keyframes warning_fault_txt_dark {
	0% 		{color:#ffffff;}
	50% 	{color:#ffffff;}
	0% 		{color:#ffffff;}
}

body.theme_dark .plant_result_area .plant_result.plant_result_doubt.warning {
	color:#ffffff;
	background:#292c33;
	animation:warning_doubt_dark 2s 1s infinite;
	-webkit-animation:warning_doubt_dark 2s 1s infinite;
}
body.theme_dark .plant_result_area .plant_result.plant_result_doubt.warning .status_num {
	color:#ffffff;
	animation:warning_doubt_txt_dark 2s 1s infinite;
	-webkit-animation:warning_doubt_txt_dark 2s 1s infinite;
}
@keyframes warning_doubt_dark {
	0% 		{background:#292c33;}
	50% 	{background:#f2ab13;}
	0% 		{background:#292c33;}
}
@-webkit-keyframes warning_doubt_dark {
	0% 		{background:#292c33;}
	50% 	{background:#f2ab13;}
	0% 		{background:#292c33;}
}
@keyframes warning_doubt_txt_dark {
	0% 		{color:#ffffff;}
	50% 	{color:#ffffff;}
	0% 		{color:#ffffff;}
}
@-webkit-keyframes warning_doubt_txt_dark {
	0% 		{color:#ffffff;}
	50% 	{color:#ffffff;}
	0% 		{color:#ffffff;}
}

/* form */
body.theme_dark .select2-container--default .select2-selection--single .select2-selection__rendered {color:#ffffff;}
body.theme_dark .form-control {background-color:#292c33; color:#f8f8f8;}
body.theme_dark .select2-container--default .select2-selection--single, body.theme_dark.select2-container--default .select2-selection--multiple {background-color:#292c33; border:1px solid #ccc;}

/* bootstrap */
body.theme_dark .table > thead > tr > th, body.theme_dark .table > tbody > tr > th, body.theme_dark .table > tfoot > tr > th, body.theme_dark .table > thead > tr > td,
body.theme_dark .table > tbody > tr > td, body.theme_dark .table > tfoot > tr > td {border-top:1px solid #4b505c;}
body.theme_dark .table > thead > tr > th {border-bottom: 2px solid #4b505c;}
body.theme_dark .table > tbody + tbody {border-top:2px solid #4b505c;}
body.theme_dark .table .table {background-color:#292c33;}
body.theme_dark .table-bordered {border:1px solid #4b505c;}
body.theme_dark .table-bordered > thead > tr > th, body.theme_dark .table-bordered > tbody > tr > th, body.theme_dark .table-bordered > tfoot > tr > th,
body.theme_dark .table-bordered > thead > tr > td, body.theme_dark .table-bordered > tbody > tr > td, body.theme_dark .table-bordered > tfoot > tr > td {border:1px solid #4b505c;}
body.theme_dark .table-striped > tbody > tr:nth-of-type(odd) {background-color:#1f2024;}
body.theme_dark .table-hover > tbody > tr:hover {background-color: #3a3e48;}

body.theme_dark .dataTables_paginate a {background:#1f2024 !important; border-color:#4b505c !important;}

body.theme_dark .modal-content {background:#292c33; border:1px solid #ddd;}
body.theme_dark .layerCon {background:#292c33;}

body.theme_dark .btn-default {color:#fff; background-color:#1f2024; border-color:#595959;}
body.theme_dark .btn-default:focus, body.theme_dark .btn-default.focus {color:#fff; background-color:#3a3e48; border-color:#666666;}
body.theme_dark .btn-default:hover {color:#fff; background-color:#3a3e48; border-color:#666666;}
body.theme_dark .btn-default:active, body.theme_dark .btn-default.active, body.theme_dark .open > .dropdown-toggle.btn-default {
	color:#fff; background-color:#3a3e48; border-color:#666666;}
body.theme_dark .btn-default:active:hover, body.theme_dark .btn-default.active:hover, body.theme_dark .open > .dropdown-toggle.btn-default:hover,
body.theme_dark .btn-default:active:focus, body.theme_dark .btn-default.active:focus, body.theme_dark .open > .dropdown-toggle.btn-default:focus,
body.theme_dark .btn-default:active.focus, body.theme_dark .btn-default.active.focus, body.theme_dark .open > .dropdown-toggle.btn-default.focus {
	color:#fff; background-color:#4d5360; border-color:#777777;}
body.theme_dark .btn-default.disabled:hover, body.theme_dark .btn-default[disabled]:hover, body.theme_dark fieldset[disabled] .btn-default:hover,
body.theme_dark .btn-default.disabled:focus, body.theme_dark .btn-default[disabled]:focus, body.theme_dark fieldset[disabled] .btn-default:focus,
body.theme_dark .btn-default.disabled.focus, body.theme_dark .btn-default[disabled].focus, body.theme_dark fieldset[disabled] .btn-default.focus {
	background-color:#3a3e48; border-color:#666666;}
body.theme_dark .btn-default .badge {color:#333; background-color:#ddd;}

/*body.theme_dark input, button, select, textarea {background-color:#292c33;}*/
/*body.theme_white input, button, select, textarea {background-color:#ffffff; border:1px solid #ccc;}*/
body.theme_dark .filesBox {background-color:#292c33;}
body.theme_dark .well {background-color:#292c33;}
body.theme_dark .layerCon .popContents .contents {background-color:#292c33;}
body.theme_dark .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #ffffff transparent transparent transparent;}
body.theme_dark .layerCon .msg {color: #fff;}
body.theme_dark .tui-grid-container {background-color: #292c33;}
body.theme_dark .x_title h2 {color: #fff;}

.tui-grid-container {
    width: 100%;
    position: relative;
    border-width: 0;
    clear: both;
    font-size: 12px;
    font-family: 'Noto Sans KR';
}



/* CDW 추가 CSS */
.cdwTitle i {}
.cdwTitle {padding:0 5px; height:33px;}
.cdwTitleIcon {position:absolute; top:72px; left:100px; font-size:35px;}

.cdwTitle > .left {padding-left:55px; font-size:20px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; top:2px;}
.cdwTitle > .left.icon {padding-left:10px; font-size:20px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:0; line-height:28px;}
.cdwTitle > .left.icon i {font-size:28px; display:inline-block; margin-right:6px; vertical-align:top;}
.cdwTitle > .right {text-align:right; padding-right:10px;}
.cdwTitle > .right > span {/* float:right; */ position:relative; bottom:5px;}



.cdw_container {padding:0 10px;}
/* .cdw_container .x_panel label {height:24px; line-height:24px; padding-top:4px;} */

/* 팝업 탭 수정 */
.pop_flow ul.bar_tabs {overflow:visible; background:none; height:42px;  margin:15px 0 14px; padding-left:14px; position:relative; z-index:1; width:100%; border-bottom:2px solid #666;}
.pop_flow ul.bar_tabs>li {border:1px solid #444; color:#f8f8f8 !important; margin-top:-2px; margin-left:8px; background:#222; border-bottom:none; border-radius:4px 4px 0 0;}
.pop_flow ul.bar_tabs>li.active {border-right:6px solid #31b0d5; border-top:0; margin-top:-1px;}
.pop_flow ul.bar_tabs>li a {padding:10px 17px; background:#222; margin:0; border-top-right-radius:0; color:#f8f8f8; transition:0.2s; border-bottom:none;}
.pop_flow ul.bar_tabs>li a:hover {border:1px solid #666; background:#333;}
.pop_flow ul.bar_tabs>li.active a {border:1px solid #666; border-bottom:none;}
.pop_flow ul.bar_tabs>li.active a:hover {background:#222; color:#f8f8f8;}
.pop_flow ul.bar_tabs.right {padding-right:14px;}
.pop_flow ul.bar_tabs.right li {float:right;}


/* 모델 매니저 상세 */
.paramHeader {background:#222; height:39px; border:1px solid #444;}
.paramHeader div {text-align:center; color:#f8f8f8; height:37px; line-height:35px; border-right:1px solid #444; margin:0 !important;}
.paramHeader div:last-child {border-right:none;}
.paramBody {border:1px solid #333; border-top:none;}
.paramBody .col-xs-12 {border-right:1px solid #444;}


/*======================================
				panel
========================================*/

.draggable_operator {
  cursor:grab;
  -webkit-touch-callout:none; 
  -webkit-user-select:none;  
  -khtml-user-select:none;   
  -moz-user-select:none;     
  -ms-user-select:none;      
  user-select:none;          
}

.items_area {}
.js-toggle-flow-slidebar {height:40px; position:absolute; left:350px; top:45px; z-index:2; background:#fff; border-radius:0 0 5px 0; 
				border:1px solid #ccc; border-left:0; border-top:none; transition:1s; text-align:center; padding:0 12px; font-size:14px;}
.js-toggle-flow-slidebar:hover {}
.js-toggle-flow-slidebar span {font-size:13px; color:#555; line-height:37px; font-weight:normal; display:inline-block; transition:0.2s;}
.js-toggle-flow-slidebar span:before{display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; display:inline-block; 
									margin-right:8px; content:"\f053"; line-height:40px; font-size:16px;}
.js-toggle-flow-slidebar:hover span {color:#00b0f0;}
.js-toggle-flow-slidebar.hide_panel {left:0px;}
.js-toggle-flow-slidebar.hide_panel span:before {content:"\f054";}

/* 아이템 선택 */
#operatorsItems {position:absolute; left:0; top:46px; width:350px; height:calc(100% - 46px); padding:10px 20px 0; color:#333; border-right:1px solid #ccc; background:#fff;}
#operatorsItems h2 {text-align:center; padding-bottom:8px; font-size:20px; margin-top:5px; font-weight:bold; margin-bottom:20px;}
#operatorsItems .ui-accordion {height:calc(100vh - 319px); overflow-y:auto; overflow-x:hidden; margin-bottom:0;}
#operatorsItems .ui-accordion h3.ui-accordion-header.ui-corner-top, #operatorsItems .ui-accordion h3.ui-accordion-header.ui-corner-all {font-size:15px; border-radius:0;}
#operatorsItems .ui-accordion h3.ui-state-default {text-align:left; margin-top:3px; border:1px solid #c5c5c5; background:#f8f8f8; 
	font-weight:normal; color:#454545;}
#operatorsItems .ui-accordion h3.ui-state-active {background:#337ab7; border:none; font-weight:normal; color:#ffffff;}
#operatorsItems .ui-accordion h3 i {margin-right:8px;}
#operatorsItems .ui-accordion h3:first-child {margin-top:0;}

#operatorsItems .ui-accordion .ui-accordion-content {padding:16px 0 9px; border:none;}

#operatorsItems .ui-accordion ul {padding:0; margin:0; overflow:hidden;}
#operatorsItems .ui-accordion ul li {padding:0; margin:0; list-style:none; width:48%; margin-right:4%; float:left; margin-bottom:7px;}
#operatorsItems .ui-accordion ul li:nth-child(2n) {margin-right:0;}
#operatorsItems .ui-accordion ul li .btn {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff !important; text-align:left;}

#operatorsItems .form-control-feedback.right {border-right:none;}
#operatorsItems .form-control {background-color:transparent;}

#operatorsItems ul.items_footer_btn {padding:0; margin:0 -20px; display:flex; border-top:1px solid #d9d9d9;}
#operatorsItems ul.items_footer_btn li {padding:0; margin:0; width:33.33%; list-style:none; border-right:1px solid #d9d9d9;}
#operatorsItems ul.items_footer_btn li:last-child {border-right:none;}
#operatorsItems ul.items_footer_btn li button {width:100%; height:75px; font-size:12px; text-align:center; padding:10px; border:none; line-height:15px; transition:0.2s; background:#fff;}
#operatorsItems ul.items_footer_btn li button i {display:block; font-size:18px; text-align:center; margin-bottom:6px;}
#operatorsItems ul.items_footer_btn li button.add_query:hover {background:#337ab7; color:#fff;}
#operatorsItems ul.items_footer_btn li button.add_block:hover {background:#5bc0de; color:#fff;}
#operatorsItems ul.items_footer_btn li button.add_excel:hover {background:#5cb85c; color:#fff;}

/* 아이템 상세설정 - 공통 */
/* start 영역 */
.data_select_list {height:calc(100vh - 510px); overflow-y:auto; padding-bottom:20px; z-index:999;}
/* 공통영역 */
.itme_detail_panel {position:absolute; right:-350px; top:46px; width:750px;  padding:10px 20px; display:none;}
.itme_detail_panel.slideInRight {right:0; display:block;}
.itme_detail_panel.slideOutRight {right:-350px;}
.itme_detail_panel button.remove_panel {position:absolute; right:15px; top:12px; width:30px; height:30px; background:transparent; border:1px solid #d9d9d9; border-radius:15px;
										color:#555; font-size:14px; padding:0; line-height:28px; transition:0.2s;}
.itme_detail_panel button.remove_panel i {position:relative; top:-1px;}
.itme_detail_panel button.remove_panel:hover {border-color:#e24325; color:#e24325;}
.itme_detail_panel h2 {text-align:center; padding-bottom:8px; font-size:20px; margin-top:5px; font-weight:bold; margin-bottom:20px;}
.itme_detail_panel h3 {text-align:left; padding-bottom:8px; font-size:16px; margin-top:20px;}
.itme_detail_panel h3 i {margin-right:8px;}
.itme_detail_panel .sm-tit {margin-top:15px; font-size:14px; font-weight:600;}
.itme_detail_panel input, .itme_detail_panel select {margin-top:5px; padding:5px; border-radius:3px;}
.itme_detail_panel .item-value-input {margin-bottom:20px; padding:5px; width:100%;}
.itme_detail_panel .top-input {width:calc(100% - 10px);} 

/* 북마크 */
.itme_detail_panel .bookmark {padding:0; margin:20px 0 0;}
.itme_detail_panel .bookmark li {list-style:none; margin-bottom:10px;}
.itme_detail_panel .bookmark li .btn {width:100%; text-align:left; position:relative; padding-right:20px; }
.itme_detail_panel .bookmark li .btn i {position:absolute; right:10px; top:8px; transition:0.2s;}
.itme_detail_panel .bookmark li .btn i:hover {color:orangered;}

/* 검색 결과화면 */
.result_area {position:absolute; right:0; bottom:-100%; width:100%; height:calc(100vh - 130px); padding:10px 20px; background:#fff; z-index:10; display:none;}
.result_area.slideInUp {bottom:0;  display:block;}
.result_area button.remove_result {position:absolute; right:15px; top:12px; width:30px; height:30px; background:transparent; border:1px solid #d9d9d9; border-radius:15px;
										color:#555; font-size:14px; padding:0; line-height:28px; transition:0.2s;}
.result_area button.remove_result i {position:relative; top:-1px;}
.result_area button.remove_result:hover {border-color:#e24325; color:#e24325;}
.result_area h2 {text-align:center; padding-bottom:8px; font-size:20px; margin-top:5px; font-weight:bold; margin-bottom:20px; border-bottom:1px solid #ccc;}
.result_area h2 i {margin-right:8px;}

.result_area .reslut_img {height:calc(100vh - 196px); overflow-y:auto; overflow-x:hidden; padding-bottom:20px;}
.result_area img {width:100%; height:auto;}



/* Flow Chart */
.flow_data_function {padding:7px 12px; text-align:right; border-bottom:1px solid #666; position:relative;}
.flow_data_function .function_btn button.btn {padding:6px 12px 3px; height:30px;}
.flow_data_function .function_btn button.btn i.fa.fa-check-circle {font-size:14px;}
/* .flow_data_function .function_btn button.btn i {font-size:18px;} */
.flow_data_function .function_btn button.btn span {display:inline-block; margin-left:5px; font-size:12px; position:relative; top:-2px;}

.cdw_container .x_panel .flow_data_function label {padding-top:0; margin-bottom:0;}

.aiflow_name_txt {overflow:hidden;}
.aiflow_name_txt:after{clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0;}
.aiflow_name_txt label {width:auto; padding-right:13px; float:left;}
.aiflow_name_txt input {width:calc(100% - 170px); float:left;}


ul.flow_data_btn li {border-bottom:1px solid #ddd;}
ul.flow_data_btn li:last-child {border-bottom:none;}
ul.flow_data_btn li a {padding:7px 20px;}

/* 차트 기본 설정 */
#dataSearch {width:4000px; height:2000px; background:#1b1e2c;}
#dataSearch:before {content:""; width:4000px; height:2000px; display:block; position:absolute; top:50%; left:50%; margin:-1000px 0 0 -2000px;
	background:url("/static/images/common/flow_grid_model.png") repeat left top;}

/* color-Theme */
.theme_white #dataSearch {background:#f5f5f5;}
.theme_white #dataSearch:before {opacity:0.7;}
.theme_dark #dataSearch {background:#1b1e2c;}
.theme_dark #dataSearch:before {opacity:0.05;}

.theme_white #chart_container {background:repeating-linear-gradient(45deg,#efefef,#efefef 10px,#e0e0e0 10px,#e0e0e0 20px);}
.theme_dark #chart_container  {background:repeating-linear-gradient(45deg,#181a25,#181a25 10px,#0f1014 10px,#0f1014 20px);}

.theme_white .flow_data_function {border-bottom:1px solid #d9d9d9;}
.theme_dark .flow_data_function  {border-bottom:1px solid #666666;}

/* 아이템 선택 */
/* .theme_white #operatorsItems {background:#ffffff; color:#333; border-right:1px solid #ccc;}
.theme_dark #operatorsItems  {background:#333333; color:#fff; border-right:1px solid #666;} */

.theme_white #operatorsItems .form-control {border:1px solid #cccccc;}
.theme_dark #operatorsItems .form-control  {border:1px solid #666666;}

.theme_white #operatorsItems h2, .theme_white #operatorsItems h3 {border-bottom:1px solid #ccc;}
.theme_dark #operatorsItems h2, .theme_dark #operatorsItems h3  {border-bottom:1px solid #999;}

.theme_white #operatorsItems ul li .btn {color:#333 !important;}
.theme_dark #operatorsItems ul li .btn  {color:#fff !important;}

.theme_white .js-toggle-flow-slidebar {background:#fff; border-color:#ccc;}
.theme_white .js-toggle-flow-slidebar span {color:#555;}
.theme_white .js-toggle-flow-slidebar:hover span {color:#00b0f0;}

.theme_dark .js-toggle-flow-slidebar {background:#292c33; border-color:#666;}
.theme_dark .js-toggle-flow-slidebar span {color:#f1f1f1;}
.theme_dark .js-toggle-flow-slidebar:hover span {color:#00b0f0;}

/* 아이템 상세 설정 */
.theme_white .itme_detail_panel {background:#ffffff; color:#333; border-left:1px solid #ccc;}
.theme_dark .itme_detail_panel  {background:#333333; color:#fff; border-left:1px solid #666;}


.theme_white .itme_detail_panel h2, .theme_white .itme_detail_panel h3 {font-weight:600;}
.theme_white .itme_detail_panel h3 {margin:0; padding:20px 0; color:#777; background:#f5f7f7;}
.theme_white .itme_detail_panel h3.db-sm-tit {margin-bottom:15px; font-size:14px; font-weight:500; background:none; border-bottom:2px solid #ccc;} 
.theme_dark .itme_detail_panel h2, .theme_dark .itme_detail_panel h3  {border-bottom:1px solid #999;}

/* data_load iCheck */
.icheckbox_line-grey, .iradio_line-grey {background:transparent; border:1px solid #ccc; transition:0.2s;}
.icheckbox_line-blue, .iradio_line-blue {background:#f1f1f1; border:1px solid #ccc; transition:0.2s; padding:5px 12px 5px 30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.icheckbox_line-blue .icheck_line-icon, .iradio_line-blue .icheck_line-icon {left:10px;}

.icheck_data_table_select .iradio_line-blue {border-radius:3px 3px 0 0;} 
.icheck_data_table_select .icheck_data_num {display:block; padding:7px 7px 7px 27px; border:1px solid #ccc; border-top:none; cursor:pointer;}

.icheck_data_table_select .iradio_line-blue {background:#f1f1f1;}
.icheck_data_table_select .iradio_line-blue + .icheck_data_num {background:#f8f8f8}
.icheck_data_table_select .iradio_line-blue.checked {background:#2489c5; color:#fff;}
.icheck_data_table_select .iradio_line-blue.checked + .icheck_data_num {color:#333; background:#f8f8f8;}


/* ********** bootstrap ********** */
.col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2,
.col-sm-2, .col-md-2, .col-lg-2, .col-xl-1, .col-xs-3, .col-sm-3, .col-md-3,
.col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5,
.col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6,
.col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8,
.col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9,
.col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11,
.col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12,
.col-lg-12, .col-xl-12 
	{position:relative; min-height:1px; float:left; padding-right:5px; padding-left:5px; margin-top:5px; margin-bottom:5px;}

.row {margin-right:-10px; margin-left:-10px;}

.grid_slider .col-md-6 {padding:0 40px;}



/* ********** Chrome Scroll Style ********** */
/* width */
::-webkit-scrollbar {width:8px;height:8px;}
/* Track */
::-webkit-scrollbar-track {background:rgba(238,238,238,0.7);}
/* Handle */
::-webkit-scrollbar-thumb {background:rgba(187,187,187,0.6); border-radius:4px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:rgba(100,100,100,0.5);}


/* 로딩 에니메이션 */
.ajax-loding-wrap {height:100%; left:0; position:fixed; top:0; width:100%; z-index:999999; background:rgba(0, 0, 0, 0.8); display:none; align-items:center;}
.ajax-loding-bar {position:absolute; left:calc(50% - 60px); top:calc(50% - 50px); z-index:1000000; font-size:100px; color:#fff;}

.loading_wrapper {width:auto; height:auto; position:absolute; left:calc(50% - 120px); top:calc(50% - 105px); z-index:1000000;}
.loading_wrapper ul {display:grid; grid-template-columns:repeat(5, 1fr); -webkit-animation:rot 16s linear infinite; animation:rot 16s linear infinite; opacity:0.6;}
@-webkit-keyframes rot {
  100% {-webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@keyframes rot {
  100% {-webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
.loading_wrapper li {width:40px; height:40px; background:#0e73d2; border-radius:4px;
  box-shadow:0 0 1px #fff, 0 0 5px #0e73d2, 0 0 10px #0e73d2, 0 0 15px #0e73d2, 0 0 25px #0e73d2, 0 0 55px #0e73d2;
  -webkit-animation:scale 0.8s linear alternate infinite;
          animation:scale 0.8s linear alternate infinite;}
@-webkit-keyframes scale {
  100% {-webkit-transform:scale(0.1); transform:scale(0.1); opacity:0;}
}
@keyframes scale {
  100% {-webkit-transform:scale(0.1); transform:scale(0.1); opacity:0;}
}
.loading_wrapper li:nth-child(1) {z-index:24;}
.loading_wrapper li:nth-child(2) {z-index:23;}
.loading_wrapper li:nth-child(3) {z-index:22;}
.loading_wrapper li:nth-child(4) {z-index:21;}
.loading_wrapper li:nth-child(5) {z-index:20;}
.loading_wrapper li:nth-child(6) {z-index:19;}
.loading_wrapper li:nth-child(7) {z-index:18;}
.loading_wrapper li:nth-child(8) {z-index:17;}
.loading_wrapper li:nth-child(9) {z-index:16;}
.loading_wrapper li:nth-child(10) {z-index:15;}
.loading_wrapper li:nth-child(11) {z-index:14;}
.loading_wrapper li:nth-child(12) {z-index:13;}
.loading_wrapper li:nth-child(13) {z-index:12;}
.loading_wrapper li:nth-child(14) {z-index:11;}
.loading_wrapper li:nth-child(15) {z-index:10;}
.loading_wrapper li:nth-child(16) {z-index:9;}
.loading_wrapper li:nth-child(17) {z-index:8;}
.loading_wrapper li:nth-child(18) {z-index:7;}
.loading_wrapper li:nth-child(19) {z-index:6;}
.loading_wrapper li:nth-child(20) {z-index:5;}
.loading_wrapper li:nth-child(21) {z-index:4;}
.loading_wrapper li:nth-child(22) {z-index:3;}
.loading_wrapper li:nth-child(23) {z-index:2;}
.loading_wrapper li:nth-child(24) {z-index:1;}
.loading_wrapper li:nth-child(25) {z-index:0;}
.loading_wrapper li:nth-child(1) {-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.loading_wrapper li:nth-child(7) {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.loading_wrapper li:nth-child(13) {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.loading_wrapper li:nth-child(19) {-webkit-animation-delay:0.7s; animation-delay:0.7s;}
.loading_wrapper li:nth-child(24) {-webkit-animation-delay:0.9s; animation-delay:0.9s;}
.loading_wrapper li:nth-child(2) {-webkit-animation-delay:0.2s; animation-delay:0.2s;}
.loading_wrapper li:nth-child(8) {-webkit-animation-delay:0.4s; animation-delay:0.4s;}
.loading_wrapper li:nth-child(14) {-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.loading_wrapper li:nth-child(20) {-webkit-animation-delay:0.8s; animation-delay:0.8s;}
.loading_wrapper li:nth-child(3) {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.loading_wrapper li:nth-child(9) {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.loading_wrapper li:nth-child(15) {-webkit-animation-delay:0.7s; animation-delay:0.7s;}
.loading_wrapper li:nth-child(4) {-webkit-animation-delay:0.4s; animation-delay:0.4s;}
.loading_wrapper li:nth-child(10) {-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.loading_wrapper li:nth-child(5) {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.loading_wrapper li:nth-child(1) {-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.loading_wrapper li:nth-child(6) {-webkit-animation-delay:0.2s; animation-delay:0.2s;}
.loading_wrapper li:nth-child(11) {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.loading_wrapper li:nth-child(16) {-webkit-animation-delay:0.4s; animation-delay:0.4s;}
.loading_wrapper li:nth-child(21) {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.loading_wrapper li:nth-child(7) {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.loading_wrapper li:nth-child(12) {-webkit-animation-delay:0.4s; animation-delay:0.4s;}
.loading_wrapper li:nth-child(17) {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.loading_wrapper li:nth-child(22) {-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.loading_wrapper li:nth-child(13) {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.loading_wrapper li:nth-child(18) {-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.loading_wrapper li:nth-child(23) {-webkit-animation-delay:0.7s; animation-delay:0.7s;}
.loading_wrapper li:nth-child(19) {-webkit-animation-delay:0.7s; animation-delay:0.7s;}
.loading_wrapper li:nth-child(24) {-webkit-animation-delay:0.8s; animation-delay:0.8s;}
.loading_wrapper li:nth-child(25) {-webkit-animation-delay:0.9s;animation-delay:0.9s;}


/* List 화면 */
.x_panel.aiListPanel.pjList-wrap {padding:20px; height:172px; border-left:10px solid green; border-radius:10px;}
.x_panel.aiListPanel.pjList-wrap.disabled {border-left:10px solid red;}
.x_panel.aiListPanel.pjList-wrap .title-img {position:relative; display:inline-block; margin:0 0 0 10px; width:100px; height:100px; overflow:hidden; border:1px solid #d9d9d9; border-radius:60px;}
.x_panel.aiListPanel.pjList-wrap .title-img img.connection-img {position:absolute; top:50%; left:50%; width:100px; height:100px; transform:translate(-50%, -50%);}

.flow_container {padding:0 5px;}
.flow_container .row {margin:5px 0;}
.flow_container .aiTitle {margin-bottom:10px;}
.flow_container .aiTitle:after {content:""; display:block; clear:both;}
.flow_container .aiTitle h2 {margin:9px 0 6px; font-size:14px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; color:#777;}
.flow_container .aiTitle .btn.btn-teal {box-shadow:3px 3px 10px rgba(0,0,0,0.07);}
.flow_container .aiTitle .btn.btn-teal i {margin-right:5px;}
.flow_container .aiSearch {margin-bottom:10px;}
.flow_container .aiSearch .form-control.has-feedback-left {border-radius:3px;}
.flow_container .aiList {height:633px; overflow-y:auto !important;}
.flow_container .aiList span.pj-tit {font-size:16px; font-weight:700;}
.flow_container .aiListCtt_top:after {content:""; display:block; clear:both;}
.flow_container .aiListCtt_top span.pj-date {color:#8c8b8b; font-size:14px;}
.flow_container .aiListCtt_top_icon {float:left; width:60%;}
.flow_container .aiListCtt_top_info {float:right;}
.flow_container .aiListCtt_top_info:after {content:""; display:block; clear:both;}
.flow_container .aiListCtt_top_info .actionBtn-wrap {float:right; width:150px;}
.flow_container .aiListCtt_top_info .actionBtn-wrap button {padding:8px 4px 4px; width:54px; height:54px; color:#8c8b8b; background:#f5f7f7; border-radius:5px; border:none; transition:0.2s;}
.flow_container .aiListCtt_top_info .actionBtn-wrap button:nth-child(2) {margin-top:6px; margin-right:0 !important;}
.flow_container .aiListCtt_top_info .actionBtn-wrap button:nth-child(3) {margin-top:6px; margin-right:2%;}
.flow_container .aiListCtt_top_info .actionBtn-wrap button:hover, .flow_container .aiListCtt_top_info button:focus {color:#fff; background:#01a9ac; outline:0; box-shadow:0 8px 15px rgba(0, 0, 0, 0.12);}
.flow_container .aiListCtt_top_info .actionBtn-wrap button i {display:block; margin-bottom:10px; font-size:14px;}
/* .flow_container .aiListCtt_top_info .actionBtn-wrap button.btn_pj_copy, .aiListCtt_top_info .actionBtn-wrap button.btn_open, .aiListCtt_top_info button.btn_pj_batch{margin-right:2%;} */

/* 커넥션 리스트 변경 */
.flow_container .x_panel.aiListPanel {padding:15px 10px; height:160px; border-radius:8px;}
.flow_container .x_panel.aiListPanel.disableCard {border-left:8px solid red; border-radius:8px;}
.flow_container .x_panel.aiListPanel.connectionCard {border-left:8px solid green; border-radius:8px;}
.flow_container .x_panel.aiListPanel .aiListCtt_r3 {position:relative;}
.flow_container .x_panel.aiListPanel .aiListCtt_r3:after {content:""; display:block; clear:both;}
.flow_container .x_panel.aiListPanel .aiListCtt_r3 button.delete_connection {position:absolute; top:-15px; right:0; padding-right:0; border:0;}
.flow_container .x_panel.aiListPanel .aiListCtt-img-wrap {position:relative;}
.flow_container .x_panel.aiListPanel .aiListCtt-img-wrap:after {content:""; position:absolute; top:0; right:50px; width:1px; height:100%; background:#eee;}
.flow_container .x_panel.aiListPanel .aiListCtt-img-wrap .img-box {position:relative; overflow:hidden; display:inline-block; margin:10px 0 0 10px; width:100px; height:100px; border:1px solid #d9d9d9; border-radius:60px;}
.flow_container .x_panel.aiListPanel .aiListCtt-img-wrap .img-box img {position:absolute; top:50%; left:50%; width:100px; height:100px; transform:translate(-50%, -50%);}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .txt-area {float:left; width:calc(100% - 154px);}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .txt-area h4 {font-weight:600;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .txt-area p {font-size:14px;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .txt-area p.pj-date {color:#999;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .txt-area p.pj-sm-tit {color:#333;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area {float:right; width:154px;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area .btn-box {padding-right:10px; text-align:right;}
/* 버튼이 1~2개 일 경우 */
/* .flow_container .btn-area .btn-box {margin:20px auto; text-align:center;} */
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area button {display:inline-block; margin-top:3px; margin-bottom:3px; width:50px; height:50px; color:#fff; border:0; border-radius:5px; background:#01a9ac; box-shadow:3px 3px 10px #b8d9da;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area button:nth-child(2) {margin-right:0;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area button.btn_pj_copy {margin-right:0;}

/* 미디어 쿼리 */
@media all and (max-width:1600px) {
	
.flow_container .x_panel.aiListPanel .aiListCtt-img-wrap:after {right:17px;}

}

@media all and (max-width:1399px) {
	
.flow_container .x_panel.aiListPanel .aiListCtt-img-wrap {padding:40px 0 40px 20px; width:35%;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap {width:65%;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area {width:100%;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area .btn-box {padding-left:0; text-align:left;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area button.btn_pj_copy {margin-right:2%;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area button.btn_pj_batch, .flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area button.btn_pj_delete {margin-top:0;}

}



/* 데이터노드 선택화면 */
.cdw_container:after {content:""; display:block; clear:both;}
.cdw_container .projectBox {position:inherit !important; float:right; width:256px;}

.flow_data_function.line {border:none;}
.flow_data_function.line .input-box-area {float:left; line-height:28px;}
.flow_data_function.line .input-box-area input {border-radius:3px;}
.flow_data_function.line .input-box-area label {padding-right:5px;}
.flow_data_function.line .function_btn button.btn i.fa-sliders-h, .flow_data_function.line .function_btn button.btn i.fa-exclamation-circle {font-size:14px;}

.x_content .itme_detail_panel {position:unset; padding-bottom:41px;  width:100%; border-left:none;}
.x_content .itme_detail_panel.on {display:block;}
.x_content .itme_detail_panel.off {display:none;}
.x_panel.project-area .x_title h2, .x_panel.detailSet-area .x_title h2 {line-height:26px; font-size:20px;}
.x_panel .x_title:after {content:""; display:block; clear:both;}
.x_panel.project-area, .x_panel.detailSet-area {padding-bottom:17px; margin-bottom:0;}
.project-area .x_content, .detailSet-area .x_content {padding-bottom:0;}
.project-area .x_content .itme_detail_panel, .detailSet-area .x_content .itme_detail_panel {padding:10px 0 0 0;}
.project-area .x_title, .detailSet-area .x_title {margin-bottom:0; padding-bottom:0; border-bottom:none;}

.project-area .x_title:after {padding-top:6px; border-bottom:2px solid #d9d9d9;}
.project-area .x_title .pro-selectBox {position:inherit !important; float:right; width:254px;}

/* 테스트 슬라이드 화면 */
.x_panel.test-left-slide {position:fixed; top:137px; left:-100%; width:48%; z-index:1000;}
.x_panel.open {left:75px;}
.x_panel.test-left-slide button.close_btn {position:absolute; right:0; font-size:16px; color:#ccc; border:none; outline:none;}
.x_panel.test-left-slide .x_content.menu-left-area {margin-top:45px; height:100%;}
.x_panel.test-left-slide .x_content.menu-left-area h3.rule_title {position:relative; height:40px; font-size:18px; color: #4b5f71; font-weight:700; border-bottom:1px solid #ccc;}
.x_panel.test-left-slide .x_content.menu-left-area h3.rule_title select {position:absolute; top:-6px; right:78px; margin-right:10px; padding:4px 5px; font-size:12px; color:#01a9ac; font-weight:normal; border:1px solid #01a9ac; border-radius:3px;}
.x_panel.test-left-slide .x_content.menu-left-area h3.rule_title button.btn-execution {position:absolute; top:-6px; right:0; margin:0; padding:0; width:78px; height:30px; line-height:28px; color:#fff; transition:0.2s; outline:none;}
.x_panel.test-left-slide .x_content.menu-left-area h3.rule_title button.btn-execution:hover {color:#fff; background:#078e87; transition:all 0.2s linear 0s;}
.x_panel.test-left-slide .x_content.menu-left-area h3.rule_title button.btn-execution i.fa-check-circle {margin-right:5px;}
.x_panel.test-left-slide .x_content.menu-left-area .textarea-box {margin-bottom:30px;}
.x_panel.test-left-slide .x_content.menu-left-area .textarea-box textarea {margin-top:5px; width:100%; height:calc(100vh - 706px); overflow-y:auto; resize:none;}
.x_panel.test-left-slide .x_content.menu-left-area .test-table-area .tabel-box .table thead {background:#eee;}
.x_panel.test-left-slide .x_content.menu-left-area .test-table-area .tabel-box .table-hover>tbody>tr:hover {background:#e5f4f5;}

.detailSet-area .x_content .x_title:after {padding-top:8px; border-bottom:2px solid #d9d9d9;}
.detailSet-area .x_content .x_title h2 {margin-top:0; margin-bottom:0; border:none; display:block; position:relative; width:100%; text-align:left;}
.detailSet-area .x_content .x_title h2 button.selected_save_btn {position:absolute; right:0; top:0; padding-left:25px; padding-right:25px; border-color:transparent;}
.detailSet-area .x_content .x_title h2 button.selected_save_btn i.fa.fa-check {margin-right:5px;}
.detailSet-area .x_content .x_title h2 button.selected_test_btn {position:absolute; right:149px; top:0; margin-right:5px;}
.detailSet-area .x_content .x_title h2 button.selected_cancle_btn {position:absolute; right:222px; top:1px; margin-right:5px;}
.detailSet-area .x_content .x_title h2.tit {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-right:150px;}
.displayResultOnOff input[type="checkbox"] {position:absolute; visibility:hidden;}
.displayResultOnOff  label {display: inline-block;position: relative; top: 4px; margin-left:10px; margin-bottom:0; width:48px; height:22px; border-radius:17px; background:#ddd; transition-duration: 0.2s;}
.displayResultOnOff  label span {position:absolute; left:1px; top:1px; width:21px; height:20px; border-radius:50%; background:#fff; transition-duration: 0.2s; z-index:1;}
.displayResultOnOff  label:before, .displayResultOnOff label:after {position:absolute; top:0; width:22px; line-height:22px; text-align:center; color:#fff; font-size:10px;}
/* .displayResultOnOff  label:before {left:0; content:"결과";} */
.displayResultOnOff  label:after {right:1px; content:"결과";}
.displayResultOnOff  input:checked + label {background:#01a9ac;}
.displayResultOnOff  input:checked + label span {transform: translateX(25px);}
.detailSet-area .x_content .x_title h2.tit input[type="checkbox"] {position:absolute; visibility:hidden;}
.detailSet-area .x_content .x_title h2.tit label {display:inline-block;position:relative; top:4px; margin-left:10px; margin-bottom:0; width:48px; height:22px; border-radius:17px; background:#ddd; transition-duration: 0.2s;}
.detailSet-area .x_content .x_title h2.tit label span {position:absolute; left:1px; top:1px; width:21px; height:20px; border-radius:50%; background:#fff; transition-duration: 0.2s; z-index:1;}
.detailSet-area .x_content .x_title h2.tit label:before, .detailSet-area .x_content .x_title h2.tit label:after {position:absolute; top:0; width:22px; line-height:22px; text-align:center; color:#fff; font-size:10px;}
.detailSet-area .x_content .x_title h2.tit label:after {right:1px; content:"결과";}
.detailSet-area .x_content .x_title h2.tit input:checked + label {background:#ddd;}
.detailSet-area .x_content .x_title h2.tit input:checked + label span {transform: translateX(25px);}
.detailSet-area .x_content .md-select-area select, .detailSet-area .x_content .md-select-area input {padding:4px 10px; width:15%; border-radius:3px;}
.detailSet-area .x_content .md-select-area .input-item.pre, .detailSet-area .x_content .md-select-area .input-item.pre-prev {width:42%;}
.detailSet-area .x_content .md-select-area .input-item.pre-after {width:32%;}
.detailSet-area .x_content .md-select-area select.pre-select {width:22%;}
.detailSet-area .x_content .itme_detail_panel .btn-box {margin-top:15px;}
.detailSet-area .x_content .itme_detail_panel .data_select_list {height:calc(100vh - 501px); overflow-y:auto;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.upload-area {height:calc(100vh - 485px);}
.detailSet-area .x_content .itme_detail_panel .data_select_list .btn-box {text-align:right;}
.detailSet-area .x_content .itme_detail_panel .data_select_list .btn-box .btn-xs.upload i.fas.fa-file-upload {margin-right:3px;}
.detailSet-area .x_content .itme_detail_panel .bm10.tac {margin-bottom:0 !important;}
.detailSet-area .x_content .itme_detail_panel .tabel-wrap {width:800px; overflow-x:auto;}
.detailSet-area .x_content .itme_detail_panel .tabel-wrap thead {background:#f5f5f5;}
.detailSet-area .x_content .itme_detail_panel .tabel-wrap thead th, .detailSet-area .x_content .itme_detail_panel .tabel-wrap tbody td, .detailSet-area .x_content .itme_detail_panel .tabel-wrap tfoot td {text-align:center;}
.detailSet-area .x_content .itme_detail_panel .tabel-wrap tbody td, .detailSet-area .x_content .itme_detail_panel .tabel-wrap tfoot td {max-width:300px; word-break:break-all;}
.detailSet-area .x_content .itme_detail_panel .tabel-wrap tbody td.table_upload_td {text-align:left;}
.detailSet-area .x_content .itme_detail_panel .tabel-wrap .table-hover>tbody>tr:hover {background:#e5f4f5;} 

.detailSet-area .x_content .itme_detail_panel .rule_detail_area {height:calc(100vh - 359px); overflow-y:auto;} 
.detailSet-area .x_content .itme_detail_panel .rule_detail_area .x_panel {margin-top:20px; padding-bottom:24px;}

.detailSet-area .x_content .md-select-area .checkbox-area {display:inline-block; float:right; margin-top:2px;}
.detailSet-area .x_content .md-select-area input.regular-check-box[type=checkbox] {display:none;}
.detailSet-area .x_content .md-select-area input.regular-check-box[type=checkbox] + label {display:inline-block; position:relative; margin-right:10px; padding-left:25px; line-height:30px; cursor:pointer;}
.detailSet-area .x_content .md-select-area input.regular-check-box[type=checkbox] + label:before {content:""; display:inline-block; position:absolute; top:7px; left:0; width:18px; height:18px; border-radius:3px; border:2px solid #01a9ac;}
.detailSet-area .x_content .md-select-area input.regular-check-box[type=checkbox]:checked  + label:before {content:"\2713"; text-align:center; line-height:18px; font-size:14px; border:1px solid #ccc;}

.detailSet-area .x_content span.selected_save_btn {position:absolute; right:10px; top:134px; padding-left:25px; padding-right:25px;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.secon_content {height:calc(100vh - 579px); overflow-y: auto;}
.detailSet-area .x_content .itme_detail_panel .db-play-btn-box .btn {width:92px;}
.detailSet-area .x_content .x_sub_title .rule_title .rule_add_btn {position:absolute; top:68px; right:9px; margin:0; padding:0; line-height:28px; width:30px; height:30px; font-size:13px; transition:0.2s; outline:none;}
.detailSet-area .x_content .x_sub_title .rule_title .rule_add_btn i {margin-right:0;}
.detailSet-area .x_content .md-select-area .col-md-8.tar .input-area {margin-right:5px;}
.detailSet-area .x_content .form-radio .input-area {margin-right:5px;}
.detailSet-area .x_content .form-radio .input-area input {padding:4px 10px; width:78%; opacity:1; border-radius:3px;}
.detailSet-area .x_content .form-radio .input-area input.pre-item02 {width:89%;}
.detailSet-area .x_content .form-radio .input-area .input-item02 {width:78%;}
.detailSet-area .x_content .form-radio .input-area .input-item02 span {display:inline-block; margin-top:2px; margin-right:18px; } 
.delete {display:none;}
.detailSet-area .x_content .form-radio .fa-minus-circle {margin-right:16px; vertical-align:middle; font-size:18px; color:#8c8b8b; cursor:pointer;}
.detailSet-area .x_content .form-radio .fa-minus-circle span {padding-left:5px; font-size:13px; vertical-align:middle;}
.detailSet-area .x_content .form-radio-debug label {display:block; position:relative; padding-left:1.5rem; text-align:left; line-height:1.8; font-size:14px; color:#333;}
.detailSet-area .x_content .form-radio-debug label input {display:none;}

.detailSet-area .x_content .itme_detail_panel .data_select_list.third_content {height:calc(100vh - 750px); overflow-y:auto;}
.detailSet-area .x_content .itme_detail_panel .form-box-area {margin:0 auto; padding:10px 10px 10px 30px;}
.detailSet-area .x_content .itme_detail_panel .form-box-area.taForm {height:calc(100vh - 387px); overflow-y:auto;}
.detailSet-area .x_content .itme_detail_panel .form-box-area fieldset .item > label {width:100%; font-weight:500;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .item.host-box {float:left; margin-top:15px; margin-right:6%; width:47%;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .item.port-box {float:left; margin-top:15px; width:47%;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .text-input {width:100%; outline:none;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .item.col-box label {margin-top:15px;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .item.col-idBox {display:inline-block; margin-top:15px;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .item.col-idBox label {display:block; position:relative; margin-top:10px; margin-right:0; padding-left:1.5rem; min-width:126px; text-align:left; line-height:1.8;} 
.detailSet-area .x_content .itme_detail_panel .form-box-area .item.col-idBox input {display:none;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .checkbox-color {margin-right:0; padding-left:5px;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .border-checkbox-section .border-checkbox-group .border-checkbox-label {font-weight:normal; margin-right:0; min-width:128px;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .border-checkbox-section .border-checkbox-group .border-checkbox-label:before {left:4px;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .checkbox-color input[type="checkbox"]:checked+label.border-checkbox-label::after {content:"";}

.detailSet-area .x_content .itme_detail_panel .lp5.rp5:after {content:""; display:block; clear:both;}
.detailSet-area .x_content .itme_detail_panel .lp5.rp5 .set-container {padding-bottom:32px;}
.detailSet-area .x_content .itme_detail_panel .lp5.rp5 .set-container:after {content:""; display:block; clear:both;}
.detailSet-area .x_content .itme_detail_panel .tree-content {float:left; width:28%; height:calc(100vh - 335px); overflow-y:scroll;}
.detailSet-area .x_content .itme_detail_panel .tree-content .user_tree {height:90%; white-space:nowrap;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content {float:left; margin:0 auto; padding:0; width:72%; height:calc(100vh - 335px); clear:none; overflow-y:auto;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category {margin:0 auto; width:90%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category fieldset:after {content:""; display:block; clear:both;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item label {margin-top:10px; margin-right:0; min-width:117px; font-weight:normal;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item label.sm-tit {margin-top:15px; font-size:14px; font-weight:600;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item .radio-inline {margin-right:0;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item:nth-child(3) {float:left; padding-right:10px; width:50%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item.ca-left {float:left; padding-right:10px; width:50%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item.ca-left {float:left; padding-right:10px; width:50%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item:nth-child(4) {float:left; padding-left:10px; width:50%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item.ca-right {float:left; padding-left:10px; width:50%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item.ca-right.condition-value {padding-right:0;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item select {width:100%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item .checkbox-color {margin-right:0;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .div-post-keyword-direct input.col-value-input {margin-bottom:10px; border-radius:3px;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .after-new01Btn-box, .after-saveBtn-box, .after-add-delBtn-box {width:95%; text-align:right;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .after-saveBtn-box, .after-add-delBtn-box {} 
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .after-new01Btn-box .btn.newAdd, .after-saveBtn-box .btn.save, .after-add-delBtn-box .btn.newAdd02, .after-add-delBtn-box .btn.save, .after-add-delBtn-box .btn.del {width:92px;}

.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .radio-inline.radio-primary label {display:block; position:relative; padding-left:1.5rem; text-align:left; line-height:1.8; font-size:14px; color:#333;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .radio-inline.radio-primary label input {display:none;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .table-btn.tar button.rule_save_btn {margin:0; padding:0; line-height:28px; width:30px; height:30px; font-size:13px; color:#333; border:1px solid #d9d9d9; border-radius:15px; background:#fff; transition:0.2s; outline:none; opacity:1; transition:all .2s ease; box-shadow:3px 3px 10px rgba(0,0,0,0.07);}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .table-btn.tar button.rule_save_btn:hover {color:#fff; background:#337ab7;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .radio-area {clear:both; float:none; text-align:center; padding-bottom:22px;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .radio-item {display:inline-block; position:relative; margin:0 auto; width:46%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .radio-item select {margin-top:10px; vertical-align:middle; width:100%; padding: 2px 10px; border-radius: 3px;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .radio-item:before {font-family:'Font Awesome 5 Free'; content:"\f101"; color:#01a9ac; font-size:28px; position:absolute; left:-29px; top:0; display:inline-block; font-style:normal; font-weight:900;}

.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item-2dep input {width:100%; border-radius:3px;}

/* 정답지 비교 화면 */
.slide-panel {position:fixed; top:56px; left:-100%; width:96.5%; transition:all .2s ease; z-index:10000; }
.slide-panel.open {left:70px;}
.slide-panel .x_panel.answer-area {background:#f5f5f5;}
.answer-box .x_title {margin-bottom:25px; padding:1px 5px 6px; border-bottom:1px solid rgba(26,54,126,0.125); border:0;}
.answer-box .x_title h2 {position:relative; width:100%; line-height:28px; font-size:22px; color:#4b5f71;}
.answer-box .x_title h2 button {position:absolute; top:0; height:32px; line-height:22px; border-radius:3px;}
.answer-box .x_title h2 button i {margin-right:5px; font-size:22px; color:#999;}
.answer-box .x_title h2 button.btn-teal.btn-upload {top:0; right:74px; margin-right:8px; width:92px; border-color:transparent;}
.answer-box .x_title h2 button.btn-teal.btn-upload:hover {background:#049091;}
.answer-box .x_title h2 button.btn-teal.btn-upload span {vertical-align:middle; color:#fff;}
.answer-box .x_title h2 button.btn-close.x-btn {top:0; right:0; padding:0; background:none; border:0;}
.answer-box .tab-wrap {margin-top:0; padding:0; height:calc(100vh - 219px); border:0;}
.answer-box .tab_menu {position:relative; height:100%;} 
.answer-box .tab_menu .btn-area-tab {position:absolute; right:0;} 
.answer-box .tab_menu .btn-area-tab ul {border-bottom:1px solid rgba(26,54,126,0.125);} 
.answer-box .tab_menu .btn-area-tab button {border-color:transparent;} 
.answer-box .tab_menu .btn-area-tab button i {margin-right:5px; font-size:14px;}
.answer-box .tab_menu ul {overflow:hidden; padding-left:0;}
.answer-box .tab_menu ul:after {content:""; display:block; clear:both;}
.answer-box .tab_menu ul li {float:left; margin-right:-1px; margin-bottom:-1px; list-style:none;}
.answer-box .tab_menu ul li.list-title {margin-right:22px; width:20%; height:52px;}
.answer-box .tab_menu ul li.list-title a {position:relative; padding-bottom:0; height:52px; text-align:center; color:#777; line-height:52px; font-weight:700; font-size:15px; white-space:nowrap; border:0; background:#ddd; border-radius:5px 5px 0 0;}
.answer-box .tab_menu ul li.list-title a:after {content:""; position:absolute; top:0px; right:-11px; display:inline-block; width:2em; height:52px; border-radius:0 5px 0 0; transform:skew(20deg); box-shadow:3px 3px 3px rgba(0,0,0,0.07); background:#ddd;}
.answer-box .tab_menu ul li a {display:block; padding:1px 10px 8px; color:#a7a7a7; font-size:14px; font-weight:600;}
.answer-box .tab_menu ul li.active a {border-left:4px solid #01a9ac; color:#049091; transition: all .2s; background:#fff;}
.answer-box .tab_menu ul li.active a:after {content:""; background:#fff; z-index:1;}
.answer-box .tab_menu ul li.active .tab-list-box .list-item a {color:#333;}
.answer-box .tab_menu ul li .tab-list-box {position:absolute; left:0; top:42px; width:100%; border:0;}
.answer-box .tab_menu ul li .tab-list-box .list-item {float:none; margin-top:9px; border:0;}
.answer-box .tab_menu ul li .tab-list-box .list-item:after {content:""; display:block; clear:both;}
.answer-box .tab_menu ul li .tab-list-box .list-item .x_panel {padding:10px 17px;}
.answer-box .tab_menu ul li .tab-list-box .list-item.first-item {margin-bottom:15px;}
.answer-box .tab_menu ul li .tab-list-box .list-item.first-item .tui-grid-container {height:calc(100vh - 532px); overflow-y:auto;}
.answer-box .tab_menu ul li .tab-list-box .list-item .tui-grid-cell-head {background-color: #608b8c;}
.answer-box .tab_menu ul li .tab-list-box .list-item .tui-grid-cell-head.tui-grid-cell-selected {background-color: #637777;}
.answer-box .tab_menu ul li .tab-list-box .list-item .tui-pagination .tui-is-selected, .tui-pagination strong {background:#608b8c;}
.answer-box .tab_menu ul li .tab-list-box .list-item h3.tab-con-tit {margin-top:20px; margin-bottom:5px; padding-bottom:0; font-size:18px; color:#333; font-weight:700;}
.answer-box .tab_menu ul li .tab-list-box .list-item h3.tab-con-tit.exact-tit {margin-top:20px; margin-bottom:5px;}
.answer-box .tab_menu ul li .tab-list-box .list-item h3.tab-con-tit span.tab-con-notice {margin-left:10px; font-size:12px; color:#777; font-weight:600;}
.answer-box .tab_menu ul li .tab-list-box .list-item .test-table-area .tabel-wrap {margin-top:14px; height:calc(100vh - 492px); overflow-y:auto;}
.answer-box .tab_menu ul li .tab-list-box .list-item .test-table-area .tabel-wrap .table-responsive {margin:48px auto;}
/* ====================== ====================================================== 정답지 화면 퍼블 작업 ===================================================================== */
.answer-box .tab_menu ul li .tab-list-box .list-item .test-table-area {margin-top:0; padding-right:10px; padding-left:0;}
.answer-box .tab_menu ul li .tab-list-box .list-item .test-table-area:after {content:""; display:block; clear:both;}
.answer-box .tab_menu ul li .tab-list-box .list-item .test-table-area .tabel-wrap thead {background:#f5f5f5;}
.answer-box .tab_menu ul li .tab-list-box .list-item .test-table-area .tabel-wrap .table-hover>tbody>tr:hover {background:#e5f4f5;}
.answer-box .tab_menu ul li .tab-list-box .list-item .column-table {margin-top:0; padding-left:10px; padding-right:0;}
.answer-box .tab_menu ul li .tab-list-box .list-item .column-table-area {margin-top:4px;}
.answer-box .tab_menu ul li .tab-list-box .list-item .column-table .x_content.content_2 .tui-grid-container {height:calc(100vh - 543px);}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area {clear:both;}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area .x_panel {padding:2px 17px; background:#fff;}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area .x_panel p.notice-txt {display:inline-block; margin-top:10px; width:90%; font-size:14px;}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area .x_panel p.notice-txt i {margin-right:5px; color:#777;}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area .x_panel p.notice-txt span {color:#01a9ac;}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area .x_panel button.btn-reset {position:absolute; top:-1px; right:-1px; width:58px; height:48px; color:#01a9ac; background:#fff; border:1px solid #e1e1e1; border-radius:0 5px 5px 0; box-shadow:-2px 2px 10px rgba(0,0,0,0.07);}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area .x_panel button.btn-reset:hover {color:#fff; border-color:#049091; background:#049091;}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area .x_panel button.btn-reset i {font-size:15px;}

.answer-box .tab_menu button.btn.btn-down {position:absolute; top:11px; right:0;}
.answer-box .tab_menu button.btn.btn-down a {color:#fff;}
.answer-box .tab_menu button.btn.btn-down .material-icons {vertical-align:middle; font-size:18px;}

/* ====================== ====================================================== 정답지 화면 퍼블 작업 end ===================================================================== */

/* 결과 화면 */
.result-slide {position:fixed; top:134px; right:-100%; width:48%; z-index:1000;}
.result-slide.displayOn {right:0;}
.result-box .x_title h2 {position:relative; width:100%; line-height:28px; font-size:18px;}
.result-box .x_title h2 button.btn-set{position:absolute; top:0; height:32px; line-height:22px; border-radius:3px;}
.result-box .x_title h2 button.btn-set.btn-slide {right:164px; margin-right:12px; border-color:transparent;}
.result-box .x_title h2 button.btn-set.btn-download {right:64px; margin-right:12px; border-color:transparent;}
.result-box .x_title h2 button.btn-set.btn-download span {vertical-align:middle; color:#fff;}
.result-box .x_title h2 button.btn-set.btn-close{right:0;}
.result-box .x_title h2 button.btn-set i {margin-right:5px; font-size:14px;}
.result-box .test-table-area {margin-top:10px; height:calc(100vh - 311px); overflow-y:auto; overflow:auto;}
.result-box button.question-btn {margin-left:2px; padding:0; border:none; outline:none;}
.result-box button.question-btn i {font-size:15px;}
.result-box button.btn span {color:#01a9ac;}
.result-box button.btn.btn-slide {position:absolute; top:0; right:147px; margin-right:15px;}
.result-box button.btn.btn-slide i {font-size:15px;}
.result-box button.btn.btn-download {position:absolute; top:0; right:45px; margin-right:15px;}
.result-box button.btn.btn-confirm {position:absolute; top:0; right:0;}
.result-box .test-table-area .tabel-wrap thead {background:#f5f5f5;}
.result-box .test-table-area .tabel-wrap .table-hover>thead>tr>th {text-align:center;}
.result-box .test-table-area .tabel-wrap .table-hover>tbody>tr {text-align:center;}
.result-box .test-table-area .tabel-wrap .table-hover>tbody>tr:hover {background:#e5f4f5;}
.result-box .btn-area {position:relative; margin-bottom:10px; padding-bottom:36px;}
.result-box .btn-area button {position:absolute;}
.result-box .btn-area button i {margin-right:3px; font-size:14px;}
.result-box .btn-area button.btn-slide {padding-left:0; color:#01a9ac; font-size:14px; font-weight:bold; border-color:transparent;}
.result-box .btn-area button.btn-slide i {color:#01a9ac; font-size:18px; vertical-align:text-bottom;}
.result-box .btn-area button.btn-slide:hover, .result-box .btn-area button.btn-slide i.fa-caret-left:hover {color:#049091;}
.result-box .btn-area button.btn-confirm {right:90px; margin-right:10px; border-radius:3px;}
.result-box .btn-area button.btn-download {right:0; width:92px; border-radius:3px; border-color:transparent;}


/* test버튼 css */
.testBtn{cursor:pointer;position:fixed;z-index:1001;right:13px;bottom:20px;transition:all ease 1s;display:block;}
.testBtn > .testImg img {display:block; transition:all ease 0.3s;   width:40px; height:auto;}
.testBtn > .testImg i {display:block; transition:all ease 0.3s;   width:40px; height:auto;}
.testBtn > .testImg img:hover {transform:rotate( 15deg );}
.testBtn > .testImg i:hover {transform:rotate( 15deg );}
.testBtn .testImg {border:1px solid #fff; border-radius:50%; background-color:#fff; padding:6px; box-shadow:rgba(0, 0, 0, 0.12) 0px 3px 12px 0px;}
.testBtn > .test_content {width:1000px; height:850px; background-color:#fff; border-radius:10px; z-index:1001; position:fixed; right:13px; bottom:20px; cursor:default;
   	display:none; box-shadow:rgba(0, 0, 0, 0.12) 0px 3px 12px 0px;   	}
.testBtn > .test_content > .close {height:30px; width:100%; position:relative; opacity:1;    }
.testBtn > .test_content > .close  > p{font-size:13px; position:absolute; top:7px; left:13px; color:#0e4e8f;} 
.testBtn > .test_content > .close  > img{display:block; position:absolute; top:6px; right:7px; width:18px; opacity:0.6; transition:all 0.3s;} 
.testBtn > .test_content > .close :hover{opacity:1;}
@media ( max-width :15400px) {
	
}
/* ------- connection_list 페이지 -------  */
.connectionManager button i {margin-right:5px;}
.connection-list{position:relative; overflow-x:hidden; height:calc(100vh - 266px);}

.connection-list .x_panel.connectionCard {position:relative; padding:15px 20px 10px; border-left:10px solid #009845; border-radius:10px;}
.connection-list .x_panel.connectionCard.disabled {border-left:10px solid red;}
.connection-list .x_panel.connectionCard.selected {border-left:10px solid #3d9cd6;}

.connection-list .edit_connection {right:43px;}
.connection-list .edit_connection:hover {border:1px solid #257bca; color:#257bca;}
.connection-list .delete_connection:hover {border:1px solid #c83d26; color:#c83d26;}
.connection-list .edit_connection, .connection-list .delete_connection {position:absolute; right:12px; top:12px; display:inline-block; padding:0; margin:0; width:26px; height:26px; 
		border:1px solid #bcbcbc; line-height:24px; font-size:13px; text-align:center; color:#777; transition:0.2s; background:#fff; border-radius:13px; z-index:2;}
.connection-list .edit_connection .tooltip_area, .connection-list .delete_connection .tooltip_area {width:25px; height:20px; position:relative; display:inline-block;}
.connection-list .edit_connection .tooltip_area span, .connection-list .delete_connection .tooltip_area span {position:absolute; left:0px; top:0px;  width:100%; height:100%; cursor:pointer; display:block; opacity:0;}
.connection-list .edit_connection:hover {color:#257bca; border:1px solid #257bca;}
.connection-list .delete_connection:hover {color:#c83d26; border:1px solid #c83d26;}
.connection-list .delete_connection i {margin-right:0;}

.connection-list .connection-header {overflow:hidden; position:relative;}
.connection-list .connection-header:after {content:""; position:absolute; width:1px; height:60px; left:135px; top:20px; background:#d9d9d9;}
.connection-list .connection-header .title-img {position:relative; display:inline-block; width:100px; height:100px; overflow:hidden; border:1px solid #d9d9d9; border-radius:60px; margin:0 0 0 10px;}
.connection-list .connection-header .title-img  .connection-img {position:absolute; left:50%; top:50%; width:100px; height:100px; transform:translate(-50%, -50%);}
.connection-list .connection-header .title-txt {float:right; padding-left:20px; width:calc(100% - 140px); text-align:left;}
.connection-list .connection-header .title-txt h3 {overflow:hidden; margin:17px 0 0; padding-bottom:10px; line-height:1; font-size:20px; color:#333; white-space:nowrap; text-overflow:ellipsis;}
.connection-list .connection-header .title-txt h4 {margin:5px 0 0 0; font-size:13px; color:#666;}

.connection-list .x_panel.right_modal {position:absolute; width:35%; height:85%; margin-right:-40%; right:0; top:auto; z-index:50;transition:1s; overflow:auto;}
.connection-list .x_panel.right_modal.right_modal_show {margin-right:0%;}

/* 커넥션 ulList 스타일 */
.div_conList_tot{overflow:auto; height:calc(100vh - 572px);}
.div_conList_tot .ul_db_conlist{list-style:none; padding-left:0px;}
.div_conList_tot .ul_db_conlist .li_db_conlist{color:#01a9ac;}
.div_conList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .img_db_connimg{position:absolute; top:50%; width:20px; height:20px;}
.div_conList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist{margin-bottom:10px; width:100%; transition:0.2s; border-color:#01a9ac;}
.div_conList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist.Y{border-left:10px solid #009845;}
.div_conList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist.N{border-left:10px solid red;}
.div_conList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist.active{color:#ffffff; background-color:#01a9ac; border-left:10px solid blue;}
.div_conList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist:hover{color:#ffffff; background-color:#01a9ac;}

.div_batchList_tot .ul_db_conlist{list-style:none; padding-left:0px;}
.div_batchList_tot .ul_db_conlist .li_db_conlist{color:#01a9ac;}
.div_batchList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .img_db_connimg{position:absolute; top:50%; width:20px; height:20px;}
.div_batchList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist{width:100%; transition:0.2s; border-color:#01a9ac;}
.div_batchList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist.Y{border-left:10px solid #009845;}
.div_batchList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist.N{border-left:10px solid red;}
.div_batchList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist.active{color:#ffffff; background-color:#01a9ac; border-left:10px solid blue;}
.div_batchList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist:hover{color:#ffffff; background-color:#01a9ac;}

.connection-list #form_saveConnection > div {margin-bottom:10px;}
.connection-list #form_saveConnection > div:last-child {margin-bottom:0;}

/* 커넥션 추가 */
.x_panel.addConnectionDropDown {position:absolute; margin-top:50px;z-index:51; display:none; overflow-y:auto; border-radius:0 0 5px 5px;}
.x_panel.addConnectionDropDown .layerTop.btn-area {position:absolute; top:14px; right:10px;}
.x_panel.addConnectionDropDown .layerTop.btn-area button.close i.fa-times {font-size:13px;}
.addConnectionDropDown.show{display:block;}
.addConnectionDropDown li .tab.active{background-color:darkseagreen;}
.connectionMetaDiv:hover{background-color: aliceblue;}
.addConnectionDropDown .x_content {margin-bottom:0; padding-bottom:15px;}
.addConnectionDropDown .x_content .tab-content {border:1px solid #d9d9d9; height:calc(100vh - 340px);}

.addConnectionDropDown ul.connection_add_tab {float:left; width:120px;}
.addConnectionDropDown .tab-content {float:right; width:calc(100% - 120px); padding:0 0 20px;}
.addConnectionDropDown .tab-content .connectionMetaDiv {text-align:center; margin-top:10px; padding:10px;}
.addConnectionDropDown .tab-content .connectionMetaDiv .connection_list_img {line-height:130px; height:135px;}
.addConnectionDropDown .tab-content .connectionMetaDiv img {width:90%; max-width:130px; height:auto; max-height:130px;}
.addConnectionDropDown .tab-content .connectionMetaDiv p {font-size:13px; line-height:20px; margin:5px 0 0;}

/*rename project */
.x_panel.renameConnectionDropDown {position:absolute; margin-top:50px;z-index:51; display:none; overflow-y:auto; border-radius:0 0 5px 5px;}
.x_panel.renameConnectionDropDown .layerTop.btn-area {position:absolute; top:14px; right:10px;}
.x_panel.renameConnectionDropDown .layerTop.btn-area button.close i.fa-times {font-size:13px;}
.renameConnectionDropDown.show{display:block;}
.renameConnectionDropDown li .tab.active{background-color:darkseagreen;}
.connectionMetaDiv:hover{background-color: aliceblue;}
.renameConnectionDropDown .x_content {margin-bottom:0; padding-bottom:15px;}
.renameConnectionDropDown .x_content .tab-content {border:1px solid #d9d9d9; height:calc(100vh - 340px);}

.renameConnectionDropDown ul.connection_add_tab {float:left; width:120px;}
.renameConnectionDropDown .tab-content {float:right; width:calc(100% - 120px); padding:0 0 20px;}
.renameConnectionDropDown .tab-content .connectionMetaDiv {text-align:center; margin-top:10px; padding:10px;}
.renameConnectionDropDown .tab-content .connectionMetaDiv .connection_list_img {line-height:130px; height:135px;}
.renameConnectionDropDown .tab-content .connectionMetaDiv img {width:90%; max-width:130px; height:auto; max-height:130px;}
.renameConnectionDropDown .tab-content .connectionMetaDiv p {font-size:13px; line-height:20px; margin:5px 0 0;}

.connection-list .x_panel.right_modal {position:absolute; width:35%; height:85%; margin-right:-40%; right:0; top:auto; z-index:50;transition:1s; overflow:auto;}
.connection-list .x_panel.right_modal.right_modal_show {margin-right:0%;}


/* ------- 배치설정 팝업 -------  */
/* 공통 */
.mCustomScrollBox {outline:none;}
.layerIn .layerTop.btn-area {position:absolute; top:22px; right:10px;}
.layerIn .layerTop.btn-area button.close i.fa-times {font-size:20px;}
.layerCon .popContents .con-setting-wrap {margin-bottom:0; padding:0 26px;}
.layerCon .popContents .con-setting-wrap.btn-wrap {padding-top:22px; border-top:1px solid #ddd;}
.layerCon .popContents .con-setting-wrap .x_title_pop {margin-bottom:0;}
.layerCon .popContents .con-setting-wrap .x_title_pop h3 {margin-top:0; margin-bottom:0; padding-left:10px; font-size:22px; font-weight:600;}
.layerCon .popContents .con-setting-wrap .x_content_pop {margin-bottom:0; padding-bottom:0;}
.layerCon .popContents .con-setting-wrap .x_content_pop form {margin-bottom:24px; border-top:2px solid #ddd;}
.layerCon .popContents .con-setting-wrap .contents {padding:10px 0; max-height:514px; overflow-y:auto; border:0; border-radius:0;}
.layerCon .popContents .con-setting-wrap .contents h4.sm-tit {margin-bottom:10px; font-size:16px; font-weight:normal; color:#555;}
.layerCon .popContents .con-setting-wrap .contents h4.sm-tit i {margin-right:5px;}

.layerCon .popContents .con-setting-wrap .form-group {margin-top:5px; margin-bottom:0; text-align:center;}
.layerCon .popContents .con-setting-wrap .form-group .btn-set {display:inline-block; width:200px;}

/* 커넥션 ulList 스타일 */
.con-setting-wrap .div_batchList_tot .ul_db_conlist {margin-top:15px; margin-bottom:30px;}
.con-setting-wrap .div_batchList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist {margin-bottom:5px;}


/* 테이블 세팅 */
.con-setting-wrap .table-set-col {margin-top:15px; margin-bottom:20px;}
.con-setting-wrap .table-set-col .select2-container--default .select2-selection--single .select2-selection__rendered {margin-right:5px;}
.con-setting-wrap .border-checkbox-section .border-checkbox-group .border-checkbox-label {margin-left:5px; padding-left:6px; font-weight:normal;}
.con-setting-wrap .border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked+.border-checkbox-label:after {left:0;}
.con-setting-wrap .border-checkbox-section .border-checkbox-group-primary .border-checkbox-label:before {border:1px solid #ccc; border-radius:3px;}

.con-setting-wrap .check-input {margin-top:12px; text-align:left;}
.con-setting-wrap .check-input .icheckbox_flat-blue {margin-right:5px;}

.con-setting-wrap .select2-container {margin-bottom:5px;}
.con-setting-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {text-align:left; font-weight:500;}
.con-setting-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color:#666 transparent transparent transparent !important;}

/* Batch */
.col-time-group {float:left;}
.col-time-group.sce {float:left; margin-left:75px; margin-right:10px;}


.con-setting-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:36px;}
.con-setting-wrap .select2-container--default .select2-selection--single {height:38px;}
.con-setting-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {height:38px;}

.con-setting-wrap .form-horizontal .col-date-box {float:left; width:60%; margin-right:2%;}

.con-setting-wrap .form-horizontal .col-time-box {float:left; width:38%;}
.con-setting-wrap .form-horizontal .col-select-group {float:left; margin-right:10px;}
.con-setting-wrap .form-horizontal .control-label {padding-top:5px; text-align:left; line-height:30px; font-size:13px; font-weight:normal; color:#777;}
.con-setting-wrap .form-horizontal .control-label.db-control {margin-right:5px; line-height:20px;}
.con-setting-wrap .form-horizontal .col-expression-group {margin-bottom:5px; width:100%;}
.con-setting-wrap .expression-input-box input {width:97%; height:38px; border-radius:4px;}