/* @Author       : Junchen-Yi
 * @Designer	 : Taohua-Nong
 * @Date         : 2023-4-10 21:12:22
 * @Program name : status.css
 * Copyright (c) 2022 by Junchen-Yi Taohua-Nong, All Rights Reserved.
 */
.light{
	background-color: #ffffff;
	--background-color2:#ffffff;
	--text-color:#000000;
	--white:#ffffff;
	--born50:#9e9e9e;
	--born30:#cccccc;
	--born60:#7e7e7e;
	--footer1:#f5f5f7;
	--footertext:#86868B;
}
.dark{
	background-color: #000000;
	--background-color2:#000000;
	--text-color:#cccccc;
	--white:#ffffff;
	--born50:#9e9e9e;
	--born30:#666666;
	--born60:#7e7e7e;
	--footer1:#666666;
	--footertext:#cccccc;
}
p{
	margin: 0!important;
}
.status{
	width: 50.5%;
	margin: 0 auto;
	margin-bottom: 40px;
}
@media only screen and (max-width:768px)  {
.status{
	width: 70.5%;
	margin: 0 auto;
	margin-bottom: 40px;
	
}
}
.status-head{
	padding-top: 50px;
}
.status-head-tit{
	margin-bottom: 30px;
	text-align: center;
	color:var(--text-color);
}
.status-head-tit-p{
	font-size: 31px;
}
.status-light{
	display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-content: center;
	    justify-content:right;
	    align-items: center;
		padding-bottom: 7px;
		padding-right: 20px;
	border-bottom: 0.1rem solid #cccccc;
}
@media only screen and (max-width:768px)  {
.status-light{
	display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-content: center;
	    justify-content:center;
	    align-items: center;
		padding-bottom: 7px;
		padding-right: 0px;
		
	border-bottom: 0.1rem solid #cccccc;
}
}
.status-light-flex{
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    justify-content: center;
	    align-content: center;
	    align-items: center;
		margin-left: 5px;
}
.status-body{
	margin-top: 30px;
}
.status-light-available-type{
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGw9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPjxtZXRhZGF0YT4gUHJvZHVjZWQgYnkgT21uaUdyYWZmbGUgNi42LjEgPGRjOmRhdGU+MjAxNi0xMS0xNiAwODozNTo0OSArMDAwMDwvZGM6ZGF0ZT48L21ldGFkYXRhPjxkZWZzLz48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS1vcGFjaXR5PSIxIiBzdHJva2UtZGFzaGFycmF5PSJub25lIiBmaWxsPSJub25lIiBmaWxsLW9wYWNpdHk9IjEiPjx0aXRsZT5DYW52YXMgMTE8L3RpdGxlPjxnPjx0aXRsZT5MYXllciAxPC90aXRsZT48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iIzI4Yzk0MCIvPjwvZz48L2c+PC9zdmc+);	height: 16px;
	background-repeat: no-repeat;
          margin-right: 5px;
          height: 21px;
          width: 21px;
          background-size: 21px 21px;
          vertical-align: middle;
          display: inline-block;
}
.status-light-available-p{
	margin: 0;
	color:var(--text-color);
	
}
.status-light-issue-type{
          background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGw9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIzIDIzIiB3aWR0aD0iMjNwdCIgaGVpZ2h0PSIyM3B0IiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPjxtZXRhZGF0YT4gUHJvZHVjZWQgYnkgT21uaUdyYWZmbGUgNi42LjEgPGRjOmRhdGU+MjAxNi0xMS0xNiAyMzo0Njo1OSArMDAwMDwvZGM6ZGF0ZT48L21ldGFkYXRhPjxkZWZzLz48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS1vcGFjaXR5PSIxIiBzdHJva2UtZGFzaGFycmF5PSJub25lIiBmaWxsPSJub25lIiBmaWxsLW9wYWNpdHk9IjEiPjx0aXRsZT5pY29uXzUxMng1MTI8L3RpdGxlPjxnPjx0aXRsZT5MYXllciAxPC90aXRsZT48cGF0aCBkPSJNIDExLjMxMzcwODUgMCBMIDIyLjYyNzQxNyAxMS4zMTM3MDg1IEwgMTEuMzEzNzA4NSAyMi42Mjc0MTcgTCAwIDExLjMxMzcwODUgWiIgZmlsbD0iI2ZlZTAzMiIvPjwvZz48L2c+PC9zdmc+);
          background-repeat: no-repeat;
          margin-right: 5px;
          height: 21px;
          width: 21px;
          background-size: 21px 21px;
          vertical-align: middle;
          display: inline-block;
}
.status-light-issue-p{
	margin: 0;
	color:var(--text-color);
	
}
.status-light-stop-type{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGw9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iLTIgLTEgMjIgMjAiIHdpZHRoPSIyMnB0IiBoZWlnaHQ9IjIwcHQiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+PG1ldGFkYXRhPiBQcm9kdWNlZCBieSBPbW5pR3JhZmZsZSA2LjYuMSA8ZGM6ZGF0ZT4yMDE2LTExLTE2IDIzOjA2OjA2ICswMDAwPC9kYzpkYXRlPjwvbWV0YWRhdGE+PGRlZnMvPjxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLW9wYWNpdHk9IjEiIHN0cm9rZS1kYXNoYXJyYXk9Im5vbmUiIGZpbGw9Im5vbmUiIGZpbGwtb3BhY2l0eT0iMSI+PHRpdGxlPmljb25fNTEyeDUxMjwvdGl0bGU+PGc+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjxwYXRoIGQ9Ik0gLS44OTMzMDU0NCAxNy4wMDMyNDYgTCA4LjI1NzEwODQgMS4wMTYzMTYzIEMgOC41MzE0NTggLjUzNjk5MyA5LjE0MjQzMDQgLjM3MDgyODk0IDkuNjIxNzU0IC42NDUxNzg0NCBDIDkuNzc2MzA1IC43MzM2Mzg4IDkuOTA0NDMxIC44NjE3NjQ4NyA5Ljk5Mjg5MTYgMS4wMTYzMTYzIEwgMTkuMTQzMzA1IDE3LjAwMzI0NiBDIDE5LjQxNzY1NSAxNy40ODI1NyAxOS4yNTE0OTEgMTguMDkzNTQyIDE4Ljc3MjE2OCAxOC4zNjc4OTIgQyAxOC42MjA5MjMgMTguNDU0NDU5IDE4LjQ0OTY4MSAxOC41IDE4LjI3NTQxNCAxOC41IEwgLS4wMjU0MTM4ODcgMTguNSBDIC0uNTc3Njk4NjQgMTguNSAtMS4wMjU0MTM5IDE4LjA1MjI4NSAtMS4wMjU0MTM5IDE3LjUgQyAtMS4wMjU0MTM5IDE3LjMyNTczMyAtLjk3OTg3MzI0IDE3LjE1NDQ5MSAtLjg5MzMwNTQ0IDE3LjAwMzI0NiBaIiBmaWxsPSIjZjEyNzFhIi8+PC9nPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    margin-right: 5px;
    height: 21px;
    width: 21px;
    background-size: 21px 21px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}
