@font-face {
	font-family: 'NotoSansKR Regular';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/NotoSansKR-Regular.woff2') format('woff2'), url('/fonts/NotoSansKR-Regular.woff') format('woff');
}
@font-face {
	font-family: 'OpenSans Regular';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/OpenSans-Regular.woff2') format('woff2'), url('/fonts/OpenSans-Regular.woff') format('woff');
}
/*
 *
 *   INSPINIA - Responsive Admin Theme
 *   version 2.0
 *
*/
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #2f4050;
  font-size: 13px;
  /*초기 글자색 : #676a6c*/
  color: #000000;
  overflow-x: hidden;
}
html,
body {
  height: auto;
}
body.full-height-layout #wrapper,
body.full-height-layout #page-wrapper {
  height: 100%;
}
a {
  cursor: pointer;
}
a:hover,
a:focus {
  text-decoration: none;
  color:#1ab394;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 100;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10px;
}
h3,
h4,
h5 {
  margin-top: 5px;
  font-weight: 600;
}
video {
  width: 100% !important;
  height: auto !important;
}
ul.unstyled,
ol.unstyled {
  list-style: none outside none;
  margin-left: 0;
}
/* WRAPPERS */
#wrapper {
  width: 100%;
  overflow-x: hidden;
}
.wrapper {
  padding: 0 20px;
}
.wrapper h2 {
	font-size:16px;
	font-weight:600;
	margin:10px 0 5px 0;
}
.wrapper-content {
  /* padding: 10px 0 35px; */
  padding:0;
}
@media (max-width:767px){
	.wrapper-content {
		padding:0 0 145px;
	}
	.wrapper h2 {
		text-align:center;
		margin:15px 0 5px 0;
	}
	#List_1{
		margin-top:50px;
	}
}
#page-wrapper {
  padding: 0 15px;
  min-height: 568px;
  position: relative !important;
  min-height:auto;
}
@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 220px;
    min-height: 1200px;
  }
}
@media (max-width: 767px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 0;
    min-height: 812px;
  }
}
/* NAVIGATION */
.nav > li > a {
  color: #ffffff;
  font-weight: 600;
  padding: 14px 20px 14px 25px;
}
.nav > li.active {
  border-left: 5px solid #19aa8d;
  background: #293846;
}
.nav > li.active > a {
  color: #1ab394;
}
/*.nav > #List_DOMS.active > a , .nav > #List_System.active > a {
	color: #1c84c6;
}
.nav > #List_DOMS li.active > a, .nav > #List_System li.active > a {
	color: #1c84c6;
}*/
/*#List_DOMS > .nav-second-level > li .in a > i{
	color: #1c84c6;
}*/
/*.nav > #List_DOMS.active , .nav > #List_System.active{
border-left: 4px solid #1c84c6;
}*/
.navbar-default {
  background-color: transparent;
  border-color: #2f4050;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
  background-color: #293846;
  /*color: white;*/
}
.nav:not(.navbar-top-links) .open > a,
.nav:not(.navbar-top-links) .open > a:hover,
.nav:not(.navbar-top-links) .open > a:focus {
  background: #fff;
}
@media (min-width: 768px) {
  .navbar-static-side {
    position: fixed;
    width: 220px;
	height:100%;
	overflow-x:hidden;
    z-index: 2001;
  }
  body.mini-navbar .navbar-static-side {
	overflow-x:visible !important;
  }
  .fa.arrow:before {
    content: "\f104";
  }
  .active > a > .fa.arrow:before {
    content: "\f107";
  }
}
/* Nav-Header */
.nav-header {
  padding:15px 0;
  margin-bottom:10px;
  background: url("patterns/header-profile.png") no-repeat;
}
.nav-header a {
  color: #DFE4ED;
}
.nav-header .text-muted {
  color: #000000;
}
.pace-done .nav-header {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
/* 로고 : 홈 버튼 */
.logo-element {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: white;
  display: none;
  padding: 18px 0;
  word-break: break-all;
}
/* Nav - LIST */
.arrow {
  float: right;
}
@media(max-width: 767px){
  .fa.arrow:after{
    content: '';
    position: absolute;
    top: 18px;
    right: 30px;
    width: 2px;
    height: 12px;
    background:#676a6c;
    transition: all .5s;
  }
  .fa.arrow:before {
      content: '';
      position: absolute;
      top: 23px;
      right: 25px;
      width: 12px;
      height: 2px;
      background:#676a6c;
      transition: all .5s;
  }
  .active > a > .fa.fa-chevron-down {
	transform: rotate(180deg);
	transition: all .5s;
  }
  .fa.fa-chevron-down {
	transition: all .5s;
  }
.active > a > .fa.arrow:before {
	transform: rotate(90deg);
	opacity: 0;
}
.active > a > .fa.arrow:after{
	transform: rotate(90deg);
}
	
}
.nav-second-level li,
.nav-third-level li,
.nav-fourth-level li{
  border-bottom: none !important;
}
.nav.nav-second-level.collapse[style] {
  height: auto !important;
}
.nav.nav-second-level > li.active {
  border-left:0;
}
.nav-second-level li:last-child {
  margin-bottom: 10px;
}
.nav-second-level .nav-third-level li {
	margin-left:10px;
	border-left:0;
}
.nav-second-level li a {
  padding: 7px 10px 7px 10px;
  padding-left: 52px;
}
.nav-second-level > li .in a > i {
	/*color:#18a689;*/
	margin-right:5px;
}
.nav-third-level li a {
  padding-left: 62px;
}
.nav-fourth-level li a {
  padding-left: 84px;
}
/* Nav Toggle button : 상단 */
.minimalize-styl-2,
.mobile_mainBtn {
  padding: 4px 0;
  font-size: 14px;
  float: left;
  width:35px;
  display:block;
  text-align:center;
  line-height:20px;
}
.mobile_mainBtn {
	font-size:16px !important;
	line-height:18px;
	margin:1px 0;
}
@media (max-width:767px){
  .minimalize-styl-2 {
	display:none;
	position:fixed;
	left:15px;
	bottom:15px;
	z-index:2005;
	background-color:rgba(26,179,148,0.8) !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
  }
}

/* Nav Toggle Button : 리스트 아래 */
.navBtnArea {
  width:100%;
  text-align:right;
  margin-top:20px;
  list-style:none;
}
.nav > li > a.navToggleBtn {
  display:inline-block;
  background-color:rgba(255,255,255,0.1);
  color:#ffffff;
  font-size:18px !important;
  padding:4px 12px;
  border-radius:5px 0 0 5px;
  transition:all .3s;
  outline:none;
}
.nav > li > a.navToggleBtn:hover {
  color:#fff;
  background-color:rgba(255,255,255,0.2);
  padding-right:17px;
}
.mini-navbar .navBtnArea {
  text-align:center;
  margin-top:0;
}
.mini-navbar .nav > li > a.navToggleBtn {
  padding:0;
  border-radius:0;
  width:100%;
  line-height:50px;
  font-size:23px;
}
.nav > li > a.navToggleBtn > i:before {
	content:"\f190";
}
.mini-navbar .nav > li > a.navToggleBtn > i:before {
	content:"\f18e";
}
@media (max-width:767px){
  .navBtnArea {
    display:none;
  }

}
/* Top Search */
.navbar-header{
  padding:15px;
}
.navbar-form-custom_search {
  float: left;
  padding: 0;
  width: 200px;
  display: block;
  width: calc(100% - 40px);
  margin-left:5px;
}
.navbar-form-custom_search .form-group {
  margin-bottom: 0;
}
.navbar-form-custom_search .form-control {
  background-color:#fff;
  border: none;
  font-size: 14px;
  height: 30px;
}
.form-select {
    background-color: #FFFFFF;
    background-image: none;
	box-sizing:border-box;
    border: 1px solid #d5d6d7;
    border-radius: 1px;
    color: inherit;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    font-size: 12px;
}
@media (max-width: 992px) {
  .navbar-form-custom_search {
    width:clac( 100% - 35px );
  }
  .navbar-form-custom_search .form-control {
  	border:1px solid #ddd;
	box-sizing:border-box;
  }
}
/* Top Menu */
.navbar-right {
  margin-right: 15px;
}
.nav.navbar-right > li > a {
  color: #1ab394;
}
.nav.navbar-top-links > li > a:not(.navTopNewMail):hover,
.nav.navbar-top-links > li > a:not(.navTopNewMail):focus {
  background-color: transparent;
}
.navbar-top-links li.open .navTopNewMail {
	background-color:#fff;
	border-radius:3px;
}
.navbar {
  border: 0;
  margin-bottom:0;
  background-color:#eaeaea;
}
.navbar .dropdown-menu {
  margin-top: 0px;
}
.navbar-top-links li {
  display: inline-block;
  position: relative;
}
.navbar-top-links li a {
  padding: 6px 10px;
  font-size: 14px;
  position: relative;
  z-index: 9999;
}
.navbar-top-links li.remoteControl a {
  min-height: 0;
}
.navbar-top-links li a i {
  color:#1ab394;
}
.navbar-top-links .dropdown-menu a i {
  color:#fff;
  margin-right:5px;
}
.navbar-top-links li a i:hover,
.navbar-top-links li a i:focus {
  color:#089172;
}
.navbar-top-links li.dropdown > a:hover,
.navbar-top-links li.dropdown > a:hover > i,
.navbar-top-links li.dropdown > a:focus,
.navbar-top-links li.dropdown > a:focus > i{
  color:#089172;
}
/*.navbar-right li.remoteControl {
	padding:0 7px;
}*/
/*.navbar-right li.remoteControl a {
	position:relative;
	padding:15px 10px;
}*/
.remoteControl a i.fa-laptop {
    position: absolute;
    left: 9px;
    bottom: 8px;
    z-index: 1;
}
.remoteControl a:hover i,
.remoteControl a:focus i {
  color:#089172;
}
#modal-remoteControl .modal-body {
	overflow:auto;
}
#List_System > a {
	position:relative;
}
#List_System i.fa-line-chart {
	position:absolute;
	left:29px;
	top:18px;
	font-size:10px;
}
#List_System i.fa-laptop {
	position:relative;
	font-size:19px;
}
@media (max-width:767px){
	#List_System i.fa-line-chart {
		position:absolute;
		left:18px;
		top:18px;
		font-size:10px;
	}
	#List_System i.fa-laptop {
		position:relative;
		font-size:17px;
	}
}
.count-info .label {
  line-height: 10px;
  padding: 1px 4px;
  position: absolute;
  right: 3px;
  top: 2px;
}
@media (min-width: 768px) {
  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .navbar-top-links {
	margin-top:9px;
  }
}
@media (min-width:768px) and (max-width: 991px) {
  /*.navbar-top-links li a {
    padding: 20px 10px 5px;
	min-height: 50px;
  }*/
  .navbar-top-links {
	margin-top:8px;
  }
}
@media (max-width:767px){
  .navbar-top-links {
	text-align:center;
  }
  .navbar-top-links li {
	margin-right: 0;
  }
   .navbar-top-links li a {
	/*padding:0px 10px 10px 10px;
	min-height:30px;*/
	margin-bottom:3px;
  }
  .navbar-right .dropdown-menu.dropdown-messages {
	left:-73px;
  }
}
@media (max-width: 540px) {
  .navbar-top-links {
	text-align:center;
  }
  .count-info .label {
	top:6px;
	right:2px;
  }
}
@keyframes dropIn {
	0% {
		transform: scale(0.9);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
/* dropDown-Menu */
.dropdown-menu {
  background:#1ab394;
  border: medium none;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
  min-width:120px;
  display: none;
  float: left;
  font-size: 12px;
  left: 0;
  list-style: none outside none;
  padding: 5px 0;
  position: absolute;
  text-shadow: none;
  top: 100%;
  z-index: 1000;
  animation-name: dropIn !important;
  animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1) !important;
  animation-duration: 200ms !important;
}
.dropdown-menu_white {
  background-color:#fff;
  padding:0;
  min-width:80px;
}
.dropdown-menu > li > a {
  border-radius: 3px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  font-weight: normal;
}
.dropdown-menu_white > li > a {
  color: #000;
  padding: 3px 15px;
}
.dropdown-menu_upward {
  top:initial;
  bottom:110%;
}
.dropdown-menu_fromRight {/*IE*/
  left:initial;
  right:0;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #3d776c;
}
.dropdown-menu_white>li>a:focus,
.dropdown-menu_white>li>a:hover {
    color: #333;
    background-color: #f3f3f4;
}
.dropdown-menu > li > a.font-bold {
  font-weight: 600;
}
.dropdown-white {
	background-color:#fff;
	left:initial;
	right:0;
	top:105%;
}
.dropdown-white > li > a {
  color: inherit;
  margin:0 10px;
}
.dropdown-white > li > a:hover,
.dropdown-white > li > a:focus {
   color: #262626;
   background-color: #f5f5f5;
}
.navbar-top-links .dropdown-menu li {
  display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
  text-align:left;
  padding: 3px 20px;
  min-height: 0;
}
.navbar-top-links .dropdown-menu li a img{
  width:25px;
  height:auto;
  margin:0 10px 0 5px;
}
.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 310px;
  min-width: 0;
}
.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}
.navbar-top-links .dropdown-user {
  right: 0;
  left: auto;
}
/* dropdown-messages or dropdown-alerts */
.dropdown-messages,
.dropdown-alerts {
  padding: 10px 10px 10px 10px;
}
.dropdown-messages li a,
.dropdown-alerts li a {
  font-size: 12px;
}
.dropdown-messages li em,
.dropdown-alerts li em {
  font-size: 10px;
}
.nav.navbar-top-links .dropdown-alerts a {
  font-size: 12px;
}
.dropdown-messages > li:last-child div {
	cursor:pointer;
}
.dropdown-messages li.newMailCntList > div:hover,
.dropdown-messages > li:last-child div:hover {
	background-color:#f3f3f4;
	border-radius:3px;
}

/* Nav-Form-Custom // 현재 미사용 */
.navbar-form-custom {
  float: left;
  height: 50px;
  padding: 0;
  width: 200px;
  display: inline-table;
}
.navbar-form-custom .form-group {
  margin-bottom: 0;
}
.navbar-form-custom .form-control {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  font-size: 12px;
  height: 60px;
  margin: 0;
  z-index: 2000;
}

@media (max-width: 768px) {
  .navbar-form-custom {
    display: none;
  }
}
/* Nav - mini 모드 */
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
.mini-navbar .nav li:focus > .nav-second-level {
  display: block;
  border-radius: 0 2px 2px 0;
  min-width: 180px;
  height: auto;
}
body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
  font-size: 12px;
  border-radius: 3px;
}
body.mini-navbar .navbar-static-side {
  width: 70px;
}
body.mini-navbar .profile-element,
body.mini-navbar .nav-label,
body.mini-navbar .navbar-default .nav li a span {
  display: none;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
  display: none;
}
body.mini-navbar .navbar-default .nav > li > a {
  font-size: 16px;
}
body.mini-navbar .logo-element {
  display: block;
}
body.mini-navbar .nav-header {
  padding: 0;
}
body.mini-navbar #page-wrapper {
  margin: 0 0 0 70px;
}
body.mini-navbar .nav-second-level li a {
  padding: 10px 10px 10px 15px;
}
body.mini-navbar .nav-second-level {
  position: absolute;
  left: 70px;
  top: 0px;
  background-color: #2f4050;
  padding: 10px 10px 10px 10px;
  font-size: 12px;
}
.mini-navbar li.active .nav-second-level {
  left: 65px;
}
.pace-done .navbar-static-side,
.pace-done .nav-header,
.pace-done li.active,
.pace-done #page-wrapper,
.pace-done .footer {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

/* 미니모드 : 회사명*/
.profile-element {
  width:190px;
  height:80px;
  margin:0 auto;
  overflow:hidden;
  line-height:80px;
}
/*################### 모바일 네비게이션 작업 중#################*/

@media (min-width:768px){
  .nav>li.domsMenu {
	display:none;
  }
  .mobile_ui_btnArea {
	display:none;
  }
  #side-menu.nav li ul li a .fa.arrow:before{
    top: 15px;
  }
  #side-menu.nav li ul li a .fa.arrow:after{
    top: 10px;
  }
}
@media (max-width:767px){
  body.mini-navbar #page-wrapper {
    margin:0;
  }
  body.body-small.mini-navbar .navbar-static-side {
	display:none;
	width:0;
  }
  body:not(.mini-navbar) .navbar-static-side {
	display:none;
	width:100%;
	height:100%;
	background-color:#fff;
	position:fixed;
	overflow:auto;
	z-index:2005;
  overscroll-behavior: none;
  }
  body:not(.mini-navbar) {
    overflow:hidden;
  }
  /*.nav_full {
	width:100%;
	height:100%;
	background-color:#000;
	position:fixed;
	left:0;
	top:0;
	cursor:pointer;
	opacity:0.5;
	z-index:2004;
  }*/
  .sidebar-collapse {
    width:100%;
	margin:0 0 15px;
	background-color:#fff;
  }
  .nav-header {
	padding:10px 0 5px;
	margin-top:3px;
	background:#fff none;
	border-bottom:1px solid #ddd;
  }
  .profile-element {
	display:inline-block;
	max-width:150px;
	height:30px;
	vertical-align:middle;
	text-align:left;
  }
  .profile-element > a {
	display:block;
	width:100%;
	height:100%;
  }
  .profile-element > a > img {
	height:100%;
	vertical-align:top;
  }
  .logo-element {
	float:right;
	padding:0;
	margin-top:3px;
  }
  .navClose_mBtn {
	float:right;
	text-align:center;
	background-color:rgba(255,255,255,0.8) !important;
  }
  #side-menu.nav {
	padding:0 30px;
  }
  #side-menu.nav > li:not(.nav-header) > a {
    padding: 14px 20px 14px 25px;
  }
  #side-menu.nav li a {
    color:#000000;
	  font-weight:400;
  }
  #side-menu.nav li ul li a .fa.arrow:before{
    top: 19px;
  }
  #side-menu.nav li ul li a .fa.arrow:after{
    top: 14px;
  }
  .nav > li.active {
	background-color:rgb(188 195 207 / 10%);
  }
  .nav > li > .nav-second-level > li.active .m-second-level{
    background-color:rgb(188 195 207 / 10%);
  }
  /* 리스트 active 된 것 style주기 */
  #side-menu.nav > li.active > a {
	font-weight:700;
	color:#5b5d5f;
  }
  #side-menu.nav > li.active > div{
	font-weight:700;
  color:#5b5d5f;
  }
  #side-menu.nav > li.active .nav-second-level > li.active > a,
  #side-menu.nav > li.active .nav-third-level > li.active > a {
	font-weight:700;
	color:#5b5d5f;
  }
  /*--------------------------*/
  .navbar-default .nav li a:hover,
  .navbar-default .nav li a:focus {
	background-color:initial;
	color:#5b5d5f;
	font-weight:700;
  }
  .navbar-default .nav li:not(.nav-header) a:hover,
  .navbar-default .nav li:not(.nav-header) a:focus {
    background-color:rgb(188 195 207 / 10%);
	color:#5b5d5f !important;
	font-weight:700 !important;
  }
  .nav-second-level li a {
    padding: 10px 10px 10px 10px;
    padding-left: 32px;
  }
  .pace-done .navbar-static-side,
  .pace-done .nav-header,
  .pace-done li.active,
  .pace-done #page-wrapper,
  .pace-done .footer {
    -webkit-transition: all 0;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
  }
}
/*#2f4050;*/
#side-menu.nav .arrow {
  margin-top:2px;
}
@media(max-width:767px){
  #side-menu.nav .arrow {
    width:20px;
    height:20px;
  }
}

