agv-summoner/css/style.css

			.mui-btn-block{
				margin-bottom: 0;
			}
			.mui-content-padded{
			  	margin: 2px;
			  }
			.mui-col{  
				display: inline-block;  
				padding: 2px;
			}  
			/*滚动条样式*/
			::-webkit-scrollbar {
            width: 0;
            background-color: #F5F5F5;
			}
			/*定义滚动条轨道 内阴影+圆角*/
			::-webkit-scrollbar-track {
				background-color: #2e3342;
			}
			/*定义滑块 内阴影+圆角*/
			::-webkit-scrollbar-thumb {
				background-color: #2e3342;
			}
			.mui-btn-royal{
					background-color: rgba(141, 157, 199, 0.5);
					border:1px solid rgba(141, 157, 199, 0.5)
			}
			.active {
				background-color: #d4d4d4;
				color:white;
			}
			.up{
				background: #0087c5 url(../img/top.svg) no-repeat 50% 10%;
			}
			.down{
				background: #0087c5 url(../img/bottom.svg) no-repeat 50% 10%;
			}
			.mui-plus .plus{
				display: inline;
			}
			.plus{
				display: none;
			}
			#topPopover {
				position: fixed;
				top: 16px;
				right: 6px;
			}
			#topPopover .mui-popover-arrow {
				left: auto;
				right: 6px;
			}
			p {
				text-indent: 22px;
			}
			span.mui-icon {
				font-size: 14px;
				color: #007aff;
				margin-left: -15px;
				padding-right: 10px;
			}
			.mui-popover {
				color:#fff;
				height: 260px;
				width: 130px;
				background-color: rgba(141, 157, 199, 0.9);
			}
			.mui-content {
				padding: 10px;
			}
			 .mui-scroll-wrapper{
				background-color:transparent;
			}
			.mui-popover .mui-table-view{
				background-color: transparent;
			}
			.history tr{
				background-color: #ffffff;
				border-radius:5px 0 0 5px;
			}
			.history td:first-child{
				border-radius:5px 0 0 5px;
			}
			.history td:last-child{
				border-radius: 0 5px 5px 0;
			}
			
			.grid-task >div{
            display: grid;
            grid-template-columns: 60px 1fr 1fr 100px;
            grid-gap: 1px;
        }
        .grid-task >div>span{
			color: #fff;
			font-size: 15px;
            background-color: rgba(141, 157, 199, 0.5);
            padding:5px 5px 2px 10px;
        }
		.mui-bar{
			height:35px
		}
		.mui-bar-nav{
			top: 0;
			box-shadow: 0 1px 6px #2e3342;
		}
		.mui-title {
			line-height:35px
		}
		.mui-bar .mui-icon {
			padding-top:5px
		}
		.mui-bar-nav~.mui-content{
			padding-top: 30px;
		}
		.text-success{
			color:#27c24c
		}
		.mui-bar .mui-btn-link {
			line-height: 36px;
		}
		.mui-col-xs-3{
			width: 22%;
		}
		* { touch-action: none; }
		
		
		.mui-content-padded{
		  	padding: 10px 0 10px 0;
		  }
		.mui-col{  
			padding-right: 4px; 
			display: inline-block;  
			padding: 2px 5px;
		}  
		.item{
			margin: 5px 0;
		}
		.mui-row{
			padding: 4px 0;
		}
		.mui-col-xs-3{
			padding: 2px 2px;
		}
		.mui-col-xs-3 >input{
			height: 20px;
			margin-bottom: 0px;
			border: 1px solid #298890;
			background-color: rgba(255,255,255,0);
		}
		.mui-col-xs-2{
			text-align: right;
		}
		.mui-icon-undo{
			font-size: 40px;
		}