@charset "UTF-8";


/* 크롬에서 포커스 시 버튼 라인 제거 */
button:focus, button:active, a {outline:0 !important;}
* {outline:0;}

h5, .h5 { font-size: 15px; }

/* 툴바 */
.toolbar.fixed {
	-webkit-transition: padding;
	-o-transition: padding;
	transition: padding;
    -webkit-transition-duration: 350ms;
    -o-transition-duration: 350ms;
    transition-duration: 350ms;
    /*border-bottom: 1px solid #ddd;*/
    left: 0;
    padding: 7px 15px 12px 252px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    height: auto !important;
}

.toolbar.fixed.simple {
	opacity: 0.9;
    width: auto;
    right: auto;
    left: auto;
    top: 5px;
    padding: 10px;
    background-image: none;
    border: 1px solid #cecece;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}

.tab-pane > .tab-box > .hbuilt { border-top: none; }

.toolbar.fixed.color-line { background-size: 100% 3px !important; }

.fr-toolbar.fr-top.fr-sticky-on {
	-webkit-transition: margin;
	-o-transition: margin;
	transition: margin;
    -webkit-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
	margin-top:0;
}

.hpanel.panel-collapse>.panel-heading, .hpanel .hbuilt {
    background: #f9f9f9;
}

.hpanel .hbuilt.hwhite {
    background: #ffffff;
}


.hide-sidebar .tab-pane.active .toolbar.fixed {
    padding: 15px;
}


/* 고정 박스 */
.tab-pane.active .fixedbox.fixed {
	position: fixed;
}
.tab-pane.active .fixedbox.fixed.overflow {
	overflow-y:scroll;
}

/* ie9 에서 상단 바 */
.ie9 .toolbar.fixed.color-line {

	background: #f7f9fa;
    border-bottom: 1px solid #cccccc;
}

/* 스크롤되면 툴바를 fix */
@media (max-width:992px) {
	.toolbar.fixed {
        padding: 15px;
    }
}

/* 스크롤되면 툴바를 fix */
body.page-small .toolbar.fixed {
    position: relative;
}

/* 로딩 바 start */
#loading-bar, #loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: linear all;
  -o-transition: linear all;
  transition: linear all;
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
  filter: alpha(opacity=0);
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
  filter: alpha(opacity=100);
}

#loading-bar .bar {
  -webkit-transition: width;
  -o-transition: width;
  transition: width;
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
  background: rgba(0, 0, 0, 0.15);
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}


#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: 0.45;
  filter: alpha(opacity=45);
  box-shadow: #fff 1px 0 6px 1px;
  border-radius: 100%;
  z-index: 99999;
}

#loading-bar-spinner {
  width: 56px;
  height: 56px;
  text-align: center;
  padding: 14px;
  border-radius: 50%;
  position: fixed;
  top: 105px;
  left: 50%;
  margin-left: -28px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
}

#loading-bar-spinner .spinner-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0;
  float: left;
  background: transparent !important;
  border: 2px solid #00bcd4;
  border-bottom-color: transparent !important;
  border-radius: 100%;
  -webkit-animation: ball-clip-rotate 0.75s linear infinite;
  -o-animation: ball-clip-rotate 0.75s linear infinite;
  animation: ball-clip-rotate 0.75s linear infinite;
}

#loading-bar-spinner:before,
#loading-bar-spinner:after {
  content: " ";
  display: table;
}

#loading-bar-spinner:after {
  clear: both;
}

#loading-bar-spinner:before,
#loading-bar-spinner:after {
  content: " ";
  display: table;
}

#loading-bar-spinner:after {
  clear: both;
}
/* 로딩 바 end */




.ie-warning {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #000000;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  padding: 50px 0;
}
.ie-warning p {
  font-size: 17px;
}
.ie-warning .iew-container {
  min-width: 1024px;
  width: 100%;
  height: 200px;
  background: #fff;
  margin: 50px 0;
}
.ie-warning .iew-download {
  list-style: none;
  padding: 30px 0;
  margin: 0 auto;
  width: 720px;
}
.ie-warning .iew-download > li {
  float: left;
  vertical-align: top;
}
.ie-warning .iew-download > li > a {
  display: block;
  color: #000;
  width: 140px;
  font-size: 15px;
  padding: 15px 0;
}
.ie-warning .iew-download > li > a > div {
  margin-top: 10px;
}
.ie-warning .iew-download > li > a:hover {
  background-color: #eee;
}

