潘钊 / bsth_control · Files

.dropdown-menu {
    background-color: rgba(76, 115, 142, 0.95);
    border: 1px solid #4C738E;
}

.portlet.light > .portlet-title > .actions .dropdown-menu li > a 
,.dropdown-menu li > a{
    color: #e7ecf1;
}

.dropdown > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .btn-group > .dropdown-menu:before{
	border-bottom: 7px solid #4C738E;
}

.dropdown > .dropdown-menu:after, .dropdown-toggle > .dropdown-menu:after, .btn-group > .dropdown-menu:after {
    border-bottom: 7px solid #4C738E;
}

.dropdown-menu > li > a:hover{
	background: #799EB7;
}


.portlet-fullscreen .pagination>li>a, .pagination>li>span {
    line-height: 1.82857;
    font-family: 微软雅黑;
    font-size: 16px;
    height: 38px;
    color: #555555;
    background-color: #c5c8ce;
    border-top: none;
    border-bottom: none;
}

.portlet-fullscreen .pagination>li>a:hover{
	background-color: #eee;
}

.portlet-fullscreen .pagination>li.head>a{
    background: #3A5365;
    color: #fdfdfd;
    border: 1px solid #3A5365;
    border-radius: 5px 0 0 5px !important;
    margin-right: 2px;
    cursor: default;
}

.portlet-fullscreen .pagination>.active>a{
    color: #236BA9;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.portlet-fullscreen .pagination>.active>a:hover{
	background-color: #FFFFFF;
}

.portlet > .portlet-title > .actions > .btn-group  > .btn{
	padding: 7.5px 9px !important;
}

.portlet.light > .portlet-title > .actions .btn.dropdown-toggle{
	padding: 8.5px 9px !important;
    font-size: 12px;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #eee;
}

.portlet-fullscreen .nav-tabs>li.active>a{
    color: #337AB7;
    /* font-weight: bold; */
}

.portlet-fullscreen .nav-tabs > li > a{
    font-size: 16px;
    color: #eee;
    margin-right: 0px;
    padding: 10px 5px;
    border-right: none;
    font-family: 微软雅黑;
    border-bottom: 0;
}

.portlet-fullscreen .nav-tabs > li > a>span{
	color: #C3C3C3;
    font-size: 12px;
}

.portlet-fullscreen .nav-tabs > li > a:hover
,.portlet-fullscreen .nav-tabs > li > a:active{
	border: none;
	background: #0E5384;
}

.portlet-fullscreen  .nav-tabs>li.active>a>span{
	color: #333;
}

.portlet-fullscreen  .nav-tabs>li.active>a{
    background: #FFFFFF;
    color: #0A3F64;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 0 0 !important;
}

.portlet-fullscreen .nav-tabs {
    /* border-bottom: 1px solid #337AB7; */
}

.portlet.light.portlet-fullscreen > .portlet-body {
    padding: 0;
    height: calc(100% - 54px);
}

.tab-content .tab-content{
	height: calc(100% - 50px);
    overflow-y: auto;
    overflow-x: hidden;
}

.z-depth-1 {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
}

.z-depth-2 {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
}

.z-depth-3 {
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
		rgba(0, 0, 0, 0.19);
}

.nav-tabs > li > a, .nav-pills > li > a{
	font-size: 16px;
}

/* 自定义阈值  width 大于1200px  */
@media ( min-width : 1200px) {
	/* 非全屏 */
	.card_wrap {
		overflow-x: auto;
	}
	.card_wrap .col-lg-2 {
		width: 23%
	}
	.card_wrap .col-lg-8 {
		width: 53%;
		margin: 0 8px 0 8px;
	}
	
	/* 全屏模式下 */
	.portlet-fullscreen .card_wrap {
		min-width: 1910px;
	}
	.portlet-fullscreen .card_wrap .col-lg-2 {
		width: 19%
	}
	.portlet-fullscreen .card_wrap .col-lg-8 {
		width: 61.8967%;
    	margin: 0 1px 0 1px;
	}
}

