html,
body {
	min-height: 100%;
	height: 100%
}

html.collapsed {
	overflow: hidden
}

#leftPanel {
	position: fixed;
	width: 220px;
	min-height: 100%;
	top: 0px;
	left: 0px;
	background-color: #16556F;
	color: #fff;
	overflow: hidden
}

#leftPanel .vteLeftHeader {
	position: relative;
	width: 220px;
	height: 50px;
	background-color: #16556F;
	color: #fff;
	text-align: center
}

#leftPanel .vteLeftHeader .toogleMenu {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100
}

#leftPanel .vteLeftHeader .toogleMenu i {
	color: #fff
}

#leftPanel .vteLeftHeader .toogleMenu .toggleImg {
	opacity: 0;
	display: none
}

#leftPanel .vteLeftHeader .toogleMenu .togglePin {
	position: absolute;
	right: 20px;
	top: 15px;
	opacity: 0.5
}

#leftPanel .vteLeftHeader .toogleMenu .togglePin.active {
	opacity: 1
}

#leftPanel .brandLogo {
	position: relative;
	width: 60%;
	line-height: 50px;
	max-height: 50px;
	height: 50px;
	text-align: center;
	margin: 0px auto
}

#leftPanel .brandLogo img {
	margin: 0px auto;
	height: 50px;
	padding: 5px 0px
}

#leftPanel #moduleListContainer {
	width: 220px
}

#leftPanel .menuList {
	position: absolute;
	bottom: 0px
}

#leftPanel .moduleList,
#leftPanel .menuList {
	margin: 0px;
	padding: 0px;
	width: 220px;
	list-style-type: none
}

#leftPanel .moduleList li,
#leftPanel .menuList li {
	padding: 0px
}

#leftPanel .moduleList li a,
#leftPanel .menuList li a {
	display: block;
	padding: 15px 15px;
	position: relative;
	color: #bdbdbd;
	font-size: 16px
}

#leftPanel .moduleList li a i,
#leftPanel .menuList li a i {
	padding: 0px 3px;
	display: inline;
	color: #bdbdbd
}

#leftPanel .moduleList li.active a,
#leftPanel .menuList li.active a {
	color: #fff;
	background-color: #114156
}

#leftPanel .moduleList li a i.icon-module[data-first-letter]:after,
#leftPanel .menuList li a i.icon-module[data-first-letter]:after {
	color: #bdbdbd;
	font-size: 22px
}

#leftPanel .moduleList li.active a i,
#leftPanel .moduleList li.active a i.icon-module[data-first-letter]:after,
#leftPanel .menuList li.active a i,
#leftPanel .menuList li.active a i.icon-module[data-first-letter]:after {
	color: #D38600
}

#leftPanel .moduleList li a:hover,
#leftPanel .menuList li a:hover {
	background-color: #114156
}

#leftPanel[data-minified="enabled"] .vteLeftHeader {
	width: 60px
}

#leftPanel[data-minified="enabled"] .vteLeftHeader .toogleMenu {
	width: 100%;
	height: 100%;
	padding: 0px
}

#leftPanel[data-minified="enabled"] .vteLeftHeader .toogleMenu .toggleImg {
	position: relative;
	opacity: 1;
	display: inline;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

#leftPanel[data-minified="enabled"] .vteLeftHeader .toogleMenu .togglePin {
	opacity: 0;
	display: none
}

#leftPanel[data-minified="enabled"] .brandLogo {
	display: none
}

#mainContainer {
	position: relative;
	width: 100%;
	min-height: 100%;
	margin: 0px;
	-webkit-transition-property: padding;
	-o-transition-property: padding;
	transition-property: padding;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	padding-left: 220px;
	padding-right: 60px
}

#mainContainer[data-minified="enabled"] #leftPanel {
	width: 60px
}

#mainContainer[data-minified="enabled"] #leftPanel .moduleList li a .moduleText,
#mainContainer[data-minified="enabled"] #leftPanel .menuList li a .moduleText {
	display: none
}

#mainContainer[data-toggled="enabled"] {
	padding-left: 60px;
	padding-right: 60px
}

#mainContent {
	position: relative;
	width: 100%;
	min-height: 100%;
	padding: 0px;
	padding-bottom: 20px
}

#rightPanel {
	position: fixed;
	width: 60px;
	min-height: 100%;
	top: 0px;
	right: 0px;
	background-color: #EFEFEF
}

#rightPanel .menuList {
	position: absolute;
	width: 100%;
	margin: 0px;
	list-style-type: none;
	padding: 0px 15px
}

