|
.track-container{
width: 97%;
margin: 20px auto;
padding: 20px;
box-sizing: border-box;
.search-container{
width: 100%;
padding: 0 0 20px;
.search-ctn{
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
position: relative;
display: flex;
justify-content: space-between;
>div{
display: flex;
line-height: 2;
.label-content{
display: flex;
margin: 0 20px 16px 0;
line-height: 2;
.label{
min-width: 60px;
}
}
.input-rule{
flex: 1;
margin:0 0 0 20px;
width: 200px;
.dropdown{
width: 100%
}
}
}
.btns{
min-width: 415px;
button{
margin: 0 2px;
}
}
}
}
.table-pager{
margin: 20px auto;
}
}
.loading--fix{
color: #000;
background-color: rgba(255, 255, 255, 0.8);
}
.modal{
.top{
display: flex;
>div{
display: flex;
margin: 0 20px 16px 0;
line-height: 2;
.label-content{
display: flex;
margin: 0 20px 16px 0;
line-height: 2;
}
.input-rule{
flex: 1;
margin:0 0 0 20px;
.dropdown{
width: 100%
}
}
}
}
.content{
display: flex;
.left{
width: 430px;
.header{
display: flex;
justify-content: space-between;
padding-right: 10px;
.import-down{
display: flex;
}
}
th{
padding: 0;
}
.explain{
margin-top: 20px;
font-size: 10px;
color: #000000;
padding-right: 10px;
.title{
color: #4C8DDA;
}
}
}
.right{
width: 1200px;
height: 600px;
}
}
}
|