/* col-xx-n btn margin */
.col-lg-1 > .btn, .col-lg-2 > .btn, .col-lg-3 > .btn, .col-lg-4 > .btn, .col-lg-5 > .btn, .col-lg-6 > .btn, .col-lg-7 > .btn, .col-lg-8 > .btn, .col-lg-9 > .btn, .col-lg-10 > .btn, .col-lg-11 > .btn, .col-lg-12 > .btn,
.col-md-1 > .btn, .col-md-2 > .btn, .col-md-3 > .btn, .col-md-4 > .btn, .col-md-5 > .btn, .col-md-6 > .btn, .col-md-7 > .btn, .col-md-8 > .btn, .col-md-9 > .btn, .col-md-10 > .btn, .col-md-11 > .btn, .col-md-12 > .btn,
.col-sm-1 > .btn, .col-sm-2 > .btn, .col-sm-3 > .btn, .col-sm-4 > .btn, .col-sm-5 > .btn, .col-sm-6 > .btn, .col-sm-7 > .btn, .col-sm-8 > .btn, .col-sm-9 > .btn, .col-sm-10 > .btn, .col-sm-11 > .btn, .col-sm-12 > .btn,
.col-xs-1 > .btn, .col-xs-2 > .btn, .col-xs-3 > .btn, .col-xs-4 > .btn, .col-xs-5 > .btn, .col-xs-6 > .btn, .col-xs-7 > .btn, .col-xs-8 > .btn, .col-xs-9 > .btn, .col-xs-10 > .btn, .col-xs-11 > .btn, .col-xs-12 > .btn,
.col-lg-1 > .input-group, .col-lg-2 > .input-group, .col-lg-3 > .input-group, .col-lg-4 > .input-group, .col-lg-5 > .input-group, .col-lg-6 > .input-group, .col-lg-7 > .input-group, .col-lg-8 > .input-group, .col-lg-9 > .input-group, .col-lg-10 > .input-group, .col-lg-11 > .input-group, .col-lg-12 > .input-group,
.col-md-1 > .input-group, .col-md-2 > .input-group, .col-md-3 > .input-group, .col-md-4 > .input-group, .col-md-5 > .input-group, .col-md-6 > .input-group, .col-md-7 > .input-group, .col-md-8 > .input-group, .col-md-9 > .input-group, .col-md-10 > .input-group, .col-md-11 > .input-group, .col-md-12 > .input-group,
.col-sm-1 > .input-group, .col-sm-2 > .input-group, .col-sm-3 > .input-group, .col-sm-4 > .input-group, .col-sm-5 > .input-group, .col-sm-6 > .input-group, .col-sm-7 > .input-group, .col-sm-8 > .input-group, .col-sm-9 > .input-group, .col-sm-10 > .input-group, .col-sm-11 > .input-group, .col-sm-12 > .input-group,
.col-xs-1 > .input-group, .col-xs-2 > .input-group, .col-xs-3 > .input-group, .col-xs-4 > .input-group, .col-xs-5 > .input-group, .col-xs-6 > .input-group, .col-xs-7 > .input-group, .col-xs-8 > .input-group, .col-xs-9 > .input-group, .col-xs-10 > .input-group, .col-xs-11 > .input-group, .col-xs-12 > .input-group,
.col-lg-1  .ui-select-container, .col-lg-2  .ui-select-container, .col-lg-3  .ui-select-container, .col-lg-4  .ui-select-container, .col-lg-5  .ui-select-container, .col-lg-6  .ui-select-container, .col-lg-7  .ui-select-container, .col-lg-8  .ui-select-container, .col-lg-9  .ui-select-container, .col-lg-10  .ui-select-container, .col-lg-11  .ui-select-container, .col-lg-12  .ui-select-container,
.col-md-1  .ui-select-container, .col-md-2  .ui-select-container, .col-md-3  .ui-select-container, .col-md-4  .ui-select-container, .col-md-5  .ui-select-container, .col-md-6  .ui-select-container, .col-md-7  .ui-select-container, .col-md-8  .ui-select-container, .col-md-9  .ui-select-container, .col-md-10  .ui-select-container, .col-md-11  .ui-select-container, .col-md-12  .ui-select-container,
.col-sm-1  .ui-select-container, .col-sm-2  .ui-select-container, .col-sm-3  .ui-select-container, .col-sm-4  .ui-select-container, .col-sm-5  .ui-select-container, .col-sm-6  .ui-select-container, .col-sm-7  .ui-select-container, .col-sm-8  .ui-select-container, .col-sm-9  .ui-select-container, .col-sm-10  .ui-select-container, .col-sm-11  .ui-select-container, .col-sm-12  .ui-select-container,
.col-xs-1  .ui-select-container, .col-xs-2  .ui-select-container, .col-xs-3  .ui-select-container, .col-xs-4  .ui-select-container, .col-xs-5  .ui-select-container, .col-xs-6  .ui-select-container, .col-xs-7  .ui-select-container, .col-xs-8  .ui-select-container, .col-xs-9  .ui-select-container, .col-xs-10  .ui-select-container, .col-xs-11  .ui-select-container, .col-xs-12  .ui-select-container
{ margin-top: 5px; }

/*
tab.btn-primary.btn-outline
*/
.jw-tab-set {position:relative;}
.jw-tab-set > .nav-tabs-wrap { position: relative; margin: 0; }
.tab-haed-scroll .jw-tab-set > .nav-tabs-wrap { height: 40px; }

.jw-tab-set > .nav-tabs-wrap.scroll {  margin: 0 65px 0 37px; overflow: hidden;}
.jw-tab-set > .nav-tabs-wrap.no-scroll > ul.nav-tabs { left: 0 !important;  }
.jw-tab-set ul.nav-tabs { border-bottom: 0px; }