/* BUTTON */
.btn {
  border-radius:3px;
  font-size:12px;
  transition: color .15s,background-color .15s,border-color .15s,box-shadow .15s,opacity .15s;
}
.float-e-margins .btn {
  margin-bottom: 0px;
}
.btn-w-m {
  min-width: 120px;
}
.btn-primary.btn-outline {
  color: #1ab394;
}
.btn-outline-group{
	transition: all .5s;
}
.btn-primary.btn-outline-group {
	color: #000000;
	background-color: #fff;
	border-color:#dddddd;
}
.btn-success.btn-outline {
  color: #1c84c6;
}
.btn-info.btn-outline {
  color: #23c6c8;
}
.btn-warning.btn-outline {
  color: #f8ac59;
}
.btn-danger.btn-outline {
  color: #ed5565;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: #fff;
}
.btn-primary {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #FFFFFF;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #18a689;
  border-color: #18a689;
  color: #FFFFFF;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #1dc5a3;
  border-color: #1dc5a3;
}
.btn-success {
  background-color: #1c84c6;
  border-color: #1c84c6;
  color: #FFFFFF;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-color: #1a7bb9;
  border-color: #1a7bb9;
  color: #FFFFFF;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success.active[disabled],
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #1f90d8;
  border-color: #1f90d8;
}
.btn-info {
  background-color: #23c6c8;
  border-color: #23c6c8;
  color: #FFFFFF;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #21b9bb;
  border-color: #21b9bb;
  color: #FFFFFF;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info.active[disabled],
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #26d7d9;
  border-color: #26d7d9;
}
.btn-default {
  background-color: #c2c2c2;
  border-color: #c2c2c2;
  color: #FFFFFF;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-color: #bababa;
  border-color: #bababa;
  color: #FFFFFF;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default.active[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-warning {
  background-color: #f8ac59;
  border-color: #f8ac59;
  color: #FFFFFF;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-color: #f7a54a;
  border-color: #f7a54a;
  color: #FFFFFF;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning.active[disabled],
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #f9b66d;
  border-color: #f9b66d;
}
.btn-danger {
  background-color: #ed5565;
  border-color: #ed5565;
  color: #FFFFFF;
}
.page-heading .btn-danger {
  background-color: #fff;
  border-color:#ccc;
  color: inherit;
}
.page-heading .btn-danger > i {
  color: #ed5565;
}
.page-heading .btn-danger:hover,
.page-heading .btn-danger:focus,
.page-heading .btn-danger:active,
.page-heading .btn-danger.active,
.page-heading .open .dropdown-toggle.btn-danger {
  color: inherit;
  border: 1px solid #747474;
  background: #f2f2f2;
}
.page-heading .btn-danger:active,
.page-heading .btn-danger.active,
.page-heading .open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-color: #ec4758;
  border-color: #ec4758;
  color: #FFFFFF;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger.active[disabled],
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #ef6776;
  border-color: #ef6776;
}
.btn-link {
  color: inherit;
  font-weight:700;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
  color: #1ab394;
  text-decoration: none;
}
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
  background-image: none;
}
.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled:active,
.btn-link.disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled]:active,
.btn-link.active[disabled],
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
  color: #cacaca;
}
.btn-white {
  color: inherit;
  background: white;
  border: 1px solid #ddd;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  color: inherit;
  border: 1px solid #747474;
  background: rgb(237 240 245 / 30%);
}
.btn-white:active,
.btn-white.active {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  background-image: none;
}
.btn-white.disabled,
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled:active,
.btn-white.disabled.active,
.btn-white[disabled],
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled]:active,
.btn-white.active[disabled],
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white:hover,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active {
  color: #cacaca;
}
.btn-addTip {
  background-color:#fff;
  color:#b1b1b1;
  border-color:#ddd;
  outline:none;
}
.btn-addTip i {
  opacity:0.6;
  color:#b1b1b1;
}
.btn-addTip:hover,
.btn-addTip:active,
.btn-addTip:focus,
.btn-addTip:visited,
.btn-addTip:active:focus {
  color:#b1b1b1;
  outline:none;
  box-shadow:none;
}
.btn-gradient {
  background: linear-gradient(top, #fff, #ededed);
  background: -moz-linear-gradient(top, #fff, #ededed);
  background: -o-linear-gradient(top, #fff, #ededed);
  background: -webkit-linear-gradient(top, #fff, #ededed);
}
.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all .5s;
}
.btn-rounded {
  border-radius: 50px;
}
.btn-large-dim {
  width: 90px;
  height: 90px;
  font-size: 42px;
}
.btn-left {
	border:1px solid #ddd;
	border-right:0px;
}
.btn-right {
	border:1px solid #ddd;
	border-left:0px;
}
button.dim {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  padding-top: 6px;
  margin-right: 3px;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  font-weight: 600;
  margin-bottom: 20px !important;
}
.btn:focus, .btn:active{
	outline: none !important;
    outline-offset: none !important;
}
button.dim:active {
  top: 3px;
}
button.btn-primary.dim {
  box-shadow: inset 0px 0px 0px #16987e, 0px 5px 0px 0px #16987e, 0px 10px 5px #999999;
}
button.btn-primary.dim:active {
  box-shadow: inset 0px 0px 0px #16987e, 0px 2px 0px 0px #16987e, 0px 5px 3px #999999;
}
button.btn-default.dim {
  box-shadow: inset 0px 0px 0px #b3b3b3, 0px 5px 0px 0px #b3b3b3, 0px 10px 5px #999999;
}
button.btn-default.dim:active {
  box-shadow: inset 0px 0px 0px #b3b3b3, 0px 2px 0px 0px #b3b3b3, 0px 5px 3px #999999;
}
button.btn-warning.dim {
  box-shadow: inset 0px 0px 0px #f79d3c, 0px 5px 0px 0px #f79d3c, 0px 10px 5px #999999;
}
button.btn-warning.dim:active {
  box-shadow: inset 0px 0px 0px #f79d3c, 0px 2px 0px 0px #f79d3c, 0px 5px 3px #999999;
}
button.btn-info.dim {
  box-shadow: inset 0px 0px 0px #1eacae, 0px 5px 0px 0px #1eacae, 0px 10px 5px #999999;
}
button.btn-info.dim:active {
  box-shadow: inset 0px 0px 0px #1eacae, 0px 2px 0px 0px #1eacae, 0px 5px 3px #999999;
}
button.btn-success.dim {
  box-shadow: inset 0px 0px 0px #1872ab, 0px 5px 0px 0px #1872ab, 0px 10px 5px #999999;
}
button.btn-success.dim:active {
  box-shadow: inset 0px 0px 0px #1872ab, 0px 2px 0px 0px #1872ab, 0px 5px 3px #999999;
}
button.btn-danger.dim {
  box-shadow: inset 0px 0px 0px #ea394c, 0px 5px 0px 0px #ea394c, 0px 10px 5px #999999;
}
button.btn-danger.dim:active {
  box-shadow: inset 0px 0px 0px #ea394c, 0px 2px 0px 0px #ea394c, 0px 5px 3px #999999;
}
button.dim:before {
  font-size: 50px;
  line-height: 1em;
  font-weight: normal;
  color: #fff;
  display: block;
  padding-top: 10px;
}
button.dim:active:before {
  top: 7px;
  font-size: 50px;
}
/* box-shadow 제거 */
.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
  box-shadow: none;
}
/* Label & Badge*/
.label {
  background-color: #d1dade;
  color: #5e5e5e;
  font-family: 'Open Sans';
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  text-shadow: none;
}
.label_list {
  background-color: #d1dade;
  color: #5e5e5e;
  font-family: 'Open Sans';
  font-size: 10px;
  font-weight: 600;
  padding: 3px 5px;
  text-shadow: none;
  margin:0;
}
.label_list_read {
  color: #d1d1d1;
}
.badge {
  background-color: #d1dade;
  color: #5e5e5e;
  font-family: 'Open Sans';
  font-size: 11px;
  font-weight: 600;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  text-shadow: none;
}
.label-primary,
.badge-primary {
  background-color: #1ab394;
  color: #FFFFFF;
}
.label-success,
.badge-success {
  background-color: #1c84c6;
  color: #FFFFFF;
}
.label-warning,
.badge-warning {
  background-color: #f8ac59;
  color: #FFFFFF;
}
.label-warning-light,
.badge-warning-light {
  background-color: #f8ac59;
  color: #ffffff;
}
.label-danger,
.badge-danger {
  background-color: #ed5565;
  color: #FFFFFF;
}
.label-info,
.badge-info {
  background-color: #23c6c8;
  color: #FFFFFF;
}
.label-inverse,
.badge-inverse {
  background-color: #262626;
  color: #FFFFFF;
}
.label-white,
.badge-white {
  background-color: #FFFFFF;
  color: #000000;
}
.badge-disable {
  background-color: #2A2E36;
  color: #8B91A0;
}

/* PlugIn : onoffSwitch (button) */
.onoffswitch {
  position: relative;
  width: 54px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #1ab394;
  border-radius: 2px;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 16px;
  padding: 0;
  line-height: 16px;
  font-size: 10px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "ON";
  padding-left: 7px;
  background-color: #1ab394;
  color: #FFFFFF;
}
.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 7px;
  background-color: #FFFFFF;
  color: #000000;
  text-align: right;
}
.onoffswitch-switch {
  width: 18px;
  margin: 0px;
  background: #FFFFFF;
  border: 2px solid #1ab394;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 36px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner, .LeftMenuswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner{
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch{
  right: 0px;
}
.LeftMenuswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch{
  right: 5px;
}
/* PlugIn : CHOSEN (selectBox) */
.chosen-container-single .chosen-single {
  background: #ffffff;
  box-shadow: none;
  -moz-box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #CBD5DD;
  border-radius: 2px;
  cursor: text;
  height: auto !important;
  margin: 0;
  min-height: 30px;
  overflow: hidden;
  padding: 4px 12px;
  position: relative;
  width: 100%;
}
.chosen-container-multi .chosen-choices li.search-choice {
  background: #f1f1f1;
  border: 1px solid #ededed;
  border-radius: 2px;
  box-shadow: none;
  color: #333333;
  cursor: default;
  line-height: 13px;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  position: relative;
}
/* PlugIn : PAGINATIN (페이지넘기기) */
.pagination {
	margin:7px 0 0 !important;
}
.dataTables_paginate {
	margin:0;
	line-height: 0;
}
.dataTables_paginate > div {
	padding:0;
}

@media (max-width:767px) {
	.dataTables_paginate div:first-child{
		float:left;
		width: calc(100% - 100px);
	}
	.dataTables_paginate div:last-child{
		float:right;
	}
	.dataTables_paginate {
		padding:5px !important;
	}
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #1ab394;
  border-color: #DDDDDD;
  color: #FFFFFF;
  cursor: default;
  z-index: 2;
}
.pagination > li > a,
.pagination > li > span {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  color: inherit;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 4px 8px;
  position: relative;
  text-decoration: none;
}
.pageSlt .form-control {
	padding:6px 12px 6px 4px
}
@media screen and (max-width:1199px){
	.pagination {
		margin:10px 0 0 0;
	}
	.pageSlt {
		text-align:right;
		padding-left:15px;
	}
}
/* PlugIn : TOOLTIPS (jQuery UI) */
.tooltips {
  position:relative;
  display:inline;
}
.tooltips .tooltipLabel {
  display:none;
  min-height:30px;
  position:absolute;
  left:50%;
  bottom:25px;
  color:#FFFFFF;
  background-color:#1ab394;
  padding:6px 12px;
  text-align:center;
  border-radius:4px;
  white-space:normal;
  z-index:100;
}
.tooltips:hover .tooltipLabel {
  display:block;
  opacity:0.9;
}
.tooltips .tooltipLabel:after {
  content:'';
  width:0;
  height:0;
  position:absolute;
  top:100%;
  left:50%;
  margin-left:-8px;
  border-top:8px solid #1ab394;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.tooltip-inner {
  background-color: #2F4050;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #2F4050;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #2F4050;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #2F4050;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #2F4050;
}
/* PlugIn : popover (Tooltip) */
.popover {
  font-size:12px;
  padding:0;
  z-index:2006;
  box-shadow:1px 1px 3px rgba(0,0,0,.2);
}
.popover.bottom>.arrow:after {
  border-bottom-color:#f7f7f7;
}

/* PlugIn : EASY PIE CHART (Flot 원형차트) */
.easypiechart {
  position: relative;
  text-align: center;
}
.easypiechart .h2 {
  margin-left: 10px;
  margin-top: 10px;
  display: inline-block;
}
.easypiechart canvas {
  top: 0;
  left: 0;
}
.easypiechart .easypie-text {
  line-height: 1;
  position: absolute;
  top: 33px;
  width: 100%;
  z-index: 1;
}
.easypiechart img {
  margin-top: -4px;
}
/* PlugIn : FLOT CHART  */
.flot-chart {
  display: block;
  height: 200px;
}
.widget .flot-chart.dashboard-chart {
  display: block;
  height: 225px;
  margin-top: 40px;
}
.flot-chart.dashboard-chart {
  display: block;
  height: 250px;
}
.flot-chart-content {
  width: 100%;
  height: 100%;
}
.flot-chart-pie-content {
  width: 200px;
  height: 200px;
  margin: auto;
}
.legendLabel {
  padding-left: 5px;
}
/* PlugIn : FULLCALENDAR (달력) */
.fc-state-default {
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat-x;
  box-shadow: none;
  color: #333333;
  text-shadow: none;
}
.fc-state-default {
  border: 1px solid;
}
.fc-button {
  color: inherit;
  border: 1px solid #e7eaec;
  cursor: pointer;
  display: inline-block;
  height: 1.9em;
  line-height: 1.9em;
  overflow: hidden;
  padding: 0 0.6em;
  position: relative;
  white-space: nowrap;
}
.fc-state-active {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #ffffff;
}
.fc-header-title h2 {
  font-size: 16px;
  font-weight: 600;
  color: inherit;
}
.fc-content .fc-widget-header,
.fc-content .fc-widget-content {
  border-color: #e7eaec;
  font-weight: normal;
}
.fc-border-separate tbody {
  background-color: #F8F8F8;
}
.fc-state-highlight {
  background: none repeat scroll 0 0 #FCF8E3;
}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-radius: 2px;
}
.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
  padding: 4px 6px;
  background-color: #1ab394;
  border-color: #1ab394;
}
.fc-event-time,
.fc-event-title {
  color: #717171;
  padding: 0 1px;
}
.ui-calendar .fc-event-time,
.ui-calendar .fc-event-title {
  color: #fff;
}
.fc-content .fa-exclamation-circle {
	text-shadow:1px 1px 1px #666;
}
/* LIST GROUP */
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #FFFFFF;
  z-index: 2;
}
.list-group-item-heading {
  margin-top: 10px;
}
.list-group-item-text {
  margin: 0 0 10px;
  color: inherit;
  font-size: 12px;
  line-height: inherit;
}
.no-padding .list-group-item {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.no-padding .list-group-item:first-child {
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: none;
}
.no-padding .list-group {
  margin-bottom: 0;
}
.list-group-item {
  background-color: inherit;
  border: 1px solid #e7eaec;
  display: block;
  margin-bottom: -1px;
  padding: 10px 15px;
  position: relative;
}
.elements-list .list-group-item {
  border-left: none;
  border-right: none;
  padding: 15px 25px;
}
.elements-list .list-group-item:first-child {
  border-left: none;
  border-right: none;
  border-top: none !important;
}
.elements-list .list-group {
  margin-bottom: 0;
}
.elements-list a {
  color: inherit;
}
.elements-list .list-group-item.active,
.elements-list .list-group-item:hover {
  background: #f3f3f4;
  color: inherit;
  border-color: #e7eaec;
  border-radius: 0;
}
.elements-list li.active {
  transition: none;
}
.element-detail-box {
  padding: 25px;
}

.jqstooltip {
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  visibility: hidden;
  background: #2b303a;
  background-color: rgba(43, 48, 58, 0.8);
  color: white;
  text-align: left;
  white-space: nowrap;
  z-index: 10000;
  padding: 5px 5px 5px 5px;
  min-height: 22px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.jqsfield {
  color: white;
  text-align: left;
}
/* 너비 조절 */
.h-200 {
  min-height: 200px;
}
/* stat-list */
.stat-list li:first-child {
  margin-top: 0;
}
.stat-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.stat-percent {
  float: right;
}
.stat-list li {
  margin-top: 15px;
  position: relative;
}
/* DATATABLES */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: transparent;
}
table.dataTable thead .sorting_asc:after {
  float: right;
  font-family: fontawesome;
}
table.dataTable thead .sorting_desc:after {
  content: "\f0dd";
  float: right;
  font-family: fontawesome;
}
table.dataTable thead .sorting:after {
  content: "\f0dc";
  float: right;
  font-family: fontawesome;
  color: rgba(50, 50, 50, 0.5);
}
.dataTables_wrapper {
  padding-bottom: 30px;
}
/* CIRCLE */
.img-circle {
  border-radius: 50%;
}
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle2 {
  width: 25px;
  height: 25px;
  padding: 3px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
/* ANIMATION */
.css-animation-box h1 {
  font-size: 44px;
}
.animation-efect-links a {
  padding: 4px 6px;
  font-size: 12px;
}
#animation_box {
  background-color: #f9f8f8;
  border-radius: 16px;
  width: 80%;
  margin: 0 auto;
  padding-top: 80px;
}
.animation-text-box {
  position: absolute;
  margin-top: 40px;
  left: 50%;
  margin-left: -100px;
  width: 200px;
}
.animation-text-info {
  position: absolute;
  margin-top: -60px;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  font-size: 10px;
}
.animation-text-box h2 {
  font-size: 54px;
  font-weight: 600;
  margin-bottom: 5px;
}
.animation-text-box p {
  font-size: 12px;
  text-transform: uppercase;
}
/* PEACE */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #1ab394;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}
.pace-inactive {
  display: none;
}
/* WIDGETS */
.widget {
  border-radius: 5px;
  padding: 15px 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.widget.style1 h2 {
  font-size: 30px;
}
.widget h2,
.widget h3 {
  margin-top: 5px;
  margin-bottom: 0;
}
.widget-text-box {
  padding: 20px;
  border: 1px solid #e7eaec;
  background: #ffffff;
}
.widget-head-color-box {
  border-radius: 5px 5px 0px 0px;
  margin-top: 10px;
}
.widget .flot-chart {
  height: 100px;
}
.vertical-align div {
  display: inline-block;
  vertical-align: middle;
}
.vertical-align h2,
.vertical-align h3 {
  margin: 0;
}
.todo-list {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.todo-list.small-list {
  font-size: 12px;
}
.todo-list.small-list > li {
  background: #f3f3f4;
  border-left: none;
  border-right: none;
  border-radius: 4px;
  color: inherit;
  margin-bottom: 2px;
  padding: 6px 6px 6px 12px;
}
.todo-list.small-list .btn-xs,
.todo-list.small-list .btn-group-xs > .btn {
  border-radius: 5px;
  font-size: 10px;
  line-height: 1.5;
  padding: 1px 2px 1px 5px;
}
.todo-list > li {
  background: #f3f3f4;
  border-left: 6px solid #e7eaec;
  border-right: 6px solid #e7eaec;
  border-radius: 4px;
  color: inherit;
  margin-bottom: 2px;
  padding: 5px 10px 8px 10px;
}
.todo-list .handle {
  cursor: move;
  display: inline-block;
  font-size: 16px;
  margin: 0 5px;
}
.todo-list > li .label {
  font-size: 9px;
  margin-left: 10px;
}
.check-link {
  font-size: 16px;
}
.todo-completed {
  text-decoration: line-through;
}
.geo-statistic h1 {
  font-size: 36px;
  margin-bottom: 0;
}
.glyphicon.fa {
  font-family: "FontAwesome";
}
/* INPUTS */
.inline {
  display: inline-block !important;
}
.input-s-sm {
  width: 120px;
}
.input-s {
  width: 200px;
}
.input-s-lg {
  width: 250px;
}
.input-groub-select{
	min-width:90px;
	max-width:120px;
	margin-right:-1px;
}
.i-checks {
  padding-left: 0;
}
.form-control,
.single-line {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #d5d6d7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 12px;
}
.form-control:focus,
.single-line:focus {
  border-color: #1ab394 !important;
}
.has-success .form-control {
  border-color: #1ab394;
}
.has-warning .form-control {
  border-color: #f8ac59;
}
.has-error .form-control {
  border-color: #ed5565;
}
.has-success .control-label {
  color: #1ab394;
}
.has-warning .control-label {
  color: #f8ac59;
}
.has-error .control-label {
  color: #ed5565;
}
.input-group-addon {
  background-color: #fff;
  border-width:1px 0 1px 1px;
  border-style:solid;
  border-color:#ddd;
  border-radius: 1px;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 6px 12px;
  text-align: center;
}
.input-group-addon-right {
  border-width:1px 1px 1px 0;
}
.spinner-buttons.input-group-btn .btn-xs {
  line-height: 1.13;
}
.spinner-buttons.input-group-btn {
  width: 20%;
}
.noUi-connect {
  background: none repeat scroll 0 0 #1ab394;
  box-shadow: none;
}
.slider_red .noUi-connect {
  background: none repeat scroll 0 0 #ed5565;
  box-shadow: none;
}
.text-i-xs {
  text-indent: 5px;
}
.text-i-sm {
  text-indent: 10px;
}
/* UI Sortable */
.ui-sortable .ibox-title {
  cursor: move;
}
.ui-sortable-placeholder {
  border: 1px dashed #cecece !important;
  visibility: visible !important;
  background: #e7eaec;
}
.ibox.ui-sortable-placeholder {
  margin: 0px 0px 23px !important;
}
/* jqGrid */
.ui-jqgrid {
  -moz-box-sizing: content-box;
}
.ui-jqgrid-btable {
  border-collapse: separate;
}
.ui-jqgrid-htable {
  border-collapse: separate;
}
.ui-jqgrid-titlebar {
  height: 40px;
  line-height: 15px;
  color: #676a6c;
  background-color: #F9F9F9;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ui-jqgrid .ui-jqgrid-title {
  float: left;
  margin: 1.1em 1em 0.2em;
}
.ui-jqgrid .ui-jqgrid-titlebar {
  position: relative;
  border-left: 0px solid;
  border-right: 0px solid;
  border-top: 0px solid;
}
.ui-widget-header {
  background: none;
  background-image: none;
  background-color: #f5f5f6;
  text-transform: uppercase;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.ui-jqgrid tr.ui-row-ltr td {
  border-right-color: inherit;
  border-right-style: solid;
  border-right-width: 1px;
  text-align: left;
  border-color: #DDDDDD;
  background-color: inherit;
}
.ui-search-toolbar input[type="text"] {
  font-size: 12px;
  height: 15px;
  border: 1px solid #CCCCCC;
  border-radius: 0px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #F9F9F9;
  border: 1px solid #DDDDDD;
  line-height: 15px;
  font-weight: bold;
  color: #676a6c;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ui-widget-content {
  box-sizing: content-box;
}
.ui-icon-triangle-1-n {
  background-position: 1px -16px;
}
.ui-jqgrid tr.ui-search-toolbar th {
  border-top-width: 0px !important;
  border-top-color: inherit !important;
  border-top-style: ridge !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #f5f5f5;
  border-collapse: separate;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #f2fbff;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #dddddd;
  background: #ffffff;
  font-weight: normal;
  color: #212121;
}
.ui-jqgrid .ui-pg-input {
  font-size: inherit;
  width: 50px;
  border: 1px solid #CCCCCC;
  height: 15px;
}
.ui-jqgrid .ui-pg-selbox {
  display: block;
  font-size: 1em;
  height: 25px;
  line-height: 18px;
  margin: 0;
  width: auto;
}
.ui-jqgrid .ui-pager-control {
  position: relative;
}
.ui-jqgrid .ui-jqgrid-pager {
  height: 32px;
  position: relative;
}
.ui-pg-table .navtable .ui-corner-all {
  border-radius: 0px;
}
.ui-jqgrid .ui-pg-button:hover {
  padding: 1px;
  border: 0px;
}
.ui-jqgrid .loading {
  position: absolute;
  top: 45%;
  left: 45%;
  width: auto;
  height: auto;
  z-index: 101;
  padding: 6px;
  margin: 5px;
  text-align: center;
  font-weight: bold;
  display: none;
  border-width: 2px !important;
  font-size: 11px;
}
.ui-jqgrid .form-control {
  height: 10px;
  width: auto;
  display: inline;
  padding: 10px 12px;
}
.ui-jqgrid-pager {
  height: 32px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0;
}
.ui-widget-content {
  border: 1px solid #ddd;
}
.ui-jqgrid .ui-jqgrid-titlebar {
  padding: 0;
}
.ui-jqgrid .ui-jqgrid-titlebar {
  border-bottom: 1px solid #ddd;
}
.ui-jqgrid tr.jqgrow td {
  padding: 6px;
}
.ui-jqdialog .ui-jqdialog-titlebar {
  padding: 10px 10px;
}
.ui-jqdialog .ui-jqdialog-title {
  float: none !important;
}
.ui-jqdialog > .ui-resizable-se {
  position: absolute;
}
/* Nestable list */
.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  line-height: 20px;
}
.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dd-list .dd-list {
  padding-left: 30px;
}
.dd-collapsed .dd-list {
  display: none;
}
.dd-item,
.dd-empty,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px;
}
.dd-handle {
  display: block;
  margin: 5px 0;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
  border: 1px solid #e7eaec;
  background: #f5f5f5;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dd-handle span {
  font-weight: bold;
}
.dd-handle:hover {
  background: #f0f0f0;
  cursor: pointer;
  font-weight: bold;
}
.dd-item > button {
  display: block;
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: bold;
}
.dd-item > button:before {
  content: '+';
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
}
.dd-item > button[data-action="collapse"]:before {
  content: '-';
}
#nestable2 .dd-item > button {
  font-family: FontAwesome;
  height: 34px;
  width: 33px;
  color: #c1c1c1;
}
.dd-placeholder,
.dd-empty {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}
.dd-dragel {
  position: absolute;
  z-index: 9999;
  pointer-events: none;
}
.dd-dragel > .dd-item .dd-handle {
  margin-top: 0;
}
.dd-dragel .dd-handle {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
/* Nestable Extras */
.nestable-lists {
  display: block;
  clear: both;
  padding: 30px 0;
  width: 100%;
  border: 0;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
#nestable-menu {
  padding: 0;
  margin: 10px 0 20px 0;
}
#nestable-output,
#nestable2-output {
  width: 100%;
  font-size: 0.75em;
  line-height: 1.333333em;
  font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#nestable2 .dd-handle {
  color: inherit;
  border: 1px dashed #e7eaec;
  background: #fafafc;
  padding: 10px;
}
#nestable2 span.label {
  margin-right: 10px;
}
#nestable-output,
#nestable2-output {
  font-size: 12px;
  padding: 25px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* CodeMirror */
.CodeMirror {
  border: 1px solid #eee;
  height: auto;
}
.CodeMirror-scroll {
  overflow-y: hidden;
  overflow-x: auto;
}
/* Google Maps */
.google-map {
  height: 300px;
}
/* Validation */
label.error {
  color: #cc5965;
  display: inline-block;
  margin-left: 5px;
}
.form-control.error {
  border: 1px dotted #cc5965;
}
/* ngGrid */
.gridStyle {
  border: 1px solid #d4d4d4;
  width: 100%;
  height: 400px;
}
.gridStyle2 {
  border: 1px solid #d4d4d4;
  width: 500px;
  height: 300px;
}
.ngH eaderCell {
  border-right: none;
  border-bottom: 1px solid #e7eaec;
}
.ngCell {
  border-right: none;
}
.ngTopPanel {
  background: #F5F5F6;
}
.ngRow.even {
  background: #f9f9f9;
}
.ngRow.selected {
  background: #EBF2F1;
}
.ngRow {
  border-bottom: 1px solid #e7eaec;
}
.ngCell {
  background-color: transparent;
}
.ngHeaderCell {
  border-right: none;
}
/* PlugIn : colorPickSelector */
.colorPickSelector {
  border-radius:4px;
  width:30px;
  height:30px;
  cursor:pointer;
  -webkit-transition: all linear .2s;
  -moz-transition: all linear .2s;
  -ms-transition: all linear .2s;
  -o-transition: all linear .2s;
  transition: all linear .2s;
}
.colorPickSelector:hover {
  transform: scale(1.1);
}
/* Notifie */
.cg-notify-message.inspinia-notify {
  background: #fff;
  padding: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2);
  border: none ;
  margin-top: 30px;
  color: inherit;
}
.inspinia-notify.alert-warning {
  border-left: 6px solid #f8ac59;
}
.inspinia-notify.alert-success {
  border-left: 6px solid #1c84c6;
}
.inspinia-notify.alert-danger {
  border-left: 6px solid #ed5565;
}
.inspinia-notify.alert-info {
  border-left: 6px solid #1ab394;
}
/* Image cropper style */
.img-container,
.img-preview {
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.img-preview-sm {
  height: 130px;
  width: 200px;
}
/* Forum styles  */
.forum-post-container .media {
  margin: 10px 10px 10px 10px;
  padding: 20px 10px 20px 10px;
  border-bottom: 1px solid #f1f1f1;
}
.forum-avatar {
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 110px;
}
.forum-avatar .img-circle {
  height: 48px;
  width: 48px;
}
.author-info {
  color: #676a6c;
  font-size: 11px;
  margin-top: 5px;
  text-align: center;
}
.forum-post-info {
  padding: 9px 12px 6px 12px;
  background: #f9f9f9;
  border: 1px solid #f1f1f1;
}
.media-body {
  display: block;
  width: auto;
}
.media-body > .media {
  background: #f9f9f9;
  border-radius: 3px;
  border: 1px solid #f1f1f1;
}
.forum-post-container .media-body .photos {
  margin: 10px 0;
}
.forum-photo {
  max-width: 140px;
  border-radius: 3px;
}
.media-body > .media .forum-avatar {
  width: 70px;
  margin-right: 10px;
}
.media-body > .media .forum-avatar .img-circle {
  height: 38px;
  width: 38px;
}
.mid-icon {
  font-size: 66px;
}
.forum-item {
  margin: 10px 0;
  padding: 10px 0 20px;
  border-bottom: 1px solid #f1f1f1;
}
.views-number {
  font-size: 24px;
  line-height: 18px;
  font-weight: 400;
}
.forum-container,
.forum-post-container {
  padding: 30px !important;
}
.forum-item small {
  color: #999;
}
.forum-item .forum-sub-title {
  color: #999;
  margin-left: 50px;
}
.forum-title {
  margin: 15px 0 15px 0;
}
.forum-info {
  text-align: center;
}
.forum-desc {
  color: #999;
}
.forum-icon {
  float: left;
  width: 30px;
  margin-right: 20px;
  text-align: center;
}
a.forum-item-title {
  color: inherit;
  display: block;
  font-size: 18px;
  font-weight: 600;
}
a.forum-item-title:hover {
  color: inherit;
}
.forum-icon .fa {
  font-size: 30px;
  margin-top: 8px;
  color: #9b9b9b;
}
.forum-item.active .fa {
  color: #1ab394;
}
.forum-item.active a.forum-item-title {
  color: #1ab394;
}
@media (max-width: 992px) {
  .forum-info {
    margin: 15px 0 10px 0px;
    /* Comment this is you want to show forum info in small devices */
    display: none;
  }
  .forum-desc {
    float: none !important;
  }
}
/* New Timeline style */
.vertical-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.vertical-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
#vertical-timeline {
  position: relative;
  padding: 0;
  margin-top: 10px;
}
#vertical-timeline::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 18px;
  height: calc(100% - 35px);
  width: 4px;
  background: #f1f1f1;
}
.vertical-timeline-content .btn {
  float: right;
}
#vertical-timeline.light-timeline:before {
  background: #e7eaec;
}
.dark-timeline .vertical-timeline-content:before {
  border-color: transparent #f5f5f5 transparent transparent ;
}
.dark-timeline.center-orientation .vertical-timeline-content:before {
  border-color: transparent  transparent transparent #f5f5f5;
}
.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
  border-color: transparent #f5f5f5 transparent transparent;
}
.dark-timeline .vertical-timeline-content,
.dark-timeline.center-orientation .vertical-timeline-content {
  background: rgb(237 240 245 / 30%);
}
@media only screen and (min-width: 1170px) {
  #vertical-timeline.center-orientation {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #vertical-timeline.center-orientation:before {
    left: 50%;
    margin-left: -2px;
  }
}
@media only screen and (max-width: 1170px) {
  .center-orientation.dark-timeline .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
  }
}
.vertical-timeline-block {
  position: relative;
  margin: 2em 0;
}
.vertical-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.vertical-timeline-block:first-child {
  margin-top: 0;
}
.vertical-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .center-orientation .vertical-timeline-block {
    margin: 4em 0;
  }
  .center-orientation .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  .center-orientation .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
}
.vertical-timeline-icon {
  position: absolute;
  top: 6px;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 16px;
  border: 3px solid #ddd;
  text-align: center;
}
.vertical-timeline-icon i {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -9px;
}
@media only screen and (min-width: 1170px) {
  .center-orientation .vertical-timeline-icon {
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    font-size: 19px;
  }
  .center-orientation .vertical-timeline-icon i {
    margin-left: -12px;
    margin-top: -10px;
  }
  .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
    visibility: hidden;
  }
}
.vertical-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
}
.vertical-container .vertical-timeline-content {
  border:1px solid #ddd;
}
.vertical-timeline-content h2 {
  font-weight: 400;
  margin-top: 4px;
}
.vertical-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.vertical-timeline-content .vertical-date {
  float: left;
  font-weight: 500;
}
.vertical-date small {
  color: #1ab394;
  font-weight: 400;
}
.vertical-timeline-content::before {
  content: '';
  position: absolute;
  top: 17px;
  right: calc( 100% - 1px );
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #fff;
  z-index:2;
}
.vertical-timeline-content::after {
  content: '';
  clear: both;
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-right: 8px solid #ddd;
  z-index:1;
}
@media only screen and (min-width: 768px) {
  .vertical-timeline-content h2 {
    font-size: 18px;
  }
  .vertical-timeline-content p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1170px) {
  .center-orientation .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .center-orientation .vertical-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  .center-orientation .vertical-timeline-content .btn {
    float: left;
  }
  .center-orientation .vertical-timeline-content .vertical-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 2px;
    font-size: 14px;
  }
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
    float: right;
  }
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
    float: right;
  }
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
}
.sidebard-panel {
  width: 220px;
  background: #ebebed;
  padding: 10px 20px;
  position: absolute;
  right: 0;
}
.sidebard-panel .feed-element img.img-circle {
  width: 32px;
  height: 32px;
}
.sidebard-panel .feed-element,
.media-body,
.sidebard-panel p {
  font-size: 13px;
}
.sidebard-panel .feed-element {
  margin-top: 20px;
  padding-bottom: 0;
}
.sidebard-panel .list-group {
  margin-bottom: 10px;
}
.sidebard-panel .list-group .list-group-item {
  padding: 5px 0;
  font-size: 12px;
  border: 0;
}
.sidebar-content .wrapper,
.wrapper.sidebar-content {
  padding-right: 230px !important;
}
.body-small .sidebar-content .wrapper,
.body-small .wrapper.sidebar-content {
  padding-right: 20px !important;
}
#right-sidebar {
  background-color: #fff;
  border-left: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  overflow: hidden;
  position: fixed;
  top: 60px;
  width: 260px !important;
  z-index: 1009;
  bottom: 0;
  right: -260px;
}
#right-sidebar.sidebar-open {
  right: 0;
}
#right-sidebar.sidebar-open.sidebar-top {
  top: 0;
  border-top: none;
}
.sidebar-container ul.nav-tabs {
  border: none;
}
.sidebar-container ul.nav-tabs.navs-4 li {
  width: 25%;
}
.sidebar-container ul.nav-tabs.navs-3 li {
  width: 33.3333%;
}
.sidebar-container ul.nav-tabs.navs-2 li {
  width: 50%;
}
.sidebar-container ul.nav-tabs li {
  border: none;
}
.sidebar-container ul.nav-tabs li a {
  border: none;
  padding: 12px 10px;
  margin: 0;
  border-radius: 0;
  background: #2f4050;
  color: #fff;
  text-align: center;
  border-right: 1px solid #334556;
}
.sidebar-container ul.nav-tabs li.active a {
  border: none;
  background: #f9f9f9;
  color: #676a6c;
  font-weight: bold;
}
.sidebar-container .nav-tabs > li.active > a:hover,
.sidebar-container .nav-tabs > li.active > a:focus {
  border: none;
}
.sidebar-container ul.sidebar-list {
  margin: 0;
  padding: 0;
}
.sidebar-container ul.sidebar-list li {
  border-bottom: 1px solid #e7eaec;
  padding: 15px 20px;
  list-style: none;
  font-size: 12px;
}
.sidebar-container .sidebar-message:nth-child(2n+2) {
  background: #f9f9f9;
}
.sidebar-container ul.sidebar-list li a {
  text-decoration: none;
  color: inherit;
}
.sidebar-container .sidebar-content {
  padding: 15px 20px ;
  font-size: 12px;
}
.sidebar-container .sidebar-title {
  background: #f9f9f9;
  padding: 20px;
  border-bottom: 1px solid #e7eaec;
}
.sidebar-container .sidebar-title h3 {
  margin-bottom: 3px;
  padding-left: 2px;
}
.sidebar-container .tab-content h4 {
  margin-bottom: 5px;
}
.sidebar-container .sidebar-message > a > .pull-left {
  margin-right: 10px;
}
.sidebar-container .sidebar-message > a {
  text-decoration: none;
  color: inherit;
}
.sidebar-container .sidebar-message {
  padding: 15px 20px;
}
.sidebar-container .sidebar-message .message-avatar {
  height: 38px;
  width: 38px;
  border-radius: 50%;
}
.sidebar-container .setings-item {
  padding: 15px 20px;
  border-bottom: 1px solid #e7eaec;
}
/* GALLERY */
.gallery > .row > div {
  margin-bottom: 15px;
}
.fancybox img {
  margin-bottom: 5px;
  /* Only for demo */
  width: 24%;
}
/* Summernote text editor  */
.note-editor {
  height: auto;
  min-height: 300px;
}
/* MODAL */
.modal-header {
	border-bottom:1px solid #ddd;
}
.modal-content {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  outline: 0 none;
  position: relative;
}
.modal-dialog {
  z-index: 1200;
}
.modal-body {
  padding: 8px;
}
.inmodal .modal-body {
  background: #f8fafb;
}
.inmodal .modal-header {
  padding: 20px 15px;
  text-align: center;
}
.animated.modal.fade .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.inmodal .modal-title {
  font-size: 22px;
}
.inmodal .modal-icon {
  font-size: 84px;
  color: #e2e3e3;
}
.modal-footer {
  margin-top: 0;
  border-top:1px solid #ddd;
}
.modal-scroll_250 {
	max-height:250px;
	overflow-y:auto;
}
/* chrome modal 잔상 제거 */
.modal, .fade, .fade.in {
   -webkit-transform: translateZ(0);
}
/* edge 팝업에서 iframe 스크롤 안됨 현상*/
#faxModal.modal, #faxModal.fade, #faxModal.fade.in{
	-webkit-transform: none;
	transform:none;
}
/* 페이지 제목 및 경로 영역 */
.breadcrumb {
  background-color: #ffffff;
  padding: 6px 0 0;
  margin-bottom: 0;
}
.breadcrumb > li a {
  color: inherit;
}
.breadcrumb > li:first-child a {
  color: inherit;
  color:#1ab394;
  font-weight:700;
  font-size:14px;
}
.breadcrumb > li:first-child a i {
  font-size:16px;
}
.breadcrumb > .active {
  color: inherit;
}
.breadcrumb a{
  color: #18a689;
}
/* 상단 옵션 버튼
.head-m-btn{
	margin-top:23px;
}*/
#faxModemSendModal.modal {
	z-index:3000 !important;
}
@media (max-width: 992px) {
  /*.head-m-btn {
	margin-top:5px;
  }*/
  .breadcrumb {
	display:none;
  }
}
@media (max-width: 767px) {
  .breadcrumb,
  .head-m-btn.text-right {
	text-align:center;
  }
  .head-m-btn {
    display:none;
  }
}
/* FOOTER */
.footer {
	background-color:#eaeaea;
  /* background: transparent; */
  bottom: 0;
  left: 0;
  padding: 5px 15px 5px;
  position: absolute;
  right: 0;
}
.footer.fixed_full {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 10px 20px;
  background: white;
  border-top: 1px solid #ddd;
}
.footer.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 10px 20px;
  background: white;
  border-top: 1px solid #e7eaec;
  margin-left: 220px;
}
.copyRightArea {
	line-height:32px;
}
@media (max-width:767px){
	.footer {
		padding:15px 15px 55px;
		font-size:12px;
		text-align:center;
	}
	.footer .pull-right {
		float:none !important;
		text-align:center;
		padding-bottom:5px;
	}
	.copyRightArea {
		line-height:initial;
	}
	/* 191010 추가 (footer padding-bottom:65 포함)*/
	.footer img {
		height:25px !important;
	}
	.footer .copyRightArea {
		line-height:0;
	}
}
@media(min-width:768px){
  .copyRightArea{
    float: left;
  }
  .infoTool{
    float: left;
    display: inline;
    line-height: 2.5;
  }
}

