@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*
 * LAYOUT
 */
.mb10 {margin-bottom:10px;}
.mt10 {margin-top:10px !important;}
.mr0 {margin-right:0 !important;}
.ml0 {margin-left:0 !important;}
.mr10 {margin-right:10px;}
.mr5 {margin-right:5px;}
.ml10 {margin-left:10px;}
.ml5 {margin-left:5px;}
.mt5 {margin-top:5px;}
.mt15 {margin-top:15px !important;}
.pr5 {padding-right:5px !important;}
.pl5 {padding-left:5px !important;}
.v-top {vertical-align:top;}
.nonborder {border:0 none !important;}
.top-nonborder {border-top-width:0 !important;}
.btm-nonborder {border-bottom-width:0 !important;}
.inline {display:inline-block !important;}
.ellipsis {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body {
	background-color: #efefef;
	min-width: 1300px;
	overflow-x: auto;
	overflow-y: scroll;
}
body.stop-scrolling {
	overflow-y: scroll;
}
body.modal-open {
	overflow: hidden;
}
#header .navbar-fixed-top {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: 50px;
	border-bottom: 0;
	box-shadow: 0 2px 4px rgba(33,33,33,.2);
	-webkit-box-shadow: 0 2px 4px rgba(33,33,33,.2);
	-moz-box-shadow: 0 2px 4px rgba(33,33,33,.2);
	-o-box-shadow: 0 2px 4px rgba(33,33,33,.2);
	-ms-box-shadow: 0 2px 4px rgba(33,33,33,.2);
	background-color: #06a7e2;
	z-index:1000;
}
.navbar-fixed-top .navbar {
	height: 40px;
	background-color: #25b1e4;
	border-radius: 0;
}
.navbar-brand {
	height: 25px;
	line-height: 45px;
	padding: 0 25px;
}
.navbar-brand>img {
	display: inline-block;
	height: 100%;
}
.navbar {
	min-width: 900px;
	margin-bottom: 0;
	border: none;
}
.navbar-header {
	float: left;
}
.navbar-right {
	float: right;
	margin-right: 0;
	padding-right: 15px;
}
.navbar-nav>li {
	float: left;
}
.navbar-default .navbar-nav>li>a {
	vertical-align: middle;
	display: inline-block;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #0e9fd4;
}
.navbar-default .navbar-nav>li:before {
	content: '';
	vertical-align: middle;
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.6);
}
.navbar-default .navbar-nav>li:first-child:before {
	display: none;
}
.nav>li>a:focus,
.nav>li>a:hover {
	background-color: transparent;
}

#container {
	position: relative;
	box-sizing: border-box;
	min-width: 100%;
	min-height: 100%;
	padding-top: 50px;
}
.sidebar {
	overflow-y: auto;
	overflow-x: hidden;
	position: fixed;
	top: 50px;
	bottom: 40px;
	left: 0;
	z-index: 15;
	display: block;
	width: 220px;
	padding-top: 20px;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
	-webkit-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
	-moz-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
	-o-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
	-ms-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
}
.nav-sidebar {
	margin: 0;
	padding: 0;
}
.nav-sidebar + .nav-sidebar {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #d6d6d6;
	box-shadow: inset 0px 2px 0px 0px #f7f7f7;
}
.nav-sidebar li a{
	display: block;
	line-height: 42px;
	min-height: 42px;
	height: auto;
	color: #f1f1f1;
	color: #424242;
	text-decoration: none;
	padding-left: 5px;
	clear: both;
	border-left: 4px solid transparent;
	white-space: nowrap;
}

.nav-sidebar li a i {
	display: inline-block;
	width: 45px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	top: 0px;
	position: relative;
}

.nav-sidebar ul li a {
	padding-left: 42px;
}
.nav-sidebar li a:hover {
	color: #06a7e2;
}
.nav-sidebar li.active > a {
	background-color: rgba(33, 33, 33, 0.1);
	border-left: 4px solid #06a7e2;
}
.nav-sidebar li.active > a:hover {
	color: #424242;
}
.nav-sidebar .nav-second li a {
	margin-bottom: 1px;
	padding: 0 0 0 55px;
	line-height: 36px;
	min-height: 36px;
	margin-bottom: 1px;
}

.nav-sidebar.manual {
	position: fixed;
	bottom: 40px;
	left: 0;
	width: 220px;
	border-top: 0;
	box-shadow: inset 0 0 0 transparent;
	background-color: #fff;
}
.nav-sidebar.manual li {
	padding: 10px;
}
.nav-sidebar.manual li a {
	color: #fff;
	background-color: #000;
}

.sidebar ~ .contents {
	position: relative;
	min-height: 500px;
	padding: 30px;
	padding-left: 250px;
	padding-bottom: 51px;
}
.contents.wide {
	min-width:1400px;
	box-sizing:border-box;
}
.contents.wide2 {
	min-width:1550px;
	box-sizing:border-box;
}
#footer {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1000;
	margin-top: -41px;
	height: 41px;
	border-top: 1px solid #cecece;
	background-color: #2a2725;
}
#footer p {
	padding-right: 20px;
	line-height: 40px;
}
#footer p a {
	color: #fff;
}

/*
 * COMMON
 */
.row.no-space{
	margin: 0;
}
.no-space .col-xs-9,
.no-space .col-xs-3 {
	padding: 0;
}
dl {
	margin-bottom: 0;
}
dt {
	font-weight: normal;
}
dd {
	font-size: 11px;
	color: #848484;
}
dd > small {
	font-size: 11px;
	color: #848484;
}
.btn,
.form-control {
	font-size: 13px;
}
.form-wrap{
	margin-bottom:15px; padding: 15px; border: 1px solid #ddd; background:#fff;
}
.form-inline .form-group {
	display:inline-block;
	margin-bottom: 0;
	vertical-align: middle
}

.form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle
}

.form-inline .form-control-static {
	display: inline-block
}

.form-inline .input-group {
	display: inline-table;
	vertical-align: middle
}

.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
	width: auto
}

.form-inline .input-group>.form-control {
	width: 100%
}
.form-inline .input-group.full {
	width:100%;
}
.form-inline .input-group.full .input-group-btn {
	width:32px;
}
.form-inline .control-label {
	margin-bottom: 0;
	vertical-align: middle
}

.form-inline .checkbox,.form-inline .radio {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle
}

.form-inline .checkbox label,.form-inline .radio label {
	padding-left: 0
}

.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
	position: relative;
	margin-left: 0
}

.form-inline .has-feedback .form-control-feedback {
	top: 0
}

.form-inline .txt {display:inline-block;line-height:32px;vertical-align:middle;}

.form-div label {display:inline-block;min-width:45px;margin-right:10px;}
.form-div .input-group {display:inline-flex;width:464px;margin-right:10px;}
.form-div .input-group > .form-control {width:400px;}
.form-div .input-group.add-url > .btn {width:64px;}
.btn {
	border-radius: 2px;
}

/* .btn:active { */
/* 	position: relative; */
/* 	top: 1px; */
/* 	left: 1px */
/* } */
.btn-mo {
	height:31px;
}
.btn-mo .fa {
	font-size:1.5em;
}
.btn-primary {
	color: #fff;
	background-color: #3276b1;
	border-color: #2c699d;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #275b89;
	border-color: #1f496d;
}
label {
	font-weight: normal;
	margin-bottom: 0;
}
.form-control {
	height: 32px;
	border-radius: 0;
	box-shadow:none;
}
.form-control.input-sm {
	font-size: 12px;
	height: 22px;
}
textarea {
	width: 100%;
}
textarea,
textarea.form-control {
	resize: vertical;
}
.input-icon {
	position: relative;
	left: 0;
	display: inline-block;
}
.input-group-addon {
	font-size: 12px;
}
.input-icon>.form-control {
	padding-left: 33px
}