.jw-tab-set > .nav-left { display:block; position: absolute; font-size: 25px; left: 2px; top: 5px; }
.jw-tab-set > .nav-right { display:block; position: absolute; font-size: 25px; right: 28px; top: 5px; }
.jw-tab-set > .nav-left, .jw-tab-set > .nav-right { color: #cccccc; }
.jw-tab-set > .nav-left.active, .jw-tab-set > .nav-right.active { color: #444444; }

.tab-border {border-bottom:1px solid #e4e5e7; border-radius:4px; }
.tab-border[linked-height] {overflow-y:hidden;height:0;position:relative;}
.tab-border .tab-pane > * { border-left:1px solid #e4e5e7;  border-right:1px solid #e4e5e7;}


.jw-tab-set .tab-content {
    border-top: 1px solid #e4e5e7;
    margin-top: -1px;
}

.jw-tab-set .fa.blank { width: 13px; margin-right: 3px; color: #62cb31;}

.jw-tab-set.tab-rgt ul.nav.nav-tabs { position: relative; float: right; }
.jw-tab-set.tab-rgt .nav-tabs > li {margin-right: -3px;}

.tab-border .tab-no-border .tab-pane > * { border-left: none; border-right: none;}

 .dropdown-menu{
   max-height: 500px; /*Provide height in pixels or in other units as per your layout*/
   overflow-y: auto; /*Provide an auto overflow to diaply scroll*/
  }

.dropdown-menu.dropdown-menu-right {
    right: 0;
    left: auto;
}
.dropdown-menu.dropdown-menu-right > li > a {
    text-align: right;
}
.jw-tab-set > .dropdown { position: absolute; right: 5px; top: 12px; }

.tab-haed-scroll ul.nav-tabs { position: absolute; min-height: 40px;}

.tab-haed-scroll ul.nav-tabs > li > a { max-width:160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

ul.nav-tabs > li > a { padding: 10px 40px 10px 15px;}

ul.nav-tabs > li.active > a { font-weight: 600; }

.jw-tab-set ul.nav-tabs .nav > li > a:after {
    background: #2196f3 none repeat scroll 0 0;
}
.jw-tab-set ul.nav-tabs > li.active > a:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.jw-tab-set ul.nav-tabs > li > a:after {
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -o-transition-duration: 250ms;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.jw-tab-set ul.nav-tabs > li > a:after {
  background: #2196f3;
}

ul.nav-tabs > li > a .glyphicon-remove {
  color: #aaaaaa;
  display: inline-block;
  padding: 3px;
  font-size: 10px;
  position: absolute;
  z-index: 9;
  top: 11px;
  right: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
ul.nav-tabs > li > a .glyphicon-remove:hover {
  background: #d39ea3;
  color: white;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #eee;
    text-decoration: none;
}



/* 드래그 판넬 */
.ui-sortable .enable-sort .sort-item {
    cursor: move;
	border: 1px dashed #aaa !important;
}

.ui-sortable .enable-sort .sort-item .fa.move {
	color: #34495e;
    position: absolute;
    z-index: 1;
    font-size: 25px;
    top: -20px;
}


/* scroll up */
#scrollUp {
	bottom: 5px;
	right: 5px;
	background: #333;
	color: #fff;
	font-size: 18px;
        line-height: 18px;
	text-decoration: none;
	opacity: .4;
        filter: alpha(opacity=40);
	padding: 10px 15px 5px;
        font-family: Tahoma;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	transition: background 200ms linear;
	-webkit-backface-visibility: hidden;
	z-index: 1 !important;
}
#scrollUp:hover {
	background: #000;
}


/* date picker */
.date-picker .dp-inline {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  display: inline-block;
}

.date-picker .dropdown-menu { left: 15px; }

.date-picker:not(.dp-blue):not(.dp-red) .tr-dpnav th {
  background: #009688;
}

.date-picker:not(.dp-blue):not(.dp-red) .tr-dpday th {
  background: #00877a;
}

.date-picker:not(.dp-blue):not(.dp-red) .dp-active {
  background-color: #009688;
}

.date-picker:not(.dp-blue):not(.dp-red) .dp-actions .btn-link {
  color: #009688;
}

.date-picker .dropdown-menu {
  padding: 0 0 10px 0;
  margin: 0;
  /*
  -webkit-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
   opacity: 0;
   filter: alpha(opacity=0);*/
   display: block;
}

.date-picker.is-opened .dropdown-menu {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}

.dp-table {
  position: relative;
  z-index: 1;
}

.dp-table thead > tr th:first-child {
  padding-left: 15px;
}

.dp-table thead > tr th:last-child {
  padding-right: 15px;
}

.dp-table tbody > tr:first-child > td {
  padding-top: 15px;
}

.dp-table tbody > tr:last-child > td {
  padding-bottom: 15px;
}

.dp-table tbody > tr td:first-child {
  padding-left: 15px;
}

.dp-table tbody > tr td:last-child {
  padding-right: 15px;
}

.btn-dp {
  background: transparent;
  border: 0;
}


.btn-dp .zmdi {
  font-size: 18px;
  line-height: 100%;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  line-height: 34px;
}

.btn-dp .zmdi:hover {
  background-color: rgba(0, 0, 0, 0.14);
}

.btn-dp[disabled] {
  color: #CDCDCD;
}

.btn-dp[disabled] .dp-day-muted {
  color: #CDCDCD;
}

.btn-dpbody {
  padding: 13px;
  font-size: 12px;
  border-radius: 2px;
}

.btn-dpbody:not(.dp-active):not([disabled]) {
  color: #000;
}

.btn-dpbody:not(.dp-active):not([disabled]):not(.dp-today):hover {
  background: #F0F0F0;
}

.btn-dpday {
  border-radius: 50%;
  width: 42px !important;
  height: 42px;
}

.btn-xs {
	padding: 4px 7px 1px;
}

.tr-dpnav .btn-dp {
  color: #fff;
  padding: 10px 0 10px;
}

.tr-dpday th {
  padding: 8px 0 9px;
  color: #fff;
  text-transform: uppercase;
}

.dp-active {
  color: #fff;
}

.dp-today:not(.dp-active) {
  background-color: #E2E2E2;
}

.dp-day-muted {
  color: #8B8B8B;
}

.dp-title {
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
}

.dp-title:hover {
  background-color: rgba(0, 0, 0, 0.14);
  border-radius: 2px;
}

.dp-blue .tr-dpnav th {
  background: #2196f3;
}

.dp-blue .tr-dpday th {
  background: #128ff2;
}

.dp-blue .dp-active {
  background-color: #2196f3;
}

.dp-blue .dp-actions .btn-link {
  color: #2196f3;
}

.dp-red .tr-dpnav th {
  background: #f44336;
}

.dp-red .tr-dpday th {
  background: #f33527;
}

.dp-red .dp-active {
  background-color: #f44336;
}

.dp-red .dp-actions .btn-link {
  color: #f44336;
}

.dp-actions {
  padding: 10px 20px 20px;
  text-align: right;
}

.dp-actions .btn-link {
  text-decoration: none;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 500;
}

.bootstrap-datetimepicker-widget { overflow: hidden; }
/* date picker end*/


/* sweet alert */

body.stop-scrolling { overflow: initial; }
.sweet-alert { font-family: inherit !important; }
.sweet-alert p { line-height: inherit !important; }
.sweet-alert input[type=checkbox] { border: 0;
    box-shadow: none;
    display: inline-block;
    width: auto;
    margin: 0 5px;
    height: auto;
}

/* placeholder */
::-webkit-input-placeholder { font-size:13px; }
::-moz-placeholder { font-size:13px; } /* firefox 19+ */
:-ms-input-placeholder { font-size:13px; } /* ie */
input:-moz-placeholder { font-size:13px; }


 /* notify */
.cg-notify-message {
	left: auto;
    right: 5%;
    border: 1px solid #aaa;
}

/* modal */
body.modal-open { position: relative; }

.modal-content { border-radius: 12px; /* overflow: hidden; */ }
.modal-content {
	overflow: visible;
	-webkit-transition: overflow;
	-o-transition: overflow;
	transition: overflow;
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
}
.ie9 .modal-content { overflow: visible; }

.modal-content.changing { overflow: hidden; }

.modal-content .modal-header, .modal-content .color-line  { border-top-left-radius: 12px; border-top-right-radius: 12px; }
/*.modal-open { overflow: visible; } */
.modal-title { font-size: 18px; }
.modal-title i { font-size: 30px; margin-right: 6px; vertical-align: middle;}
.modal-header { padding: 25px; }
.modal-backdrop.in { opacity: 0.2; }
.modal-footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.modal-body {
	padding: 20px 30px 80px 30px;
}

.page-small .modal-body {
	padding: 15px 15px 70px 15px;
}


.modal-body .hpanel .panel-footer {
	min-height: 45px;
}


@media (min-width:992px) {

	.modal-center.modal-dialog, .full-screen .modal-center.modal-dialog.min {

		margin: 80px auto 0 auto;
		width: auto;
		max-width: 1400px;
		height: calc(100% - 80px);
		min-height: 500px;
	}

	.modal-center.modal-dialog.max {
		max-width: none;
	}

	.modal-center.modal-dialog .modal-content, .full-screen .modal-center.modal-dialog.min .modal-content {

		min-height: calc(100% - 80px);
		max-height: calc(100% - 80px);

	}
	.modal-center.modal-dialog .modal-body {
		padding: 20px 30px;
	}

	.full-screen .modal-center.modal-dialog {
		margin: 0;
		width: auto;
		max-width: none;
		height: 100%;
		min-height: 100%;
	}
	.full-screen .modal-center.modal-dialog .modal-content {

		min-height: 100%;
		max-height: 100%;

	}



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

	.modal-center.modal-dialog {
		width: auto;
	}

}



@media (max-width:992px) {
	.auto-height {
		height: auto !important;
		visibility: visible !important;
		float:none !important;
		width: auto !important;
		position: relative !important;
		margin: auto !important;
	}
	.modal-body{
		height: auto !important;
		max-height: none !important;
	}
}

.modal-center.modal-dialog .modal-body .auto-height {
	overflow-y: auto; visibility: hidden; position: relative;
}


[linked-height] { overflow-y: auto; overflow-x: hidden; height:0; }
[linked-height=min] { overflow: visible; height: auto; }
@media (max-width: 992px) {
	[linked-height] { overflow-y: visible; overflow-x: visible; height: auto !important; }
}


.modal-full.modal-dialog {
	margin: 118px 17px 0 238px;
  	width: auto;
}

@media(min-width:1600px) {

	.modal-full.modal-dialog,.modal-full.min.modal-dialog {
	  	width: 1280px;
	}

}

.modal-max.modal-dialog {
	margin: 0;
  	width: auto;
	height: 100%;
}

.modal-full.modal-dialog.min, .modal-max.modal-dialog.min {
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
	margin: 118px 17px 0 238px;
  	height: auto;
}

.full-screen .modal-dialog, .modal-full.modal-dialog.max, .modal-max.modal-dialog.max, .modal-center.modal-dialog.max  {
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
	margin: 0;
	height: 100%;
	width: auto;
}

.full-screen .modal-dialog,
.modal-full.modal-dialog.max .modal-content,
.modal-center.modal-dialog.max .modal-content,
.modal-max.modal-dialog.max .modal-content,
.modal-max.modal-dialog .modal-content  {
	min-height: 100%;
}

.modal-toolbar { position: absolute; top: 18px; right: 18px; font-size: 25px; text-align: right;}
body.page-small	.modal-toolbar {right:5px; top: 5px;}


@media (max-width:1200px) {
	.modal-full.modal-dialog, .modal-max.modal-dialog, .modal-center.modal-dialog, .full-screen .modal-dialog  {
		margin: 0 !important;
	}
}

@media (max-width: 768px) {
	.modal-dialog {
	    margin:0;
	}
}
@media (min-width: 768px) {
	.modal-dialog {
	    width: 768px;
	}
	.modal.in .modal-dialog.modal-sm {
		margin-top: 0;
	    margin: 0 auto;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	  	-webkit-transform: translate(-50%, -50%);
  		-o-transform: translate(-50%, -50%);
	}
	.xs .modal-dialog.modal-sm {
		width: 550px;
	}
}
@media (min-width: 992px) {
	.modal.in .modal-lg {
	    width: 900px;
	    margin: 0 auto;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	  	-webkit-transform: translate(-50%, -50%);
  		-o-transform: translate(-50%, -50%);
	}
}

body.modal-top-fix .modal.in .modal-dialog.modal-sm, body.modal-top-fix .modal.in .modal-lg {
	top: 0; left:0; position:relative; transform:none; -ms-transform: none; -webkit-transform: none; -o-transform:none;
}

body.page-small .modal-dialog {
	margin:0;
}

/* tip */
.opentip-container { z-index: 10000 !important;}

/* tag input */
tags-input .tags .tag-item { color: inherit; background: none; border: 1px solid #cccccc; }


/* label */
.control-label { color:#3a3a73; }

/* ui-select */
.select2-results {
	max-height: 300px;
}
.ui-select-container.error .form-control{
    border-color: #e74c3c !important;
}

.ui-select-container.select2.select2-container {
	width: 100%;
}
.ui-select-container.select2.select2-container .select2-choice {
	height: 32px;
	line-height: 32px;
}
.ui-select-container.select2.select2-container.error .select2-choice {
	border-color: #e74c3c !important;
}

.ui-select-container.ui-select-bootstrap input[type="search"].ui-select-search { width: 100% !important; }

/* ui-select tag */

.ui-select-multiple.ui-select-bootstrap { padding: 5px 5px 3px; }

.ui-select-multiple .ui-select-match-item.btn.btn-default.btn-xs
{ font-size: 14px; color: #555; border: 1px solid #cccccc;}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
    font-size: 13px;
    margin: 2px 0 0 5px;
    vertical-align: middle;
    opacity: 0.6;
    font: bold 16px Arial, sans-serif;
}

/* 초기화 부분에 option 박스를 안보이게 해서 깜빡이는 현상 제거*/
.ui-select-container.select2.select2-container .ui-select-dropdown { display: none; }

.ui-select-container.select2.select2-container.select2-container-active .ui-select-dropdown { display: block; }
/* 옵션 라인 */
.select2-results .select2-result-label { border-top: 1px dotted #eee; }

/* 선택된 글씨 */
/*.select2-container .select2-choice>.select2-chosen { font-weight: 600; }*/


/* 멀티셀렉트에서 input 넓이가 크게 잡혀지기 때문에 아래로 떨어진다. 넓이가 -5px 감소 효과 } */
.ui-select-multiple.ui-select-bootstrap input.ui-select-search { margin-right: -5px; }

/* panel */
.panel-heading + .panel-body {
	border-top: 1px solid #e4e5e7;
}


.hpanel.h1green .panel-body {
    border-top: 1px solid #62cb31
}

.hpanel.h1blue .panel-body {
    border-top: 1px solid #3498db
}

.hpanel.h1info .panel-body {
    border-top: 1px solid #3498db
}

.hpanel.h1info2 .panel-body {
    border-top: 1px solid #00bcd4
}


.hpanel.h1yellow .panel-body {
    border-top: 1px solid #ffb606
}

.hpanel.h1violet .panel-body {
    border-top: 1px solid #9b59b6
}

.hpanel.h1orange .panel-body {
    border-top: 1px solid #e67e22
}

.hpanel.h1red .panel-body {
    border-top: 1px solid #e74c3c
}

.hpanel.h1reddeep .panel-body {
    border-top: 1px solid #c0392b
}

.hpanel.h1navyblue .panel-body {
    border-top: 1px solid #34495e
}

.hpanel.h1gray .panel-body {
    border-top: 1px solid #e4e5e7
}




span.error {
    color: #e74c3c;
    margin: 5px 0 0 0;
    font-weight: 400
}

/* jsTree */
.vakata-context {
	margin-left: 50px;
}
.vakata-context, .vakata-context ul {
	border:1px solid #d2d2d2;
	z-index: 10001;
}

.jstree-open > .jstree-anchor > .fa-folder:before {
  content: "\f07c";
}
.jstree-default .jstree-icon.none {
  width: 0;
}

.jstree-anchor {
	text-overflow: ellipsis;
	/* overflow-x: hidden; */
	max-width: calc(100% - 25px);
	position: relative;
}
[js-tree] { position: relative; }
[js-tree] .read-only { position: absolute; width: 100%; height: 100%; opacity: 0.1; top: 0; left:0; background-color: #888888;}

.jstree-icon.empty { margin-right: -18px;}

.jstree-node.search-focus {
	background-color: #fff244;
}

/*
.jstree-anchor:hover {
	text-overflow: clip;
	max-width: none;
	z-index: 1;
	position: relative;
}
*/
.jstree-node, .jstree-children, .jstree-container-ul { position: relative; }

.vakata-context li>a:hover, .vakata-context .vakata-context-hover>a { box-shadow: none; background-color:#e0e6ec;}
.vakata-context li>a { border-radius: 0;}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* check box */
div.check-wrap { margin-top: 5px; }
.icheckbox_square-green, .iradio_square-green { margin-right: 5px; position: relative;}


.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% { opacity: 0.0; }
}

/* listView */
cms-list-view.card .list-item.enter > :first-child { outline: #00bcd4 dotted 1px; }
cms-list-view.card .list-item.single-selected > :first-child { outline: #62cb31 solid 1px; }
cms-list-view.card .list-item.selected > :first-child { outline: #00bcd4 solid 2px; }
cms-list-view.card .cms-list-view-check { position: absolute; left:23px; top: 10px; }
cms-list-view.card.multi-select .panel-heading:first-child { padding-left: 40px;}
cms-list-view.card.multi-select .panel-body:first-child { padding-left: 40px;}


cms-list-view.simple.gray .list-item:hover { background-color: #f3f3f3; }
cms-list-view.simple.gray .list-item { padding: 6px 8px; cursor: pointer; border-bottom: 1px solid #eeeeee; line-height: 21px; }
cms-list-view.simple.gray .list-item:last-child { border-bottom:0; }
cms-list-view.simple.gray .list-item.selected { outline: #c0392b dotted 1px; background-color: #f3f3f3; }

/* pagination */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 3px 0;
  border-radius: 2px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #7e7e7e;
  background-color: #e2e2e2;
  border: 1px solid #ffffff;
  margin-left: -3px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #333333;
  background-color: #d7d7d7;
  border-color: #ffffff;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #00bcd4;
  border-color: #ffffff;
  cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #e2e2e2;
  border-color: #ffffff;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

.pager {
  padding-left: 0;
  margin: 18px 0;
  list-style: none;
  text-align: center;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #e2e2e2;
  border: 1px solid #ffffff;
  border-radius: 5px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #d7d7d7;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #e2e2e2;
  cursor: not-allowed;
}
.pagination {
  border-radius: 0;
}

.pagination > li {
  margin: 0 2px;
  display: inline-block;
  vertical-align: top;
}

.pagination > li > a,
.pagination > li > span {
  border-radius: 50% !important;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  z-index: 1;
  position: relative;
  border: 0;
}

.pagination > li > a > .zmdi,
.pagination > li > span > .zmdi {
  font-size: 22px;
  line-height: 40px;
}

@media (min-width: 768px) {
  .pagination > li > a,
  .pagination > li > span {
    position: relative;
  }

  .pagination > li > a:before,
  .pagination > li > span:before {
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 0;
    border-radius: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
  }

  .pagination > li > a:hover:before,
  .pagination > li > span:hover:before,
  .pagination > li > a.open:before,
  .pagination > li > span.open:before {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

.pagination > li.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/*
 * Listview Pagination
 */

.lv-pagination {
  width: 100%;
  text-align: center;
  padding: 40px 0;
  border-top: 1px solid #F0F0F0;
  margin-top: 0;
  margin-bottom: 0;
}

/*
 * Pager
 */

.pager li > a,
.pager li > span {
  padding: 5px 10px 6px;
  color: #7e7e7e;
}

/*btn*/
/* 버튼 그룹에 마진 적용 */
.input-group-btn:last-child > .btn.m-l-sm, .input-group-btn:last-child > .btn-group.m-l-sm { margin-left: 10px; border-radius: 3px;}

td > .btn-group {
	display: -webkit-flex;
	display: flex;
 	-webkit-justify-content: center;
 	justify-content: center;
}


.table>thead>tr>th { font-weight: 600; color: #333333; }
/*.table-responsive { overflow-y: hidden; }*/

.table-responsive { overflow-x: visible;}

/* cms-grid */
.table > thead > tr > th { vertical-align: middle; }
.table > tbody > tr > td { vertical-align: middle; }

tbody.single-selected, tbody.mouseenter {
	background: #eef5eb !important;
   color: black !important;
}


.cms-grid.table > tbody.selected {  background: #eff7ed !important;  }

.cms-grid.table.green > tbody.selected {  background: #62cb31 !important;  color: white !important; }
.cms-grid.table.green > tbody.selected .btn:not(.btn-default) { color: white; }
.cms-grid.table.green > tbody.selected .btn.btn-outline {border-color: #ffffff; }
.cms-grid.table.green > tbody.selected .editable-click, a.editable-click { color: white; }
.cms-grid.table.green > tbody.selected > tr > td i { color: white; }


.cms-grid tr { cursor: pointer; }
.cms-grid.multi-select tr { cursor: default; }
.cms-grid.multi-select td:first-child .icheckbox_square-green { border-radius: 50%; background-position: -120px 0;}
.cms-grid.multi-select td:first-child .icheckbox_square-green.checked { border-radius: 50%; background-position: -48px 0;}

.cms-grid.table > tbody:last-child { border-bottom: 1px solid #ddd; }

table.cms-grid { margin-bottom: -1px; }
table.cms-grid thead  {border-bottom: 2px solid #62cb31; }

table.cms-grid td[rowspan], table.cms-grid th[rowspan] { border-right: 1px solid #dddddd;}

table.cms-grid thead > tr > th { padding: 12px 8px; }
table.cms-grid.grid-head-fixed { position: fixed !important; background-color:#ffffff; top:60px; box-shadow: 2px 3px 10px #d0d0d0; z-index:3;}
table.cms-grid.grid-head-abs { position: absolute !important; background-color:#ffffff; top:0px; z-index:3; /*box-shadow: 2px 3px 10px #d0d0d0; */}

@media (min-width: 992px) {
	table.cms-grid.orig-grid > thead { visibility: hidden; border-bottom: 0;}
}
@media (max-width: 992px) {
	table.cms-grid.orig-grid > thead { visibility: visible; }
	cms-grid .table-responsive.wrap1 { display:none; }
}

table.cms-grid.orig-grid, table.cms-grid.orig-grid th:last-child, table.cms-grid.orig-grid td:last-child { border-right: 0;}

table.cms-grid.grid-head-abs > thead th.lst-th { border-right: none; }
table.cms-grid.grid-head-abs > thead th.fake-th { border-left: none; }

.cms-grid.table-striped > tbody:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.table-scroll-wrap { border: 1px solid #ddd; }
.table-scroll-wrap table.cms-grid { margin-left:-1px;}

.cms-grid.table > tbody + tbody { border-top: none; }


.cms-grid.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}


body.page-small table.cms-grid.grid-head-fixed, body.page-small table.cms-grid.grid-head-abs {
    display: none;
}

.color-line {
    background: #f7f9fa;
    height: 6px !important;
    background-image: -webkit-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-image: -moz-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-image: -ms-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-image: linear-gradient(to right, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-size: 100% 6px !important;
    background-position: 50% 100% !important;
    background-repeat: no-repeat !important;
}
.primary.color-line {
    background: #34495e
}
.info.color-line {
    background: #3498db
}

.info2.color-line {
    background: #00bcd4
}


.warning.color-line {
    background: #ffb606
}

.success.color-line {
    background: #62cb31
}

.danger.color-line {
    background: #c0392b
}

/* dynamic menu */

.dynamic-menu {

	background-color: #ffffff;
	display: none;
	position: absolute;
	 -webkit-align-items: center;
	         align-items: center;
	 -webkit-justify-content: center;
	         justify-content: center;
	padding: 0 10px;
	border-radius: 2px;
}

.dynamic-menu.active {
	opacity: 0.4;
	display: -webkit-flex;
	display:         flex;
}

.dynamic-menu.active.menu-show {
	opacity: 0.9;
	outline: 1px solid #dddddd;
}

/* mobile responsive */
@media (max-width:992px) {
	.mobile-hide { display: none; }
}

@media (min-width:992px) {
	.mobile-show { display: none; }
}

/* highlight */
pre[highlight-block] { padding: 0; }


/* 트리 리스트 */
.angular-ui-tree { padding-bottom:30px; } /* 하위 드레그 영역 확보*/
.angular-ui-tree li {list-style-type:none;}
.angular-ui-tree-nodes .angular-ui-tree-nodes { padding-left: 35px; }
.angular-ui-tree-placeholder { margin:0; } /*드레그 마진*/
.tree-node { padding: 8px; border: 1px dotted #adb6c7; }
.tree-node[ng-click] { cursor: pointer; }
.tree-node.tree-click { background-color: #e4edf1; }
.angular-ui-tree-empty { border: none; min-height: auto; background:none;}
.tree-node:hover {
    background-color: #ebeff1;
}
.move { cursor: move !important; }


/* xeditable */
.tree-node .editable-buttons button { margin-left:0; }
.tree-node .editable-buttons button[type=submit] {
    margin-left: 5px;
}
.editable-buttons { vertical-align: middle; }



/* zoom */
.zoom-btn { position: absolute; display: none; /*top: calc(50% - 29px); left: calc(50% - 19px);*/ right:10px; font-size:40px; opacity: 0.5; cursor: pointer;}

/* dropdown check bar */
.dropdown-menu[show-check] a.active:before { content: '\f26b'; display: inline-block; font: normal normal normal 14px/1 'Material-Design-Iconic-Font'; text-rendering: auto; margin-right: 10px; color:#3ba4b7;}


.btn-circle { margin-right: 10px; }

/* tooltip */
.tooltip { z-index: 2001; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #000000;}
.tooltip-inner {
    background-color: #000000;
    padding: 6px 8px;
    color:#FFF700;
    text-align:left;
}
.tooltip.in {
    filter: alpha(opacity=60);
    opacity: .6;
}


.hr-line-dashed { border-top: 1px dotted #e6e6e6; }


.btn-gray.btn-outline, .text-gray { color: #ababab; }
.btn-gray { border-color:#ababab; }
.btn-gray {
    background-color: #ababab;
    border-color: #777777;
    color: #FFFFFF;
}
.btn-gray.btn-outline { border-color: #ababab; }
.btn-outline {
    background-color: transparent;
}



/*!
* bootstrap-vertical-tabs - v1.2.1
*/
.tabs-left, .tabs-right {
border-bottom: none;
padding-top: 2px;
overflow: visible;
}
.tabs-left {
border-right: 1px solid #ddd;
}
.tabs-right {
border-left: 1px solid #ddd;
}
.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: #ddd;
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 #ddd;
border-left-color: transparent;
}
.tabs-left>li>a {
border-radius: 4px 0 0 4px;
margin-right: 0;
display:block;
}
.tabs-right>li>a {
border-radius: 0 4px 4px 0;
margin-right: 0;
}
.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 0px 0px;
}
.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 {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.sideways.tabs-left>li {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/** splitter **/
.v-splitter {
	position: relative;
    float: left;
    width: 5px;
    height: 100%;
    background: #bdbdbd;
    border-right: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    cursor: col-resize;
    z-index:100;
    margin-right: 5px;
	overflow: hidden;
    font-size: 20px !important;
    color: #6b6b6b;
    font: normal normal normal 14px/1 FontAwesome;
}
.v-splitter:after {
	content: ' ';
	clear: both;
}
.v-splitter:before {
	content: "\f0c9";
    position: absolute;
    top: 50%;
}
body.code-full .v-splitter { display: none; }

/** pretty scrollbar **/

*::-webkit-scrollbar
{
	width: 8px;
	height: 8px;
}

*::-webkit-scrollbar-track
{
	background-color: #f5f5f5;
    border-radius: 1px;
    border: 1px solid #eee;
}

*::-webkit-scrollbar-thumb
{
	border-radius: 1px;
    background: #ccc;
    border: 1px solid #bbb;
}


.scrollbar.style-7::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #e6eaff;
	border: none;
	border-radius: 5px;
}

.scrollbar.style-7::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	background: #747988;
	border: none;
	/*
	background-image: -webkit-gradient(linear,
	             left bottom,
	             left top,
	             color-stop(0.44, rgb(159, 181, 224)),
	             color-stop(0.72, rgb(71, 113, 165)),
	             color-stop(0.86, rgb(87, 112, 187)));
	             */
}

/** datetimepicker **/
/** 선택할수 없는 날짜 **/
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #d8ac9e;
  cursor: not-allowed;
  font-weight: normal;
  /*text-decoration: line-through;*/

}


/** toastr **/
.toast-top-right { top: 60px; }


code, kbd, pre, samp, .CodeMirror pre {
  	font-family: "nanumgothic", "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}



.no-data { opacity:0; height:0; font-size:1.7rem; color:#aaaaaa; text-align: center;  }
.no-data .no-search { color: #e66726; }
.no-data.show {
	opacity: 1;
	margin-top:100px;
	height: auto;
	-webkit-transition-property: all ; -webkit-transition-delay: 1s; -webkit-transition-duration: .3s;
	o-transition-property: all; o-transition-delay: 1s; o-transition-duration: .3s;
	transition-property: all; transition-delay: 1s; transition-duration: .3s;
}
body.busy .no-data.show { display: none; }


/* login dialog */
.bring-front { z-index: 100000 !important; }