/* PANELS */
.page-heading {
	min-height: 51px;
  border-top: 0;
  padding: 10px;
  position:relative;
}
@media (max-width:767px){
	.page-heading {
	   padding: 0 0 10px;
	}
	.page-heading > div:first-child {
		padding:0;
	}
}
.panel-heading h1,
.panel-heading h2 {
  margin-bottom: 5px;
}
/*table td에 a태그 채우기*/
.table > tbody > tr > td.alink {
	padding:0px;
}
td.alink > a {
	display:block;
	padding:6px;
	overflow:hidden;
	width:100%;
	height:100%;
	text-overflow:ellipsis;
}
/* TABLES */
.table {
	margin-bottom:0;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  background-color: #f6f6fa;
  border-bottom-width: 1px;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table > thead > tr > th {
  border-bottom: 1px solid #ccc;
  vertical-align: bottom;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #ddd;
  line-height: 1.42857;
  padding: 4px;
  vertical-align: middle;
  white-space:nowrap;
}
.table > tbody + tbody {
    border-top: 1px solid #ccc;
}
.table > thead > tr > th {
	text-align:center;
}
@media screen and (max-width: 767px) {
	.table-responsive {
		margin-bottom: 0;
	}
}
/* TAB PANELS */
.panel.blank-panel {
  background: none;
  margin: 0;
}
.blank-panel .panel-heading {
  padding: 0;
}
.blank-panel .panel-body {
  padding: 15px 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none;
  border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
  border-bottom: #f3f3f4;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #555555;
  cursor: default;
}
.nav.nav-tabs li {
  background: none;
  border: none;
}
.nav.nav-tabs li a{
	transition: color .15s ,background-color .15s, box-shadow .15s;
}
.nav.nav-tabs li:last-child a{
	margin-right:0 !important;
}
.nav-tabs > li > a {
  color: #A7B1C2;
  font-weight: 600;
  padding: 14px 20px 14px 25px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background-color: #e6e6e6;
  color: #676a6c;
}
.ui-tab .tab-content {
  padding: 20px 0px;
}
.tabs-container .tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
}
.tabs-container .tabs-left > .nav-tabs,
.tabs-container .tabs-right > .nav-tabs {
    width: 20%;
}
.tabs-container .tabs-below > .nav-tabs,
.tabs-container .tabs-right > .nav-tabs,
.tabs-container .tabs-left > .nav-tabs {
    border-bottom: 0;
}
.tabs-container .nav-tabs > li.active > a,
.tabs-container .nav-tabs > li.active > a:hover,
.tabs-container .nav-tabs > li.active > a:focus {
	background-color:#fff;
	border-bottom-color:#fff;
}
.tabs-container .tab-content {
	background-color:#fff;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#ddd;
}
/* ibox panel */
.ibox {
  clear: both;
  margin-bottom: 35px;
  margin-top: 0;
  padding: 0;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #ddd;
}
.ibox.collapsed .ibox-content {
  display: none;
}
.ibox.collapsed .fa.fa-chevron-up:before {
  content: "\f078";
}
.ibox.collapsed .fa.fa-chevron-down:before {
  content: "\f077";
}
.ibox:after,
.ibox:before {
  display: table;
}
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #ddd;
  border-image: none;
  border-style: solid;
  border-width: 4px 0 1px 0;
  color: inherit;
  margin-bottom: 0;
  padding: 12px 0 0 15px;
  min-height: 42px;
}
.ibox-content h1,
.ibox-content h2,
.ibox-content h3,
.ibox-content h4,
.ibox-content h5,
.ibox-title h1,
.ibox-title h2,
.ibox-title h3,
.ibox-title h4,
.ibox-title h5 {
  margin-top: 5px;
}
.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 8px;
  border:none;
  clear: both;
}
.ibox-title h5 i {margin-right:3px;}
.ibox-title h5 {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 7px;
  padding: 0;
  text-overflow: ellipsis;
  float: left;
}
.ibox-title .label {
  float: left;
  margin-left: 4px;
}
.ibox-tools {
  display: inline-block;
  float:right;
  margin-top: 0;
  position: relative;
  padding: 0;
}
.ibox-tools2 {
  display: inline-block;
  float: right;
  margin-top: 0;
  position: relative;
  padding: 0;
  width:20%;
}
.ibox-tools a {
  padding: 14px 15px 13px 15px;
  cursor: pointer;
  border-left: 1px solid #ddd;
  color: #888;
}
.ibox-tools a:hover {
  padding:14px 15px 13px 15px;
  color: #f8ac59;
  background:rgb(237 240 245 / 30%);
  /*border-bottom:1px solid #ddd;*/
}
.ibox-tools a.btn-primary {
  color: #fff;
}
.ibox-tools .dropdown-menu > li > a {
  padding: 4px 10px;
  font-size: 12px;
}
.ibox .open > .dropdown-menu {
    left: auto;
    right: 0;
}
.ibox .btn-group > .dropleft-menu {
  left: auto;
  right: 0;
  width: 85%;
}
.dropleft-menu>li>a:focus,
.dropleft-menu>li>a:hover {
  background-color: #cffff2;
}
@media (max-width:767px){
	.ibox .open > .dropleft-menu {
		width: 100%;
	}
}
@media (min-width:992px){
	.ibox .btn-group > .dropleft-menu {
		left: 0;
		right: auto;
		width: 85%;
	  }
}
.ibox .open > .dropleft-menu li:not(:last-child){
  border-bottom: 1px solid #ddd;
}
.ibox-heading {
  background-color: #f3f6fb;
  border-bottom: none;
}
.ibox-heading h3 {
  font-weight: 200;
  font-size: 24px;
}
@media (max-width: 768px) {
  .ibox-tools {
    float: right;
    text-align: right;
    display: block;
  }
}
/* BACKGROUNDS */
.gray-bg {
  background-color: #eaeaea;
}
.gray-bg2 {
  background-color: #e9e9e9;
}
.white-bg {
  background-color: #ffffff;
}
.navy-bg {
  background-color: #1ab394;
  color: #ffffff;
}
.pastelBlue-bg {
  background-color: rgba(238,247,255,0.8);
}
.blue-bg {
  background-color: #1c84c6;
  color: #ffffff;
}
.lazur-bg {
  background-color: #23c6c8;
  color: #ffffff;
}
.yellow-bg {
  background-color: #f8ac59;
  color: #ffffff;
}
.red-bg {
  background-color: #ed5565;
  color: #ffffff;
}
.black-bg {
  background-color: #262626;
}
.panel-primary {
  border-color: #1ab394;
}
.panel-primary > .panel-heading {
  background-color: #1ab394;
  border-color: #1ab394;
}
.panel-success {
  border-color: #1c84c6;
}
.panel-success > .panel-heading {
  background-color: #1c84c6;
  border-color: #1c84c6;
  color: #ffffff;
}
.panel-info {
  border-color: #23c6c8;
}
.panel-info > .panel-heading {
  background-color: #23c6c8;
  border-color: #23c6c8;
  color: #ffffff;
}
.panel-warning {
  border-color: #f8ac59;
}
.panel-warning > .panel-heading {
  background-color: #f8ac59;
  border-color: #f8ac59;
  color: #ffffff;
}
.panel-danger {
  border-color: #ed5565;
}
.panel-danger > .panel-heading {
  background-color: #ed5565;
  border-color: #ed5565;
  color: #ffffff;
}
.progress-bar {
  background-color: #1ab394;
}
.progress-small,
.progress-small .progress-bar {
  height: 10px;
}
.progress-small,
.progress-mini {
  margin-top: 5px;
}
.progress-mini,
.progress-mini .progress-bar {
  height: 5px;
  margin-bottom: 0px;
}
.progress-bar-navy-light {
  background-color: #3dc7ab;
}
.progress-bar-success {
  background-color: #1c84c6;
}
.progress-bar-info {
  background-color: #23c6c8;
}
.progress-bar-warning {
  background-color: #f8ac59;
}
.progress-bar-danger {
  background-color: #ed5565;
}
.panel-title {
  font-size: inherit;
}
.jumbotron {
  border-radius: 6px;
  padding: 40px;
}
.jumbotron h1 {
  margin-top: 0;
}
/* COLORS */
.text-white {
  color:#ffffff;
}
.text-navy, .text-green {
  color: #1ab394;
}
.text-primary {
  color: #888888;
}
.text-success {
  color: #1c84c6;
}
.text-info {
  color: #23c6c8;
}
.text-warning {
  color: #f8ac59;
}
.text-danger {
  color: #ed5565;
}
.text-muted {
  color: #000000;
}
.text-mdlGray {
  color: #666;
}
.text-darkGray {
	color:#282828;
}
.text-dark {
  color: #333;
}
.simple_tag {
  background-color: #f3f3f4;
  border: 1px solid #e7eaec;
  border-radius: 2px;
  color: inherit;
  font-size: 10px;
  margin-right: 5px;
  margin-top: 5px;
  padding: 5px 12px;
  display: inline-block;
}
.img-shadow {
  -webkit-box-shadow: 0px 0px 3px 0px #919191;
  -moz-box-shadow: 0px 0px 3px 0px #919191;
  box-shadow: 0px 0px 3px 0px #919191;
}
.nav-tabs{
	display:block;
}
.pace-done .nav-tabs li.active {
	transition:initial;
}
/* Dashboard Drag&Drop Panel */
.main-dtab .nav-tabs li {
	width:25%;
	text-align:center;
	padding-top:10px;
	flex-grow: 1;
    flex-basis: 0;
}
.main-dtab .nav-tabs li.active {
	padding:0;
}
.main-dtab .nav-tabs li.active a {
	line-height:27px;
}
.main-dtab .nav-tabs li.active a span {
	line-height:initial;
}
.main-dtab .nav-tabs > li.active > a,
.main-dtab .nav-tabs > li.active > a:hover,
.main-dtab .nav-tabs > li.active > a:focus {
	border-width:2px 1px 1px 1px;
	border-style:solid;
	border-color:#1ab394 #ddd #fff #ddd;
}
.main-dtab .nav-tabs li a {
	padding:10px 4px 4px;
	border:1px solid #ddd;
	border-bottom:none;
	border-radius:0;
	text-overflow:ellipsis;
	overflow:hidden;
}
.main-dtab .nav-tabs li a .r-count{
	position: absolute;
	top: 0;
	right: 0;
	font-size:11px;
	background: #1AB394;
	color: #fff;
	padding: 0 5px;
	border-radius: 0 0 0 8px;
	opacity: .8;
}
.main-dtab .tab-content {
	border:0;
}
.movecol .ibox-title .ibox-tools .fa-pencil-square-o {
	color:#1AB394;
}
@media (max-width:481px){
	.movecol h5.ellip_70per {
		max-width:60%;
	}
	.movecol h5.ellip_80per {
		max-width:70%;
	}
}
/* For handle diferent bg color in AngularJS version */
.dashboards\.dashboard_2 nav.navbar,
.dashboards\.dashboard_3 nav.navbar,
.mailbox\.inbox nav.navbar,
.mailbox\.email_view nav.navbar,
.mailbox\.email_compose nav.navbar,
.dashboards\.dashboard_4_1 nav.navbar {
  background: #fff;
}
/* For handle diferent bg color in MVC version */
.Dashboard_2 .navbar.navbar-static-top,
.Dashboard_3 .navbar.navbar-static-top,
.Dashboard_4_1 .navbar.navbar-static-top,
.ComposeEmail .navbar.navbar-static-top,
.EmailView .navbar.navbar-static-top,
.Inbox .navbar.navbar-static-top {
  background: #fff;
}
/* FULL HEIGHT */
.full-height {
  height: 100%;
}
.fh-breadcrumb {
  height: calc(100% - 196px);
  margin: 0 -15px;
  position: relative;
}
.fh-no-breadcrumb {
  height: calc(100% - 99px);
  margin: 0 -15px;
  position: relative;
}
.fh-column {
  background: #fff;
  height: 100%;
  width: 240px;
  float: left;
}
.modal-backdrop {
  z-index: 2040 !important;
}
.modal {
  z-index: 2050 !important;
}
.spiner-example {
  height: 200px;
  padding-top: 70px;
}
/* MARGINS & PADDINGS */
.p-m-none {
  padding: 0;
  margin: 0;
}
.p-xxs {
  padding: 5px;
}
.p-xs {
  padding: 10px;
}
.p-sm {
  padding: 15px;
}
.p-m {
  padding: 20px;
}
.p-md {
  padding: 25px;
}
.p-lg {
  padding: 30px;
}
.p-xl {
  padding: 40px;
}
.p-t-xs {
	padding-top:5px;
}
.p-t-sm {
	padding-top:10px;
}
.p-t {
	padding-top:15px;
}
.p-t-md {
	padding-top:20px;
}
.p-t-lg {
	padding-top:30px;
}
.p-l-r-xxs {
  padding-left:2px;
  padding-right:2px;
}
.p-l-r-xs {
  padding-left:5px;
  padding-right:5px;
}
.p-l-r-sm {
	padding:0 10px;
}
.p-l-xs {
	padding-left:5px;
}
.p-l-sm {
	padding-left:10px;
}
.p-l {
	padding-left:15px;
}
.p-l-md {
	padding-left:20px;
}
.p-l-lg{
	padding-left:30px;
}
.p-r-xs {
	padding-right:5px;
}
.p-r-sm {
	padding-right:10px;
}
.p-r {
	padding-right:15px;
}
.p-r-md {
	padding-right:20px;
}
.p-r-lg{
	padding-right:30px;
}
.p-b-xs {
	padding-bottom:5px;
}
.p-b-sm {
	padding-bottom:10px;
}
.p-b {
	padding-bottom:15px;
}
.p-b-md {
	padding-bottom:20px;
}
.p-b-lg{
	padding-bottom:30px;
}
.p-none {
	padding:0 0 0 0;
}
.p-l-r-none {
  padding-left:0;
  padding-right:0;
}
.p-t-none {
  padding-top: 0;
}
.p-r-none {
  padding-right: 0;
}
.p-b-none {
  padding-bottom: 0;
}
.p-l-none {
  padding-left: 0;
}
.m-xxs {
  margin: 2px 4px;
}
.m-xs {
  margin: 5px;
}
.m-sm {
  margin: 10px;
}
.m {
  margin: 15px;
}
.m-md {
  margin: 20px;
}
.m-lg {
  margin: 30px;
}
.m-xl {
  margin: 50px;
}
.m-n {
  margin: 0 !important;
}
.m-l-none {
  margin-left: 0;
}
.m-l-xs {
  margin-left: 5px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-l {
  margin-left: 15px;
}
.m-l-md {
  margin-left: 20px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-l-xl {
  margin-left: 40px;
}
.m-l-n-xxs {
  margin-left: -1px;
}
.m-l-n-xs {
  margin-left: -5px;
}
.m-l-n-sm {
  margin-left: -10px;
}
.m-l-n {
  margin-left: -15px;
}
.m-l-n-md {
  margin-left: -20px;
}
.m-l-n-lg {
  margin-left: -30px;
}
.m-l-n-xl {
  margin-left: -40px;
}
.m-t-none {
  margin-top: 0;
}
.m-t-xxs {
  margin-top: 1px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-sm {
  margin-top: 10px;
}
.m-t {
  margin-top: 15px;
}
.m-t-md {
  margin-top: 20px;
}
.m-t-lg {
  margin-top: 30px;
}
.m-t-xl {
  margin-top: 40px;
}
.m-t-xsl {
	margin-top:45px;
}
.m-t-xlm{
	margin-top:45px;
}
.m-t-n-xxs {
  margin-top: -1px;
}
.m-t-n-xs {
  margin-top: -5px;
}
.m-t-n-sm {
  margin-top: -10px;
}
.m-t-n {
  margin-top: -15px;
}
.m-t-n-md {
  margin-top: -20px;
}
.m-t-n-lg {
  margin-top: -30px;
}
.m-t-n-xl {
  margin-top: -40px;
}
.m-r-none {
  margin-right: 0;
}
.m-r-xxs {
  margin-right: 1px;
}
.m-r-xs {
  margin-right: 5px;
}
.m-r-sm {
  margin-right: 10px;
}
.m-r {
  margin-right: 15px;
}
.m-r-md {
  margin-right: 20px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-r-xl {
  margin-right: 40px;
}
.m-r-n-xxs {
  margin-right: -1px;
}
.m-r-n-xs {
  margin-right: -5px;
}
.m-r-n-sm {
  margin-right: -10px;
}
.m-r-n {
  margin-right: -15px;
}
.m-r-n-md {
  margin-right: -20px;
}
.m-r-n-lg {
  margin-right: -30px;
}
.m-r-n-xl {
  margin-right: -40px;
}
.m-b-none {
  margin-bottom: 0;
}
.m-b-xxs {
  margin-bottom: 1px;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-md {
  margin-bottom: 20px;
}
.m-b-lg {
  margin-bottom: 30px;
}
.m-b-xl {
  margin-bottom: 40px;
}
.m-b-xsl {
  margin-bottom: 45px;
}
.m-b-n-xxs {
  margin-bottom: -1px;
}
.m-b-n-xs {
  margin-bottom: -5px;
}
.m-b-n-sm {
  margin-bottom: -10px;
}
.m-b-n {
  margin-bottom: -15px;
}
.m-b-n-md {
  margin-bottom: -20px;
}
.m-b-n-lg {
  margin-bottom: -30px;
}
.m-b-n-xl {
  margin-bottom: -40px;
}
.space-5 {
  margin: 5px 0;
}
.space-10 {
  margin: 10px 0;
}
.space-15 {
  margin: 15px 0;
}
.space-20 {
  margin: 20px 0;
}
.space-25 {
  margin: 25px 0;
}
.space-30 {
  margin: 30px 0;
}
body.modal-open {
  padding-right: inherit !important;
}
/*-- 세로정렬 --*/
.media-top {
	vertical-align:top;
}
.media-mdl {
	vertical-align:middle;
}
.media-btm {
	vertical-align:bottom;
}
/* GLOBAL  */
.content {
  border-radius: 8px 8px 8px 8px;
  background-color: #AFEEEE;
  padding:10px 10px;
  white-space:pre-line;
}
.title-action {
  text-align: right;
  padding-top: 30px;
}
.big-icon {
  font-size: 120px;
  color: #e5e6e7;
}
.no-padding {
  padding: 0 !important;
}
.no-borders {
  border: none !important;
}
.no-margins {
  margin: 0 !important;
}
.no-top-border {
  border-top: 0 !important;
}
.ibox-content.text-box {
  padding-bottom: 0px;
  padding-top: 15px;
}
.full-width {
  width: 100% !important;
}
.full-width::after{
	display:block;
	clear:both;
	content:"";
}
.link-block {
  font-size: 12px;
  padding: 10px;
}
.nav.navbar-top-links .link-block a {
  font-size: 12px;
}
.link-block a {
  font-size: 10px;
  color: inherit;
}
body.mini-navbar .branding {
  display: none;
}
img.circle-border {
  border: 6px solid #FFFFFF;
  border-radius: 50%;
}
.branding {
  float: left;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  padding: 17px 20px;
  text-align: center;
  background-color: #1ab394;
}
.login-panel {
  margin-top: 25%;
}
.icons-box h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.icons-box .infont a i {
  font-size: 25px;
  display: block;
  color: #676a6c;
}
.icons-box .infont a {
  color: #a6a8a9;
}
.icons-box .infont a {
  padding: 10px;
  margin: 1px;
  display: block;
}
.ui-draggable .ibox-title {
  cursor: move;
}
.loginLock {
	display:block;
    height: 0px;
    width: 100%;
    opacity: 0;
	margin-top:30px;
}
code {
  background-color: #F9F2F4;
  border-radius: 4px;
  color: #ca4440;
  font-size: 90%;
  padding: 2px 4px;
  white-space: nowrap;
}
/* display 속성 */
.block {
  display: block;
}
.clear {
  display: block;
  overflow: hidden;
}
.dnone {
  display:none;
 }
.dnone_imp {
	display:none !important;
}
.dblock {
  display:block;
}
/* BORDER */
.border-top {
  border-top: 1px solid #ddd !important;
}
/* .border-bottom {
  border-bottom: 1px solid #ddd !important;
} */
.b-r {
  border-right: 1px solid #e7eaec;
}
.border-left-right {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: none;
  border-bottom: none;
}
.border-top-right {
  border-width:1px 1px 0 0;
  border-style:solid;
  border-color:#ddd;
}
.border-left {
  border-left: 1px solid #ddd;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.border-right {
  border-left: none;
  border-right: 1px solid #ddd;
  border-top: none;
  border-bottom: none;
}
.hr-line-dashed {
  border-top: 1px dashed #ddd;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 5px 0;
}
.hr-line-solid {
  border-bottom: 1px solid #e7eaec;
  background-color: rgba(0, 0, 0, 0);
  border-style: solid !important;
  margin-top: 15px;
  margin-bottom: 15px;
}
/* 글자 설정 */
.font-bold {
  font-weight: 700;
}
.font-bold-5 {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-s-normal {
  font-style:normal;
}
.text-uppercase {
  text-transform: uppercase;
}
/* Scroll top_Nav */
.float-menu {
	position:fixed;
	top:0;
	z-index:1001;
	opacity:.98;
	animation: NavDown .3s cubic-bezier(.215,.61,.355,1);
}
@keyframes NavDown {
	0%{
	  transform: translateY(-50px)
	}
	100%{
	  transform: translateY(0px)
	}
  }
.float-menu:hover {
	opacity:1;
}
/* Form 제목 (title-bg) */
.title-bg {
	text-align:center;
	background-color:rgb(237 240 245 / 30%);
	min-width:80px;
}
.title-bg1 {
	width:65px;
	text-align:center;
	background-color:#1ab394;
	color:#fff;
}
/* 청구관리 */
.form-half  input[type="text"] {
	width:45%;
}
/* SEARCH PAGE */
.search-form {
  margin-top: 10px;
}
.search-result h3 {
  margin-bottom: 5px;
  color: #1E0FBE;
}
.search-result .search-link {
  color: #006621;
}
.search-result-content {
  font-size: 12px;
  margin-top: 5px;
  max-height:40px;
  overflow:hidden;
  white-space:normal;
}
@media (max-width:767px){
	.search-result-content {
		max-height:35px;
  }
}
.search-result-content p {
  margin:0 !important;
  padding:0 !important;
}
/* CONTACTS */
.contact-box {
  background-color: #ffffff;
  border: 1px solid #e7eaec;
  padding: 20px;
  margin-bottom: 20px;
}
.contact-box a {
  color: inherit;
}
/* INVOICE */
.invoice-table tbody > tr > td:last-child,
.invoice-table tbody > tr > td:nth-child(4),
.invoice-table tbody > tr > td:nth-child(3),
.invoice-table tbody > tr > td:nth-child(2) {
  text-align: right;
}
.invoice-table thead > tr > th:last-child,
.invoice-table thead > tr > th:nth-child(4),
.invoice-table thead > tr > th:nth-child(3),
.invoice-table thead > tr > th:nth-child(2) {
  text-align: right;
}
.invoice-total > tbody > tr > td:first-child {
  text-align: right;
}
.invoice-total > tbody > tr > td {
  border: 0 none;
}
.invoice-total > tbody > tr > td:last-child {
  border-bottom: 1px solid #DDDDDD;
  text-align: right;
  width: 15%;
}
/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box {
  max-width: 400px;
  z-index: 100;
  margin: 0 auto;
  padding-top: 40px;
}
.lockscreen.middle-box {
  width: 200px;
  padding-top: 110px;
}
.loginscreen.middle-box {
  width: 300px;
}
.loginColumns {
  max-width: 800px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
.passwordBox {
  max-width: 460px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
.logo-name {
  color: #e6e6e6;
  font-size: 180px;
  font-weight: 800;
  letter-spacing: -10px;
  margin-bottom: 0px;
}
.middle-box h1 {
  font-size: 170px;
}
.wrapper .middle-box {
  margin-top: 140px;
}
.lock-word {
  z-index: 10;
  position: absolute;
  top: 110px;
  left: 50%;
  margin-left: -470px;
}
.lock-word span {
  font-size: 100px;
  font-weight: 600;
  color: #e9e9e9;
  display: inline-block;
}
.lock-word .first-word {
  margin-right: 160px;
}
@media screen and (max-width:767px){
	.lockscreen .lockoff {
		padding-right:5px !important;
		text-align:right;
	}
	.lockscreen .logout:last-child {
		padding-left:5px;
		text-align:left;
	}
	.lockscreen .col-xs-6 .btn {
		display:inline-block;
	}
}
/* DASBOARD */
.dashboard-header {
  border-top: 0;
  padding: 15px 0;
  border-bottom:1px solid #ddd;
}
.dashboard-header h2 {
  margin-top: 5px;
  font-size: 26px;
}
.fist-item {
  border-top: none !important;
}
.statistic-box {
  margin-top:0;
  height:250px;
}
.dashboard-header .list-group-item span.label {
  margin-right: 10px;
}
.list-group.clear-list .list-group-item {
  border-top: 1px solid #e7eaec;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  padding: 10px 0;
}
ul.clear-list:first-child {
  border-top: none !important;
}
/* 좌상단 프로필 & 지표 */
.unconfirmed {
	background-color:#f3f3f4;
	padding:20px 0;
	margin-bottom:15px;
	border:1px solid #ddd;
	box-sizing:border-box;
}
.dashboard-header .unconfirmed {
	min-height:120px;
}
.profileWidget a {
	color: #000000;
}
.unconfirmed .profileImgArea {
	width:95px;
	height:95px;
	border-radius:5px;
	background-color:#fff;
}
.unconfirmed h2 {
	font-size:20px;
	font-weight:700;
	text-align:left;
}
.unconfirmed .has-feedback .form-control {
	max-width:60%;
	padding:0;
	height:18px;
	background-color:transparent;
	border:0;
}
.unconfirmed select::-ms-expand {
	border:0; color:#666;
}
@media screen and (min-width:1200px) {
	.unconfirmedWrap {
		padding-right:0;
	}
	.dateCalendar {
		padding-left:0;
	}
}
.profileWidget {
	margin:0 -5px;
}
.profileWidget > div {
	padding:0 5px;
}
.profileWidget .widget {
	padding:0;
	margin:0 0 10px;
	border:1px solid #ddd;
	box-sizing:border-box;
}
.profileWidget .widget > a {
	padding:14px 15px 13px	;
	position:relative;
	font-size:12px;
	border-radius:5px;
	background-color:#f3f3f4;
	transition:all .3s;
}
.profileWidget .widget > a:hover,
.profileWidget .widget > a:focus {
	background-color:#fff;
}
.profileWidget .widget > a > span:last-child {
	position:absolute;
	right:15px;
	top:18px;
}
.profileWidget > div:nth-child(3) .widget,
.profileWidget > div:nth-child(4) .widget {
	margin-bottom:0;
}
.profileWidget .widget i {
	font-size:1.3em;
}
.myInfoModifyBtn {
	text-align:center;
	margin-top:5px;
}
.myInfoModifyBtn > a {
	color:#676a6c;
}
.myInfoModifyBtn .btn {
	transition:all .5s linear;
	font-size:12px;
	max-width:120px;
	white-space:normal;
	word-break:keep-all;
	padding:0;
	background-color:inherit;
	border:0;
}
.myInfoModifyBtn .btn:active:focus,
.myInfoModifyBtn .btn:focus,
.myInfoModifyBtn .btn:active {
	outline:none;
	box-shadow:none;
}
/* 중앙상단 슬라이드 */
.slideBanner {
	height:250px;
}
.slideBanner .carousel-inner .item img,
.slideBanner .carousel-inner > .item > img,
.slideBanner .carousel-inner > .item > a > img,
.slideBanner .img-responsive {
	width:100%;
	height:250px;
}
/* 중앙상단 슬라이드 default  */
.basicSlide {
	background-color:#f3f3f4;
	border:1px solid #ddd;
	box-sizing:border-box;
}
.basicSlide .topArea {
	width:230px;
	margin:0 auto 30px;
	padding:10px 20px;
	background-color:#ccc;
	border-radius:0 0 10px 10px;
}
.basicSlide .topArea p {
	width:30px;
	height:30px;
	overflow:hidden;
	border-radius:50%;
	margin-bottom:0;
	vertical-align:bottom;
}
.basicSlide .topArea span {
	font-size:20px;
	font-weight:700;
}
.basicSlide .middleArea span {
	font-size:26px
}
.basicSlide .middleArea strong {
	font-size:32px;
}
.basicSlide .middleArea2 {
	background-color:#fff;
	border-radius:10px;
	width:360px;
	margin:0 auto 10px;
	padding:4px;
	line-height:16px;
	border:1px solid #e5e5e5;
	word-break:keep-all;
}
.basicSlide .middleArea2 span {
	padding:0 5px;
}
/* 우상단 달력 */
.dateCalendar {
	color:#000;
	font-size:15px;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	height:auto;
}
.dateCalendar .xdsoft_datetimepicker {
	padding:2px 8px 8px 8px;
}
.dateCalendar .xdsoft_calendar2 .xdsoft_inline {
	width:100%;
}
.dateCalendar .xdsoft_calendar2 .xdsoft_inline .xdsoft_datepicker {
	width:100%;
	margin-left:0;
}
.dateCalendar .xdsoft_datetimepicker .xdsoft_calendar td {
	height:35.5px;
}
.dateCalendar .xdsoft_datetimepicker .xdsoft_label {
	display:inline-block;
	float:none;
	text-align:center;
	z-index:100;
}
/*####### RESPONSIVE #######*/
@media screen and (min-width:1421px) and  (max-width:1700px){
	.unconfirmed .has-feedback .form-control {
		max-width:80%;
	}
}
/*----- 저해상도 PC  -----*/
@media screen and (min-width:1200px) and  (max-width:1420px){
	.profileWidget .widget > a {
		padding:14px 10px 13px;
	}
	.unconfirmed .has-feedback .col-xs-4 {
		padding-right:0;
	}
	.unconfirmed .has-feedback .col-xs-8 {
		padding-left:5px;
	}
	.unconfirmed .has-feedback .form-control {
		max-width:95%;
	}
	.dateCalendar .xdsoft_datetimepicker .xdsoft_month {
		width:70px;
	}
	.dateCalendar .xdsoft_datetimepicker .xdsoft_today_button {
		margin-left:0;
	}
}
/*----- 저해상도 PC ~ tablet ver -----*/
@media screen and (min-width:992px) and (max-width:1199px){
	.unconfirmed {
		width:40%;
		float:left;
	}
	.profileWidget {
		width:60%;
		float:right;
		padding-top:5px;
	}
	.dateCalendar {
		padding-left:0;
	}
}
/*----- tablet ver -----*/
@media (min-width:768px) and (max-width:991px){
	.slideBanner {
		width:100%;
		margin-top:15px;
	}
	.unconfirmed {
		width:40%;
		float:left;
		margin-bottom:0;
	}
	.unconfirmed .has-feedback .col-xs-4 {
		padding-right:0;
	}
	.profileWidget {
		width:60%;
		float:right;
		padding-top:5px;
	}
}
/*----- mobile 이하 ver -----*/
@media (max-width:767px){
	.unconfirmed {
		padding:15px 0;
	}
	.unconfirmed .has-feedback .col-xs-4 {
		padding-right:0;
	}
	.unconfirmed .has-feedback .form-control {
		max-width:90%;
	}
	.profileWidget .widget > a {
		padding:8px 15px;
	}
	.profileWidget .widget > a > span:last-child {
		top:8px;
	}
	.profileWidget > div:nth-child(3) .widget,
	.profileWidget > div:nth-child(4) .widget {
		margin-bottom:0;
	}
	.profileWidget .widget i {
		font-size:1.2em;
	}
	.slideBanner {
		margin-top:15px;
	}
	.basicSlide .topArea {
		width:180px;
		margin:0 auto 25px;
		padding:5px 15px;
	}
	.basicSlide .topArea span {
		font-size:18px;
		font-weight:700;
	}
	.basicSlide .middleArea span {
		font-size:18px
	}
	.basicSlide .middleArea strong {
		font-size:26px;
		display:block;
	}
	.basicSlide .middleArea2 {
		width:90%;
		max-width:400px;
		font-size:12px;
		margin:0 auto 10px;
		line-height:25px;
	}
	.basicSlide .bottomArea2 {
		padding-bottom:30px;
	}
	.message_board {
		height:35px;
	}
	.message_board p {
		margin-top:10px;
	}
	.top-links-icon > ul{
		left:-85px;
	}
}
/* Intimeline */
.timeline-item .date i {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  width: 30px;
  text-align: center;
  border-top: 1px solid #e7eaec;
  border-bottom: 1px solid #e7eaec;
  border-left: 1px solid #e7eaec;
  background: #f8f8f8;
}
.timeline-item .date {
  text-align: right;
  width: 110px;
  position: relative;
  padding-top: 30px;
}
.timeline-item .contents {
  border-left: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  padding-top: 10px;
  min-height: 100px;
}
.timeline-item .contents:hover {
  background: #f6f6f6;
}
/* PIN BOARD */
ul.notes li,
ul.tag-list li {
  list-style: none;
}
ul.notes li h4 {
  margin-top: 20px;
  font-size: 16px;
}
ul.notes li div {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 140px;
  width: 140px;
  padding: 1em;
  position: relative;
}
ul.notes li div small {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 10px;
}
ul.notes li div a.del {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: inherit;
}

ul.notes li div a.edit {
  position: absolute;
  right: 25px;
  bottom: 10px;
  color: inherit;
}

ul.notes li {
  margin: 10px 40px 50px 0px;
  float: left;
}
@media (max-width:489px){
	ul.notes {
		text-align:center;
		padding-left:0;
	}
	ul.notes li {
		margin: 10px auto 50px;
		float: none;
		display:inline-block;
		text-align:left;
	}
}
ul.notes li div p {
  font-size: 12px;
}
ul.notes li div {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 140px;
  width: 140px;
  padding: 1em;
  /* Firefox */
  -moz-box-shadow: 5px 5px 2px #212121;
  /* Safari+Chrome */
  -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
  /* Opera */
  box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
}
ul.notes li div {
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
}
ul.notes li:nth-child(even) div {
  -o-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  position: relative;
  top: 5px;
}
ul.notes li:nth-child(3n) div {
  -o-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  position: relative;
  top: -5px;
}
ul.notes li:nth-child(5n) div {
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  position: relative;
  top: -10px;
}
ul.notes li div:hover,
ul.notes li div:focus {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  position: relative;
  z-index: 5;
}
ul.notes li div {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 210px;
  width: 210px;
  padding: 1em;
  -moz-box-shadow: 5px 5px 7px #212121;
  -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  -moz-transition: -moz-transform 0.15s linear;
  -o-transition: -o-transform 0.15s linear;
  -webkit-transition: -webkit-transform 0.15s linear;
}
/* FILE MANAGER */
.file-box {
  float: left;
  width: 220px;
}
.file-manager h5 {
  text-transform: uppercase;
}
.file-manager {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  overflow:hidden;
}
.folder-list li a {
  color: #000000;
  display: block;
  padding: 8px 0 4px;
}
.folder-list div.mailTree_title_div a {
  color: #000000;
  display: block;
  padding: 8px 0 4px;
}
.folder-list li {
  border-bottom: 1px solid #e7eaec;
  display: block;
}
.folder-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.category-list li a {
  color: #000000;
  display: block;
  padding: 5px 0;
}
.category-list li {
  display: block;
}
.category-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.category-list li a .text-navy {
  color: #1ab394;
}
.category-list li a .text-primary {
  color: #1c84c6;
}
.category-list li a .text-info {
  color: #23c6c8;
}
.category-list li a .text-danger {
  color: #EF5352;
}
.category-list li a .text-warning {
  color: #F8AC59;
}
.file-manager h5.tag-title {
  margin-top: 20px;
}
.tag-list li {
  float: left;
}
.tag-list li a {
  font-size: 10px;
  background-color: #f3f3f4;
  padding: 5px 12px;
  color: inherit;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-right: 5px;
  margin-top: 5px;
  display: block;
}
.file {
  border: 1px solid #ddd;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px;
}
.file-manager .hr-line-dashed {
  margin: 15px 0;
}
.file .icon,
.file .image {
  height: 100px;
  overflow: hidden;
}
.file .icon {
  padding: 15px 10px;
  text-align: center;
}
.file-control {
  color: inherit;
  font-size: 11px;
  margin-right: 10px;
}
.file-control.active {
  text-decoration: underline;
}
.file .icon i {
  font-size: 70px;
  color: #dadada;
}
.file .file-name {
  padding: 5px;
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
}
.file-name small {
  color: #676a6c;
}
.listMode_optIcon a {
	font-size:18px;
	display:inline-block;
	padding:0 4px;
}
.corner {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 0;
  border: 0.6em solid transparent;
  border-right: 0.6em solid #f1f1f1;
  border-bottom: 0.6em solid #f1f1f1;
  right: 0em;
  bottom: 0em;
}
/* PROFILE */
.profile-content {
  border-top: none !important;
}
.feed-activity-list .feed-element {
  border-bottom: 1px solid #e7eaec;
}
.feed-element:first-child {
  margin-top: 0;
}
.feed-element {
  padding-bottom: 10px;
}
.feed-element,
.feed-element .media {
  margin-top: 10px;
}
.feed-element {
  overflow: hidden;
}
.feed-element > .pull-left {
  margin-right: 10px;
}
.feed-element img.img-circle,
.dropdown-messages-box img.img-circle {
  width: 38px;
  height: 38px;
}
.feed-element .well {
  border: 1px solid #ddd;
  box-shadow: none;
  margin-bottom:0;
  padding: 10px;
}
.feed-element .actions {
  margin-top: 10px;
}
.feed-element .photos {
  margin: 10px 0;
}
.feed-photo {
  max-height: 180px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
}
/* PROJECTS */
.project-people,
.project-actions {
  text-align: right;
  vertical-align: middle;
}
dd.project-people {
  text-align: left;
  margin-top: 5px;
}
.project-people img {
  width: 32px;
  height: 32px;
}
.project-title a {
  font-size: 14px;
  color: #676a6c;
  font-weight: 600;
}
.project-list table tr td {
  border-top: none;
  border-bottom: 1px solid #e7eaec;
  padding: 15px 10px;
  vertical-align: middle;
}
.project-manager .tag-list li a {
  font-size: 10px;
  background-color: white;
  padding: 5px 12px;
  color: inherit;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-right: 5px;
  margin-top: 5px;
  display: block;
}
.project-files li a {
  font-size: 11px;
  color: #676a6c;
  margin-left: 10px;
  line-height: 22px;
}
/* FAQ */
.faq-item {
  padding: 20px;
  margin-bottom: 2px;
  background: #fff;
}
.faq-question {
  font-size: 18px;
  font-weight: 600;
  color: #1ab394;
  display: block;
}
.faq-question:hover {
  color: #179d82;
}
.faq-answer {
  margin-top: 10px;
  background: #f3f3f4;
  border: 1px solid #e7eaec;
  border-radius: 3px;
  padding: 15px;
}
.faq-item .tag-item {
  background: #f3f3f4;
  padding: 2px 6px;
  font-size: 10px;
  text-transform: uppercase;
}
/* Chat view */
.message-input {
  height: 90px !important;
}
.chat-avatar {
  white: 36px;
  height: 36px;
  float: left;
  margin-right: 10px;
}
.chat-user-name {
  padding: 10px;
}
.chat-user {
  padding: 8px 10px;
  border-bottom: 1px solid #e7eaec;
}
.chat-user a {
  color: inherit;
}
.chat-view {
  z-index: 20012;
}
.chat-users,
.chat-statistic {
  margin-left: -30px;
}
@media (max-width: 992px) {
  .chat-users,
  .chat-statistic {
    margin-left: 0px;
  }
}
.chat-view .ibox-content {
  padding: 0;
}
.chat-message {
  padding: 10px 20px;
}
.message-avatar {
  height: 48px;
  width: 48px;
  border: 1px solid #e7eaec;
  border-radius: 4px;
  margin-top: 1px;
}
.chat-discussion .chat-message:nth-child(2n+1) .message-avatar {
  float: left;
  margin-right: 10px;
}
.chat-discussion .chat-message:nth-child(2n) .message-avatar {
  float: right;
  margin-left: 10px;
}
.message {
  background-color: #fff;
  border: 1px solid #e7eaec;
  text-align: left;
  display: block;
  padding: 10px 20px;
  position: relative;
  border-radius: 4px;
}
.chat-discussion .chat-message:nth-child(2n+1) .message-date {
  float: right;
}
.chat-discussion .chat-message:nth-child(2n) .message-date {
  float: left;
}
.chat-discussion .chat-message:nth-child(2n+1) .message {
  text-align: left;
  margin-left: 55px;
}
.chat-discussion .chat-message:nth-child(2n) .message {
  text-align: right;
  margin-right: 55px;
}
.message-date {
  font-size: 10px;
  color: #888888;
}
.message-content {
  display: block;
}
.chat-discussion {
  background: #eee;
  padding: 15px;
  height: 400px;
  overflow-y: auto;
}
.chat-users {
  overflow-y: auto;
  height: 400px;
}
.chat-message-form .form-group {
  margin-bottom: 0;
}
/* jsTree */
.jstree-open > .jstree-anchor > .fa-folder:before {
  content: "\f07c";
}
.jstree-default .jstree-icon.none {
  width: 0;
}
#jstree-dnd {
  padding:2px 7px !important;
  border-radius:3px;
  border:1px dotted #ccc;
  background-color:#fff;
}
#jstree-dnd span {
  margin-left:5px;
}
/* CLIENTS */
.client-detail {
  position: relative;
}
.client-link {
  font-weight: 600;
  color: inherit;
}
.client-link:hover {
  color: inherit;
}
.client-avatar {
  width: 42px;
}
.client-avatar img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
#setMemberInfo .profileImgArea {
	width:100px;
	height:100px;
	margin:0 auto;
	border:2px solid #e5e5e5;
}
.client-selfIntro {
	padding-right:15px;
	max-height:130px;
	overflow-y:auto;
}
.popup-body::-webkit-scrollbar,
.client-selfIntro::-webkit-scrollbar,
.vertical-container::-webkit-scrollbar{
	width:10px;
}
.popup-body::-webkit-scrollbar-thumb,
.client-selfIntro::-webkit-scrollbar-thumb,
.vertical-container::-webkit-scrollbar-thumb{
	background-color: #e7eaec;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.3);
}
.popup-body::-webkit-scrollbar-track,
.client-selfIntro::-webkit-scrollbar-track,
.vertical-container::-webkit-scrollbar-track{
	background-color:#fff;
}
.popup-body,
.client-selfIntro,
.vertical-container {
	scrollbar-arrow-color:#ccc;
	scrollbar-face-color:#e7eaec;
	scrollbar-shadow-color:#ccc;
	scrollbar-track-color:#fff;
}
.contact-type {
  width: 20px;
  color: #c1c3c4;
}
.client-status {
  text-align: left;
}
.client-detail .vertical-timeline-content p {
  margin: 0;
}
.client-detail .vertical-timeline-icon.gray-bg {
  color: #a7aaab;
}
.vertical-timeline-block .vertical-timeline-icon .time1{
	color: #1ab394;
	font-size: 14px;
	width: 100px;
	position: absolute;
	top: 33px;
	left: -33px;
	z-index: 2;
	font-weight:600;
}
.vertical-timeline-block .vertical-timeline-icon .time2{
	color: #999;
	font-size: 14px;
	width: 100px;
	position: absolute;
	top: 35px;
	left: -33px;
	z-index: 2;
	font-weight:600;
}

/* BLOG ARTICLE */
.blog h2 {
  font-weight: 700;
}
.blog h5 {
  margin: 0 0 5px 0;
}
.blog .btn {
  margin: 0 0 5px 0;
}
.article h1 {
  font-size: 48px;
  font-weight: 700;
  color: #2F4050;
}
.article p {
  font-size: 15px;
  line-height: 26px;
}
.article-title {
  text-align: center;
  margin: 40px 0 100px 0;
}
.article .ibox-content {
  padding: 40px;
}
/* ISSUE TRACKER */
.issue-tracker .btn-link {
  color: #1ab394;
}
table.issue-tracker tbody tr td {
  vertical-align: middle;
  height: 50px;
}
.issue-info {
  width: 50%;
}
.issue-info a {
  font-weight: 600;
  color: #676a6c;
}
.issue-info small {
  display: block;
}
/* TEAMS */
.team-members {
  margin: 10px 0;
}
.team-members img.img-circle {
  width: 42px;
  height: 42px;
  margin-bottom: 5px;
}
/* AGILE BOARD */
.sortable-list {
  padding: 10px 0;
}
.agile-list {
  list-style: none;
  margin: 0;
}
.agile-list li {
  background: #FAFAFB;
  border: 1px solid #e7eaec;
  margin: 0px 0 10px 0;
  padding: 10px;
  border-radius: 2px;
}
.agile-list li:hover {
  cursor: pointer;
  background: #fff;
}
.agile-list li.warning-element {
  border-left: 3px solid #f8ac59;
}
.agile-list li.danger-element {
  border-left: 3px solid #ed5565;
}
.agile-list li.info-element {
  border-left: 3px solid #1c84c6;
}
.agile-list li.success-element {
  border-left: 3px solid #1ab394;
}
.agile-detail {
  margin-top: 5px;
  font-size: 12px;
}
/* DIFF */
ins {
  background-color: #c6ffc6;
  text-decoration: none;
}
del {
  background-color: #ffc6c6;
}
#small-chat {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
}
#small-chat .badge {
  position: absolute;
  top: -3px;
  right: -4px;
}
.open-small-chat {
  height: 38px;
  width: 38px;
  display: block;
  background: #1ab394;
  padding: 9px 8px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}
.open-small-chat:hover {
  color: white;
  background: #1ab394;
}
.small-chat-box {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 75px;
  background: #fff;
  border: 1px solid #e7eaec;
  width: 230px;
  height: 320px;
  border-radius: 4px;
}
.small-chat-box.ng-small-chat {
  display: block;
}
.body-small .small-chat-box {
  bottom: 70px;
  right: 20px;
}
.small-chat-box.active {
  display: block;
}
.small-chat-box .heading {
  background: #2f4050;
  padding: 8px 15px;
  font-weight: bold;
  color: #fff;
}
.small-chat-box .chat-date {
  opacity: 0.6;
  font-size: 10px;
  font-weight: normal;
}
.small-chat-box .content {
  padding: 15px 15px;
}
.small-chat-box .content .author-name {
  font-weight: bold;
  margin-bottom: 3px;
  font-size: 11px;
}
.small-chat-box .content > div {
  padding-bottom: 20px;
}
.small-chat-box .content .chat-message {
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 14px;
  max-width: 80%;
  background: #f3f3f4;
  margin-bottom: 10px;
}
.small-chat-box .content .chat-message.active {
  background: #1ab394;
  color: #fff;
}
.small-chat-box .content .left {
  text-align: left;
  clear: both;
}
.small-chat-box .content .left .chat-message {
  float: left;
}
.small-chat-box .content .right {
  text-align: right;
  clear: both;
}
.small-chat-box .content .right .chat-message {
  float: right;
}
.small-chat-box .form-chat {
  padding: 10px 10px;
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-rotating-plane"></div>
 *
 */
.sk-spinner-rotating-plane.sk-spinner {
  width: 30px;
  height: 30px;
  background-color: #1ab394;
  margin: 0 auto;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
  animation: sk-rotatePlane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-double-bounce">
 *      <div class="sk-double-bounce1"></div>
 *      <div class="sk-double-bounce2"></div>
 *    </div>
 *
 */
.sk-spinner-double-bounce.sk-spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto;
}
.sk-spinner-double-bounce .sk-double-bounce1,
.sk-spinner-double-bounce .sk-double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #1ab394;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
  animation: sk-doubleBounce 2s infinite ease-in-out;
}
.sk-spinner-double-bounce .sk-double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes sk-doubleBounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-doubleBounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wave">
 *      <div class="sk-rect1"></div>
 *      <div class="sk-rect2"></div>
 *      <div class="sk-rect3"></div>
 *      <div class="sk-rect4"></div>
 *      <div class="sk-rect5"></div>
 *    </div>
 *
 */
.sk-spinner-wave.sk-spinner {
  margin: 0 auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}
.sk-spinner-wave div {
  background-color: #1ab394;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
  animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave .sk-rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-spinner-wave .sk-rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-spinner-wave .sk-rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-spinner-wave .sk-rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-waveStretchDelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes sk-waveStretchDelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wandering-cubes">
 *      <div class="sk-cube1"></div>
 *      <div class="sk-cube2"></div>
 *    </div>
 *
 */
.sk-spinner-wandering-cubes.sk-spinner {
  margin: 0 auto;
  width: 32px;
  height: 32px;
  position: relative;
}
.sk-spinner-wandering-cubes .sk-cube1,
.sk-spinner-wandering-cubes .sk-cube2 {
  background-color: #1ab394;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
  animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
}
.sk-spinner-wandering-cubes .sk-cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
@-webkit-keyframes sk-wanderingCubeMove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes sk-wanderingCubeMove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-pulse"></div>
 *
 */
.sk-spinner-pulse.sk-spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-color: #1ab394;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
  animation: sk-pulseScaleOut 1s infinite ease-in-out;
}
@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-chasing-dots">
 *      <div class="sk-dot1"></div>
 *      <div class="sk-dot2"></div>
 *    </div>
 *
 */
.sk-spinner-chasing-dots.sk-spinner {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
  animation: sk-chasingDotsRotate 2s infinite linear;
}
.sk-spinner-chasing-dots .sk-dot1,
.sk-spinner-chasing-dots .sk-dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #1ab394;
  border-radius: 100%;
  -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
  animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}
.sk-spinner-chasing-dots .sk-dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes sk-chasingDotsBounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-chasingDotsBounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-three-bounce">
 *      <div class="sk-bounce1"></div>
 *      <div class="sk-bounce2"></div>
 *      <div class="sk-bounce3"></div>
 *    </div>
 *
 */
.sk-spinner-three-bounce.sk-spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center;
}
.sk-spinner-three-bounce div {
  width: 18px;
  height: 18px;
  background-color: #1ab394;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.sk-spinner-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.sk-spinner-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-threeBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-threeBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-circle">
 *      <div class="sk-circle1 sk-circle"></div>
 *      <div class="sk-circle2 sk-circle"></div>
 *      <div class="sk-circle3 sk-circle"></div>
 *      <div class="sk-circle4 sk-circle"></div>
 *      <div class="sk-circle5 sk-circle"></div>
 *      <div class="sk-circle6 sk-circle"></div>
 *      <div class="sk-circle7 sk-circle"></div>
 *      <div class="sk-circle8 sk-circle"></div>
 *      <div class="sk-circle9 sk-circle"></div>
 *      <div class="sk-circle10 sk-circle"></div>
 *      <div class="sk-circle11 sk-circle"></div>
 *      <div class="sk-circle12 sk-circle"></div>
 *    </div>
 *
 */
.sk-spinner-circle.sk-spinner {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  position: relative;
}
.sk-spinner-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-spinner-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 20%;
  height: 20%;
  background-color: #1ab394;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.sk-spinner-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-spinner-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-spinner-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-spinner-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-spinner-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-spinner-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-spinner-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-spinner-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-spinner-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-spinner-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-spinner-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-spinner-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-spinner-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-spinner-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-spinner-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.sk-spinner-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sk-spinner-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sk-spinner-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sk-spinner-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sk-spinner-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sk-spinner-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sk-spinner-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-cube-grid">
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *    </div>
 *
 */
.sk-spinner-cube-grid {
  /*
   * Spinner positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */
}
.sk-spinner-cube-grid.sk-spinner {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.sk-spinner-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #1ab394;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-spinner-cube-grid .sk-cube:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(2) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(4) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(5) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(6) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(7) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(8) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(9) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wordpress">
 *      <span class="sk-inner-circle"></span>
 *    </div>
 *
 */
.sk-spinner-wordpress.sk-spinner {
  background-color: #1ab394;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: relative;
  margin: 0 auto;
  -webkit-animation: sk-innerCircle 1s linear infinite;
  animation: sk-innerCircle 1s linear infinite;
}
.sk-spinner-wordpress .sk-inner-circle {
  display: block;
  background-color: #fff;
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 8px;
  top: 5px;
  left: 5px;
}
@-webkit-keyframes sk-innerCircle {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes sk-innerCircle {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-fading-circle">
 *      <div class="sk-circle1 sk-circle"></div>
 *      <div class="sk-circle2 sk-circle"></div>
 *      <div class="sk-circle3 sk-circle"></div>
 *      <div class="sk-circle4 sk-circle"></div>
 *      <div class="sk-circle5 sk-circle"></div>
 *      <div class="sk-circle6 sk-circle"></div>
 *      <div class="sk-circle7 sk-circle"></div>
 *      <div class="sk-circle8 sk-circle"></div>
 *      <div class="sk-circle9 sk-circle"></div>
 *      <div class="sk-circle10 sk-circle"></div>
 *      <div class="sk-circle11 sk-circle"></div>
 *      <div class="sk-circle12 sk-circle"></div>
 *    </div>
 *
 */
.sk-spinner-fading-circle.sk-spinner {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  position: relative;
}
.sk-spinner-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-spinner-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 18%;
  height: 18%;
  background-color: #1ab394;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.sk-spinner-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-spinner-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-spinner-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-spinner-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-spinner-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-spinner-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-spinner-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-spinner-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-spinner-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-spinner-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-spinner-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-spinner-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-spinner-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-spinner-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-spinner-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.sk-spinner-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sk-spinner-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sk-spinner-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sk-spinner-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sk-spinner-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sk-spinner-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sk-spinner-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.rtls {
  /* Theme config */
}
body.rtls #page-wrapper {
  margin: 0 220px 0 0;
}
body.rtls .nav-second-level li a {
  padding: 7px 35px 7px 10px;
}
body.rtls .ibox-title h5 {
  float: right;
}
body.rtls .pull-right {
  float: left !important;
}
body.rtls .pull-left {
  float: right !important;
}
body.rtls .ibox-tools {
  float: left;
}
body.rtls .stat-percent {
  float: left;
}
body.rtls .navbar-right {
  float: left !important;
}
body.rtls .navbar-top-links li:last-child {
  margin-left: 40px;
  margin-right: 0;
}
body.rtls .minimalize-styl-2 {
  float: right;
  margin: 14px 20px 5px 5px;
}
body.rtls .feed-element > .pull-left {
  margin-left: 10px;
  margin-right: 0;
}
body.rtls .timeline-item .date {
  text-align: left;
}
body.rtls .timeline-item .date i {
  left: 0;
  right: auto;
}
body.rtls .timeline-item .content {
  border-right: 1px solid #e7eaec;
  border-left: none;
}
body.rtls .theme-config {
  left: 0;
  right: auto;
}
body.rtls .spin-icon {
  border-radius: 0 20px 20px 0;
}
body.rtls .center-orientation .vertical-timeline-icon i {
  margin-left: 0;
  margin-right: -12px;
}
body.rtls .vertical-timeline-icon i {
  right: 50%;
  left: auto;
  margin-left: auto;
  margin-right: -12px;
}
body.rtls .file-box {
  float: right;
}
body.rtls ul.notes li {
  float: right;
}
body.rtls .chat-users,
body.rtls .chat-statistic {
  margin-right: -30px;
  margin-left: auto;
}
body.rtls .dropdown-menu > li > a {
  text-align: right;
}
body.rtls .b-r {
  border-left: 1px solid #e7eaec;
  border-right: none;
}
body.rtls .dd-list .dd-list {
  padding-right: 30px;
  padding-left: 0;
}
body.rtls .dd-item > button {
  float: right;
}
body.rtls .theme-config-box {
  margin-left: -220px;
  margin-right: 0;
}
body.rtls .theme-config-box.show {
  margin-left: 0;
  margin-right: 0;
}
body.rtls .spin-icon {
  right: 0;
  left: auto;
}
body.rtls .skin-setttings {
  margin-right: 40px;
  margin-left: 0;
}
body.rtls .skin-setttings {
  direction: ltr;
}
body.rtls .skin-setttings1 {
  margin-right: 40px;
  margin-left: 0;
}
body.rtls .skin-setttings1 {
  direction: ltr;
}
body.rtls .footer.fixed {
  margin-right: 220px;
  margin-left: 0;
}
@media (max-width: 992px) {
  body.rtls .chat-users,
  body.rtls .chat-statistic {
    margin-right: 0px;
  }
}
body.rtls.mini-navbar .footer.fixed,
body.body-small.mini-navbar .footer.fixed {
  margin: 0 70px 0 0;
}
body.rtls.mini-navbar.fixed-sidebar .footer.fixed,
body.body-small.mini-navbar .footer.fixed {
  margin: 0 0 0 0;
}
body.rtls.top-navigation .navbar-toggle {
  float: right;
  margin-left: 15px;
  margin-right: 15px;
}
.body-small.rtls.top-navigation .navbar-header {
  float: none;
}
body.rtls.top-navigation #page-wrapper {
  margin: 0;
}
body.rtls.mini-navbar #page-wrapper {
  margin: 0 70px 0 0;
}
body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
  margin: 0 0 0 0;
}
body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0 220px 0 0;
}
body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 220px;
}
.body-small.rtls .navbar-fixed-top {
  margin-right: 0px;
}
.body-small.rtls .navbar-header {
  float: right;
}
body.rtls .navbar-top-links li:last-child {
  margin-left: 20px;
}
body.rtls .top-navigation #page-wrapper,
body.rtls.mini-navbar .top-navigation #page-wrapper,
body.rtls.mini-navbar.top-navigation #page-wrapper {
  margin: 0;
}
body.rtls .top-navigation .footer.fixed,
body.rtls.top-navigation .footer.fixed {
  margin: 0;
}
@media (max-width: 768px) {
  body.rtls .navbar-top-links li:last-child {
    margin-left: 20px;
  }
  .body-small.rtls #page-wrapper {
    position: inherit;
    margin: 0 0 0 0px;
    min-height: 1000px;
  }
  .body-small.rtls .navbar-static-side {
    display: none;
    z-index: 2001;
    position: absolute;
    width: 70px;
  }
  .body-small.rtls.mini-navbar .navbar-static-side {
    display: block;
  }
  .rtls.fixed-sidebar.body-small .navbar-static-side {
    display: none;
    z-index: 2001;
    position: fixed;
    width: 220px;
  }
  .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
    display: block;
  }
}
.rtls .ltr-support {
  direction: ltr;
}
/*
 *
 *   This is style for skin config
 *   Use only in demo theme
 *
*/
.theme-config {
  position: absolute;
  top: 90px;
  right: 0px;
  overflow: hidden;
}
.theme-config-box {
  margin-right: -220px;
  position: relative;
  z-index: 2000;
  transition-duration: 0.8s;
}
.theme-config-box.show {
  margin-right: 0px;
}
.spin-icon {
  background: #1ab394;
  position: absolute;
  padding: 7px 10px 7px 13px;
  border-radius: 20px 0px 0px 20px;
  font-size: 16px;
  top: 0;
  left: 0px;
  width: 40px;
  color: #fff;
  cursor: pointer;
}
.skin-setttings {
  width: 220px;
  margin-left: 40px;
  background: #f3f3f4;
  border-width:1px 0 1px 1px;
  border-style:solid;
  border-color:#cecece;
  box-sizing:border-box;
}
.skin-setttings .title {
  background: #efefef;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  padding: 10px 15px;
  font-size: 12px;
  border-bottom:1px solid #dedede;
}
.setings-item {
  padding: 10px 30px;
}
.setings-item.skin {
  text-align: center;
}
.setings-item .switch {
  float: right;
}
.skin-name a {
  text-transform: uppercase;
}
.setings-item a {
  color: #fff;
}
.default-skin,
.blue-skin,
.ultra-skin,
.yellow-skin {
  text-align: center;
}
.default-skin {
  font-weight: 600;
  background: #1ab394;
}
.default-skin:hover {
  background: #199d82;
}
.blue-skin {
  font-weight: 600;
  background: url("patterns/header-profile-skin-1.png") repeat scroll 0 0;
}
.blue-skin:hover {
  background: #0d8ddb;
}
.yellow-skin {
  font-weight: 600;
  background: url("patterns/header-profile-skin-3.png") repeat scroll 0 100%;
}
.yellow-skin:hover {
  background: #ce8735;
}
.ultra-skin {
  font-weight: 600;
  background: url("patterns/header-profile-skin-2.png") repeat scroll 0 0;
}
.ultra-skin:hover {
  background: #1a2d40;
}

