File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
/* 현황관제 */
.search{ height: inherit; width: -webkit-fill-available; }
.search label{ font-size: 16px; }
.search p{font-size: 16px;}
/* .search select{width: 20rem; height: 3rem;} */
.search .box{padding: 2rem 1rem;}
.search .box ul li{padding: 1rem; border-bottom: 1px solid #e5e3e3;}
.iconlist{width: 55px; background: #d6d6d6; padding: 2rem 0.7rem; text-align: center; height: inherit;}
.iconlist li{text-align: -webkit-center; margin-bottom: 4rem;}
.iconlist li div{width: 25px; height: 25px; background-repeat: no-repeat; }
.iconlist li p{font-weight: bold;}
.iconlist li.active p{color:#10833b;}
.iconlist li:nth-child(4) div{background-image: url(../images/icon/FailureOccurrencegray.png); }
.iconlist li:nth-child(4).active div{background-image: url(../images/icon/FailureOccurrencegreen.png);}
.iconlist li:nth-child(1) div{background-image: url(../images/icon/jaywalkinggray.png);}
.iconlist li:nth-child(1).active div{background-image: url(../images/icon/jaywalkinggreen.png);}
.iconlist li:nth-child(3) div{background-image: url(../images/icon/rightturngray.png);}
.iconlist li:nth-child(3).active div{background-image: url(../images/icon/rightturngreen.png);}
.iconlist li:nth-child(2) div{background-image: url(../images/icon/Signalextensiongray.png);}
.iconlist li:nth-child(2).active div{background-image: url(../images/icon/Signalextensiongreen.png);}
.top{ z-index: 100; background: #fff; top: 0; width: -webkit-fill-available;}
.top p {
font-size: 15px;
}
.top ul {
padding: 1rem 0;
justify-content: space-evenly;
}
.top li {
text-align: center;
}
.top h3 {
font-size: 20px;
}
.date-input,.time-input{height: 3rem; width: 80%;
}
.time-input, .text-input{height: 3rem;}
.mobile{display: none;}
.search-wrap {
margin-bottom: 30px;
background: #f7f6f6;
/* padding: 1rem; */
/* height: 16em; */
width: 100%;
/* flex-wrap: wrap; */
/* align-content: flex-start; */
margin-bottom: 3rem;
}
.search-wrap input{height: 3rem; width: 100%; border-radius: 5px;
border: 1px solid #949292; margin: 1rem; padding: 0.5rem;}
.search-wrap label{height: 100%; width: max-content; padding: 1rem; font-size: 14px; background: #f7f6f6; border-collapse: collapse;}
.search-wrap select{margin: 1rem; width: 25rem;}
.search-wrap .situ button{margin: 1rem;}
.search-wrap .box{width: 100%; padding-right: 5rem;}
@media all and (max-width: 479px) {
.board-wrap{padding: 0 1rem;}
.float-right{display: flow-root; margin: 2rem 0 1rem 0}
.tab-wrap ul{justify-content: center}
.tab{width: 16rem !important;}
.wrap{width: -webkit-fill-available !important; margin: 20px auto !important;}
.mobile{display: block !important;}
.pc{display: none;}
}