.input-group .input-icon+.input-group-addon {
	border-left: 0;
	border-right: 0;
}

.input-group .input-icon {
	display: table-cell;
}
.input-group-btn>.btn  {
	height: 32px;
	border-radius: 0;
}
/* .form-control + .input-group-btn .btn { */
/* 	border-left: 0; */
/* } */

.input-icon>i {
	color: #ccc;
	position: absolute;
	margin: 11px 2px 4px 10px;
	z-index: 5;
	width: 16px;
	text-align: center;
	left: 0;
}
input[type=checkbox], input[type=radio] {
	margin-top: 3px;
}
small {
	font-size: 100%;
}
.required {
	color: red;
}
.box-link {
	margin-bottom: 15px;
}
.input-group.add-url {
	margin-right: 10px;
}
.input-group.add-url  > .form-control{
	width: 400px;
}
/*
 * LOGIN
 */

.login {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

}
.login .modal-dialog {
	margin: 0;
}

.modal-content .form-signin {
	max-width: 400px;
	margin: 0 auto;
	text-align: center;
}
.form-signin-heading {
	margin: 0;
}
.form-signin-heading {
	padding: 15px 10px;
}

.form-signin-heading .fa {
	color: #6ebaff;
}

.form-signin .checkbox {
	font-weight: normal;
}

.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.form-signin .input-group {
	margin-bottom: 15px;
}

/*
 * contents
 */
.page-header,
h1:last-child.page-header {
	margin: 0 0 10px;
	margin-bottom: 10px;
	padding: 0;
	border: 0;
	color: rgba(118, 118, 118, 1.0);
	font-weight: normal;
}
.page-header em {
	font-size:14px;
	color:#000;
	font-style: normal;
}

.box {
	margin-bottom: 15px;
	background-color: #fff;
	border-width: 1px 1px 1px;
	border-style: solid;
	border-top: none;
	border-color: #ccc;
}

.widget {
	margin-bottom: 0;
}
.box ~ .box {
	margin-bottom: 0;
	margin-top: -2px;
}
.searchbar {}
.box-search{
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #fbfbfb;
	border: 1px solid #ccc;
}
.searchbar .btn-search{
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
}
.box-search .btn-collapse{
	background-color: #fbfbfb;
	border: 0;
}
.box-search #toggle-filter .row {
	padding-top: 10px;
}
.box-search .checkbox-inline + .form-control {
	margin-left: 10px;
}
.widget-header {
	position: relative;
	height: 34px;
	color: #fff;
	border-color: #45474b;
	background: #4c4f53;
}
.widget-header  h2 {
	position: relative;
	display: inline-block;
	width: auto;
	height: 100%;
	margin-left: 10px;
	line-height: 34px;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 14px;
}
.widget h3 {
	padding: 8px 0;
	border-bottom: 1px dashed rgba(0,0,0,.2);
	background: #fff;
	font-size: 16px;
	font-weight: 300;
	color: #222;
	margin: 25px 0 20px;
}
.widget-header .form-control {
	height: 32px;
	border: 0;
	border-right: 1px solid #ddd;
	border-radius: 0;
}
.widget-header small {
	display: inline-block;
	margin-left: 10px;
	color: #fff;
}
.widget-header .btn{
	float: right;
	height: 32px;
	padding: 0 12px;
	font-size: 12px;
	line-height: 22px;
	border: 0;
	color: #fff;
	background-color: transparent;
}
.widget-header .collapsed .btn i:before,
.widget-header .btn.collapsed i:before{
	content: '\f078';
}
.widget-header .toggle {
	text-align: left;
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background-color: transparent;
}
.widget-header .toggle h2 {
	margin-bottom: 0;
}
.widget-header .toggle .btn {
	line-height: 32px;
}
.widget-header .btn-icon {
	position: absolute;
	right: 0;
	top: 0;
	height: 32px;
	color: #fff;
	background-color: transparent;
}
.widget-body {
	position: relative;
	border: 1px solid #ccc;
	border-top: 0;
}

.widget-body .toolbar {
	position: relative;
	padding: 20px;
	background: #fafafa;
}
.widget-body .toolbar-footer,
.box .box-header,
.box .box-footer {
	background: #fafafa;
	padding: 5px 10px;
	box-shadow: inset 0 1px #fff;
}
.box .box-header h2 {
	font-size:15px;
	line-height:25px;
	text-align:center;
}
.widget-body .toolbar select.form-control {
	max-width: 250px;
}
.box .box-footer .total,
.widget-body .toolbar .total {
	padding-top: 9px;
}
.total {
	display: inline-block;
	margin-right: 10px;
}
.total + .form-inline {
	display: inline-block;
}
.widget-footer {
	display: block;
	padding: 7px 14px 15px;
	border-top: 1px solid rgba(0,0,0,.1);
	background: rgba(248,248,248,.9);
}
.widget-footer .btn {
	height: 31px;
	margin: 10px 0 0 5px;
	padding: 0 22px;
}
.widget .widget {
	margin: 0;
	border: 0;
}

/* nav-tabs */

/* .nav-tabs>li.active>a,  */
/* .nav-tabs>li.active>a:focus,  */
/* .nav-tabs>li.active>a:hover {border-top: 0;} */
.nav-tabs {
	margin-bottom: 10px;
}

.nav-tabs li a {
	border-radius: 0;
	margin-right: 1px;
	padding: 8px 15px;
	color: #555;
	border-top: 2px solid transparent;

}
.nav-tabs>li>a:hover {
	background-color: transparent;
}
.nav-tabs.nav-pills>li+li {
	margin-left: 0;
}
.nav-pills>li>a,
.nav-pills>li>a:focus,
.nav-pills>li>a:hover {
	background-color: #ececec
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	background-color: #fff;
	color: rgba(0, 0, 0, 0.87);
	border-top: 2px solid #25b1e4;
}

