/*顶部导航栏定义样式*/
.navbar-brand-img {
	height: 40px;
	margin-top: 6px;
}

nav.navbar {
	margin-bottom: 0px;
	font-size: 13px;
	font-family: Microsoft YaHei;
	font-weight: 400;
}

.navbar>.container-fluid {
	padding-left: 50px;
	padding-right: 50px;
	background: url(../../img/topmenu/bg.png);
	/*22%*/
	background-size: 495px 100%;
	background-repeat: no-repeat;
	background-position: 120px;
}

.nav>li>a {
	padding-left: 30px;
	padding-right: 30px;
	letter-spacing: 1px;
}

.nav>li>a.notext {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 18px;
	padding-right: 18px;
}

.nav>li>a.default-show-mode {
	display: inline-block;
	padding: 15px 0px 15px 18px;
    float: left;
}
.nav>li>a.default-show-mode span.split{
	display: inline-block;
	width: 10px;
	height: 13px;
	vertical-align: middle;
	border-right: 1.2px solid #1748A9;
}
.nav>li.active>a.default-show-mode span.split,.nav>li.open>a.default-show-mode span.split{
	border-right: 1px solid #FFFFFF;
}
.nav>li>a.more-show-mode {
	display: inline-block;
	height:4px;
	padding: 22px 9px 28px 8px;
    float: left;
}

.nav>li>a>i.icon {
	width: 13px;
	height: 13px;
	display: inline-block;
	vertical-align: -2px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.nav>li>a>i.icon:AFTER {
	content: " ";
}

.nav>li>a>i.icon-manage {
	background-image: url(../../img/topmenu/manage.png);
}

.nav>li>a>i.icon-monitor {
	width: 12px;
	background-image: url(../../img/topmenu/monitor.png);
}

.nav>li>a>i.icon-map {
	background-image: url(../../img/topmenu/map.png);
}

.nav>li>a>i.icon-project {
	background-image: url(../../img/topmenu/project.png);
}

.nav>li>a>i.icon-manage {
	background-image: url(../../img/topmenu/manage.png);
}

.nav>li>a>i.icon-help {
	background-image: url(../../img/topmenu/help.png);
}

.nav>li>a>i.icon-msg {
	background-image: url(../../img/topmenu/msg.png);
	width: 14px;
	height: 18px;
	margin: 0 1px;
}
.nav>li>a>i.icon-caret {
	width: 9px;
	height: 4px;
	vertical-align: -2px;
	background-image: url(../../img/topmenu/caret.png);
}
/*用户信息菜单图标样式*/
.nav>li>a>span>i.icon {
	width: 13px;
	height: 13px;
	display: inline-block;
	vertical-align: -2px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-right: 5px;
}

.nav>li>a>span>i.icon:AFTER {
	content: " ";
}

.nav>li>a>span>i.icon-user {
	background-image: url(../../img/topmenu/user.png);
}

.nav>li>a>.caret {
	margin-left: 5px;
}

.nav>li.userInfo>a>.caret {
	margin-top: 5px;
	margin-left: 5px;
}
/*用户信息顶部菜单长度*/
.dropdown.userInfo .dropdown-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 131px;
}