.status-light-stop-p{
	margin: 0;
	color:var(--text-color);
	
}
.status-light-unused-type{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGw9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTJwdCIgaGVpZ2h0PSI1MTJwdCIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj48bWV0YWRhdGE+IFByb2R1Y2VkIGJ5IE9tbmlHcmFmZmxlIDYuNi4yIDxkYzpkYXRlPjIwMTctMDMtMTQgMjA6MDk6NTkgKzAwMDA8L2RjOmRhdGU+PC9tZXRhZGF0YT48ZGVmcy8+PGcgc3Ryb2tlPSJub25lIiBzdHJva2Utb3BhY2l0eT0iMSIgc3Ryb2tlLWRhc2hhcnJheT0ibm9uZSIgZmlsbD0ibm9uZSIgZmlsbC1vcGFjaXR5PSIxIj48dGl0bGU+aWNvbl81MTJ4NTEyPC90aXRsZT48Zz48dGl0bGU+TGF5ZXIgMTwvdGl0bGU+PHBhdGggZD0iTSAxMCAwIEwgNTAyIDAgQyA1MDcuNTIyODUgMzM4MTc2ODhlLTIzIDUxMiA0LjQ3NzE1MjUgNTEyIDEwIEwgNTEyIDUwMiBDIDUxMiA1MDcuNTIyODUgNTA3LjUyMjg1IDUxMiA1MDIgNTEyIEwgMTAgNTEyIEMgNC40NzcxNTI1IDUxMiA2NzYzNTM3NWUtMjMgNTA3LjUyMjg1IDAgNTAyIEwgMzAxOTgwNjZlLTIxIDEwIEMgMzA4NzQ0MmUtMjAgNC40NzcxNTI1IDQuNDc3MTUyNSAtMzM4MTc2ODhlLTIzIDEwIDAgWiIgZmlsbD0iI2I4YjhiOCIvPjwvZz48L2c+PC9zdmc+);
    background-repeat: no-repeat;
    margin-right: 5px;
    height: 21px;
    width: 21px;
    background-size: 21px 21px;
    vertical-align: middle;
	border-radius: 50%;
    display: inline-block;
    position: relative;
}
.status-light-unused-p{
	margin: 0;
	color:var(--text-color);
}
.su{
	color: #0070c9!important;
	text-decoration: underline;
}
.status-list{
	margin-top: 10px;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.status-list-item{
	display: flex;
	margin-top: 13px;
	margin-left: 15px;
    margin-right: 15px;
	padding-bottom: 5px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
	border-bottom: 0.1rem solid #cccccc;
}
.status-list-name{
	margin-left: 10px;
	font-size: 17px;
	color:var(--text-color);
	
}
.status-time{
	margin-left: 7px;
	margin-top: 30px;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
.status-time-p1{
	font-size: 14px;
	color: var(--born60);
}