.tab-searchbar{margin-bottom:15px;}
.tab-searchbar .tabmenu{position:relative;z-index:1;margin-bottom:0;}
.tab-searchbar .tabmenu>li>a,
.tab-searchbar .tabmenu>li>a:focus,
.tab-searchbar .tabmenu>li>a:hover {border-color: #ddd #ddd transparent; background-color: #ddd;}
.tab-searchbar .tabmenu>li.active>a,
.tab-searchbar .tabmenu>li.active>a:focus,
.tab-searchbar .tabmenu>li.active>a:hover {background-color: #fff; color: rgba(0, 0, 0, 0.87); border-top: 2px solid #25b1e4;}
.tab-searchbar .tabmenu + .tab-content {margin-top:-1px;}

.tab-pane .widget-header {
	display: none;
}
.tab-pane .widget-body {
	border: 0;
}
.content {border-top: 1px solid #d7d7d7;}

.table-bordered + .content,
.content + .content,
.content + .table-bordered {
	margin-top: -1px;
	border-top: 0;
}
.searchbar select.form-control {
	min-width: 150px;
}
.searchbar .form-inline .input-group .form-control.datetimepicker{
	width: 130px;
}
.searchbar .checkbox-inline,
.searchbar .radio-inline{
	margin: 0 5px;
	line-height: 32px;
	font-size: 13px;
}
.searchbar .checkbox input[type=checkbox],
.searchbar .checkbox-inline input[type=checkbox],
.searchbar .radio input[type=radio],
.searchbar .radio-inline input[type=radio]{
	margin-top: 10px;
}

.category-2depth td{
	/* 	background-color: #f5f5f5; */
}
.category-1depth,
.category-1depth td {
	background-color: #ebecef;
}
.depth-in .fa-level-up {
	margin-right: 5px;
	transform: rotate(90deg);
	opacity: 0.6;
}
.depth-in-2 {
	padding-left: 20px;
}
.depth-in-3 {
	padding-left: 60px;
}
.box-category {
	position: relative;
}
.box-category .btn {
	position: absolute;
	right: 0;
}
.box-category .btn {
	position: absolute;
	right: 0;
	background-color: transparent;
	border: 0;
}
.box-category .btn.fold i:before {
	content: '\f078';
}

/* table */
.table {
	margin-bottom: 0;
	background-color: #fff;
}
.table + .table {
	margin-top: -1px;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	padding: 8px 10px;
	vertical-align: inherit;
}

.table thead  {
	background-color: #eee;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#fafafa));
	background-image: -webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
	font-size: 12px
}
table.table-bordered {
	border-left: 0;
	border-right: 0;
}
table.table-bordered thead td,
table.table-bordered thead th {
	border-left-width: 0;
	border-top-width: 0
}

table.table-bordered tbody td,
table.table-bordered tbody th,
table.table-bordered tfoot td,
table.table-bordered tfoot th {
	border-left-width: 0;
	border-bottom-width: 0;
	word-break: break-all;
}

table.table-bordered td:last-child,
table.table-bordered th:last-child {
	border-right-width: 0
}
.table.vertical thead th {
	text-align: center;
}
.table.vertical tfoot td,
.table.vertical tfoot th{
	font-weight:bold;
	background:#f5f5f5;
	text-align:center;
}
.table.vertical tbody tr th{
	text-align:center;
}
.table.vertical tbody tr th strong{
	font-weight:bold;
}
.table.vertical tbody tr td {
	text-align: center;
	min-height: 49px;

}
.table.vertical tbody tr td.text-left {
	text-align: left;
}
.table.vertical tbody tr td.text-right {
	text-align: right;
}
.table.horizontal tbody th {
	font-size: 12px;
}
.table>tbody>tr:hover {
	background-color: #ecf3f8
}
.table.horizontal>tbody>tr:hover {
	background-color: #fff;
}
.table.horizontal>tbody>tr>th {
	background-color: #f2f2f2;
	background-image: -webkit-linear-gradient(left,#f2f2f2 0,#fafafa 100%);
}


.table-fixed {
	/* 	margin-bottom: 20px; */
	background-color: #eee;
	background-image: -webkit-linear-gradient(top,#f2f2f2 0,#fafafa 20%);
	border-bottom: 1px solid #eee;
}
.table-fixed thead {
	width: 98%;
	cursor: default;
}
.table-fixed tbody {
	width: 100%;
	height: 400px;
	background-color: #fff;
	overflow-y: scroll;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
	display: block;
}
.table-fixed tbody td,
.table-fixed thead > tr> th {
	float: left;
	border-bottom-width: 0;
}
.table-fixed thead > tr> th.header {
	position: relative;
}
.table-fixed tr:after {
	content:'';
	display: block;
	clear:both;
}
.table.vertical.table-fixed tbody td  {
	min-height: 32px;
	/* 	line-height: 32px; */
}
.table-fixed tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.table-fixed tbody td {
	float: none;
}
.table-fixed tbody tr .thumbnail {
	display: block;
}

.table .empty {
	clear: both;
	display: table-cell;
	width: 100%;
	text-align: center;
}

.table-txt {display:inline-block;font-size:13px;}
.table-txt strong:not(.f-normal) {font-size:14px;}
.table-txt em {font-style:normal;color:#777;}

.tr-selected,
.tr-selected>td,
.tr-selected>th {
	background-color: #cfe4f3;
}
.table>tbody>tr.tr-selected:hover,
.tr-selected:hover>td,
.tr-selected:hover>th {
	background-color: #cfe4f3;
}
/* switch */
.onoffswitch + .btn,
.onoffswitch + .btn + .btn {
	margin-top: 5px;
}
.onoffswitch {
	display: inline-block;
	vertical-align: middle;
	height: 23px;
	text-align: center;
}

.onoffswitch-checkbox {
	position: absolute;
	left: 2px;
	z-index: -1;
	opacity: 0;
	filter: Alpha(Opacity=0);
}

.onoffswitch-label {
	position: relative;
}

.onoffswitch-label .inner {
	position: relative;
	width: 60px;
	height: 23px;
	display: inline-block;
	margin-bottom: 0;
	overflow: hidden;
	cursor: pointer;
	border-radius: 3px;
	background-color: #b0b3b5;
}

.onoffswitch-label .inner:before,
.onoffswitch-label .inner:after {
	display: block;
	float: left;
	width: 50%;
	padding: 0;
	line-height: 22px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	box-sizing: border-box;
	font-style: normal;
}

.onoffswitch-label .inner:before {
	content: "ON";
}

.onoffswitch-label .inner:after {
	content: "OFF";
}

.onoffswitch-label .switch {
	display: block;
	width: 28px;
	height: 19px;
	background-color: #fff;
	border-radius: 3px;
	position: absolute;
	top: 2px;
	left: 2px;
	transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transform: translateX(0px);
}

.onoffswitch-checkbox:checked ~ .onoffswitch-label .inner {
	background-color: #5fc2e6;
}

.onoffswitch-checkbox:checked ~ .onoffswitch-label .switch {
	transform: translateX(28px);
}

.reservation-check {
	display: inline-block;
	min-height: 32px;
	line-height: 32px;
	margin-right: 10px;
}


.reservation-check input[type=checkbox],
.reservation-check input[type=radio] {
	margin-top: 9px;
}
.reservation-calendar {
	/* 	display: none; */
}
.reservation-calendar {
	display: inline-block;
}

/* pagination */
.pagination{
	margin: 5px 0 0;
}

.thumbnail {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}
.thumbnail img {
	max-height: 40px;
}

.ui.fluid.multiple.search.selection.dropdown {
	border-radius: 0;
}

.dropzone {
	min-height: 60px;
	position:relative;
	padding: 10px;
	border-width: 1px;
}
.dropzone .dz-message {
	margin: 1em 0;
}
.dropzone .btn-delete {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1000;
	cursor:pointer;
}
.dropzone .btn-delete:active {
	left: auto;
}
.dropzone .dz-preview .dz-image img {
	max-width: 100%;
}
.bootstrap-tagsinput {
	width: 100%;
	border-radius: 0;
}

.list-group {
	list-style: none;
	margin-bottom: 0;
}

.highlight > .input-group > .form-control {
	color: #25b1e4;
}

.select-category .form-inline {
	display: table;
	width: 50%;
	min-width: 500px;
}
.select-category .form-inline > span {
	display: table-cell;
	padding-right: 2px;
}
.select-category .form-inline > span.buttons {
	width: 1%;
	padding-right: 0;
}
.select-category .form-inline select.form-control {
	width: 100%;
}
.list-category-select {
	white-space: nowrap;
	max-width: 50%;
	min-width: 500px;
}
.list-category-select select.form-control {
	min-width: 150px;
}
.list-group li {
	margin-top: 10px;
}
.list-category-select li + li .input-group {
	margin-top: 2px;
}
.select-category option {
	font-weight: bold;
}
.list-category-select li.disabled .form-control {
	text-decoration: line-through;
	background-color: #f4f4f4;
}
option[data-visible="false"] {
	font-weight: normal;
	background-color: #ccc;
}
option[data-visible="false"]::selection {
	background-color: transparent;
}
.comments {

}
.comments .comment {
	border-top: 15px solid #efefef;
}
.comments .comment:first-child {
	border-top: none;
}
.comment-visible {margin-right: 10px;}


.sticky {
	position: sticky;
	top: 0;
	z-index: 1;
}
.sticky-vod {
	top: 90px;
}
.split .row {
	margin: 0;
}
.split .col-left {
	float: left;
	width: 25%;
}
.split .col-right {
	width: 75%;
	float: right;
}
.btns-position  {
	font: 0/0 a;
	width: 68px;
}
.btns-position p {
	font-size: 11px;
	line-height: 1.5;
	margin-top: 3px;
}
.btns-position p input {
	vertical-align: middle;
	margin-top: -2px;
}
.btns-position .btn {
	margin: -1px;
	border-radius: 0;
}
.btns-position .btn.active {
	color: #fff;
	background-color: #3276b1;
	border-color: #2c699d;
}

.bootstrap-tagsinput .tag {
	padding: 1px 4px;
	font-weight: normal;
	font-size: 100%;
}
.content-video .tab-pane{
}
.content-video {
	position: relative;
	margin: 0;
}
.content-video .col-xs-4 {
	position: sticky;
	top: 60px;
	padding: 0 0 0 10px
}
.content-video .col-xs-8 {
	padding: 0;
}

#contentList p#orginalTitle {
	text-align: left;
	word-break: break-all;
}

#videoList > tbody > tr > td.col-xs-3 {
	text-align: left;
	word-break: break-all;
}

.wrap-player {
	text-align: center;
	padding : 10px;
	background-color: #efefef;
}

.player {
	position: relative;
	padding-top: 56.25%;
}
.player .btn-search {
	color: #ccc;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 3px dashed #ccc;
	background-color: #efefef;
}
.player .btn-search:after {
	content: '\f03d';
	color: #ddd;
	font: normal normal normal 70px/2 FontAwesome;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}
.player .video,
.player #video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.player.active-video .video,
.player.active-video #video {
	z-index: 1;
}
.player.active-video a.btn-search {
	z-index: 2;
	bottom: auto;
	left: auto;
	right: 10px;
	top: 10px;
	color: #fff;
	text-shadow: 0 0 5px #000;
	background-color: rgba(255,255,255,0.7);
	border-style: solid;
}
.player.active-video .btn-search:after {
	display: none;
}
.player .video-player {
	width: 100%;
	height: 100%;
}
.player .vjs-big-play-button {
	display: none;
}
.player .vjs-control-bar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	opacity: 1;
}
.video-js .vjs-time-tooltip,
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after,
.video-js .vjs-progress-control .vjs-mouse-display {
	white-space: nowrap;
}
.box-scroll {
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #ccc;
}

.guide-main {
	margin: 0 auto;
	max-width: 50%;
}
.guide-main .item {
	position: relative;
	display: block;
	margin: 10px;
}
.guide-main a {
}
.guide-main a:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	border: 4px solid #999;
	background-color: rgba(0,0,0,0.3);
}
.guide-main a:after {
	content: attr(title);
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	text-shadow: 0 0 5px #000;
	transform: translate(-50%, -50%);
}
.guide-main img {
	width: 100%;
	filter: blur(2px);
	transition: all 0.3s;
}
.guide-main a:hover {
	z-index: 5;
	transition: all 0.3s;
	transform: scale(1.15);
}
.guide-main a:hover:before {
	transition: all 0.3s;
	background-color: rgba(0,0,0,0);
}
.guide-main a:hover:after {
	text-shadow: 0 0 5px #000;
	padding: 5px 10px;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.5);
	transition: all 0.3s;
}
.guide-main a:hover img {
	filter: blur(0);
}

