dmerp/build/resources/main/static/css/base.css

/* 设置左侧侧边栏的高度 */
#main-nav{
	width: 160px;
	height: calc(100vh - 55px);
	background: #3a3f51;
}
/* 设置一级菜单的宽度 */
 .navbar-left > li + li {
     margin-bottom: 3px;
 }

/* 设置一级菜单的宽度 */
 .navbar-left > li.first-li {
     width: 160px;
     margin-bottom: 3px;
     position: relative;
     display: block;
     float: left;
     background: #3a3f51;
 }
 /* 设置一级菜单的左右边距 */
.navbar-left > li > a {
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 400;
    color: #bbc0cf;
    background-color: transparent;
    /*border: 1px solid #D5D5D5; */
    border-radius: 4px;
}
/* 去掉下划线 */
.none-underline {
    border-bottom: 0px !important;
}

.none-topline{
	border-bottom: 0px!important;	
}
/* 设置一级ul的样式 */
.navbar-left > li > ul.custom-style{
	position: relative;
}
/* 设置一级菜单向下按钮样式 */
.navbar-left > li.first-li > a >span.glyphicon-chevron-toggle:before {
       content: "\e114";
}
/* 设置一级菜单向上按钮样式 */
.navbar-left > li > a.active >span.glyphicon-chevron-toggle:before {
	content: "\e113";
}
/* 一级菜单激活和悬浮事件 */
.navbar-left > li.first-li > a.active , .navbar-left > li.first-li > a:hover {
    color: #FFF;
    background: -webkit-linear-gradient(top, #4A515B 0%,#3C4049 100%);
    border-color: #2B2E33;
}
 /* 设置二级菜单的宽度 */
li.second-li {
 	width: 160px;
 	float: none;
 	display: block;
 	margin-right: 20px;
 	padding-left: 10px;
 }
  /* 设置二级菜单的字体 */
li.second-li > a{
 	font-size: 12px;
 	padding-left: 20px;
 	padding-top: 10px;
 	padding-right: 20px;
 	padding-bottom: 6px;
 	color: #e1eaf1;
 	background: #363a4b;
 }
/* 设置二级菜单的激活和悬浮式样式 */
li.second-li > a.active,
li.second-li > a:hover{
     color: #FFF;
     background: -webkit-linear-gradient(top, #4A515B 0%,#3C4049 100%);
     border-color: #2B2E33;
 }
 
.navbar-right > li{
	width: 200px;
}

/* 图标的颜色设置 */
img.img-logo {
	margin-left: -12px;
	margin-top: -23px;
	height: 69px;
    background-color: #21212100;
 }

 .collapsed.glyphicon-chevron-toggle, .glyphicon-chevron-toggle:before {
     content: "\e113";
 }

 .collapsed.glyphicon-chevron-toggle:before {
     content: "\e114";
 }
 
/*展示区域的数据样式*/
.main-show{
	background-color: #fff;
	position: absolute;
	margin-left: 160px;
    overflow-y: auto;
	left: 2x;
	width: calc(100vw - 165px)!important;
	/* top: 80px;距离顶部的距离 */
	height: calc(100vh - 55px);
	
}
/* 右边的侧边栏 */
.navbar-right{
	position: absolute;
	left: calc(100vw - 160px);
	top: 0px;
	height: 26px;
	z-index: 9999;
}
/* 欢迎语句的样式 */
.navbar-right > li.right-huan-ying{
	width: 140px;
	margin-left: -35px;
	height: 26px;
}

.navbar-right > li.log-out{
	width: 60px;
	height: 26px;
	margin-left: -10px;
}
.navbar-right > li > a{
	color: #333;
	height: 39px;
}

/* 页签的样式 */
ul#main-tabs{
	height: 30px;
}
/* 各个页签之间的间距控制 */
ul#main-tabs > li{
	padding-right: 1px;
	margin-left: 1px;
	height: 29px;
	font-size: 12px;
	background-color: #363a4b;
}
/* 设置字体的样式 */
ul#main-tabs > li > a{
	height: 30px;
	padding: 6px 5px;
	font-size: 12px;
	color: #fff;
	border: 0px;
	background-color: #363a4b;
}
/*激活状态的页签背景颜色*/
ul#main-tabs > li.active > a{
	color: #333;
	font-size: 12px;
	background: #f2f2f2;
}

/* 页签第一个li的样式 */
ul#main-tabs > li:nth-child(1){
	margin-left: -5px;
	width: 50px;
	font-size: 12px;
	padding-left: 5px;
}

/* iframe样式控制 */
.tab-content > div{
	display: none;
}
/* 显示激活的div */
.tab-content > div.active{
	display: block;
}


/* 关闭按钮的样式 */
.fa-times{
	margin-left: 15px;
	margin-right: 3px !important;
	font-size: 12px;
}

/* 设置统一的样式标签 */
ul.nav.nav-tabs{
	background-color: #363a4b;
}

/*设置bootstrap边线*/
.panel-header, .panel-body {
    border-width: 0px;
    padding: 0px;
    border-style: hidden;
}
/* table边框字体大小 */
 table tr td .btn{
      	font-size: 12px;
      	height: 20px;
      	padding-top: 2px;
}
/* 设置table的header字体*/
.fixed-table-container thead th .th-inner{
	   padding-top: 0px!important;
	   padding-bottom: 0px!important;
	   font-size: 12px;
  }

/*table行间距*/     
.bootstrap-table .table:not(.table-condensed)> tbody > tr > td{
	 padding-top: 2px;
	 padding-bottom: 2px;
	 padding-left: 2px;
	 padding-right: 2px;
	 font-size: 12px;
} 

/* 搜索框的字体 */
.panel-heading > span{
	font-size: 12px;
}
/* 图标菜单间距 */
.glyphicon{
	margin-right: 5px;
}
 body {
     font-family: 'Microsoft Yahei', '微软雅黑', '宋体', \5b8b\4f53, Tahoma, Arial, Helvetica, STHeiti;
     margin: 0;
}
.panel-heading{
	background: -webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
}
/* 设置checkbox的pading */
.th-inner{
	padding: 3px 0px !important;
}
/* 设置所有的内部宽度 */
th.bs-checkbox td.bs-checkbox> .th-inner{
	width: 30px;
}
/* 设置宽度 */
.th-inner > label{
	height: 20px;
}

/* bootstrap模态框样式 */
/*设置模态框的样式行*/
.col-sm-x{
	width: 150px!important;
	font-size: 12px;
}
.col-sm-t{
	width: 80px!important;
	margin-left: 5px;
	padding: 0px;
	font-size: 12px;
}
.col-sm-3{
	padding-right: 0px;
}
/* 标签字体 */
.title-span{
	font-size: 12px;
	margin-left: 5px;
}
span.huan-ying{
	font-size: 14px;
    color: #00a2d4;
}

/*重置标签的样式*/
.panel{
	border: 0px solid transparent;
}
.nav-tabs {
    border-bottom: 0px solid #ddd;
}