/* 스크롤바 영역 */
body::-webkit-scrollbar-thumb {
  background-color: rgba(57,69,80,0.2);
  -webkit-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-track {
  background-color:#f3f3f4;
}
.navbar-static-side,
  #side-menu ul.nav-second-level {
  scrollbar-arrow-color:#aaa;
  scrollbar-face-color:#4b5a68;
  scrollbar-shadow-color:#333;
  scrollbar-track-color:#2F4050;
}
.navbar-static-side::-webkit-scrollbar,
#side-menu ul.nav-second-level::-webkit-scrollbar {
  width:6px;
}
.navbar-static-side::-webkit-scrollbar-thumb,
#side-menu ul.nav-second-level::-webkit-scrollbar-thumb {
  background-color: rgba(57,69,80,0.2);
  -webkit-border-radius:2px;
  border-radius:2px;
  -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.3);
}
.navbar-static-side::-webkit-scrollbar-track,
#side-menu ul.nav-second-level::-webkit-scrollbar-track {
  background-color:#f3f3f4;
}
@media (max-width: 768px) {
  .lock-word {
    display: none;
  }
  .sidebard-panel {
    z-index: 2;
    position: relative;
    width: auto;
    min-height: 100% !important;
  }
  .sidebar-content .wrapper {
    padding-right: 0px;
    z-index: 1;
  }
}
@media (max-width: 350px) {
  .timeline-item .date {
    text-align: left;
    width: 110px;
    position: relative;
    padding-top: 30px;
  }
  .timeline-item .date i {
    position: absolute;
    top: 0;
    left: 15px;
    padding: 5px;
    width: 30px;
    text-align: center;
    border: 1px solid #e7eaec;
    background: #f8f8f8;
  }
  .timeline-item .content {
    border-left: none;
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
    min-height: 100px;
  }
  .ibox-tools {
    float: right;
    text-align: left;
    display: inline-block;
  }
}
/* Only demo */
@media (max-width: 1000px) {
  .welcome-message {
    display: none;
  }
}
.message_board {
    height:50px;
    background-image:linear-gradient(top, transparent 0%, rgba(0,0,0,.5) 70%);
    background-image:-webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,.5) 70%);
    background-image:-o-linear-gradient(top, transparent 0%, rgba(0,0,0,.5) 70%);
    background-image:-moz-linear-gradient(top, transparent 0%, rgba(0,0,0,.5) 70%);
	background-color:transparent;
	overflow:hidden;
	position:absolute;
	bottom: 0;
	z-index:2;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