.item-type {
	font-size: 20px;
	color: #848484;
}
/* .item-type.article {
	color:
}
.item-type.image {
	color:
}
.item-type.video {
	color:
} */
.item-status {
	display: inline-block;
	margin:0 15px;
	visibility: visible;
}
.item-status > span {
	font: 0/0 a;
}
.item-status:before {
	content:' ';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
}
.item-status.ing:before{
	background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #7ad4f5;
	box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset
}
.item-status.invisible:before {
	background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #ddd;
	box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset
}
.item-status.reservation:before{
	background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #FFC107;
	box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset
}
.item-status.deadline:before{
	background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #ff4207;
	box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset
}
.item-status.end:before{
	background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #ddd;
	box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset
}
.item-status.end {
	text-decoration: line-through;
}
.item-status.invisible {
	color: #d7d7d7;
}
.item-status.end.invisible {
	text-decoration: line-through;
	color: #d7d7d7;
}
.guide .item-status {
	font-size: 13px;
	color: rgba(0,0,0,.87);
}

.dropzone {
	border: 2px dashed rgba(0,0,0,.3);
}
.dropzone .dz-preview .dz-image {
	border-radius: 0;
}
.add-thumbnail {

}
.add-thumbnail .dropzone{
	width: 372px;
	height: 218px;
}
.add-thumbnail.full .dropzone {
	width:100%;
	height:auto;
}
.add-thumbnail .dropzone .dz-preview .dz-image {
	width: 100%;
	height: 100%;
}
.add-thumbnail .dropzone .dz-preview .dz-image img {
	max-height: 198px;
}
.add-thumbnail .dropzone .dz-preview {
	margin: 0;
}
.form-time .form-control {
	width: 30px;
	padding: 0 ;
	text-align: center;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}
.btn-delete {
	margin: 0 10px;
}

.video-content {
	margin-top: -1px;
	border-top: 0;
}
.table-bordered.vod-area {
	border: 0;
}
.tab-pane .content {
	border-top: 0;
}
.tab-pane .toolbar {
	padding: 20px;
	background-color: #fff;
}
/*
#tab-chapter table,
#tab-chapter th,
#tab-chapter td {
	border-top: 0;
}
*/
#tab-chapter .table>tbody>tr:hover {
	background-color: transparent;
}
hr.split {
	margin: 0 -1px;
	padding: 10px 0;
	background-color: #efefef;
}
.btn-sticky {
	margin-top: 5px;
	transition: all 0.3s;
}
.btn-sticky .btn-delete {
	margin-left: 0;
}
.active-sticky {
	position: fixed;
	top: 55px;
	right: 35px;
	left: 255px;
	z-index: 50;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid rgba(204, 204, 204, 0.8);
	background-color: rgba(248, 248, 248, 0.8);
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}

#videoContent:not(.hidden) ~ #product {
	display: none;
}

.help-block {
	font-size: 12px;
}
span.help-block {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}