#rightPanel .menuList .menuListSection {
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none
}

#rightPanel .menuList .menuListSection li {
	text-align: center;
	position: relative;
	padding: 4px 0px
}

#rightPanel .menuList .menuListSection li[data-fastpanel].active i:not(.disabled):not(.nohover),
#rightPanel .menuList .menuListSection li[data-fastpanel]:hover i:not(.disabled):not(.nohover) {
	color: #D38600
}

#rightPanel .menuList .menuListSection li i {
	font-size: 24px
}

#rightPanel .menuList .menuListSection .badge.vte-top-badge {
	right: -10px
}

#rightPanel .menuList .divider {
	padding: 0px;
	margin: 5px auto
}

#rightPanel .vteRightHeader {
	background-color: #EFEFEF;
	height: 50px;
	line-height: 50px;
	right: 0px;
	width: 60px;
	text-align: center
}

#rightPanel .vteRightHeader .profileWrapper {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 100%;
	width: 100%;
	z-index: 100;
	position: relative
}

#rightPanel .vteRightHeader .profileWrapper .profileInner {
	line-height: 50px;
	z-index: 100
}

#rightPanel .vteRightHeader .profileWrapper .profileInner .profile {
	position: relative;
	z-index: 9999;
	width: 100%;
	display: inline-block;
	height: 100%;
	line-height: 50px;
	top: -4px;
	padding: 12px;
	background: #EFEFEF
}

#rightPanel .vteRightHeader .profileWrapper .profileMenu {
	position: absolute;
	top: -1px;
	padding: 0px;
	list-style-type: none;
	right: 70px;
	width: 180px;
	z-index: -900;
	opacity: 0;
	display: none;
	margin: 1px 0 0;
	font-size: 14px;
	text-align: left;
	background-color: #EFEFEF;
	box-shadow: -5px 6px 12px rgba(0, 0, 0, 0.175);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease
}

#rightPanel .vteRightHeader .profileWrapper .profileMenu li {
	padding: 0px
}

#rightPanel .vteRightHeader .profileWrapper .profileMenu li>a {
	display: block;
	font-size: 13px;
	font-weight: 500;
	padding: 15px 10px;
	position: relative
}

#rightPanel .vteRightHeader .profileWrapper .profileMenu .profileName a {
	font-size: 14px;
	text-align: center
}

#rightPanel .vteRightHeader .profileWrapper .profileMenu li:not(.profileName) a {
	display: block
}

#rightPanel .vteRightHeader .profileWrapper .profileMenu li:not(.profileName) a:hover {
	background-color: #D1D1D1
}

#rightPanel .vteRightHeader .profileWrapper.active {
	background-color: #D1D1D1
}

#rightPanel .vteRightHeader .profileWrapper.active .profileMenu {
	right: 60px;
	z-index: -900;
	width: 180px;
	opacity: 1;
	display: block
}

#rightPanel .vteRightHeader .profileWrapper.active .profileInner .profile {
	background-color: #D1D1D1
}

.fastPanel {
	position: fixed;
	width: 0px;
	height: 100%;
	top: 0px;
	right: -50px;
	background-color: #fff;
	-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.fastPanel .iframeCont,
.fastPanel .ajaxCont,
.fastPanel .ajaxSearchCont,
.fastPanel .menuCont {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #fff;
	overflow: auto
}

.fastPanel .iframeCont {
	outline: none;
	border: 0px none
}

#vte_footer {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
	background-color: transparent
}

.buttonsList.buttonsListFixed {
	position: fixed;
	top: 0px;
	left: 220px;
	width: 100%;
	background-color: white;
	z-index: 20
}

.buttonsList.buttonsListFixed[data-minified="enabled"] {
	left: 60px
}

#leftPanel {
	z-index: 10000
}

#rightPanel {
	z-index: 10000
}

.fastPanel {
	z-index: 1000
}

table {
	background-color: transparent
}

caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #777;
	text-align: left
}

th {
	text-align: left
}

.table,
#listView {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px
}

.table>thead>tr>th,
#listView>thead>tr>th,
.table>thead>tr>td,
#listView>thead>tr>td,
.table>tbody>tr>th,
#listView>tbody>tr>th,
.table>tbody>tr>td,
#listView>tbody>tr>td,
.table>tfoot>tr>th,
#listView>tfoot>tr>th,
.table>tfoot>tr>td,
#listView>tfoot>tr>td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #ddd
}