@media(max-width:991px){
	.message_board {
		width:calc(100% - 30px);
		width:-moz-calc(100% - 30px);
		width:-webkit-calc(100% - 30px);
		width:-o-calc(100% - 30px);
	}
}
@media(min-width:992px) and (max-width:1199px){
	.message_board {
		width:calc(100% - 15px);
		width:-moz-calc(100% - 315px);
		width:-webkit-calc(100% - 15px);
		width:-o-calc(100% - 15px);
	}
}
@media(min-width:1200px){
	.message_board {
		width:100%;
	}
}
.message_board p {
	font-weight : bold;
    color: #fff;
    margin-top: 17px;
}
.window_up{overflow:hidden;}
.black_back{background-color: rgba(23, 25, 33, 0.93); height: 100%; -moz-box-pack: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: start; -moz-box-align: start; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; right: 0; position: fixed; top: 0; overflow-y: scroll; width:100%; z-index: 21474; overflow-x: hidden; text-align:center;     transition: 0.5s;}
.black_back .close{ position: fixed; top: 30px; margin-left: 285px; z-index:0;}
.black_back .close span{ font-weight:200; padding-right:10px; font-size:20px;}
.black_back .close a{display:block; background-color:#da3b3b; color:#fff; font-size:13px; line-height:22px; font-weight:400;  /*transition: all 0.3s;*/}
.black_back .close a:hover{background-color:transparent;}

.modal_page{margin: 60px;    overflow: hidden;    position: relative;    z-index: 25;    text-align: left; width:1200px; margin:0 auto;}
.modal_page .info img{max-height: 900px; max-width: 100%; margin: 0 auto; display: block;}
.detail_m_top{ background-color: #191919;  z-index: 35;  height: 115px; top: 0;    width: 1200px; position:fixed;}
.detail_m_top .container{width:auto;padding:0; text-align:left;}
.detail_m_top .title_group{display:table; width:100%;}
.detail_m_top .menu_group{border-top:1px solid rgba(255, 255, 255, 0.1); position:relative;}

.detail_m_top .title_group .title_box{display:table-cell; padding: 15px 25px;}
.detail_m_top .title_group .app_box{display:table-cell; width:194px;}
.detail_m_top .title_group .close{display:table-cell; position:static; width:85px;    margin: 0;}
.detail_m_top .title_group .close a{background:none; background-image:url(/img/modal_set.png); background-repeat: no-repeat; background-position:0 0; display:block; width:35px; height:35px; padding:0; margin:0;     margin-top: 18px; box-shadow:none; margin-left: 25px;}
.detail_m_top .title_group .close a:before{display:none;}
.detail_m_top .title_group .price_wrap{color: rgba(255, 255, 255, 0.45); margin-top:5px; letter-spacing: 0;}
.detail_m_top .title_group .price_wrap .price_set h5{display:inline-block; font-size:11px; font-weight:400; line-height:1.42857143; color: rgba(255, 255, 255, 0.7);}
.detail_m_top .title_group .price_wrap .price_set p{display:inline-block; font-size:11px;}
.detail_m_top .title_group .price_wrap .price_set .origin_price{text-decoration: line-through;}
.detail_m_top .title_group .price_wrap .price_set .total_price{color:#3E97F9;}
.detail_m_top h3{color:#fff; font-weight:600; font-size:14px;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;     width: 850px;}
.detail_m_top h4{display:none;}

.goods_modal.modal_page .modal_wrap{padding-top: 115px;}
.modal_page.goods_modal{width:1200px; margin:0 auto;}
.goods_modal .tour_basic:before{display:none;}
.modal_page .tour_feature{margin:0;}

.modal_page.goods_modal .info p + p{margin-top:0; }
.goods_modal .content{ color:#556182;  font-size: 12px; letter-spacing: -0.02em;}
.goods_modal .content h4,
.goods_modal .content h5,
.goods_modal .content h6{  line-height: 1em; letter-spacing:-0.1em}

.mail_icons1 {
    float: left;
    background: none;
    background-image: url(/img/mail_icon.png);
    background-repeat: no-repeat;
    background-position: 0px -3px;
    display: block;
    width: 28px;
    height: 23px;
    box-shadow: none;
}

.mail_icons2 {
	float: left;
    background: none;
    background-image: url(/img/mail_icon.png);
    background-repeat: no-repeat;
    background-position: 0px -26px;
    display: block;
    width: 28px;
    height: 23px;
    box-shadow: none;
}

.mail_icons3 {
	float: left;
    background: none;
    background-image: url(/img/mail_icon.png);
    background-repeat: no-repeat;
    background-position: 0px -52px;
    display: block;
    width: 28px;
    height: 23px;
    box-shadow: none;
}
.text_space7{
	padding-top: 7px;
}

@media print {
	@page {
		size:auto;
		margin-top:1.5cm;
		margin-right:2cm;
		margin-bottom:1.5cm;
		margin-left:2cm;
	}
	html, body { border:0; margin:0; padding:0; }
	#printable { display:block; }
	#non-printable { display:none; }
	div .breakhere { width:auto;height:0px;page-break-before:always;line-height:0px; }
}
/*----- 권한 -----*/
.authThb_area td {
	height:30px;
}
.authArea {
	margin-bottom:0;
}
.authArea .viewBtn a {
	float:left;
	color:#ff9900;
	margin-top:5px;
}
@media (max-width:767px){
	.auth_btn {
		margin-bottom:5px;
	}
	.authArea .viewBtn {
		width:30px;
		text-align:center;
	}
	.auth_view td {
		white-space:normal !important;
	}
	.auth_view .r_e input,
	.auth_view .r_d input {
		display:block;
	}
}
@media (min-width:768px){
	.auth_btn {
		max-width:45px;
	}
	.auth_btn .btn-block {
		width:auto;
	}
}
/*------ content view -------*/
.contentView {
	border: 1px solid #ccc;
	box-sizing:border-box;
	width: calc(83.33333333% - 30px);
	margin-left:15px;
	margin-right:15px;
	padding:10px 15px;
	overflow-x:auto;
	min-height:30px;
}
@media screen and (max-width:767px){
	.contentView {
		width:calc(100% - 30px);
		padding-top:10px;
	}
}
.word-keep {
	word-break:keep-all;
}
.word-break {
	word-break:break-all;
}
/*####### test line ########*/
.redLine {outline:1px solid #f00}

/* dropzone */
#dropzone > div > div > div {
	position:absolute;
	top:10px;
	right:0;
	height:40px;
	z-index:500;
}
.dropZoneBtn {
	position:absolute;
	top:10px;
	right:25px;
	height:40px;
	z-index:500;
}
.dropzone.dz-clickable *:not(.dz-message) {
	cursor:move !important;
}
.dropzone.frm-dropzone {
	padding:40px 0 30px;
}
.dropzone .dz-default.dz-message {
  height:120px !important;
  top:50%;
  margin-top:-50px;
  bottom:0 !important;
  /*width: 100% !important;
  top: 0px;
  left: 0 !important;
margin-right: 0 !important;*/
}
/* 첨부파일 드래그 문구 */
.dropzoneTip {
	position:absolute;
	bottom:3px;
	left:10px;
	z-index:500;
}
@media (max-width:767px){
	#dropzone button {
		margin-bottom:5px;
	}
	#dropzone > div > div > .text-right {
		text-align:center;
	}
	/*#dropzone > div > div > .p-r-sm {
		padding-right:0;
	}*/
	.dropZoneBtn {
		position:absolute;
		top:10px;
		right:50%;
		margin-right:-103px;
		height:40px;
		z-index:500;
	}
}
/* 사용자 프로필보기___modal */
.userProfileModal .modal-body .img-circle {
	width:128px;
	height:128px;
	overflow:hidden;
	border:5px solid #e2e2e2;
}
.bubbleWrap {
	position:relative;
}
.bubble {
  position: static;
  width:90%;
  height:110px;
  margin-left:10%;
  padding: 15px;
  overflow-y:auto;
  background-color: white;
  border:2px solid #e2e2e2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 15px 15px 15px 0;
  font-size: 14px;
  right:20px;
  top:18px;
  z-index:2;
 }
.bubble::-webkit-scrollbar {
	width:6px;
  }
.bubble::-webkit-scrollbar-thumb {
	background-color: rgba(57,69,80,0.2);
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.3);
  }
.bubble::-webkit-scrollbar-track {
	background-color:#f3f3f4;
  }
.bubbleArrow:before,
.bubbleArrow:after {
  content:'';
  position: absolute;
  display: block;
  width: 0;
}
.bubbleArrow:after {
  border-left:36px solid transparent;
  border-top:36px solid transparent;
  border-bottom:20px solid #fff;
  left:11px;
  bottom:2px;
  z-index:5;
}
.bubbleArrow:before {
  border-left:36px solid transparent;
  border-top:36px solid transparent;
  border-bottom:20px solid #e2e2e2;
  left:4px;
  bottom:0;
  z-index:4;
}
.profileImgArea {
	display:block;
	overflow:hidden;
	width:100px;
	height:100px;
	border-radius:50%;
	margin:0 auto;
}
.profileImgModal {
	width:128px;
	height:128px;
	overflow:hidden;
}

@media (max-width:767px){
	.userProfileModal .modal-body {
		padding:10px 15px;
	}
	.userProfileModal .table,
	.userProfileModal .table tbody,
	.userProfileModal .table tbody tr {
		display:block;
		margin:0;
		padding:0;
	}
	.userProfileModal .title-bg,
	.userProfileModal .white-bg {
		display:block;
		float:left;
		border-width:0;
		padding:0;
		text-align:center;
		height:30px;
		line-height:30px;
		border-bottom:1px solid #e7eaec;
		box-sizing:border-box;
		min-width:initial;
	}
	.userProfileModal .table tbody .title-bg {
		width:35%;
		border-color:#ddd;
	}
	.userProfileModal .table tbody .white-bg {
		width:65%;
		overflow:hidden;
		white-space:nowrap;
	}
	.table-responsive>.table-bordered>tbody>tr:last-child>th,
	.table-responsive>.table-bordered>tbody>tr:last-child>td {
		border-bottom:1px solid #ddd;
	}
	.table-responsive>.table-bordered>tbody>tr:last-child>.last_element {
		border-bottom:0;
	}
	.userProfileModal .modal-body .img-circle {
		margin:0 auto 10px;
	}
	.bubble {
	  position: static;
	  width:100%;
	  height:auto;
	  margin:0 auto 15px;
	  border:1px solid #e7eaec;
	  border-radius:15px;
	}
	.bubbleArrow:after, .bubbleArrow:before {
		display: none;
	}
}
/* Preparing */
.preparing {
  line-height:70px;
  margin:100px 0;
}
.preparing i {
  color:#aaa;
}
.preparing strong {
  font-size:22px;
}
.preparing p {
  line-height:30px;
}
/* 잠금화면 */
.lockscreenBg {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:4000;
	background-color:#f3eff0;
}
.lockscreenBg .box-flower {
	background:url('/img/1906_lock1.png') no-repeat;
	height:50px;
	width:282px;
	position:absolute;
	top:50%;
	margin-top:-200px;
	left:50%;
	margin-left:-141px;
	z-index:20;
}
.lockscreenBg > .middle-box {
	width:283px;
	height:400px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-140px;
	z-index:999;
	padding:30px;
	background-color:#fff;
	box-shadow:8px 9px 11px rgba(0,0,0,.1)
}
.lockscreenBg > .middle-box > div > .m-b-md {
	width:150px;
	height:150px;
	overflow:hidden;
	border-radius:50%;
	border:2px solid #e2e2e2;
	margin:0 auto 20px;
}
/*-- 작성 필수요소 표시 --*/
.essential:after {
	content:"*";
	color:#333;
	font-weight:700;
	display:inline-block;
	padding-left:3px;
}
/*-- 문자 생략 --*/
.ellipsis {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.ellip_80 {
	max-width:80px;
}
.ellip_100 {
	max-width:100px;
}
.ellip_120 {
	max-width:120px;
}
.ellip_150 {
	max-width:150px;
}
.ellip_200 {
	max-width:200px;
}
.ellip_300 {
	max-width:300px;
}
.ellip_400 {
	max-width:400px;
}
.ellip_500 {
	max-width:500px;
}
.ellip_70per {
	max-width:70%;
}
.ellip_80per {
	max-width:80%;
}
.ellip_90per {
	max-width:90%;
}
.ellip_100per {
	max-width:100%;
}
.white-normal {
	white-space:normal !important;
}
/*-- 화면에 보이지 않게하기 --*/
.cloaking {
	width:1px;
	height:1px;
	font-size:1px;
	overflow:hidden;
	line-height:0;
	opacity:0;
	position:absolute;
	left:-9999px;
}
/*-- 첨부파일 : 구문서 숨김 --*/
#docuupload {
	display:none;
}
/*-- 드래그 앤 드랍 패널 담는 박스 최소값 --*/
.movecol{
	min-height:15px;
}
/*-- 특정 해상도에서만 보이기  --*/
@media (max-width:1500px){
	.visible-xl {
	    display: none !important;
	}
}
@media (min-width:1501px){
	.visible-xl {
	    display: inline-block !important;
	}
}
/*-- 팝업창 STYLE (W=1000, H=700 기준) --*/
.popup-header {
	padding:10px 15px;
	border-bottom:1px solid #ddd;
	background-color:#fff;
}
.popup-header h4 {
	font-size:20px;
	margin-bottom:5px;
	font-weight:400;
}
.popup-body {
	background: #f8fafb;
	padding:15px 15px 70px;
	position:relative;
	overflow-x:auto;
}
.popup-footer {
	width:100%;
	position:fixed;
	bottom:0;
	background-color:#fff;
	border-top:1px solid #ddd;
	padding:15px;
	text-align:right;
}

/* form 영역 가이드 안내글 */
.guideText {
	line-height:25px;
}
/* 물결표시 */
.wave_mark {
	font-family:'dotum','sans-serif' !important;
}
/*################ 메일 스타일 레이아웃 ###############*/
.layoutStyle_mail.wrapper-content {
	/* padding-top:10px; */
	/*padding-bottom:62px;*/
}
@media (max-width:767px){
	.layoutStyle_mail.wrapper-content {
		padding-bottom:120px;
	}
}
.layoutStyle_mail > .row .menuBox-content,
.layoutStyle_mail > .row > .layoutStyle_mail_content > .ibox,
.layoutStyle_mail > .row > .layoutStyle_mail_content > form > .ibox{
	border:1px solid #ddd;
}
.layoutStyle_mail > .row .ibox {
	border:0;
}
.layoutStyle_mail_list {
	padding-left:10px;
	padding-right:5px;
}
.layoutStyle_mail_content {
	padding-left:5px;
	padding-right:10px;
}
.layoutStyle_mail_content .title-bg {
	max-width:150px;
}
.layoutStyle_mail_content .table select.form-control {
	width:auto;
}
.layoutStyle_mail_content td.title-bg {
	width:150px;
}
@media (max-width:767px){
	.layoutStyle_mail_content .title-bg {
		max-width:80px;
		white-space:normal;
	}
	.layoutStyle_mail_content td.title-bg {
		width:80px;
	}
	.layoutStyle_mail_content .table select.form-control {
		width:100%;
	}
}
.layoutStyle_mail_list .write-button {
  width:calc(100% + 20px);
  margin:-10px -10px 20px -10px;
}
.layoutStyle_mail .folder-list {
	padding:0;
}
.layoutStyle_mail .folder-list li {
	text-indent:5px;
}
.layoutStyle_mail .folder-list li .label {
	text-indent:0;
}
.layoutStyle_mail .folder-list li a:hover,
.layoutStyle_mail .folder-list li a:focus,
.layoutStyle_mail .folder-list div.mailTree_title_div a:hover,
.layoutStyle_mail .folder-list div.mailTree_title_div a:focus{
	color:#18a689;
}
.layoutStyle_mail .folder-list div.mailTree_title_div {
  text-indent:5px;
}
.layoutStyle_mail_list .file-manager h5 {
	font-size:13px;
	font-weight:700;
}
.layoutStyle_mail_list .file-manager h5 a:link,
.layoutStyle_mail_list .file-manager h5 a:visited,
.layoutStyle_mail_list .file-manager ul a:link,
.layoutStyle_mail_list .file-manager ul a:visited {
	color:inherit;
}
.layoutStyle_mail_list .file-manager .folder-list li a {
	font-size:12px;
}
.layoutStyle_mail_list .file-manager .folder-list div.mailTree_title_div a {
  font-size:12px;
}
.layoutStyle_mail_list .file-manager h5 a.label,
.layoutStyle_mail_list .file-manager .folder-list > li .label {
	border:1px solid #ddd;
}
.layoutStyle_mail_list .file-manager .folder-list > li a.label:focus,
.layoutStyle_mail_list .file-manager > h5 > a.label:hover {
    color:inherit;
    border:1px solid #747474;
    background:#f2f2f2;
}
/*글쓰기 버튼의 font*/
.layoutStyle_mail_list .file-manager .left_writeBtn .btn {
	font-size:14px;
}
/*
/*
.layoutStyle_mail_list .file-manager .folder-list > li a:hover {
	background-color:#f3f3f4;
}
.clickIcon {
	color:#18a689 !important;
	font-weight:700;
}
*/
.mailStyle_left-menu span.label {
	cursor:pointer;
	border:1px solid #ddd;
}
.cateTitle_1 {
	position:relative;
}
.cateTitle_1 span.label {
	padding:3px 5px;
}
.cateTitle_1 span.label + .dropdown-menu {
	margin-top:-5px;
}
@media (min-width:1500px) and (max-width:1600px) {
	.layoutStyle_mail_list:not(.jojicLeft) {
		width:20%;
	}
	.layoutStyle_mail_content {
		width:80%;
	}
}
@media (min-width:1200px) and (max-width:1499px) {
	.layoutStyle_mail_list {
		width:25%;
	}
	.layoutStyle_mail_content {
		width:75%;
	}
}
/*50일때*/
@media (min-width:1500px) and (max-width:1600px) {
	.assetapplyrecog.layoutStyle_mail_list:not(.jojicLeft) {
		width:50%;
	}
	.assetapplyrecog.layoutStyle_mail_content {
		width:50%;
	}
}
@media (min-width:1200px) and (max-width:1499px) {
	.assetapplyrecog.layoutStyle_mail_list {
		width:50%;
	}
	.assetapplyrecog.layoutStyle_mail_content {
		width:50%;
	}
}
@media (min-width:991px) and (max-width:1199px){
	.layoutStyle_mail_list {
		width:28%;
	}
	.layoutStyle_mail_content {
		width:72%;
	}
}
@media (max-width:991px) {
	.layoutStyle_mail_list,
	.layoutStyle_mail_content {
		width:100% !important;
		padding:0 10px !important;
		float:left !important;
		opacity:1 !important;
		margin-left:0 !important;
	}
	.layoutStyle_mail > .row .col-lg-12 {
		padding:0 10px;
	}
	.mailStyle_left-menu {
		display:none;
	}
	.layoutStyle_mail_list .write-button {
		position:fixed;
		right:20px;
		bottom:30px;
		z-index:1001;
		width:50px;
		height:50px;
		border-radius:25px;
		text-align:center;
		line-height:50px;
		padding:0;
		box-shadow:0 0 3px rgba(0,0,0,0.5);
		font-size:18px;
	}
}
@media (max-width:767px) {
	.layoutStyle_mail_list .write-button {
		display:none;
		width:calc(100% - 150px);
		height:46px;
		padding:0;
		font-size:16px;
		line-height:46px;
		border-width:1px 0 0 0;
		border-style:solid;
		border-color:#ddd;
		left:100px;
		right:initial;
		bottom:0;
		border-radius:0;
		box-sizing:content-box;
		z-index:1003;
		box-shadow:none;
		text-align:center;
		margin:0;
		background-color:rgba(24,166,137,0.8);
	}
	.layoutStyle_mail_list .file-manager .left_writeBtn .btn {
		font-size:16px;
	}
}
/*################ 지원시스템 ###############*/
/* 오피스허브 공지사항 */
.input-group-addon {
	border-right:1px solid #ddd;
}
.isPopUpLength > div  {
	display:inline-block;
}
.isPopUpLength .input-group {
	display:inline-table;
}
@media (max-width:767px) {
	.isPopUpLength .ellip_200 {
		max-width:initial;
		overflow:hidden;
	}
	.isPopUpLength .ellip_200:first-child {
		margin-bottom:5px;
	}
	.isPopUpLength label {
		margin-bottom:0;
		margin-top:5px;
	}
	.isPopUpDate .input-group:first-child {
		margin-bottom:5px;
	}
}
/* Q&A 게시판 */
@media (max-width:481px) {
	.showGrade .radio-inline,
	.isPopUpLength > div {
		display:block;
		margin-left:0;
	}
}
/*################ 읽기페이지 공통 영역 ###############*/
.inCompanyBoard_content img,
.schedule_content img {
	max-width:100%;
}
/* 내용란 */
.initContentStyle {
	line-height:1.5;
	overflow-x:auto;
	font-family:Dotum;
	word-break:break-all;
	font-size:10pt;
	color:#000000;
}
.initContentStyle p,
.flowbody p,
form#frm_result p,
table.__se_tbl p,
.reportTable td.contentView p {
	margin-bottom:initial;
}
/*################ 읽기페이지 기본정보 영역 ###############*/
.view_infoArea {
	border-bottom:1px solid #ddd;
	margin:0;
}
.view_infoArea .control-label {
	height:37px;
	line-height:37px;
	padding:0 5px;
	margin-bottom:0;
	text-align:center;
	font-weight:normal;
	background-color:#f6f6fa;
	border-left:1px solid #ddd;
	box-sizing:border-box;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.view_infoArea .inputArea {
	height:37px;
	line-height:37px;
	padding:0 5px;
	border-left:1px solid #ddd;
	box-sizing:border-box;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:100%;
}
.view_infoArea > div > .row {
	margin-bottom:0;
	border-top:1px solid #ddd;
}
.view_infoArea > div:last-child > .row {
	margin-bottom:1px soild #ddd;
}
.view_infoArea > div:nth-child(3n) .row {
	border-right:1px solid #ddd;
}
.emptyInputArea {
	height:37px;
}
/* 일정 : schedulesView_info */
.schedulesView_info > div:nth-child(2n) .row {
  border-right:1px solid #ddd;
}
/* 업무관리 */
.order3View_info {
  border-bottom:0;
}
/* 사내게시판 */
.col_thumbs i {
  font-size:18px;
  cursor:pointer;
}
.replyText {
  margin-bottom:12px;
  cursor:pointer;
  position:relative;
}
.replyText:not(.p-none) {
  border-radius:3px;
}
.replyText:not(.dateOver):hover .replyHead h3{
  color:#1ab394 !important;
}
.replyList .fa-level-up {
  position:absolute;
  left:-20px;
  font-size:17px;
  color:#bbb;
  transform:rotate(90deg);
  margin-right:10px
}
.replyText:hover .fa-level-up {
  color:#1ab394 !important;
}
.replyText .replyHead {
  font-size:13px;
  overflow:hidden;
}
.replyText .replyHead h3 {
  display:inline-block;
  margin:0 0 5px;
  font-size:14px;
  font-weight:normal;
  color:#535353;
}
.replyText.dateOver .replyHead h3 {
	color:#b1b1b1;
}
.replyText .replyHead span {
  font-size:12px;
  color:#a0a0a0;
  float:right;
}
.replyText .replyBody {
  display:none;
  border-top:1px dotted #bbb;
  margin-top:5px;
  padding-top:8px;
}
.replyText .replyText_file {
  margin-top:7px;
  font-size:12px;
}
.replyBody span.text-right {
  font-size:12px;
}
.ibox-content > .replyText:last-child {
  margin-bottom:0;
}
@media (min-width:992px) and (max-width:1199px){
	.view_infoArea > div:nth-child(3n) .row {
		border-right:0;
	}
	.view_infoArea > div:nth-child(2n) .row {
		border-right:1px solid #ddd;
	}
	/* 게시판 : borderView_info */
	/* 일정 : schedulesView_info */
	.schedulesView_info > div .row {
		border-right:1px solid #ddd;
	}
}
@media (max-width:991px) {
	.view_infoArea > div .row {
		border-right:1px solid #ddd;
	}
}
@media (max-width:767px) {
	.view_infoArea .control-label.col-xs-4 {
		width:80px;
	}
	/*.view_infoArea .inputArea {
		width:calc( 100% - 80px );
	}*/
	/* 사내게시판 */
	.replyText .replyHead span {
		display:none;
	}
	.borderView_info .control-label.col-xs-4 {
		width:130px;
		padding:0
	}
	.borderView_info .inputArea.col-xs-8 {
		width:calc(100% - 130px);
	}
}
/*################ 읽기페이지 댓글 영역 ###############*/
.well.col-ms-11 {
	position:relative;
}
.well.col-ms-11 small {
	float:none !important;
	position:absolute;
	right:15px;
	bottom:3px;
}
.well.col-ms-11 > span:last-child {
	padding-right:1px; /*이탤릭체 기울임 잘림 현상 때문에 넣음*/
	overflow:auto;
	white-space:nowrap;
	display:inline-block;
}
.well.col-ms-11 > span:last-child > p:last-child {
/*	margin:0 0 8px 0;*/
}
.media-body .well p {
	white-space:normal;
	word-break:break-all;
}
.comment .form-horizontal .flowbody {
	width:100%;
}
.comment .feed-element {
	margin:0;
}
.commentBtn .btn {
	width:25px;
	padding:2px 0;
}
.media-body .well > strong {
	display:inline-block;
	max-width:calc(100% - 130px);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align:middle;
}
/* 댓글에 스마트 에디터로 사진 첨부시 반응형 */
#commend_list .feed-element .well span img {
	max-width:100%;
}
@media (max-width:767px){
	.commentBtn {
		float:right;
	}
	.well.col-ms-11 > span:last-child {
		display:block;
		clear:both;
		margin-top:10px;
	}
	.well.col-ms-11 {
		padding-bottom:20px;
	}
	.commentBtn {
		text-align:right;
	}
	.commentBtn	.photos {
		text-align:left;
	}
}
/*################ 읽기페이지 첨부파일 영역 ###############*/
/* 전자결재 */
.attachedFile a:link,
.attachedFile a:visited {
	color:inherit;
}
.attachedFile a:hover,
.attachedFile a:focus {
	color:#1ab394;
}
.attachedFile .btn {
	margin-top:3px;
}
.attachedFile i {
	font-size:1.25em;
}
.attachedFile:last-child {
	margin-bottom:0;
}
.attachedFile > div {
	max-width:100%;
}
/*################ 읽기페이지 : 전자결재 ###############*/
/* 결재/2차결재/참조 테이블 */
.flowSign_area tbody > tr:first-child th,
.flowSign_area tbody > tr:first-child td {
	background-color:#fafafc;
	border-top:2px solid #1ab394 !important;
}
.flowSign_area .table {
	width:auto;
}
/* 결재첨언 */
.addedCommet > p {
	line-height:30px;
}
.addedCommet_content {
	margin-top:7px;
	white-space:normal;
}
/* 부가결재 정보 */
.flow_holiday td,
.flow_board_share td,
.flow_modifylist td {
	height:37px;
}
@media (max-width:767px){
	/* 결재라인(1차,2차,참조) */
	.flowSign_area .table > tbody > tr > th {
		display:none;
	}
	.flowSign_area::before {
		display:block;
		padding:8px;
		text-align:center;
		background-color:#fafafc;
		border:1px solid #ddd;
	}
	.flowSign_area .table tbody tr:nth-child(2) td {
		height:70px;
	}
	.flowSign_area .table tbody tr:last-child td {
		height:30px;
		border-bottom:none !important;
	}
	.flowSign_area .table-responsive {
		border-width:0 1px 1px 0;
	}
	.flowSign_area .table-bordered > tbody > tr > td:last-child {
		border-right:1px solid #ddd !important;
	}
	/* 추가정보 */
	.flow_holiday .table-responsive,
	.flow_board_share .table-responsive,
	.flow_modifylist .table-responsive {
		border:0;
	}
	/* 결재첨언 */
	.optcomment .title-bg {
		display:none;
	}
	.addedCommet_name {
		font-weight:700;
	}
	.addedCommet_content {
		margin-top:0;
	}
	.addedCommet_content > span {
		display:block;
		padding:5px;
	}
	.addedCommet_opt small {
		float:left;
		margin-top:3px;
	}
	.optcomment .btn_comment_del {
		width:auto;
		height:20px;
		line-height:18px;
		font-size:11px;
		margin:0px;
		padding:0px 5px;
	}
	/* 수정이력 */
	.flow_modifylist .flow_rule_T {
		width:100%;
		margin-bottom:5px;
		white-space:normal;
		word-break:break-all;
	}
	/* 결재 내용 */
	.flow_content .table-responsive {
		border:0;
	}
}
/*################ 쓰기페이지 공통 영역 ###############*/
/*----- 제목 영역 -----*/
.write_titleArea .input-group-addon {
	border-right-width:1px;
	cursor:pointer;
}
/*----- 글자가 나오는 영역 -----*/
.text_outPut {
	margin:0;
	height:30px;
	line-height:30px;
}
@media (max-width:767px){
	.text_outPut {
		height:auto;
		white-space:normal;
		line-height:20px;
	}
}
/*################ 쓰기페이지 옵션 영역 ###############*/
/* 사내게시판 */
.inCompanyBoard_replyWrite .upperPost img {
	max-width:100%;
}
@media (max-width:767px){
	.inCompanyBoard_write .radio-inline+.radio-inline {
		margin-left:0;
	}
	.inCompanyBoard_replyWrite .upperPost .write-editor {
		padding:0;
	}
	.inCompanyBoard_replyWrite .upperPost .initContentStyle {
		padding:6px;
	}
	.inCompanyBoard_replyWrite .upperPost .m_w_title-bg {
		width:100%;
		height:30px;
		line-height:30px;
		background-color:#f3f3f4;
		text-align:center;
		border-bottom:1px solid #ddd;
	}
}
@media (min-width:768px){
	.inCompanyBoard_write .radio-inline.col-xs-12 {
		width:auto;
	}
}
/* 일정관리 */
.schedule_write .form-horizontal .radio {
	padding-top:3px;
}
.ibox .schedule_importance .open > .dropdown-menu {
	left:0;
	right:auto;
}
td.schedule_status,
td.schedule_repeat {
	white-space:normal !important;
}
.schedule_write .radio label:first-child {
	padding-left:10px;
}
/* 전자결재 : 기간 */
@media (max-width:767px){
	.flowRegForm_write .dayOff input.form-control {
		width:100%;
		margin-bottom:5px;
	}
	.flowRegForm_write .wave_mark {
		width:100%;
	}
}
/* 회의관리 */
.insidePresenter td small {
	clear:both;
	white-space:normal;
}
.outsidePresenter #conf_member_out span {
	display:inline-block;
	cursor:pointer;
	padding:6px 12px;
	margin-top:5px;
}
.outsidePresenter #conf_member_out span:hover {
	background-color:#f3f3f4;
}
.attendance-box {
	display:inline-block;
}
.conferDate .wdate1,
.conferDate .wdate2 {
	cursor:pointer;
}
@media (max-width:767px){
	.conference_write .conferDate .form-control {
		width:100%;
	}
	.conference_write .conferDate .wdate1 {
		margin-bottom:5px;
	}
	.insidePresenter .btn {
		float:none !important;
	}
	.insidePresenter .member_conf {
		white-space:normal;
	}
	.insideMember .insideSlt .form-control {
		width:auto !important;
	}
	.insideMember {
		padding:0;
	}
	.insideMember > div {
		margin:5px 0;
		padding:5px 0;
		border-bottom:1px dashed #ddd;
	}
	.insideMember > .row > div {
		padding:0;
	}
	.outsidePresenter .form-group .form-control {
		margin-bottom:5px;
	}
	.conferenceAuth .btn {
		float:none !important;
		display:block;
		margin-bottom:5px;
	}
	.conferenceAuth .btn:after {
		content:"";
		display:block;
		clear:both;
	}
	.conferenceAuth td > div {
		padding:0;
	}
	.attendance-box {
		display:block;
	}
	.attendance-box label {
		padding-left:0;
	}
	.conference_write .radio-inline{
		margin-left:0;
		display:block;
	}
	.conference_write .radio-inline+.radio-inline{
		margin-left:0;
	}
}
/*################ 목록페이지 ###############*/
/* 사내게시판 */
.inCompanyBoard_list .bookmark-td i {
	cursor:pointer;
}
.inCompanyBoard_list .readed {
	color:#000;
}
@media (max-width:767px){
	/* 사내게시판 */
	select[name="categori_select"]{
		width:auto;
		max-width:100%;
		margin-bottom:5px;
	}
	/* 업무관리 */
	.order3_list form[name='frm_boardsr']{
		position:relative;
	}
	.refreshBtn {
		position:absolute;
		right:0;
		top:0;
	}
}
/* 권한 입력 버튼 아이콘 대체 */
.auth-btn-i {
	font-size:15px;
}
/* dashboard sendFaxModal */
.sendFaxModal td.title-bg {
	width:150px;
}
@media (max-width:767px){
  .sendFaxModal td.title-bg {
    width:80px;
  }
  .sendFaxModal input[type="file"]{
	font-size:10px;
  }
}
/* 수정버튼 아이콘 대체이미지 */
.fa-modify-e {
	display:inline-block;
	background:url('/img/eraser_.png') no-repeat;
	background-size:contain;
	width:12px;
	height:12px;
	vertical-align:inherit;
}
/*투표이미지*/
.fa-vote {
	display:inline-block;
	background-image:url('/img/icon-vote.svg');
	background-repeat:no-repeat;
	background-size:contain;
	width:18px;
	height:18px;
	vertical-align:inherit;
	position:relative;
	top:5px;
}
.fa-vote2 {
	display:inline-block;
	background-image:url('/img/icon-vote2.svg');
	background-repeat:no-repeat;
	background-size:contain;
	width:18px;
	height:18px;
	vertical-align:inherit;
	position:relative;
	top:5px;
}