.media-detail {
	position: relative;
}
.media-detail .nav-tabs {
	margin-bottom: 10px;
}
.media-detail .toolbar-header {
	padding: 0;
}
.media-detail .toolbar-header .text-right {
	height: 0;
}
.media-detail .toolbar-header .btn {
	margin-top: -85px;
}
.media-detail .table tbody tr td {
	text-align: left;
	word-break: break-all;
}
.media-detail .btn-delete {
	margin: 0;
}
.media-detail .table tbody tr td.text-center {
	text-align:center;
}
.media-detail .table thead th {
	white-space: nowrap;
}
.box-add {
	padding:10px 0;
}
.accordion-head td{
	background-color: #cfe4f3;
}
.table tbody tr.accordion-body > td {
	padding: 0;
}
.table tbody tr.accordion-body > td:hover{
	background-color: #fff;
}
.accordion-body .content-video {
	padding: 10px;
	border: 5px solid #cfe4f3;
	border-top: none;
	box-sizing: border-box;
}
.sortable {
	table-layout: fixed;
}
th.header {
	position: relative;
	padding-right:20px !important;
}
th.header:after {
	content:'\f0dc';
	position: absolute;
	right: 10px;
	top: 50%;
	font: normal normal normal 14px/1 FontAwesome;
	transform: translateY(-50%);
}
th.headerSortUp:after {
	content:'\f0dd';
}
th.headerSortDown:after {
	content:'\f0de';
}
.bootstrap-tagsinput input {
	min-width: 60px;
}
.sa-button-container .btn,
.sa-confirm-button-container .btn{
	min-width: 	80px;
}

.duration-area {
	display: inline-block;
	width: 150px;
}
.duration-wrap {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 100%;
	border: 1px solid #ccc;
	border-top: 0;
	background-color: #fff;
}
.duration-wrap:after {
	content: '';
	position: absolute;
	top: 0;
	left: 10%;
	width: 1px;
	height: 50%;
	background-color: red;
}
.duration-wrap:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 10%;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -6px;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent red transparent
}
.duration-wrap .duration {
	position: relative;
	left: 10%;
	height: 40px;
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
.duration-wrap .slider {
	position: relative;
	left:0;
	box-sizing: border-box;
	height: 40px;
	background-color: #f4f4f4;
	background-image: url('../images/line.png');
	background-size: auto 40%;
	background-repeat: repeat-x;
}
.duration-wrap .duration-time {
	font-size: 12px;
	position: absolute;
	bottom: 5px;
	right: 5px;
	pointer-events: none;
}

.duration-wrap .duration.grabbable {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}
.duration-area .form-control.duration {
	display: inline-block;
	width: 100%;
}
.loader {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0.3);
}
.loader .inner {
	width: 0px;
	height: 0px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1000;
}

.loader span {
	width: 6px;
	height: 20px;
	position: absolute;
	left: -10px;
	bottom: 15px;
	border-radius: 5px;
	transform-origin: 10px 35px;
	transform: rotate(0deg);
	animation: loader 0.8s infinite;
}
.loader span:nth-child(2) {
	transform: rotate(45deg);
	animation-delay: 0.1s;
}
.loader span:nth-child(3) {
	transform: rotate(90deg);
	animation-delay: 0.2s;
}
.loader span:nth-child(4) {
	transform: rotate(135deg);
	animation-delay: 0.3s;
}
.loader span:nth-child(5) {
	transform: rotate(180deg);
	animation-delay: 0.4s;
}
.loader span:nth-child(6) {
	transform: rotate(225deg);
	animation-delay: 0.5s;
}
.loader span:nth-child(7) {
	transform: rotate(270deg);
	animation-delay: 0.6s;
}
.loader span:nth-child(8) {
	transform: rotate(315deg);
	animation-delay: 0.7s;
}

@keyframes loader {
	0% {
		background: transparent;
		left: -10px;
		transform-origin: 10px 35px;
	}
	30% {
		background: #000;
	}
	100% {
		background: transparent;
		left: 10px;
		transform-origin: -10px 35px;
	}
}
.list-admin {

	text-align:left;
}
.list-admin li {
	display: inline-block;
	margin: 2px;
	padding: 5px 0;

}
.list-admin li div{
	display: inline-table;

}
.list-admin li div span {
	display: table-cell;
	text-align: center;
	padding: 0 10px;
}
.list-admin li div span:first-child {
	min-width: 45px;
	border-right: 1px solid #ddd;

}