.table>thead>tr>th,
#listView>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th,
#listView>caption+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
#listView>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
#listView>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
#listView>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
#listView>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
#listView>thead:first-child>tr:first-child>td {
	border-top: 0
}

.table>tbody+tbody,
#listView>tbody+tbody {
	border-top: 2px solid #ddd
}

.table .table,
#listView .table,
.table #listView,
#listView #listView {
	background-color: #fff
}

.table-condensed>thead>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>tfoot>tr>td {
	padding: 5px
}

.table-bordered {
	border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>tfoot>tr>td {
	border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
	border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
	background-color: #f5f5f5
}

table col[class*="col-"] {
	position: static;
	float: none;
	display: table-column
}

table td[class*="col-"],
table th[class*="col-"] {
	position: static;
	float: none;
	display: table-cell
}

.table>thead>tr>td.active,
#listView>thead>tr>td.active,
.table>thead>tr>th.active,
#listView>thead>tr>th.active,
.table>thead>tr.active>td,
#listView>thead>tr.active>td,
.table>thead>tr.active>th,
#listView>thead>tr.active>th,
.table>tbody>tr>td.active,
#listView>tbody>tr>td.active,
.table>tbody>tr>th.active,
#listView>tbody>tr>th.active,
.table>tbody>tr.active>td,
#listView>tbody>tr.active>td,
.table>tbody>tr.active>th,
#listView>tbody>tr.active>th,
.table>tfoot>tr>td.active,
#listView>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
#listView>tfoot>tr>th.active,
.table>tfoot>tr.active>td,
#listView>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
#listView>tfoot>tr.active>th {
	background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
	background-color: #e8e8e8
}

.table>thead>tr>td.success,
#listView>thead>tr>td.success,
.table>thead>tr>th.success,
#listView>thead>tr>th.success,
.table>thead>tr.success>td,
#listView>thead>tr.success>td,
.table>thead>tr.success>th,
#listView>thead>tr.success>th,
.table>tbody>tr>td.success,
#listView>tbody>tr>td.success,
.table>tbody>tr>th.success,
#listView>tbody>tr>th.success,
.table>tbody>tr.success>td,
#listView>tbody>tr.success>td,
.table>tbody>tr.success>th,
#listView>tbody>tr.success>th,
.table>tfoot>tr>td.success,
#listView>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
#listView>tfoot>tr>th.success,
.table>tfoot>tr.success>td,
#listView>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
#listView>tfoot>tr.success>th {
	background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
	background-color: #d0e9c6
}

.table>thead>tr>td.info,
#listView>thead>tr>td.info,
.table>thead>tr>th.info,
#listView>thead>tr>th.info,
.table>thead>tr.info>td,
#listView>thead>tr.info>td,
.table>thead>tr.info>th,
#listView>thead>tr.info>th,
.table>tbody>tr>td.info,
#listView>tbody>tr>td.info,
.table>tbody>tr>th.info,
#listView>tbody>tr>th.info,
.table>tbody>tr.info>td,
#listView>tbody>tr.info>td,
.table>tbody>tr.info>th,
#listView>tbody>tr.info>th,
.table>tfoot>tr>td.info,
#listView>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
#listView>tfoot>tr>th.info,
.table>tfoot>tr.info>td,
#listView>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
#listView>tfoot>tr.info>th {
	background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
	background-color: #c4e3f3
}

.table>thead>tr>td.warning,
#listView>thead>tr>td.warning,
.table>thead>tr>th.warning,
#listView>thead>tr>th.warning,
.table>thead>tr.warning>td,
#listView>thead>tr.warning>td,
.table>thead>tr.warning>th,
#listView>thead>tr.warning>th,
.table>tbody>tr>td.warning,
#listView>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
#listView>tbody>tr>th.warning,
.table>tbody>tr.warning>td,
#listView>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
#listView>tbody>tr.warning>th,
.table>tfoot>tr>td.warning,
#listView>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
#listView>tfoot>tr>th.warning,
.table>tfoot>tr.warning>td,
#listView>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
#listView>tfoot>tr.warning>th {
	background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
	background-color: #faf2cc
}

.table>thead>tr>td.danger,
#listView>thead>tr>td.danger,
.table>thead>tr>th.danger,
#listView>thead>tr>th.danger,
.table>thead>tr.danger>td,
#listView>thead>tr.danger>td,
.table>thead>tr.danger>th,
#listView>thead>tr.danger>th,
.table>tbody>tr>td.danger,
#listView>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
#listView>tbody>tr>th.danger,
.table>tbody>tr.danger>td,
#listView>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
#listView>tbody>tr.danger>th,
.table>tfoot>tr>td.danger,
#listView>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
#listView>tfoot>tr>th.danger,
.table>tfoot>tr.danger>td,
#listView>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
#listView>tfoot>tr.danger>th {
	background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
	background-color: #ebcccc
}