/*dom 복합기 아이콘 이미지*/
.fa-domscopier {
	display:inline-block;
	background-image:url('/img/doms-copier2.svg');
	background-repeat:no-repeat;
	background-size:contain;
	width:13px;
	height:13px;
	vertical-align:inherit;
	position:relative;
	top:1px;
}
.fa-domscopiergreen {
	display:inline-block;
	background-image:url('/img/doms-copiergreen.svg') !important;
	background-repeat:no-repeat;
	background-size:contain;
	width:13px;
	height:13px;
	vertical-align:inherit;
	position:relative;
	top:1px;
}
.fa-domscopier1 {
	display:inline-block;
	background-image:url('/img/doms-copier1.svg');
	background-repeat:no-repeat;
	background-size:contain;
	width:13px;
	height:13px;
	vertical-align:inherit;
	position:relative;
	top:1px;
}
.fa-domscopier2 {
	display:inline-block;
	background-image:url('/img/doms-copier3.svg');
	background-repeat:no-repeat;
	background-size:contain;
	width:13px;
	height:13px;
	vertical-align:inherit;
	position:relative;
	top:1px;
}
.fa-domscopier4 {
	display:inline-block;
	background-image:url('/img/doms-copier4.svg');
	background-repeat:no-repeat;
	background-size:contain;
	width:13px;
	height:13px;
	vertical-align:inherit;
	position:relative;
}
/* 파랑 */
.fa-domscopier5 {
	display:inline-block;
	background-image:url('/img/doms-copier5.svg');
	background-repeat:no-repeat;
	background-size:contain;
	width:13px;
	height:13px;
	vertical-align:inherit;
	position:relative;
}
/* 노랑 */
.fa-domscopier6 {
	display:inline-block;
	background-image:url('/img/doms-copier6.svg');
	background-repeat:no-repeat;
	background-size:contain;
	width:13px;
	height:13px;
	vertical-align:inherit;
	position:relative;
}
/* 빨강 */
.fa-domscopier3 {
	display:inline-block;
	background-image:url('/img/DOM_copierPri.svg');
	background-repeat:no-repeat;
	background-size:contain;
	width:13px;
	height:13px;
	vertical-align:inherit;
	position:relative;
}
.fa-domscopier-navy {
	display:inline-block;
	background-image:url('/img/DOM_copier_navy.svg');
	background-repeat:no-repeat;
	background-size:contain;
	width:13px;
	height:13px;
	vertical-align:inherit;
	position:relative;
}
.fa-domscopier-white {
	display:inline-block;
	background-image:url('/img/doms-copierWhite.svg');
	background-repeat:no-repeat;
	background-size:contain;
	width:13px;
	height:13px;
	vertical-align:inherit;
	position:relative;
}
li#List_DOMS a:hover i.fa-domscopier, li#List_DOMS a:active i.fa-domscopier, .nav > li.active > a i.fa-domscopier {
	background-image:url('/img/doms-copier2-hover.svg');
}
/*li#List_DOMS a:hover, li#List_System a:hover{
	color:#1c84c6;
}*/
body.mini-navbar .navbar-default .nav > li > a > i.fa-domscopier{
	width:16px;
	height:16px;
}
@media (min-width:768px) and (max-width:991px) {
	.fa-domscopier{
		background-image:url('/img/doms-copier2.svg');
	}
	li#List_DOMS a:hover i.fa-domscopier, li#List_DOMS a:active i.fa-domscopier, .nav > li.active > a i.fa-domscopier {
		background-image:url('/img/doms-copier2-hover.svg');
	}
}
@media (max-width:767px){
	li#List_DOMS i.fa-domscopier{
		background-image:url('/img/doms-copier2-m.svg');
	}
	li#List_DOMS a:hover i.fa-domscopier, li#List_DOMS a:active i.fa-domscopier, .nav > li.active > a i.fa-domscopier {
		background-image:url('/img/doms-copier2-mhover.svg');
	}
}
.nav li:not(.nav-header) a:hover{
	color:#1ab394;
}
li#List_DOMS a:active i{
	color:#1c84c6;
}
/*ecrm 아이콘*/
.icon-crm {
border: 1px solid #a7b1c2;
border-radius: 50%;
padding: 2px;
font-size: 11px;
margin-left: -2px;
}
/* 미리보기 아이콘 */
.icon-preview {
	position:relative;
	display:inline-block;
	width:12px;
	height:12px;
}
.icon-preview .fa-file-text-o {
	position:absolute;
	left:-1px;
	top:0px;
}
.icon-preview .fa-search {
	font-size:0.9em;
	position:absolute;
	right:-2px;
	bottom:-4px;
}
/* 모바일 UI 버튼 */
@media (max-width:767px){
	.mobile_ui_btnArea {
		width:100%;
		position:fixed;
		bottom:0;
		left:0;
		z-index:1001;
	}
	.mobile_ui_btnArea > ul {
		padding-left:0;
		overflow:hidden;
		width:100%;
		margin:0;
	}
	.mobile_ui_btnArea > ul > li {
		list-style:none;
		float:left;
		width:50px;
		height:47px;
		line-height:47px;
		border-top:1px solid #ddd;
		text-align:center;
	}
	.mobile_ui_btnArea > ul > li > a {
		display:block;
		width:100%;
		height:100%;
		color:#fff;
		font-size:18px;
	}
	.goBack_btn {
		background-color:rgba(100,117,127,0.8);
	}
	.menu_btn {
		background-color:#1ab394;
		background-color:rgba(73,93,102,0.8);
	}
/*	.menu_btn_main {
		width:calc(100% - 100px) !important;
	}*/
	.mobile_ui_btnArea > ul > li.top_btn {
		float:right;
		background-color:rgba(100,117,127,0.8);
		padding:7px 0;
		line-height:15px;
	}
	.mobile_ui_btnArea > ul > li.top_btn a {
		font-size:14px !important;
	}
	.mobile_ui_btnArea > ul > li.opt_btn {
		float:right;
		background-color:rgba(73,93,102,0.8);
	}
}
.opt_menu {
	width:100%;
	max-height:calc(100% - 47px);
	overflow-y:auto;
	position:fixed;
	left:0;
	bottom:47px;
	background-color:transparent;
	z-index:1002;
	display:none;
}
.opt_menu li {
	text-align:right;
	cursor:pointer;
}
.opt_menu li a {
	padding:10px 50px 10px 10px;
}
.opt_menu p {
	font-size:18px;
	color:#fff;
	padding-right:10px;
	max-width:80%;
}
.opt_menu li a:hover {
	background-color:rgba(100,100,100,.5);
}
.opt_menuBg {
	display:none;
	width:100%;
	position:fixed;
	left:0;
	bottom:47px;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	z-index:1001;
}
.opt_menu li .btn-circle.btn-lg {
  padding:0;
  position:relative;
  color:#333;
}

