@charset "UTF-8";

/* 메뉴 활성화시(상위메뉴) */
.x-navigation li.active > a {
	background: #ff2e99;
}

/* 메뉴 카운트  */
.x-navigation .informer.informer-warning {
	background: #ff2e99;
}

/* 메뉴 활성화시(하위메뉴) */
.x-navigation li > ul li.active > a {
	background: #747474;
}

/* 메뉴 오버시 아이콘 */
.x-navigation li > a:hover .fa, .x-navigation li > a:hover .glyphicon {
	color: #ff2e99;
}

/* 상단 메뉴 오버시 */
.x-navigation.x-navigation-horizontal > li > a:hover .fa, .x-navigation.x-navigation-horizontal > li > a:hover .glyphicon {
	color: #ff2e99;
}

/* 상단 메뉴 활성화시 */
.x-navigation.x-navigation-horizontal > li.active > a .fa, .x-navigation.x-navigation-horizontal > li.active > a .glyphicon {
	color: #ff2e99;
}

.k-primary {
	border-color: #ff2e99;
	background-color: #ff2e99;
	color: #ffffff;
	transition: 0.2s ease;
}

/*버튼 클릭시*/
.k-button:active {
	border-color: #ff2e99;
    background-color: #ff2e99;
}

.k-primary.k-state-hover, .k-primary:hover {
	border-color: #DE2037;
	background-color: #DE2037;
}

.k-checkbox:checked {
	border-color: #ff2e99;
	background-color: #ff2e99;
}

.k-button-solid-primary {
    border-color: #ff2e99;
    color: #ffffff;
    background-color: #ff2e99;
}

.k-button-solid-primary:hover,.k-button-solid-primary.k-hover {
    border-color: #DE2037;
    background-color: #DE2037;
}

/* Joli Success 버튼 */
.btn-success {
	background-color: #ff2e99;
    border-color: #ff2e99;
}

.btn-success:hover {
	background-color: #DE2037;
    border-color: #DE2037;
    cursor: pointer;
}

/* 메뉴 상단 리스트가 대시보드 세계지도보다 z-index가 밀림 */
.x-navigation, .x-navigation ul {
	z-index: 6;
}

/* 알림 창 색상 */
.message-box.message-box-success .mb-container {
  background: #747474;
}
.message-box.message-box-info .mb-container {
  background: #747474;
}
.message-box.message-box-warning .mb-container {
  background: #ff2e99;
}
.message-box.message-box-danger .mb-container {
  background: #ff2e99;
}
.message-box .mb-container {
  background: #007BC2;
}

/*그라데이션 제거*/
.k-autocomplete, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-toolbar{
	background-image: none;
}

div.k-grid-header {
	padding-right: 15px;
}

.k-grid .k-hierarchy-cell .k-icon {
    width: 24px !important;
    height: 24px !important;
}