.table-responsive {
	overflow-x: auto;
	min-height: 0.01%
}

@media screen and (max-width: 767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd
	}
	.table-responsive>.table,
	.table-responsive>#listView {
		margin-bottom: 0
	}
	.table-responsive>.table>thead>tr>th,
	.table-responsive>#listView>thead>tr>th,
	.table-responsive>.table>thead>tr>td,
	.table-responsive>#listView>thead>tr>td,
	.table-responsive>.table>tbody>tr>th,
	.table-responsive>#listView>tbody>tr>th,
	.table-responsive>.table>tbody>tr>td,
	.table-responsive>#listView>tbody>tr>td,
	.table-responsive>.table>tfoot>tr>th,
	.table-responsive>#listView>tfoot>tr>th,
	.table-responsive>.table>tfoot>tr>td,
	.table-responsive>#listView>tfoot>tr>td {
		white-space: nowrap
	}
	.table-responsive>.table-bordered {
		border: 0
	}
	.table-responsive>.table-bordered>thead>tr>th:first-child,
	.table-responsive>.table-bordered>thead>tr>td:first-child,
	.table-responsive>.table-bordered>tbody>tr>th:first-child,
	.table-responsive>.table-bordered>tbody>tr>td:first-child,
	.table-responsive>.table-bordered>tfoot>tr>th:first-child,
	.table-responsive>.table-bordered>tfoot>tr>td:first-child {
		border-left: 0
	}
	.table-responsive>.table-bordered>thead>tr>th:last-child,
	.table-responsive>.table-bordered>thead>tr>td:last-child,
	.table-responsive>.table-bordered>tbody>tr>th:last-child,
	.table-responsive>.table-bordered>tbody>tr>td:last-child,
	.table-responsive>.table-bordered>tfoot>tr>th:last-child,
	.table-responsive>.table-bordered>tfoot>tr>td:last-child {
		border-right: 0
	}
	.table-responsive>.table-bordered>tbody>tr:last-child>th,
	.table-responsive>.table-bordered>tbody>tr:last-child>td,
	.table-responsive>.table-bordered>tfoot>tr:last-child>th,
	.table-responsive>.table-bordered>tfoot>tr:last-child>td {
		border-bottom: 0
	}
}

#listView>tbody>tr>td {
	vertical-align: middle;
	padding: 3px 4px;
	padding-left: 15px
}

#listView>tbody>tr:nth-child(1)>td {
	border-top: 0px none
}

#listView>tbody>tr:last-child:not([id^="row_"])>td {
	border-top: 0px none
}

#listView #gridSrc>td {
	border-top: 0px none
}

/* kpro@bid200920181200 */

#leftPanel{
    background-color: #EFEFEF;
}

#leftPanel .vteLeftHeader{
    background-color: #EFEFEF;
}

.moduleListKp {
	top: 0;
	margin: 0;
	padding: 0;
	width: 220px;
	list-style-type: none
}

.moduleListKp>li {
	padding: 0
}

.moduleListKp>li i,
.moduleListKp>li i.vteicon {
	color: #bdbdbd
}

.moduleListKp .subMenu>a {
	display: block;
	padding: 15px 18px;
	position: relative;
	color: #bdbdbd;
	font-size: 16px;
	outline: none
}

.moduleListKp .subMenu>a .expandButton {
	width: 10px;
	height: 10px;
	position: relative;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}

.moduleListKp .subMenu>a .expandButton:before,
.moduleListKp .subMenu>a .expandButton:after {
	content: "";
	position: absolute;
	background-color: #bdbdbd;
	transition: transform 0.25s ease-out
}

.moduleListKp .subMenu>a .expandButton:before {
	top: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	margin-left: -1px
}

.moduleListKp .subMenu>a .expandButton:after {
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	margin-top: -1px
}

.moduleListKp .subMenu.toggled>a .expandButton {
	cursor: pointer
}

.moduleListKp .subMenu.toggled>a .expandButton:before {
	transform: rotate(90deg)
}

.moduleListKp .subMenu.toggled>a .expandButton:after {
	transform: rotate(180deg)
}