.dropdown.userInfo .dropdown-toggle .head-imgInfo {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.dropdown.userInfo .dropdown-toggle .head-imgInfo .head-userinfo {
	display: inline-block;
	max-width: 102px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: normal;
	
}
/**顶部菜单--下拉菜单**/
nav .dropdown .dropdown-menu {
	padding: 6px;
	width: 100%;
	min-width: 131px;
	max-width: 135px;
}

.dropdown .dropdown-menu>li {
	margin-top: 4px;
}

.dropdown .dropdown-menu>li:first-child {
	margin-top: 0;
}

.dropdown .dropdown-menu>li>a {
	padding-left: 18px;
	padding-right: 18px;
	font-size: 0;
	height: 32px;
	line-height: 25px;
	border-radius: 2px;
}

.dropdown .dropdown-menu>li>a>i {
	width: 13px;
	height: 13px;
	display: inline-block;
	vertical-align: -2px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-right: 9px;
}

.dropdown .dropdown-menu>li>a>span {
	font-size: 13px;
}

.dropdown .dropdown-menu>li>a>i.icon-list {
	background-image: url(../../img/topmenu/monitor/icon_list.png);
}

.dropdown .dropdown-menu>li>a>i.icon-group {
	background-image: url(../../img/topmenu/monitor/icon_group.png);
}

.dropdown .dropdown-menu>li>a>i.icon-oc {
	background-image: url(../../img/topmenu/monitor/icon_oc.png);
}
.dropdown .dropdown-menu>li>a>i.icon-multi {
	background-image: url(../../img/topmenu/monitor/icon_multi.png);
}

.dropdown .dropdown-menu>li>a>i.icon-account {
	background-image: url(../../img/topmenu/user/account.png);
}

.dropdown .dropdown-menu>li>a>i.icon-info {
	background-image: url(../../img/topmenu/user/info.png);
}

.dropdown .dropdown-menu>li>a>i.icon-video {
	background-image: url(../../img/topmenu/user/video.png);
}

.dropdown .dropdown-menu>li>a>i.icon-log {
	background-image: url(../../img/topmenu/user/log.png);
}

.dropdown .dropdown-menu>li>a>i.icon-quit {
	background-image: url(../../img/topmenu/user/quit.png);
}

.dropdown .dropdown-menu>li>a:hover, .dropdown .dropdown-menu>li>a:focus {
	background-color: #4877E6;
}

.dropdown .dropdown-menu>li>a:hover>span, .dropdown .dropdown-menu>li>a:focus>span {
	color: #ffffff;
}

.dropdown .dropdown-menu>li>a:hover>i.icon-list, .dropdown .dropdown-menu>li>a:focus>i.icon-list {
	background-image: url(../../img/topmenu/monitor/icon_list_on.png);
}

.dropdown .dropdown-menu>li>a:hover>i.icon-group, .dropdown .dropdown-menu>li>a:focus>i.icon-group {
	background-image: url(../../img/topmenu/monitor/icon_group_on.png);
}

.dropdown .dropdown-menu>li>a:hover>i.icon-oc, .dropdown .dropdown-menu>li>a:focus>i.icon-oc {
	background-image: url(../../img/topmenu/monitor/icon_oc_on.png);
}

.dropdown .dropdown-menu>li>a:hover>i.icon-multi, .dropdown .dropdown-menu>li>a:focus>i.icon-multi {
	background-image: url(../../img/topmenu/monitor/icon_multi_on.png);
}

.dropdown .dropdown-menu>li>a:hover>i.icon-account, .dropdown .dropdown-menu>li>a:focus>i.icon-account {
	background-image: url(../../img/topmenu/user/w-account.png);
}

.dropdown .dropdown-menu>li>a:hover>i.icon-info, .dropdown .dropdown-menu>li>a:focus>i.icon-info {
	background-image: url(../../img/topmenu/user/w-info.png);
}

.dropdown .dropdown-menu>li>a:hover>i.icon-video, .dropdown .dropdown-menu>li>a:focus>i.icon-video {
	background-image: url(../../img/topmenu/user/w-video.png);
}

.dropdown .dropdown-menu>li>a:hover>i.icon-log, .dropdown .dropdown-menu>li>a:focus>i.icon-log {
	background-image: url(../../img/topmenu/user/w-log.png);
}

.dropdown .dropdown-menu>li>a:hover>i.icon-quit, .dropdown .dropdown-menu>li>a:focus>i.icon-quit {
	background-image: url(../../img/topmenu/user/w-quit.png);
}
/*修改bootstrap badge*/
.badge-danger {
	background-color: #D03737;
	color: #FFFFFF;
}

.msg-badge:empty {
	display: none;
}

.msg-badge {
	position: absolute;
	top: 14px;
	left: 24px;
	border-radius: 10px;
	min-width: 12px;
	height: 12px;
	background-color: #BC2C2C;
	color: #FFFFFF;
	font-size: 9px;
	line-height: 12px;
	padding: 0px 3px;
}
.msg-badge.new{
	left: 70px;
}
iframe.main-container{
	height: calc(100vh - 58px);
    border: none;
    margin-top:51px;
}
.icon-msg-new{
	background-image: url(../../img/topmenu/msg-new.png);
	background-size: 13px 13px;
}