.card_wrap{
	height: 263px;
	text-align: center;
}

.card_wrap .table-hover>tbody>tr:hover{
	background-color: #F1EBD7;
    cursor: pointer;
}

.card_wrap .line_chart{
	height: 100%;
	padding: 0;
}

.card_wrap .line_chart .top{
    height: 64px;
    background: linear-gradient(to right, #5384B9, #5e96d2, #5384B9);
    border: 1px solid #DADADA;
}

.card_wrap .line_chart .top .center{
    background: #FFFFFF;
    height: 100%;
    font-size: 15px;
    color: #333;
    padding: 10px 0px;
    font-family: 微软雅黑;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.card_wrap .line_chart .top .center strong{
	color: #336BB7;
    font-size: 18px;
}

.card_wrap .line_chart .top .left
,.card_wrap .line_chart .top .right{
    text-align: left;
    height: 100%;
    color: #E4E466;
    padding: 13px 5px;
    font-size: 15px;
}

.card_wrap .col-lg-2{
	height: 100%;
    /* overflow: hidden; */
    padding: 0;
    border: 1px solid #DADADA;
    border-bottom: none;
}

.card_wrap .col-lg-2 .table-advance thead tr th {
    font-size: 13px;
    font-family: 微软雅黑;
}


.card_wrap .col-lg-2 .table>tbody>tr>td,
.card_wrap .col-lg-2 .table>thead>tr>th{
	padding: 7px;
}

.card_wrap .col-lg-2 .table td{
	font-size: 14px;
	font-family: 微软雅黑
}

.card_wrap .col-lg-2.down{
	/* border: 1px solid #F36A5A; */
}

.card_wrap .col-lg-2 .title{
    line-height: 40px;
    color: #337ab7;
    background: rgb(255, 255, 255);
    font-size: 16px;
    text-align: left;
    padding-left: 10px;
    font-family: 微软雅黑;
}

.card_wrap .col-lg-2 .title .help_text{
    float: right;
    margin-right: 15px;
    color: #666;
    font-weight: 400;
    font-size: 14px;
}

.card_wrap .col-lg-2.down .title{
	    color: #e43a45;
}

.card_wrap .col-lg-2 .title .badge{
	border-radius: 12px !important;
    padding: 0;
    height: 24px;
    font-size: 14px !important;
    margin-left: 5px;
    font-weight: bold;
    width: 25px;
    line-height: 24px;
    background: #999;
    text-indent: -1px;
}

.row.card_wrap .table-advance {
	margin-bottom: 0px !important;
}

/* 上下行滚动条颜色 */
.row.card_wrap .slimScrollBar{
	background: rgba(51, 122, 183, 0.5) !important;
	border-radius: 5px !important;
}

.row.card_wrap .col-lg-2.down .slimScrollBar{
	background: rgba(243, 106, 90, 0.5) !important;
}

.row.card_wrap {
    margin-left: 0;
    margin-right: 0;
    overflow-y: hidden;
    background: #fdfdfd;
    margin-top: 5.8px;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* svg 样式 */
.line_chart svg{
    background: #fdfdfd;
    height: calc(100% - 70px);
    margin: 18px 0 0 0;
}
.station_circle{
	fill: #FFFFFF;
    r: 7.6;
}

.up_station_circle_inside{
	fill: #5e96d2;
    r: 5;
}

.down_station_circle_inside{
	fill: #c92121;
    r: 5;
}

.station_text{
	writing-mode: tb;
	letter-spacing: -2.6px;
}

.station_text.end{
	fill: none;
    stroke: #c92121;
}

.station_text.start{
	stroke: #5e96d2;
    fill: none;
}

.up_path{
	stroke-width: 7.4px;
	stroke: #5e96d2;
}
.down_path{
	stroke-width: 7.4px;
	stroke: #c92121;
}
.up-circle-none{
	fill: #5e96d2;
    r: 3;
}

.down-circle-none{
    fill: #C92121;
    r: 3;
}