.moduleListKp .subMenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 15px;
	background-color: #16556F
}

.moduleListKp .subMenu ul>li {
	position: relative
}

.moduleListKp .subMenu ul>li:last-child {
	border-bottom: 0px none
}

.moduleListKp .subMenu ul>li.active {
	background-color: #114156
}

.moduleListKp .subMenu ul>li:hover {
	background-color: #114156
}

.moduleListKp .subMenu ul>li>a {
	padding: 8px 20px 8px 50px !important;
	font-weight: 400;
	display: block;
	color: #bdbdbd
}

.moduleListKp .subMenu ul>li.active a,
.moduleListKp .subMenu ul>li>a:hover {
	color: #fff !important;
}

.moduleListKp .subMenu ul>li .subIcon {
	display: none
}

.moduleListKp>.subMenu.active>a,
.moduleListKp>.subMenu.toggled>a {
	color: #fff
}

.moduleListKp>.subMenu.active>a .expandButton:before,
.moduleListKp>.subMenu.active>a .expandButton:after,
.moduleListKp>.subMenu.toggled>a .expandButton:before,
.moduleListKp>.subMenu.toggled>a .expandButton:after {
	background-color: #fff
}

.moduleListKp>.subMenu.active>a i.subIcon,
.moduleListKp>.subMenu.active>a i.vteicon {
	color: #D38600
}

.moduleListKp .backButton {
	background-color: #114156;
	color: #fff
}

.moduleListKp .backButton i.vteicon {
	color: #fff
}

.moduleListKp .backButton .subLabel {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	color: #fff
}

#leftPanel[data-minified="enabled"] .subMenu ul>li .subLabel,
#leftPanel[data-minified="enabled"] .moduleListKp>li .subLabel,
#leftPanel[data-minified="enabled"] .moduleListKp>li .expandButton {
	display: none
}

#leftPanel[data-minified="enabled"] .subMenu ul>li.active .subIcon {
	display: inline-block;
	margin-left: -10px
}

#leftPanel[data-minified="enabled"] .subMenu ul>li:not(.active) {
	display: none
}

#leftPanel[data-minified="enabled"] .subMenu ul>li a {
	display: inline-block;
	padding: 8px 20px 8px 35px !important;
}

#leftPanel[data-minified="enabled"] .moduleListKp>li a {
	display: inline-block;
	padding: 15px 18px
}

.moduleListKp .subMenu ul{
    background-color: #EFEFEF;
}

.moduleListKp .subMenu ul>li>a{
	color: #636466 !important;
	font-size: 15px !important;
}

.moduleListKp .subMenu ul>li:hover,
.moduleListKp .subMenu ul>li.active,
.moduleListKp .backButton{
    background-color: #FFCC00;
}

.moduleListKp>li i, 
.moduleListKp>li i.vteicon,
.moduleListKp .backButton i.vteicon,
.moduleListKp .backButton .subLabel,
.moduleListKp>.subMenu.active>a, 
.moduleListKp>.subMenu.toggled>a{
    color: #2b577c;
}

.moduleListKp>.subMenu.active>a .expandButton:before, 
.moduleListKp>.subMenu.active>a .expandButton:after, 
.moduleListKp>.subMenu.toggled>a .expandButton:before, 
.moduleListKp>.subMenu.toggled>a .expandButton:after{
    background-color: #2b577c;
}

#leftPanel .brandLogo img{
	height: auto;
}

#leftPanel .vteLeftHeader .toogleMenu i{
	color: #2b577c;
}

#leftPanel .moduleListKp li a,
#leftPanel .menuList li a {
	color: #2b577c;
}

#leftPanel .moduleListKp li a i,
#leftPanel .menuList li a i {
	color: #2b577c
}

#leftPanel .moduleListKp li.active a,
#leftPanel .menuList li.active a {
	color: #2b577c;
	background-color: transparent;
}

#leftPanel .moduleListKp li a i.icon-module[data-first-letter]:after,
#leftPanel .menuList li a i.icon-module[data-first-letter]:after {
	color: #2b577c;
}

#leftPanel .moduleListKp li.active a i,
#leftPanel .moduleListKp li.active a i.icon-module[data-first-letter]:after,
#leftPanel .menuList li.active a i,
#leftPanel .menuList li.active a i.icon-module[data-first-letter]:after {
	color: #2b577c;
}

#leftPanel .moduleListKp li a:hover,
#leftPanel .menuList li a:hover {
	background-color: #FFCC00;
}

/* kpro@bid200920181200 end */