.comment {position: relative; padding: 65px 20px 30px;  background-color: #fff;}
.list-comments ul {padding: 0;}
.list-comments li{list-style: none; margin-top: 5px;  border: 1px solid #ccc; }

.comment:after {content:''; display: block; clear: both; }
.comment .content {padding: 20px 0; color: #101820; }
.comment .content p {white-space: pre-line; word-break: break-all;}
.comment .img {display: block; max-width: 300px; margin-top: 20px; }
.comment .img img {max-width: 100%;}

.comment .meta {position: absolute; top: 30px; left: 0; right: 0; padding: 0 20px; box-sizing:border-box; color: #585858;}
.comment .meta:after {content:''; dispaly: block; clear:both;}
.comment .meta .no {color: #07a7e3; font-weight: normal; margin-right: 10px;}
.comment .meta .no span{color: #585858;}
.comment .meta .user strong {color: #07a7e3; font-weight: normal;}
.comment .meta .lock {color: #e655a5; margin-right: 5px;}
.comment .meta .like {display: inline-block; margin-right: 5px; }
.comment .meta .like strong {color: #07a7e3}
.comment .meta  .like > span ,
.comment .meta time > span {}
.comment button {position: absolute; right: 20px; bottom: 20px;}

.comment.delete {pointer-events: none; color: #fff;}
.comment.delete > * {opacity: 0.5; filter: grayscale(1);}
.comment.delete:after {content: attr(data-message) '\A(' attr(data-time) ')'; position: absolute; top: 0; left: 0; z-index: 1; text-align: center; white-space: pre; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}

.thumbnail-list {text-align: left; display: table; table-layout: fixed; width: 100%; margin-bottom: 15px;}
.thumbnail-list .box-scroll {overflow-x: auto; overflow-y: hidden; width:100%; height: auto;}
.thumbnail-list ul,
.thumbnail-list li {list-style: none; margin: 0; padding: 0;}
.thumbnail-list .box-scroll {white-space: nowrap;}
.thumbnail-list li {vertical-align: top; display: inline-block; margin: 5px; border: 1px solid #f2f2f2;}
.thumbnail-list li a {display: block; height: 108px;}
.thumbnail-list li a img {height: 100%;}

.visitors{margin-bottom:15px;}
.visitors:after{content:''; display:block; clear:both;}
.visitors .today{float:left;}
.visitors .yesterday{float:left; margin-left:20px;}
.visitors .col{float:left; width:150px; padding:8px 10px; text-align:center; border:1px solid #ddd; }
.visitors .col-txt{background-color:#fafafa;}
.visitors .col-num{margin-left:-1px; font-weight:bold; background-color:#fff;}

.con-result{padding: 25px; border: 1px solid #ddd; background:#fff;}
.con-result .period{float:left;margin-bottom:5px;}
.con-result .total{float:right;margin-bottom:5px;}
.con-result .total:after {content:'';clear:both;}
.con-result .total strong{font-size:16px;}
.con-result .graph{clear:both; width:100%; }
.con-result .table {border:1px solid #ddd;}

.selected-list {margin: 0 0 10px; padding: 0; list-style: none;}
.selected-list li {color: #fff; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; position: relative; overflow: hidden; display: inline-block; max-width: 200px; margin: 0 5px 5px 0; padding-right: 22px; padding-left: 5px; border-radius: .25em; background-color: #5bc0de;}
.selected-list li button {line-height: 17px; position: absolute; top: 0; right: 0; border: 0; background-color: transparent;}

.page-number {margin-right: 10px;}
.page-number:before {content: '[';}
.page-number:after {content: ']';}

.copy-contents .nav-tabs {margin-bottom: 0;}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {z-index: 50;}
.dropzone .btn-delete,
.dropzone .dz-preview .dz-progress {z-index: 100;}

.preview-bnn {position: relative; width: 800px; height: 264px; margin-bottom: 30px; background-color: #fafafa;}
.preview-bnn .meta {margin-bottom: 0; padding: 33px 0 0 50px;}
.preview-bnn .title {font-size: 33px; font-weight: bold; word-break: keep-all; padding: 15px 400px 0 50px;}
.preview-bnn .date {font-size: 12px; position: absolute; bottom: 45px; left: 50px;}
.preview-bnn .image {position: absolute; bottom: 0; right: 0; width: 353px; height: 264px; margin: 0;}
/* .preview-bnn .image:before {content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: #000; opacity: 0.1;} */
.preview-bnn img {vertical-align: middle; position: absolute; top: 50%; left: 50%; max-width: 120%; max-height: 100%; transform: translate(-50%, -50%);}
.preview-bnn .bar {position: absolute; left: 0; bottom: -30px; width: 100%; height: 30px; background-color: #f0f0f0;}
.preview-bnn .bar span {position: relative; display: block; width: 30%; height: 30px;}
.preview-bnn .bar span:before {content: ''; display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.1;}
.preview-bnn .meta,
.preview-bnn .title,
.preview-bnn .date,
.preview-bnn .image:before {display: none;}

[data-type] .info-type,
[data-type] .image-type {display: none;}

[data-type="info"] .preview-bnn .meta,
[data-type="info"] .preview-bnn .title,
[data-type="info"] .preview-bnn .date,
[data-type="info"] .preview-bnn .image:before {display: block;}
[data-type="info"] .info-type {display: block;}
[data-type="image"] .info-banner {display: none;}
[data-type="image"] .preview-bnn .image {position: static; width: 100%; height: 100%;}
[data-type="image"] .image-type {display: block;}


/* .jscolor.font-color {display: none;} */
.event-color {position: relative; width: 800px;}
.event-color label {font-weight: bold; display: inline-block; min-width: 70px;}
.event-color button,
.event-color input {line-height: 1.42857143; padding: 6px 12px; border: 0; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.event-color .reset-color {text-shadow: 0 0 1px rgba(0,0,0,0.5); position: absolute; bottom: 0; right: 0;}
.event-color .reset-color[data-fontcolor=''][data-bgcolor=''] {display: none;}


.align-onoffswitch {margin-bottom: 5px;}
.align-onoffswitch .label {color: rgba(0,0,0,.87);}
.align-onoffswitch .onoffswitch {vertical-align: middle; margin-left: 5px;}

#commentModal .align-onoffswitch {margin-top: 4.5px;}

.big-bann-btn {display: none; margin-bottom: 5px;}
.big-bann-btn.active {display: block;}

.unregistered {color: #d7d7d7;}

.designation #playEnd,
.designation .duration-area {opacity: 0.5; pointer-events: none;}

.ui-sortable-handle {cursor: n-resize;}
.ui-sortable-helper {
	display: table;
	width: 100%;
}
/*
.ui-sortable-helper td:nth-child(1) {width: 80px;}
.ui-sortable-helper td:nth-child(3) {width: 300px;}
.ui-sortable-helper td:nth-child(4) {width: 80px;}
.ui-sortable-helper td:nth-child(5) {width: 80px;}
.ui-sortable-helper td:nth-child(6) {width: 80px;}
.ui-sortable-helper td:nth-child(7) {width: 150px;}
.ui-sortable-helper td:nth-child(8) {width: 80px;}
.ui-sortable-helper td:nth-child(9) {width: 80px;}
*/

.ga-info-head,
.ga-info-body {padding: 25px;}
.ga-info-head .login-info {text-align: center;}
.ga-info-head .login-info strong {user-select: all;}
.ga-info-body {position: relative;}
.ga-info-body span {position: absolute; top: 50%; left: 0; z-index: 1;  display: block; width: 100%;text-align: center;transform: translateY(-50%);}
/* .ga-info-body span:before {content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #fff; opacity:0.7;} */
.ga-info-body a {color: #fff; font-size: 14px; display: inline-block; min-width: 160px; margin: 0 10px; padding: 20px; background-color: #f7981d; transition: background-color 0.3s;}
.ga-info-body a:hover {background-color: #f05a24;}
.ga-info-body a.blue {background-color:#3276D9;}
.ga-info-body a.blue:hover {background-color:#16458a;}
.ga-info-body img {max-width: 100%; filter: blur(3px);}

/* ckeditor */
.cke_chrome {border-top: 0 !important;}
.cke_top {position: sticky !important; top: 115px; border-top: 1px solid #d1d1d1 !important;}
.cke_maximized .cke_top {position: static !important;}
.cke_inner .content-box {padding: 20px !important; background-color: #f9f9f9 !important;}
.cke_inner .dot-box {padding: 20px; border: 1px dashed #ccc;}
.dialog-upload-loading .cke_dialog:after {content:''; position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); background-image: url('../images/upload-loading.gif'); background-repeat: no-repeat; background-position: 50% 50%;}
.cke_reset_all .editor-image-lists {white-space: normal; width: 100%; max-width: 800px;}
.cke_reset_all .editor-image-lists span {text-align: center; white-space: nowrap; vertical-align: top; display: inline-block; width: 100px; height: 100px; margin: 0 2px 2px; border: 1px solid #f4f4f4; background-color: #fff; cursor: move;}
.cke_reset_all .editor-image-lists span:after {content: ''; vertical-align: middle; display: inline-block; height: 100%;}
.cke_reset_all .editor-image-lists span img {vertical-align: middle; display: inline-block; max-width: 100%; max-height: 100%; cursor: move;}
.cke_reset_all .dialog-upload-form .file {position: relative; height: 50px;}
.cke_reset_all .dialog-upload-form .file:after {content: 'Selected files '; font-size: 20px; text-align: center; line-height: 46px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border: 2px dotted #ccc;}
.cke_reset_all .dialog-upload-form input {position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.cke_reset_all .dialog-upload-loadings {position: absolute; top: 0; left: 0; z-index: 999999; height: 5px; background-color: #c9302c; transition: width 0.3s;}

.content-dim {position: relative;}
.content-dim:after {content: ''; position: absolute; top: 0; right: 15px; left: 15px; display: block; height: 100%; background-color: #000; opacity: 0.7;}
.content-dim .dim {color: #fff; text-align: center; line-height: 1.5; position: absolute; top: 50%; left: 0; z-index: 10; width: 100%; transform: translate(0%, -50%);}
.content-dim .dim a {color: #fff; font-size: 20px; text-decoration: underline;}
.content-dim .tag-list {text-align: center;}
.content-dim .tag-list span {font-size: 30px; display: inline-block; margin: 15px 15px 0;}

.table .SHARE td,
.table .NEW td,
.table .HOT td,
.table .COMPOUND td,
.table .default td {background-color:#ebecef;}
.table-score tbody th,
.table-score tfoot th,
.table-score tfoot td {background-color: #f2f2f2; background-image: none !important;}


.table-scroll { max-height: 350px; overflow-y: auto; }

.sweet-alert .sa-icon.sa-info::after {
	left: 50%;
}

.preview-popup {
	max-width: 540px;
}
.preview-popup .modal-body .preview-wrap {
	position: relative;
	text-align: center;
}
.preview-popup .modal-body .contents {
	padding-top: 30px;
}
.preview-popup .modal-body .contents img {
	max-width: 100%;
}
.preview-popup .modal-body .today-open {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0 0;
}
.preview-popup .modal-body .today-open .checkbox {
	display: inline-block;
	position: relative;
	width: 24px;
	height: 24px;
	background-color: #fff;
	border-radius: 3px;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #aaa;
	margin-right: 7px;
}
.preview-popup .modal-body .today-open input {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: 0;
	margin: 0;
}
.preview-popup .modal-body .today-open input + i {
	position: absolute;
	left: -1px;
	top: -1px;
	width: 100%;
	height: 100%;
	opacity: 0;
	border: 1px solid #06a7e2;
	border-radius: 3px;
	background-color: #06a7e2;
	text-align: center;
	vertical-align: middle;
}

/* ad */
.ad-notice {
	margin: 20px 0;
	padding: 10px;
	line-height: 1.5;
	background-color: #fff;
	border: 1px solid #ccc;
}
.ad-notice span {
	display: block;
}
.ad-search {
	position: absolute;
	top: 0;
	right: 0;
}
.adlist-summary {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	padding: 8px 10px;
	font-size: 14px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	background-image: -webkit-linear-gradient(left,#f2f2f2 0,#fafafa 100%);
}
.adlist-summary em {
	font-style: normal;
}
.ad-list {
	position: relative;
}
.ad-list table {
	margin: 10px 0;
}
.ad-list.off {
	opacity: .3;
}

table.table-bordered tbody th.ad-th {
	border-right: 0;
}
.ad-td {
	text-align: right;
	background-color: #fafafa;
}

/* Streaming */
.stepwizard-row {
	position: relative;
	display: table;
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	table-layout: fixed;
	background-color: #fff;
	border: 1px solid #ddd;
}

.stepwizard-step {
	position: relative;
	display: table-cell;
	height: 40px;
	text-align: center;
	list-style: none;
}

.stepwizard-step:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 15px;
	border-color: transparent transparent transparent #fff;
}

.stepwizard-step.active:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 2;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 15px;
	border-color: transparent transparent transparent #0f81cf;
}

.stepwizard-step:first-child:before,
.stepwizard-step:last-child.active:after {
	display: none;
}

.stepwizard-step a {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	padding-top:8px;
	color: rgba(0, 0, 0, .87);
}

.stepwizard-step a:hover {
	text-decoration: none;
}

.stepwizard-step a:hover strong {
	text-decoration: underline;
}

.stepwizard-step a.disabled {
	cursor: default;
	background-color: #ececec;
}

.stepwizard-step span {
	display: inline-block;
	width: 25px;
	height: 25px;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	vertical-align: top;
	background-color: #fff;
	margin: 0 5px 0 0;
	border-radius: 50%;
}
.stepwizard-step strong {
	display: inline-block;
	line-height: 25px;
	vertical-align:top;
}
.stepwizard-step.active {
	color: #fff;
	background-color: #0f81cf;
}

.stepwizard-step.active a {
	color: #fff;
}

.stepwizard-step.active a:after {
	content: '';
	position: absolute;
}

.stepwizard-step.active span {
	color: #0f81cf;
}

.no-required-file {
	position: relative;
	display: inline-block;
	padding: 5px;
	border: 1px dashed #ccc;
}

.no-required-file input[type="file"] {
	display: inline-block;
	vertical-align: middle;
}

.no-required-file .btn-remove {
	display: none;
}

.is-file .btn-remove {
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}

.is-file .btn-remove i {
	color: #d43f3a;
}

.no-required-file .form-file {
	opacity: 0;
	-webkit-appearance: none;
}

.no-required-file .form-file ~ label {
	position: absolute;
	top: 5px;
	left: 5px;
	padding: 0 5px;
	line-height: 20px;
	border: 1px solid #ccc;
	font-size: 11px;
}
.global-time .fa-globe {
	font-size:16px;
}
.global-time .popover {
	max-width:350px;
	font-size:12px;
	z-index:500;
}
.global-time .popover tr > * {padding:2px 0;text-align:left !important;}
.global-time .popover th {padding-right:10px;}
#viewerModal .viewer-detail > .row + .row {margin-top:10px;}
#viewerModal thead th {text-align:center;}
#viewerModal .viewer-list {margin-left:0;margin-right:0;overfow:hidden;border:1px solid #ddd;}
#viewerModal .viewer-list .col-xs-12 {padding:0;}
#viewerModal .box-footer {padding:5px 10px;background: #fafafa;}
#viewerModal .box-footer .total {display:inline-block;padding-top:12px;}

/* .global-time .popover .cty-time::-webkit-scrollbar {display:none;} */
.btn.btn-txt {background:transparent;margin:0;padding:0;font-size:12px;font-weight:700;border:0 none;}
.btn.btn-txt:focus {border:0 none;outline:none;box-shadow:none;}
.stream-date .popover {max-width:295px;padding:0;}
.stream-date .popover .list-group > li {margin-top:0;}
.stream-date .popover .list-group > li + li {margin-top:10px;}

.box.stream-day-set {border:0 none;background:none;}
.box.stream-day-set .content {border:0 none;}
.stream-day-set #mastertb > .table {border:1px solid #ccc;}
.stream-day-set #mastertb > .table > tbody > tr > td {border:0 none;}
.stream-day-set #mastertb > .table > tbody > tr > td.brd_bt {border-bottom:1px solid #ccc;}
.stream-day-set #mastertb > .table > tbody > tr > td {border-left:1px solid #ccc;}
.stream-day-set #mastertb > .table > tbody > tr > td.brd_lt0 {border-left:0 none;}
.stream-day-set #mastertb > .table + .table {margin-top:5px;}
.stream-day-set .in-cont > td {border-top:1px solid #ccc !important;background-color:#fafafa;}
.table.brd-btm>tbody>tr>td, .table.brd-btm>tbody>tr>th, .table.brd-btm>tfoot>tr>td, .table.brd-btm>tfoot>tr>th, .table.brd-btm>thead>tr>td, .table.brd-btm>thead>tr>th {
	border-top:0 none;
	border-bottom:1px solid #ddd;
}
.table-fixed.brd-btm>thead>tr>th {
	height:37px;
}
.stream-day-set .popover {
	max-width:380px
}
.stream-day-set .popover-content table {
	width:350px;
}
.stream-day-set .popover-content table th {
	width:100px;
	text-align:left !important;
}
.stream-day-set .popover-content table td {
	text-align:left !important;
}
.link-more dl {display:inline-table;width:70%;vertical-align:middle;margin-top:5px;font-size:14px;}
.link-more dl dt {display:table-cell;width:100px;}
.link-more dl dd {display:table-cell;}
.innerscroll {max-height:480px;overflow-x:hidden;overflow-y:auto;}
.component-wrap {padding:10px;background-color:#f7f7f7;}
.component-wrap div[class*="com-"] {position:relative;min-height:52px;margin:5px 0;padding:10px 100px 10px 10px;overflow:hidden;border-radius:5px;border:2px dashed rgba(0,0,0,.3);box-sizing:border-box;background-color:#fff;}
.component-wrap div[class*="com-"] .form-control {color:#000;text-align:left;line-height:1.2;border:1px solid transparent;resize:none;background:transparent;box-shadow:none;}
.component-wrap div[class*="com-"] .form-control:focus {border:1px solid red;}
.component-wrap div[class*="com-"] .form-control::-webkit-scrollbar {display:none;}
.component-wrap .panel {cursor: n-resize;}
.component-wrap div.com-empty {padding:10px;text-align:center;line-height:28px;}
.component-wrap .no-required-file {display:block;}
.component-wrap .no-required-file .help-block {margin:0 0 0 10px;line-height:20px;}
.component-wrap .no-required-file label {position:relative;display:inline-block;padding:0 5px;border:1px solid #ccc;font-size:11px;line-height:20px;}
.component-wrap .no-required-file label input {position:absolute;top:0;left:0;width:100%;height:100%;}
.component-wrap .dropzone {display:none;margin-top:5px;border: 1px dashed #ccc;}
.component-wrap .dropzone .image-wrap {position:relative;display:inline-block;padding:5px;max-width:250px;box-sizing:border-box;}
.component-wrap .dropzone .image-wrap img {width:100%;}
.component-wrap .dropzone .image-wrap .btn-remove {color:#721c24;font-size:28px;position:absolute;top:-5px;right:-5px;width:26px;height:28px;padding:0;}
.component-wrap .dropzone .image-wrap .btn-remove:before {content:'';display:inline-block;width:24px;height:24px;background-color:#fff;border-radius:50%;}
.component-wrap .dropzone .image-wrap .btn-remove:before,
.component-wrap .dropzone .image-wrap .btn-remove .fa {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.component-wrap .line {display:block;width:100%;height:1px;margin:15px 0 16px;background:#d8d8d8;}
.component-wrap .btn-wrap {position:absolute;top:0;right:0;width:100px;box-sizing:border-box;padding:10px;text-align:right;}
.component-wrap .btn-wrap .btn-edit, .component-wrap .btn-wrap .btn-remove {width:30px;height:32px;border:0 none;padding:0;font-size:1.7em;background:transparent;}
.component-wrap div.com-title .form-control {height:44px;font-size:26px;font-weight:600;}
.component-wrap div.com-subtit .form-control {height:40px;font-size:22px;}
.component-wrap div.com-cont .form-control {height:34px;font-size:18px;color:#101820;}
.component-wrap div[class*="com-"].alignC .form-control, .component-wrap div[class*="com-"].alignC .dropzone {text-align:center;}
.component-wrap div[class*="com-"].cBlue .form-control, .com-option .radio-inline.cBlue {color:#06a7e2;}
.component-wrap div[class*="com-"].cGray .form-control, .com-option .radio-inline.cGray {color:#666;}
.component-wrap div[class*="com-"].cReverse .form-control, .com-option .radio-inline.cReverse span {color:#fff;background:#06a7e2;}
.component-wrap .com-img .btn-wrap .btn-edit {display:none;}
#contOption .com-option .radio-inline.cBlack {color:#101820;}
.com-option .radio-inline {color:#000;}
.com-option .radio-inline span {display:inline-block;vertical-align:top;margin-top:-2px;}
/* 통계 */
/* .list-tabs .nav-tabs {margin-bottom:0;}
.list-tabs .nav-pills>li:not(.active)>a {background-color:#d2d2d2;}
.list-tabs + .box {margin-top:-1px;}
.list-tabs + .box .box-header  {padding:10px;} */
.check-btn {overflow:hidden;border:1px solid #ccc;border-radius:2px;}
.check-btn input {display:none;width:0;height:0;}
.check-btn label {float:left;}
.check-btn label span {display:inline-flex;justify-content:center;align-items: center;height:32px;padding:5px 10px;box-sizing:border-box;border-left:1px solid #ccc;font-size:13px;color:#333;background:#fff;}
.check-btn label:first-child span {border-left:0 none;}
.check-btn input:checked + span {color:#fff;background:#337ab7;}
.check-btn input:disabled + span {color:rgb(85,85,85);background:#eee;}
.btn.btn-ico-info {padding: 0;border-radius: 0;font-size: 18px;line-height: 34px;vertical-align: top;}
.btn.btn-ico-info:focus, .btn.btn-ico-info:active {border:0 none;outline:0;background:none;box-shadow:none;}
.in-tooltip .popover {max-width:70%;font-size:12px;color:#333;}
.statistics-ad {
	position:relative;
	overflow:hidden;
	width:100%;
}
.statistics-ad .table-row-scroll {
	width:100%;
	border:1px solid #ddd;
	overflow-x: auto;
}
.statistics-ad .h-scroll .fix-cell {
	width:150px !important;
}
.statistics-ad .table {
	width:100%;
	border:0 none;
	table-layout:fixed;
}
.statistics-ad .table * {
	font-size:14px;
	color:#333;
	word-break:keep-all;
}

#tab-contentsType .statistics-ad .table .text-left {
	white-space: normal;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
}


#tab-contentsType .statistics-ad .table .text-left dd small {
	font-size: 12px;
}

/*
.statistics-ad .h-scroll th:not(.fix-cell) {
	width:80px;
}
*/
.statistics-ad .h-scroll thead th:not(:last-child),
.statistics-ad .h-scroll tbody td:not(:last-child)
{
	border-right:1px solid #ddd;
}
.statistics-ad .h-scroll thead tr:first-child th {
	border-bottom:1px solid #999;
}
.statistics-ad .h-scroll thead th:not(.sum) {
	font-size:14px;
	font-weight:bold;
	background-color:#f6f6f6;
}
.statistics-ad .table-clone {
	position:absolute;
	top:0;
	left:0;
	width:102px;
	border:1px solid #ddd;
	border-right-color:#999;
	pointer-events:none;
	overflow:hidden;
}
.statistics-ad .table-clone th:not(.fix-cell), .statistics-ad .table-clone td:not(.fix-cell) {
	visibility:hidden;
	border-color:transparent;
}
.graph-wrap {
	padding:25px;
	border:1px solid #ddd;
	border-bottom:0 none;
	background:#fff;
}
#barChart {width:100%;height:300px !important;}
.dash-board .graph-wrap {
	padding:0;
	border:0 none;
	background:none;
}
.dash-board #barChart {
	height:230px !important;
}
.dash-board .table {
	margin-top:17px;
	table-layout:fixed;
}
.dash-board .table .empty {
	height:261px;
}
.dash-board .pannel.row {
	margin-left:-5px;
	margin-right:-5px;
}
.dash-board .pannel.row + .pannel.row {
	margin-top:10px;
}
.dash-board .pannel.row > div {
	padding-left:5px;
	padding-right:5px;
}
.dash-board .con-result {
	min-height:396px;
}
.dash-board .top_row .con-result {
	min-height:326px;
}
.dash-board .top_row .table .empty {
	height:185px;
}

.mylist .switch {
	position: relative;
	display: inline-block;
	width: 56px;
	height: 30px;
}
/* Hide default HTML checkbox */
.mylist .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
/* The slider */
.mylist .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.mylist .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.mylist input:checked + .slider {
	background-color: #2196F3;
}

.mylist input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

.mylist input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.mylist .slider.round {
	border-radius: 34px;
}

.mylist .slider.round:before {
	border-radius: 50%;
}

#contentBody > tr.detail-row > td {
	text-align: left;
	padding: 20px 20px;
}

#reviewComment {
	display: inline-block;
	vertical-align: middle;
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: black;
	text-decoration: none;
	text-align: left;
}

#contentBody tr.active2 {
	background-color: #ecf3f8;
}