.opt_menu li .btn-circle.btn-lg > i{
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
  }
  
  .opt_menu li .btn-danger> i, .opt_menu li .btn-primary> i{
      color:#FFFFFF;
  }

/* mailStyle 메뉴 글쓰기 버튼 */
.moblie_enterBtn {
	display:none;
}
.btn-dateInput,
.btn-dashboard {
  width:40px;
  border-radius:0 !important;
}
.btn-popupWrite {
	width:calc(50% - 20px);
	border-left-color:#fff;
}
.left_writeBtn .dropdown-menu {
	width:100%;
	padding:0;
	border:1px solid #eee;
	border-top:none;
	max-height:500px;
	overflow-y:auto;
}
.left_writeBtn .dropdown-menu::-webkit-scrollbar {
	width:6px;
}
.left_writeBtn .dropdown-menu::-webkit-scrollbar-thumb {
	background-color: #e7eaec;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.3);
}
.left_writeBtn .dropdown-menu::-webkit-scrollbar-track {
	background-color:#fff;
}
@media (min-width:992px){
	.compose-mail,
	.docu2_uploadBtn,
	.compose-button,
	.left_writeBtn {
		width: calc(100% - 20px);
		margin: 10px;
	}
	.left_writeBtn .btn {
		padding:10px 12px;
		border-radius:0;
	}
	.col-lg-2 .left_writeBtn .moblie_writeBtn:not(.writeBAttend),
	.left_writeBtn .moblie_writeBtn {
	  width:calc(100% - 40px);
	}
	.left_writeBtn .report_WriteToday {
		width: 100%;
	}
	.report_writeBtn .btn-popupWrite {
		width: 50%;
	}
	.noDashBtn .moblie_writeBtn {
	  width:100% !important;
	}
	.noDashBtn .btn-popupWrite {
		width:50%;
		float:right;
	}
	.left_writeBtn.report_writeBtn .moblie_writeBtn {
	  width:40px !important;
	  border-left:1px dotted rgba(255,255,255,.5);
	}
	.left_writeBtn:after {
		content:'';
		display:block;
		clear:both;
	}
	.hubnotice_noAuth {
		display:none;
	}
	.leftwriteV4 .menuBox-content .left_writeBtn {
		margin:0;
		width:100%;
	}
	.leftwriteV4 .moblie_writeBtn {
		width:calc(100% - 40px);
	}
	/* 모바일 대쉬보드링크 버튼 */
	.m_dashLink {
		display:none;
	}
}
@media (max-width:991px){
	.compose-mail,
	.docu2_uploadBtn,
	.compose-button,
	.left_writeBtn {
		width:50px;
		height:50px;
		border-radius:25px;
		line-height:50px;
		text-align:center;
		box-shadow:0 2px 3px rgba(0,0,0,0.5);
		margin:0;
		padding:0;
		background-color:rgba(26,179,148,0.8) !important;
		position:fixed;
		right:15px;
		bottom:15px;
		z-index:2005;
		font-size:24px;
		outline:none;
	}
	.left_writeBtn .moblie_writeBtn,
	.left_writeBtn .moblie_enterBtn {
		width:100%;
		height:100%;
		line-height:50px;
		font-size:24px;
		border-radius:25px;
		background-color:transparent;
		padding:0;
		box-shadow:none;
		border:0;
		margin:0;
	}
	.noDashBtn .moblie_writeBtn {
		width:100%;
		height:100%;
		padding:0;
		line-height:50px;
		background-color:transparent;
		border-radius:inherit;
		font-size:inherit;
	}
	/* 업무일지 */
	.left_writeBtn .report_WriteToday {
	  display:none;
	}
	/* 허브공지사항 권한없음 버튼 */
	.hubnotice_noAuth {
		background-color:#ccc;
		line-height:50px;
	}
	/* 글쓰기버튼 드롭다운 리스트 */
	.left_writeBtn .dropdown-menu,
	.noDashBtn .dropdown-menu {
		top:initial;
		bottom:50px;
		background-color:#fff;
		width:auto;
		min-width:200px;
		max-height:300px;
	}
	.left_writeBtn .dropdown-menu li a,
	.noDashBtn .dropdown-menu li a	{
		line-height:initial;
		padding:10px 20px;
	}
	/* 모바일 대쉬보드링크 버튼 */
	.m_dashLink {
		position:absolute;
		right:10px;
		top:50%;
		margin-top:-15px;
	}
	.m_dashLink_ifOpt {
		top:auto;
		margin-top:0;
		right:10px;
		bottom:10px;
	}
}
@media (max-width:767px){
	.compose-mail,
	.docu2_uploadBtn,
	.compose-button,
	.left_writeBtn {
		display:none;
		width:calc(100% - 150px);
		height:46px;
		padding:0;
		font-size:16px;
		line-height:46px;
		border-width:1px 0 0 0;
		border-style:solid;
		border-color:#ddd;
		left:100px;
		right:initial;
		bottom:0;
		border-radius:0;
		box-sizing:content-box;
		z-index:1003;
		box-shadow:none;
		text-align:center;
		margin:0;
	}
	.moblie_enterBtn {
		display:none;
	}
	.left_writeBtn .moblie_writeBtn,
	.left_writeBtn .moblie_enterBtn	{
		font-size:1.25em;
		border-radius:0;
		line-height:46px;
	}
	.left_writeBtn .dropdown-menu {
		width:100%;
	}
	/* 인맥관리 */
	.noDashBtn .moblie_writeBtn {
		background-color:transparent;
		height:100%;
		line-height:46px;
		padding:0;
		font-size:1.25em;
		border-radius:0;
	}
	/* 허브공지사항 */
	.hubnotice_noAuth {
		display:block;
		background-color:rgba(73,93,102,0.8) !important;
		border-left:1px solid rgba(200,200,200,0.5) !important;
		color:#fff;
		cursor:default;
	}
	.hubnotice_noAuth:hover,
	.hubnotice_noAuth:focus	{
		color:#fff;
	}
}
/* --------------------------전자메일------------------------------- */
.mail-box {
  background-color: #ffffff;
  padding: 0 0 6px 0;
}
.mail-box .table > thead:first-child > tr:first-child > td {
  border-width:1px 0 2px 0;
  border-style:solid;
  border-color:#ddd;
}
.mail-box-header {
  background-color: #ffffff;
  padding: 20px;
}
.mail-box-header h2 {
  margin-top: 0px;
}
.mail-box-header .mail-tools .btn-group select {
  padding:0 6px;
  font-size:13px;
}
.mailbox-content .tag-list li a {
  background: #ffffff;
}
.mail-body {
  border-top: 1px solid #ddd;
  padding: 20px 20px 0 20px;
}
.mail-text {
  border-top: 1px solid #e7eaec;
}
.mail-text .note-toolbar {
  padding: 10px 15px;
}
.mail-body .form-group {
  margin-bottom: 5px;
}
.mail-text .note-editor .note-toolbar {
  background-color: #F9F8F8;
}
.mail-attachment {
  border-top: 1px solid #ddd;
  padding: 20px 20px 0 20px;
  font-size: 12px;
}
.mailbox-content {
  background: none;
  border: none;
  padding: 0 10px 10px 10px
}
.mail-ontact {
  position:relative;
}
.mail-ontact .caret {
  display:none;
  cursor:pointer;
  position:absolute;
  top:50%;
  margin-left:5px;
}
.mail-ontact > a {
  color:#333;
}
.list_del a:hover i,
.list_del a:focus i {
  color:#333;
}
.mailLine .list_del i {
  opacity:0;
  color: #ff6161;
}
.mailLine:hover .list_del i {
  opacity:1;
  color: #ff6161;
}
.mailLine:hover .mail-ontact .caret {
  display:inline-block;
}
.mail-topList:after {
  content:"";
  display:block;
  clear:both;
}
.folder-list li a.noReadMail,
.folder-list li a.addFileMail {
  padding:8px 6px 4px 0;
  float:left;
}

/* 메일 중지 알림 tooltip */
.mailMenu .tooltips .tooltipLabel {
  width:250px;
  margin-left:-93px;
  background-color:#f8ac59;
}
.mailMenu .tooltips .tooltipLabel:after {
  border-top-color:#f8ac59;
}
/* 메일 태그 */
.plusButton a:visited, .plusButton a:link {
  padding:2px 4px;
  margin:3px 0;
  color:#56595b;
}
.folder-list li a.mailList_emptyBtn {
  display:none;
}
.folder-list li:hover a.mailList_emptyBtn {
  display:block;
}
.folder-list li i.text-green,
.folder-list li i.text-navy {
	color:#1ab394;
}
.folder-list li i.text-danger {
	color:#ed5565;
}
.layoutStyle_mail_list .file-manager .folder-list > li .menu_list_btnArea a:hover i.text-green {
	color:#089172;
}
.layoutStyle_mail_list .file-manager .folder-list > li .menu_list_btnArea a:hover i.text-danger {
	color:#cb3343;
}
.layoutStyle_mail_list .file-manager .folder-list > li a.modify_save:hover,
.layoutStyle_mail_list .file-manager .folder-list > li a.modify_cancle:hover {
	background-color: transparent;
}
.tagModify span, .tagDel span {
	background-color: transparent;
	font-size:12px;
}
.mailTag-list .menu_list_btnArea a {
	opacity:0;
	transition:all .3s;
}
.mailTag-list > li:hover .menu_list_btnArea a {
	opacity:1;
}
/* 메일 계정선택 및 검색영역 */
.mailListSearch .accountSlt {
  min-width:120px;
}
.mailListSearch .accountSlt select {
	border-right:0;
}

/* ----개편 사항----- */
.tbl-m-res tbody > tr:first-child td {
	border-top:0;
}
.tbl-m-label .mail-subject {
	word-break:keep-all;
	min-width:200px;
}
.tbl-m-label .mail-name .ellip_200{
	max-width:170px;
}
.mail-name{
	width:210px !important;;
}
.mailListBtn .mailListDrop ol,
.mobile_mail-tools .mailListDrop ol {
	position:static;
	float:none;
	box-shadow:none;
	max-height:284px;
	overflow-y:auto;
}
.mobile_mail-tools .mailListDrop a,
.mail-tools .mailListDrop a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* leftmenu btn */
.menu_list_btnArea {
	position:absolute;
	right:0;
	top:0;
}
.menu_list_btnArea a {
  float:left;
}
.menu_list_btnArea a .label {
	padding:0 5px;
}
.menu_list_btnArea a .fa-trash-o {
	font-size:12px;
}
.layoutStyle_mail_list .file-manager .folder-list > li .menu_list_btnArea a:hover {
	background-color:transparent;
}
.menu_list_btnArea a:hover i {
	color:#000;
}

/*  안 읽은 메일 색상*/
.read td a,
.read td {
  font-weight: normal;
  color: inherit;
}
.read .list_read a:hover,
.read .list_read a:focus {
	color:#000;
}
.list_tag a {
	color:#676a6c;
}
.list_tag a:hover,
.list_tag a:focus {
	color:#232628;
}
.unread td {
  font-weight: 700;
}
.unread td > a {
  color:#676a6c;
}
.unread td.list_read a {
  color:#337ab7;
}
.unread td.mail-date {
  font-weight:400;
}
.unread .list_read a:hover,
.unread .list_read a:focus {
	color:#2269a6;
}
/*  190712  안읽은 메일 색 강조 + 메일 레프트메뉴 폰트사이즈 크게 추가  */
.unread td.mail-ontact a,
.unread td.mail-subject span,
.unread td.mail-date {
	color:#337ab7;
}
.mailMenu .mailLeftCnt {
	font-size:11px;
}
/* dropmenu */
.ibox .open > .dropdown-menu.mail-ontact_list {
	left: 30px;
	right: auto;
}
.ibox .open > .dropdown-menu.selMailTagList {
	left:0;
	right:auto;
	max-height:204px;
	overflow-y:auto;
}
.ibox .open > .dropdown-menu.mailListDrop {
	left:auto;
	right:-40px;
}
.mailMove_others {
	padding:10px;
	cursor:pointer;
	position:relative;
	border-radius:3px;
}
.mailMove_others:after {
	content: "";
	position: absolute;
	right: -30px;
	top: -8px;
	width: 50px;
	height: 44px;
	z-index:999;
}
.mailMove_others:hover {
	background-color:#f3f3f4;
}
.mailMove_others > ul {
	width:250px;
	line-height:30px;
	margin:10px;
	border:1px solid #ddd;
	position:absolute;
	right:-260px;
	top:-11px;
	word-break:break-all;
}
.mailMove_others > ul > li {
	text-align:left !important;
}
.mailMove_others > ul li a {
	display:block;
	color:#333;
	word-break:break-all;
}
.mailMove_others > ul li:hover,
.mailMove_others > ul li:focus {
	background-color:#f3f3f4;
}

/* 공용메일 처리 버튼 */
.allUser_handle textarea {
	width:100%;
	resize:none;
	border-color:#ddd;
	padding:5px;
}
/* 메일 메일발송 결과 */
.mailResultArea .ibox-content {
	padding:100px 15px;
}
.addNamebook span.form-control {
	vertical-align:top;
}
@media (min-width:1200px) and (max-width:1500px){
  /*.mailListSearch.col-lg-6 {
    padding-right:0;
	padding-left:0;
	width:38.3%;
  }*/
  .mailListBtn {
    padding-left:0;
  }
  /*.mailListBtn .btn {
    padding:5px 8px;
  }*/
  .mail-tools .mailListBtn.col-lg-6 {
	width:61.666667%;
  }
}

@media (min-width:768px) and (max-width:1500px){
	.mailListBtn .btn:nth-child(1) {
		padding:5px 10px;
	}
	.mailListBtn .btn:nth-child(1) .hidden-md {
		display:none;
	}
}

@media (min-width:768px) and (max-width:1199px){
	.mailListBtn.text-right {
		text-align:left;
		margin-top:5px;
	}
	.mail-tools .btn-group select {
		max-width:120px;
	}
	.mailListSearch.col-lg-6 {
		margin-top:10px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.mailList .mail-tools .col-md-7,
	.mailList .mail-tools .col-md-6	{
		margin-bottom:5px;
	}
	.mailListSearch.col-lg-6 {
		margin-top:0;
	}
	/*---------------------------------------*/
	.mobile_mail-tools .dropdown-menu_white {
		right:0;
		left:auto;
	}
	.btn-mailWrite {
		width:inherit;
		border-radius:3px;
	}
	/* 메일 검색영역 */
	.mail-box-header {
		padding:15px;
	}
	/*.mailListBtn {
		margin-top:35px;
		padding-left:20px;
	}*/
	/*.mailListSearch {
		width:calc(100% - 30px);
		position:absolute;
		top:15px;
		left:15px;
	}*/
}

@media (max-width:991px){
	.mailMenu .compose-mail i,
	.file-manager .compose-button i {
		font-size:2em;
	}
	.menuBox-content_m_layoutAttr {
		border:0 !important;
		padding:0;
	}
	.mailStyle_left-menu {
		display:none;
	}
	/*.mailListBtn .btn:nth-child(1),
	.mailListBtn .btn:nth-child(2),
	.mailListBtn .btn:nth-child(3) {
		padding:5px 4px;
	}*/
	.menuBox-content .file-manager > .m-t-md,
	.menuBox-content .file-manager > .m-b-md:last-child {
		margin:0;
	}
}
@media(min-width:768px) and (max-width:1499px){
	.mailListSearch{
		margin-top:5px;
	}
}
@media (max-width:767px) {
	.mailListBtn .btn:nth-child(1) {
		padding:5px 10px;
	}
	.mailListBtn .btn:nth-child(1) .hidden-md {
		display:none;
	}
	.mailWrite .sender select {
		width:100%;
	}
	.folder-list li a.mailList_emptyBtn {
		display:block;
	}
	/* 메일발송 결과 */
	.mailResultArea {
		padding:0;
	}
	.mailResultArea .ibox-content {
		padding:50px 15px;
	}
	.mailResultArea #addList {
		padding:15px;
	}
	.addNamebook {
		max-width:300px;
		margin:0 auto;
	}
	.addNamebook input {
		margin-bottom:5px;
	}
}

/* ######################leftmenu 표준화##################### */
.menuBox-content_m_layoutAttr {
	border:0 !important;
    border-bottom: 1px solid #ddd !important;
}
.mailStyle_left-menu .leftMenu_head {
	width:100%;
	margin:0;
	padding:0 15px;
	position:relative;
	border-top:1px solid #ddd;
}
.mailStyle_left-menu .leftMenu_head a {
	color:inherit;
}
.mailStyle_left-menu .leftMenu_head:hover {
	border-left:4px solid #1ab394;
	background-color:#eef7f4;
	cursor:pointer;
}
.mailStyle_left-menu > .leftMenu_head:first-child {
	margin-top:0;
	border-top:0;
}
.mailStyle_left-menu .btn-labelToggle {
	float:right;
	font-size:10px;
	padding:3px 6px;
	border:1px solid #ddd;
	border-radius:3px;
	background-color:#fff;
	position:absolute;
	top:7px;
	right:20px;
}
.mailStyle_left-menu .btn-labelToggle2 {
	right:46px;
}
.mailStyle_left-menu .btn-labelToggle_tree{
  float:left;
  font-size:10px;
  margin-top:5px;
  padding:3px 6px;
  border:0;
  border-radius:3px;
  background-color:#fff;
  text-indent:0;
}
.leftMenu_head .btn-labelToggle i {
	font-size:10px;
	color:#000000;
}
.mailStyle_left-menu .folder-list {
	padding:0 15px;
}
.mailStyle_left-menu .folder-list li {
	position:relative;
	border-bottom:0;
}
.mailStyle_left-menu .folder-list li.class_myMailBoxViewLayer_Tree {
    display:-webkit-box;
    float:right;
}
#commMailBoxViewLayer li > a {
	min-width:50%;
	word-break:break-all;
	white-space:normal;
	overflow:visible;
	text-overflow:ellipsis;
}
#commMailBoxViewLayer .commMail-list a {
	overflow:hidden;
	display:inline-block;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:200px;
}
.mailStyle_left-menu .folder-list li > a {
	min-width:50%;
	word-break:break-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.mailStyle_left-menu .folder-list div.mailTree_title_div > a {
  min-width:50%;
  word-break:break-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
/*.mailStyle_left-menu .folder-list li:not(.mail-topList) > a {
	width:90%;
}*/
.mailStyle_left-menu .folder-list div.mailTree_title_div > a {
    display:inline-block;
    width:auto;
}
.tree_mailBox_menu {
  display: none;
  position: absolute;
  right:-2px;
  top:7px;
  border:0 !important;
  border-radius: 50%;
  background: #ddd;
  padding: 5px 10px !important;
}
.mailStyle_left-menu .folder-list i {
	margin-right:0;
}
.leftMenu_head.clickIcon {
	border-left:4px solid #1ab394;
	background-color:#eef7f4;
}
.leftMenu_head h5 {
	display:inline-block;
	margin-right:3px;
	margin-top:10px;
	margin-bottom:7px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.leftMenu_head .leftHead_label {
	display:inline-block;
	padding:0px 5px;
	border:1px solid #ddd;
	border-radius:3px;
	background-color:#fff;
	position:absolute;
	top:8px;
}
.leftList_label:empty,
.leftHead_label:empty {
	display:none;
}
.mailStyle_left-menu .folder-list .leftList_label {
	float:right;
	padding:3px 6px;
	border:1px solid #ddd;
	cursor: pointer;
	text-indent:0;
	font-size:10px;
	text-align:center;
	border-radius:.25em;
	font-weight:600;
	background-color:#fff;
	position:absolute;
	top:7px;
	right:5px;
}
.mailStyle_left-menu .folder-list .leftList_label i {
	font-size:11px;
}
.mailStyle_left-menu .folder-list .btn_popup_preset_delete {
	cursor:pointer;
	float:right;
	margin-top:-22px;
}
.mailStyle_left-menu .folder-list .btn_popup_preset_delete i {
	color:red !important;
}
.leftMenu_head-notList:hover {
	cursor:default !important;
}
/* 7408줄 주석해놓음 (리스트 hover하면 회색 되는 거, 큰 카테고리 클릭하면 글자 초록색 되는 거) */
.layoutStyle_mail_list .file-manager .folder-list > li a:hover,
.clickIcon-chk,
.clickIcon-chk i,
.clickIcon-mail,
.layoutStyle_mail_list .file-manager .folder-list > div.mailTree_title_div a:hover{
	color:#18a689 !important;
	font-weight:bold;
}
/*###################################################################################*/
@media (min-width:992px){
	.left_toggle {
		width:5px;
		height:36px;
		position:absolute;
		z-index:10;
		border-style:solid;
		border-color:#ddd;
		background-color:#1ab394;
		line-height:36px;
		padding-left:7px;
		color:#fff;
		font-size:15px;
	}
	.left_hideBtn {
		right:6px;
		border-width:1px 0 1px 1px;
		border-radius:5px 0 0 5px;
	}
	.left_showBtn {
		display:none;
		border-radius:0 5px 5px 0;
    position:fixed;
	}
	.left_toggle > i {
		display:none;
	}
	#page-wrapper {
		overflow:hidden;
	}
}
@media (max-width:991px){
	.left_toggle {
		display:none !important;
	}
}

/*###################################################################################*/

/*-----------------모바일 반응형 테이블 표준화----------------------*/
table.tbl-m-label tr td {
	padding: 4px;
}
/*table.tbl-m-label tr td.mail-ontact {
	padding-right:15px;
}*/
table.tbl-m-label tr td.mail-ontact a {
	padding:0 15px 0 5px;
}
.tbl-m-label .mail-date {
  padding-right:20px;
}
.star-mail,
.table-check {
  width: 40px;
}
@media (max-width:767px){
	.tbl-m-label .table-check {
	  padding-left:20px;
	}
	.btn-mailWrite {
		width:100%;
		border-radius:3px;
	}
	.layoutStyle_mail > .row > .mailList.layoutStyle_mail_content > .ibox {
		border:0;
	}
	.mail-box.mailList-box .table-responsive {
		border:0;
		overflow:visible;
	}
	.list_read,
	.list_del,
	.referMark,
	.mail-date.mailattachFile {
		display:none;
	}
	.tbl-m-label,
	.tbl-m-label tbody,
	.tbl-m-label tbody tr,
	.mail-ontact,
	.mail-subject,
	.mail-contents {
		display:block;
	}
	.tbl-m-label {
		width:100%;
	}
	.tbl-m-label tbody tr {
		border-bottom: 1px solid #ddd;
		padding:10px 35px 10px 40px;
		background-color:#fff;
		position:relative;
	}
	.tbl-m-label.tblm-p-xs tbody tr {
		padding-left:10px;
		padding-right:10px;
	}
	.table-hover > tbody > tr:hover {
		background-color: #fff;
	}
	.tbl-m-label.table > tbody > tr > td {
		border-top:0;
	}
	.tbl-m-label .mail-ontact > a {
		width:100%;
		font-size:15px;
	}
	.tbl-m-label .mail-ontact > a > span.ellip_200 {
		max-width:calc( 100% - 65px );
	}
	.tbl-m-label .mail-subject {
		padding-top:0;
		padding-bottom:0;
		min-width:auto;
		width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.tbl-m-label .table-check {
		position:absolute;
		left:-5px;
		top:50%;
		margin-top:-16px;
	}
	.tbl-m-label .list_tag {
		position:absolute;
		right:5px;
		bottom:10px;
	}
	.tbl-m-label .mail-date {
		position:absolute;
		width:60px;
		padding:0;
		overflow:hidden;
		text-overflow:inherit;
	}
	.tbl-m-label .mail-name .caret{
		display:inline-block;
	}
	.mobile_mail-tools {
		padding-right:45px;
	}
	.unread td.mail-contents a {
		font-weight:400;
	}
	.unread td.mail-date {
		color:#337ab7;
	}
	.ibox .open > .dropdown-menu.mail-ontact_list {
		left: 0;
		right: auto;
	}
	.dashboardList {
		margin-bottom:10px !important;
	}
	.mailContent .dashboardList .ibox-content {
		padding:0 !important;
	}
	.tbl-m-res.table-responsive {
		border:0;
	}
	.tbl-m-res tbody tr {
		border:none;
		border-bottom:1px solid #ddd;
	}
	.tbl-m-res tbody > tr:last-child {
		border-bottom:0;
	}
	.tbl-m-res tbody td.ellip_150 {
		font-size:15px
	}
	.tbl-m-res tbody tr > td:nth-child(2) {
		padding-top:0;
		padding-bottom:0;
	}
	.tbl-m-res td {
		display:block;
		max-width:100%;
	}
	.mailDash_sender {
		width:calc(100% - 85px);
	}
	.mailDash_content {
		width:calc(100% - 35px);
	}
	.confDash_sender {
		width:calc(100% - 150px);
	}
	.tbl-m-res .tbl-m-label .mail-date {
		padding-right:0;
		font-size:11px;
	}
	.ibox .open > .dropdown-menu.mail-ontact_list.selMailTagList {
		right:0;
		left:auto;
	}
	.mobile_mail-tools .dropdown-menu {
		left:auto;
		right:0;
	}
	.mobile_mail-tools .mailListDrop ol {
		position:unset;
		float:none;
		box-shadow:none;
		max-height:284px;
		overflow-y:auto;
	}
	.mailListSearch .accountSlt {
		min-width:72px;
	}
	.mailListSearch .accountSlt select {
		width:auto;
	}
	.mail-box-header {
		padding:10px;
		border-width:1px 0px 0px 0px;
		border-style:solid;
		border-color:#ddd;
	}
	#mail-ontact_list {
		margin-left:70px;
	}
	#tag_list {
		margin-left:-25px;
	}
	.tbl-m-res .mobile-none,
	.tbl-m-res td.mobile-none {
		display:none;
	}
	.tbl-m-res table tr td {
		border:0px;
	}
	.table-right {
		text-align:right;
	}
	.table-left {
		text-align:left;
	}
	.ibox-table {
		padding:0;
	}
	.ibox-table .flow-header {
		padding:10px;
	}
	.tbl-m-label tbody tr:last-child {
		border-bottom:1px solid #ddd;
	}
	.tbl-m-label tbody tr:first-child {
		border-top:1px solid #ddd;
	}
	.tbl-m-label tbody tbody tr:first-child {
		border-top:0px;
		border-bottom:0px;
	}
	.tbl-m-label.table > tbody > tr:last-child > th,
	.tbl-m-label.table > tbody > tr:last-child > td {
		border-bottom:0px;
	}
	.table-height {
		height:30px;
	}
	/*.tblm-header {
		padding:10px;
	}*/
}
@media (min-width:992px){
	.layoutStyle_mail_list .file-manager > .mailStyle_left-menu {
		display:block !important;
	}
}
/* 메인 대시보드 제목들 한 줄 이상 되면 생략처리 (전자결재, 회의관리, 업무관리, 일정관리, 공유물 예약, 전자메일) */
.mainboardTitle {
	display:inline-block;
	max-width:90%;
	overflow:hidden;
	margin:0 !important;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.mainboardList .feed-element {
	padding-bottom:0;
	margin-top:0;
}
.mainboardList .media-body {
	padding:10px 7px 3px;
}

/*------------------ 권한 추가 개편 --------------------*/
.auth_btn,
.auth_view {
	float:left;
}
.viewMore:hover{
  background-color: #1ab394;
  color: #ffffff !important;
  transition: all .5s;
}
.auth_btn {
	margin-right:5px;
}
.auth_btn .btn-primary[disabled] {
	background-color:#f3f3f4;
	border-color:#ccc;
}
.auth_btn .btn-primary[disabled] i {
	color:#bbb;
}
.auth_view {
	min-width:200px;
}
.auth_view td.Cpointer {
	cursor:pointer;
}
.auth_view table tbody td {
	text-align:center;
}
.auth_view table td div.checkbox,
tr.approval div#tname div.checkbox,
tr.approval2 div#tnameL2 div.checkbox {
	padding-top:0;
	min-height:auto;
}
.auth_view table td div.checkbox label:before,
tr.approval div#tname div.checkbox label:before,
tr.approval2 div#tnameL2 div.checkbox label:before,
.conference_write div.checkbox label:before {
	left:0;
	margin-left:0;
}
.auth_view table td div.checkbox label:after,
tr.approval div#tname div.checkbox label:after,
tr.approval2 div#tnameL2 div.checkbox label:after,
.conference_write div.checkbox label:after {
	left:0;
	margin-left:-1px;
}
.auth_view table td div.checkbox label,
tr.approval div#tname div.checkbox label,
tr.approval2 div#tnameL2 div.checkbox label,
.conference_write div.checkbox label {
	padding-left:20px;
}
.auth_btn button {
	padding:6px 10px;
}
.auth_btn button:hover,
.auth_btn button:active,
.auth_btn button:focus {
	background-color:#fff;
	border-color:#1ab394;
	color:#1ab394 !important;
}
.auth_btn button:hover i,
.auth_btn button:active i,
.auth_btn button:focus i {
	color:#1ab394;
}
#tname table > tbody > tr > td:nth-child(2),
#tnameL2 table > tbody > tr > td:nth-child(2) {
	border-right:0;
}
#tname table > tbody > tr > td:nth-child(3),
#tnameL2 table > tbody > tr > td:nth-child(3) {
	border-left:0;
	text-align:left;
}
#cmbSelected option {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 7px;
	margin-bottom: 5px;
	cursor:pointer;
}
#cmbSelected option:hover {
	color:#f00;
	background-color:#fff;
}
@media(max-width:767px){
	.auth_btn,
	.auth_view {
		float:none;
	}
	.auth_btn {
		margin-right:0;
	}
	.auth_btn button {
		width:100%;
	}
	.auth_view .table-responsive {
		border-bottom:0;
		border-top:0;
	}

	/* 모바일 네비게이션 border 추가 */
	li ul.nav-second-level > li {
		border-bottom:1px solid #ddd !important;
  }
  #List_5 ul.nav-second-level > li:first-child, #List_EHR ul.nav-second-level > li:first-child{
    border-top:1px solid #ddd !important;
  }
  #List_5 ul.nav-second-level > li:nth-child(2), #List_EHR ul.nav-second-level > li:nth-child(2){
    border-top:0 !important;
  }
  li ul.nav-second-level > li:nth-child(2) {
		border-top:1px solid #ddd !important;
	}
	li ul.nav-second-level > li:last-child {
		border-bottom:0 !important;
		margin-bottom:0;
	}

	.page-heading div h2 {
		display:block !important;
	}
}


/*에디터(웹) 체크박스 내부스타일, 이것과 에디터 내 css파일들의 스타일 값을 바꿔줘야한다.*/
input[type='checkbox'].editCheck {
	position:relative;
}
/*
input[type='checkbox'].editCheck:after{
    line-height: 1.5em;
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #333;
    background: #fff;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
}

input[type='checkbox'].editCheck:checked:after {
	width: 12px;
    height: 12px;
	content: '\2714';
	font-size:12px;
	line-height:12px;
	text-align: center;
}
*/
/*  사내게시판 - 레프트메뉴 계층형   */
.folder-list .board-parent ul {
	padding-left:20px;
}
@media(max-width:767px){
	.folder-list .board-parent ul li::before {
		left: -3px;
	}
}
@media(min-width:768px){
	.folder-list .board-parent ul li::before {
		left: 0px;
	}
}
.folder-list .board-parent ul li::before {
	content: '';
	position: absolute;
	top: 0.5rem;
	width: 13px;
	height: 11px ;
	border-left: 1px dotted #a5a5a5;
	border-bottom: 1px dotted #a5a5a5;
}
.folder-list .board-parent ul a {
	width: 88% !important;
    display: inline-block;
    padding-left: 10px;
	vertical-align:bottom;
}
.folder-list .board-parent > p > a {
	padding-left:10px;
}
.folder-list .board-parent i:not(.fa-check) {
	position: absolute;
    top: 11px;
    left: 0px;
    transform: rotate(135deg);
    cursor: pointer;
    font-size: 11px;
}
.board_left-menu li a {
	white-space: nowrap !important;
    overflow: unset !important;
    text-overflow: unset !important;
	outline:none;
}
.board_left-menu .folder-list {
	overflow-x:auto;
	overflow-y:hidden;
}
/*  관리자메뉴 - 분류설정 개편   */
.Left-Menu-switch{
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	padding:5px 11px;
}
#nestable2.board_cate .dd-item > button {
	width:40px;
	margin-top:7px;
}
#nestable2.board_cate .dd-handle,
.dd-dragel .dd-handle {
	padding:10px 10px 15px;
	border:1px solid #e7eaec;
	cursor:auto;
}
#nestable2.board_cate .dd-handle > span,
.dd-dragel .dd-handle > span {
	font-weight:normal;
	display:inline-block;
	margin-top:4px;
	cursor:pointer;
}
.board_cate button:focus {
	outline:none;
}
.board_cate .iconcls,
.dd-dragel .dd-handle .iconcls {
	font-size:22px;
	vertical-align:bottom;
}
.board_cate .dd-item > button:before {
	content: "\f078";
}
.board_cate .dd-item > button[data-action="collapse"]:before {
	content: "\f077";
}
.board_cate .onoffswitch,
.dd-handle .onoffswitch {
	width:40px;
}
.board_cate .onoffswitch-label,
.dd-handle .onoffswitch-label {
	border:0;
	border-radius:35px;
	margin-bottom:0;
	margin-right:3px;
}
.board_cate .onoffswitch-inner:after,
.dd-handle .onoffswitch-inner:after {
	content:'';
	background-color:#b1b1b1;
}
.board_cate .onoffswitch-inner:before,
.dd-handle .onoffswitch-inner:before {
	content:'';
}
.board_cate .onoffswitch-inner:before,
.board_cate .onoffswitch-inner:after,
.dd-handle .onoffswitch-inner:before,
.dd-handle .onoffswitch-inner:after {
	height:20px;
}
.board_cate .onoffswitch-switch,
.dd-handle .onoffswitch-switch {
	width:17px;
	height:16px;
	border:0;
	border-radius:50%;
	top:2px;
	right:21px;
}
.board_cate .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
.dd-handle .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right:5px;
}
.dd-dragel .dd-handle {
	-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
	height:51px;
	background-color:#f3f3f4;
	padding:10px 10px 15px;
}
/* 사내게시판 */
tr.dateOver td,
tr.dateOver td i,
tr.dateOver td a,
div.feed-element.dateOver a,
div.feed-element.dateOver small span {
    color: #c5c5c5 !important;
}

/* height 고정 & leftmenu 팝업쓰기 */
.layoutStyle_mail_list ::-webkit-scrollbar {
  width: 6px;  /* 세로축 스크롤바 길이 */
  height: 6px;  /* 세로축 스크롤바 길이 */
}
.layoutStyle_mail_list ::-webkit-scrollbar-track-piece {
  background-color: #eee;
}
.layoutStyle_mail_list ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #bbb;
}
.layoutStyle_mail_list ::-webkit-scrollbar-button {
  background-color: #ddd;
  width: 6px;
  height: 6px;
}
.layoutStyle_mail_list ::-webkit-scrollbar-button:start {
  background-color: #ddd; /* Top, Left 방향의 이동버튼 */
}
.layoutStyle_mail_list ::-webkit-resizer {
  background-color: #ddd;
}
.col-lg-2.layoutStyle_mail_list > .ibox,
.col-lg-3.layoutStyle_mail_list > .ibox {
	border:1px solid #ddd;
	background-color:#fff;
	position: relative;
}
.popbody {
	background-color: #ffffff;
	color: inherit;
	padding: 8px;
	border: none;
	clear: both;
	margin-top:45px;
	height:calc( 100vh - 45px);
}
.popheader {
	position:fixed;
	top:0;
	width:100%;
	min-height:39px;
	z-index:999;
	background-color: #fff;
    padding: 7px;
    border-bottom: 1px solid #ddd;
}
.popheader > span {
	display: inline-block;
	font-size: 16px;
	line-height: 30px;;
	float: left;
	margin-right:5px;
}
.popheader div {
	float:right;
}
td.no-borders-l {
	border-left:none !important;
}
td.no-borders-r {
	border-right:none !important;
}
.domsPopBg {
	background-color: #f8fafb;
}
.domsPopBg .layoutStyle_mail_content {
	margin-top: 40px;
}
.popIcon {
	transform:rotate(90deg);
	color:#a2a2a2;
	font-size:12px;
	padding-left:5px; padding-right:5px;
	cursor:pointer
}
.ibox-table tbody .no-borders-l label {
	margin-bottom:0;
}
.page-heading div h2,
.page-heading .breadcrumb > li:nth-child(2):not(.pageHeading-chd2) {
	display:none;
}
@media (min-width:768px) and (max-width:991px){
	.layoutStyle_mail_content {
		padding-bottom:15px !important;
	}
}

/* 메인 대시보드 css 정리 */
.mainboardList .fa-clone {
	position:absolute;
	transform:rotate(90deg);
	color:#a2a2a2;
	font-size:12px;
	cursor:pointer;
	padding:7px;
	z-index:10;
}
.tab-pane .vertical-timeline-block .fa-clone {
	left:65px;
	margin-top:14px !important;
}
.tab-pane .feed-activity-list.mainboardList .fa-clone {
	margin-top:7px !important;
}
.tab-pane .feed-activity-list.mainboardList .vertical-timeline-content.m-l-none div {
	padding-left:22px;
}
.mainMailBox .fa-clone {
	left:30px;
	margin-top:8px;
}
.mainMailBox .readEye {
	position:absolute;
	right:40px;
}
.mainMailBox .subtitle {
	width:calc(100% - 25px);
	padding-left:23px;
}
.moblie_writeBtn > span.hidden-sm,
.docu2_uploadBtn > span.hidden-sm,
.moblie_writeBtn,
.report_WriteToday > span,
.report_WriteToday i {
	font-size:14px;
}
.btn-outline.btn-dashboard {
	height:42px;
	line-height:21px;
}
@media (max-width:767px){
	.moblie_writeBtn > span.hidden-sm,
	.docu2_uploadBtn > span.hidden-sm,
	.moblie_writeBtn,
	.moblie_writeBtn span,
	.report_WriteToday > span,
	.noLeftm_writeBtn > span {
		font-size:16px !important;
	}
}

/* input 스타일 만드러쪄 */
div.white-table {
  border:1px solid #c5c5c5;
  border-radius:3px;
  padding:7px 11px;
  margin-bottom:10px;
}
div.white-table span {
  margin-right:10px;
  color:#969696;
}
div.white-table input {
  border:0
}
div.white-table textarea {
  border:0;
  width:100%;
  margin-top:5px;
  resize:none;
}
div.white-table select {
  border:0;
}
/*테이블 thead fix*/
.th-relative{
  position: relative;
  top:0;
}
.th-sticky{
  position: -webkit-sticky;
  position: sticky;
  top:-1px;
  z-index: 99;
}
.fix-border th , .fix-border td{
	box-shadow: inset 0 1px 0 #ddd,inset 0 -1px 0 #ddd;
	padding: 4px !important;
}
.fixHeaderTable::-webkit-scrollbar, .flowListA_table::-webkit-scrollbar{
	height:6px;
	width:6px;
}
.fixHeaderTable::-webkit-scrollbar-thumb, .flowListA_table::-webkit-scrollbar{
	background-color: #e7eaec;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.3);
}
.fixHeaderTable::-webkit-scrollbar-track, .flowListA_table::-webkit-scrollbar {
	background-color:#fff;
}
.border-all-gray {
	border:1px solid #ddd;
}
 .view_name h2 {
  padding: 9px !important;
	width:calc(100% - 50px);
	display:inline-block;
	padding:14px 10px;
}
.view_name > .ibox-tools{
	margin-top:13px;
}
/*.view_name > .ibox-tools a {
	padding:15px 15px 14px 15px
}*/
@media screen and (min-width:991px){
	.font-16 {
		font-size:16px;
	}
}
*::-webkit-scrollbar {
  width: 6px;
  height: 6px; 
}
*::-webkit-scrollbar-track-piece {
  background-color: #eee;
}
*::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #bbb;
}
*::-webkit-scrollbar-button {
  background-color: #ddd;
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-button:start {
  background-color: #ddd; 
}
*::-webkit-resizer {
  background-color: #ddd;
}
.layoutStyle_mail_content{
	height:100%;
	overflow: hidden;
}
@media (max-width:991px){
	.layoutStyle_mail{
		height:auto;
		padding-bottom:42px;
	}
}
.right-full {
	height: 100% !important;
	overflow-y:auto;
	overflow-x:hidden;
}

/* auto search input style */

.search-group{
	position:relative;
}
.search-group i.in{
	position: absolute;
    left: 8px;
	top: 8px;
    z-index: 3;
	font-size:14px;
	color:#d5d6d7;
}
.search-group input[type=text]{
	padding-left:25px;
	-webkit-ime-mode:active;
	-moz-ime-mode:active;
	-ms-ime-mode:active;
	ime-mode:active;
}
.search-wrap {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 50%;
	background-color: #fff;
	border:1px solid #d5d6d7;
	z-index:99999;
	transform: translate(-50%);
}
.search-row {
	padding: 8px;
	text-align:left;
}
.search-row p {
	width:100%;
	margin:0;
}
.search-row:hover{
	background-color: #fff;
	cursor:pointer;
}

.search-row.active{
	background-color: #efefef;
}

/*모바일 footer circle 색상*/
.mobile_ui_btnArea .opt_menu .btn-primary{
  background-color: #18a689;
}
.mobile_ui_btnArea .opt_menu .btn-danger{
  background-color: #ec4758;
}
.mobile_ui_btnArea .opt_menu .btn-warning{
  background-color: #f8ac59;
  color:#ffffff !important;
}
/*.mobile_ui_btnArea .btn-primary{
  background-color:#1ab394cc;
  border:0;
}*/

.opt_menuBg1, .opt_menuBg2, .opt_menuBg3, .opt_menuBg4, .opt_menuBg5, .opt_menuBg6, .opt_menu7{
	display: none;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 47px;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 1001;
}

/*모바일 footet 하위 버튼드랍메뉴 css*/
.opt_menu1, .opt_menu2, .opt_menu3, .opt_menu4, .opt_menu5, .opt_menu6, .opt_menu7{
	display: none;
	width: 100%;
	max-height: calc(100% - 47px);
	overflow-y: auto;
	position: fixed;
	left: 0;
	bottom: 47px;
	background-color: transparent;
	z-index: 1002;
}
.opt_menu1 li, .opt_menu2 li, .opt_menu3 li,
.opt_menu4 li, .opt_menu5 li, .opt_menu6 li,
.opt_menu7 li{
	text-align: right;
	cursor: pointer;
}
.opt_menu1 li a, .opt_menu2 li a,
.opt_menu3 li a, .opt_menu4 li a,
.opt_menu5 li a, .opt_menu6 li a,
.opt_menu7 li a{
	padding: 10px 50px 10px 10px;
}
.opt_menu1 p, .opt_menu2 p,
.opt_menu3 p, .opt_menu4 p,
.opt_menu5 p, .opt_menu6 p,
.opt_menu7 p{
	font-size: 18px;
	color: #fff;
	padding-right: 10px;
	max-width: 80%;
}
.opt_menu1 li .btn-circle.btn-lg, .opt_menu2 li .btn-circle.btn-lg,
.opt_menu3 li .btn-circle.btn-lg, .opt_menu4 li .btn-circle.btn-lg,
.opt_menu5 li .btn-circle.btn-lg, .opt_menu6 li .btn-circle.btn-lg,
.opt_menu7 li .btn-circle.btn-lg{
	padding: 0;
	line-height: 50px;
	color: #333;
}
.opt_menu1 li a:hover, .opt_menu2 li a:hover,
.opt_menu3 li a:hover, .opt_menu4 li a:hover,
.opt_menu5 li a:hover, .opt_menu6 li a:hover,
.opt_menu7 li a:hover{
	background-color: rgba(100,100,100,.5);
}

/*팝업모드 취소버튼 한개만 있을때 아이콘 숨김처리*/
@media (max-width:767px){
  .icon_none i{
    display:none;
  }
}

@media (min-width: 768px) {
	.m-b-mobile{
		margin-bottom:0;
	}
}
@media (max-width: 767px) {
	.m-b-mobile{
		padding-bottom:55px;
	}
	.mobile-footer {
		padding: 0 0 46px;
	}
}
/* tab opacity */ 
	.tab-opacity{
		opacity:1;
  }
  /* footer scrollTop */
.footer-tools{
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 998;
}
.footer-tools i {
  font-weight: 700;
  font-size: 20px;
}
.btn-scroll-up.scroll-btn-visible {
  -webkit-transform: none;
  transform: none;
  pointer-events: auto;
  visibility: visible;
  transition-delay: 0s!important;
}
.btn-scroll-up {
  margin-bottom: 40px;
  margin-right: 15px;
  visibility: hidden;
  pointer-events: none;
  opacity: .75;
  -webkit-transform: translateX(150%);
  transform: translateX(150%);
  transition: opacity .2s 0s,visibility 0s .3s,-webkit-transform .3s 0s!important;
  transition: transform .3s 0s,opacity .2s 0s,visibility 0s .3s!important;
  transition: transform .3s 0s,opacity .2s 0s,visibility 0s .3s,-webkit-transform .3s 0s!important;
}
/* search input style */

/* admin button */


.admin-button{
	margin:0 !important;
	border-radius:0 3px 3px 0 !important;
	float:left !important;
}

.admin-input-popup{
	width:calc(100% - 32px) !important;
	float:left !important;
}
/* admin button */

/* 카테고리 리스트 아이콘 색상 */
.ibox-title .fa.fa-list {
	color:#18a689;
}
.leftMenu_head > .fa-cog {
	float: left;
	margin-top: 9px;
	margin-right: 5px;
	font-size: 18px;
	color: #1AB394;
}
.leftMenu_head > .fa-book {
	float: left;
	margin-top: 9px;
	margin-right: 5px;
	font-size: 18px;
	color: #1AB394;
}
/* content간격조절 css */
@media(min-width:991px){
	.layoutStyle_mail_content  {
		padding:0 10px 0 0 !important;
	}
}
.ibox-title {
	border-width:1px 0 1px 0 !important;
}
.layoutStyle_mail_content .movecol > .ibox {
	border-bottom: 4px solid #edf0f5 !important;
}
.layoutStyle_mail_content .movecol > .ibox:last-child {
	border-bottom: 0 !important;
}
/* 레프트 쓰기버튼 애니메이션 */
.moblie_writeBtn::before{
	content: '';
	position: absolute;
	top: 5%;
	right: 4%;
	bottom: 5%;
	left: 4%;
	border-top: solid 2px;
	border-bottom: solid 2px;
	transition: 0.4s;
	transform: scaleX(0);
	border-color: #ffffff;
}
.moblie_writeBtn::after{
	content: '';
	position: absolute;
	top: 5%;
	right: 4%;
	bottom: 5%;
	left: 4%;
	border-left: solid 2px;
	border-right: solid 2px;
	transition: 0.2s;
	transform: scaleY(0);
	border-color: #ffffff;
}
@media screen and (min-width:768px) and (max-width:991px){
  .moblie_writeBtn::before, .moblie_writeBtn::after{
    border-radius: 50%;
  }
}
.moblie_writeBtn:hover:before , .moblie_writeBtn:hover:after {
	transform: scale(1.06);
}
@media (min-width:767px){
	.bg-white {
		/*background:#fff !important;*/
		height:100%;
	}
}
@media(max-width:767px){
	.dashboardList {
		margin-bottom:0  !important;
	}
	.bg-white {
		min-height:calc(100vh - 60px);
		/*background: #fff;*/
	}
	/* 모바일 메뉴 */
	.mobile-menu-plus:hover{
		background:none !important;
	}
	/*#List_1{
		background-color: #f3f3f4;
		color: #5b5d5f !important;
		font-weight: 700 !important;
	}*/
	.nav-second-level > li:hover{
		background-color: rgb(188 195 207 / 10%);
		color: #5b5d5f !important;
		font-weight: 700 !important;
	}
	.mobile-menu-List{
		padding: 14px 20px 14px 25px;
    cursor: pointer;
    width:calc(100% - 65px);
	}
	.mobile-menu-plus{
		float:right;
		display: inline-block;
		padding: 14px 20px 10px 25px !important;
	}
	.m-second-level{
		padding: 10px 10px 10px 10px;
		padding-left: 32px;
		width: calc(100% - 57px);
		cursor:pointer
	}
	.m-second-write{
		float:right;
		padding: 10px 24px 10px 20px !important;
	}
	.nav-second-level .dropdown-menu_white{
		right: 0;
    left: auto !important;
    transform: translateX(-10px);
    width:30%;
  }
  #side-menu .nav:not(.navbar-top-links) .open > a,
  .nav:not(.navbar-top-links) .open > a:hover,
  .nav:not(.navbar-top-links) .open > a:focus{
    background:none;
  }
  .visible-xs-inline-block .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    background-color: #f3f3f3 !important;
  }
  #side-menu.nav > li.active .nav-second-level > li.active > div,
  #side-menu.nav > li.active .nav-third-level > li.active > div {
      font-weight: 700;
      color: #5b5d5f;
  }
  #side-menu.nav .visible-xs-inline-block.open > .dropdown-menu{
    background:#ffffff;
  }
}
@media(max-width:991px){
	.mobile-left-menu{
		max-height: 450px !important;
		overflow: auto;
	}
}
.btn-manual{
	cursor:pointer;
	margin-left:5px;
}

#page-wrapper, .footer, .navbar{
		background: rgb(237, 240, 245);
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	background-color: rgb(237 240 245 / 30%);
}
.table-hover>tbody>tr:hover{
    background-color: #f6f6fa;
}
.well{
	background-color:#fafafc;
}
.leftMenu_head h5 > a.clickIcon-chk {
	color:inherit !important;
}
/*.not-pagehead > .tblm-header{
	padding:0;
}*/
.fix-border:nth-child(2) > th{
	top: 25px;
    z-index: 99;
}
.dashboard-close-round,
.dashboard-close-round .ibox-title{
       border-radius: 10px !important;
}

@media(max-width:991px){
	.col-lg-2.layoutStyle_mail_list > .ibox, .col-lg-3.layoutStyle_mail_list > .ibox{
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
}
@media(min-width:992px){
	.col-lg-2.layoutStyle_mail_list > .ibox, .col-lg-3.layoutStyle_mail_list > .ibox{
		border-radius: 10px !important;
	}
}
.dashboard-open-round, /*접기UI 라운드*/
.not-pagehead > .full-width,
.not-pagehead .col-lg-10 > .ibox, /*ibox 라운드*/
.not-pagehead > .ibox, /*컨텐츠 상단버튼ibox(div) 라운드*/
.not-pagehead > .ibox > .ibox-content{ /*컨텐츠 상단버튼ibox ibox-content(div) 라운드*/
       border-radius: 10px !important;
}
/*@media(min-width:992px){
  .ibox.left-full{
    border-radius: 10px !important;
  }
}*/
/*@media(max-width:991px){
  .ibox.left-full{
        border-radius: 0 0 10px 10px !important;
  }
}*/
.dashboard-open-round .ibox-title{
       border-radius: 10px 10px 0 0 !important;
}

.dashboard-open-round .ibox-content{
       border-radius: 0 0 10px 10px !important;
}
.roundingborder{
  margin-bottom: 5px !important;
  border: 1px solid #ddd !important;
  border-top: 0 !important;
}
@media(max-width:767px){
	.dashboard-open-round .ibox-content .table-responsive{
		border-radius: 0 0 10px 10px !important;
	}
}
/* 체크박스 반응형 스타일 수정 */
table > thead  > tr > th > .checkbox {
	min-width:20px;
}
.manual-icon-on{
	color:#1ab394;
}
.manual-icon-off{
	color:#ff0000;
}
.dropzone.dz-drag-hover{
	border-color:#1ab394 !important;
	transition: 0.3s ease-in-out;
}
.clearFix:after {
	clear:both;
	content:"";
	display:block;
}
/* input file 버튼 커스텀 */
input[type=file]::file-selector-button{
	width: 70px;
	height: 25px;
	background: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 5px;
	cursor: pointer;
}
input[type=file]::file-selector-button:hover{
	background: #1ab394;
	color:#ffffff;
	border-color: #1ab394;
}
@media(max-width:767px){ /*erp리스트 반응형 수정 */
  .mobileCss {
    width:calc( 100% - 39px);
  }
  .mobileCss .selectbox > select {
    width:110px;
    float:left;
  }
  .mobileCss > .selectbox {
    width:calc( 100% - 110px);
  }
  .dateCenter {
    float:none !important;
  }
}
.dateCenter {
  max-width: 260px;
  margin: 0 auto;
}
.dash_info{
  letter-spacing: -0.9px;
  margin-right: 0;
  font-size: calc(1rem + 0.15vw);
}