user-mapping-package/src/CSS/Usermapping.css

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

.usermappingflexpanel{
    display:flex;gap:10px;padding:10px;
}
.usermappingflexpanel >div{
    flex:1;
}
.fetchbutton{
    background: #113e70;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 1px 30px;
    font-size: 13px;
    height:30px;
    cursor: pointer;
    flex:40%;
}
.excelbutton{
    background: #113e70;
    color: #fff;
    border: none;
    border-radius: 5px;
   width:110px;
   height:30px;
    font-size: 13px;
    cursor: pointer;
    flex:44%;
    
}
.usermaplist{
    display:flex;gap:10px;padding:10px;
}
.totaluserheadercount{
    display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
}
.mapuserheaderlist{
    display: flex;
    justify-content: space-between;
    margin-bottom:5px;
    align-items:center;
}
.totaluserlist{
    flex:1;
}
.mappeduserlist{
    flex:1;
}
.usermaplistbutton{
    flex:1;
}
.totaluserheadercount >h3{
    margin:0;
    font-size:14px;
}
.addselectbtn{
    height:30px;
    background-color:#3198f8;
    opacity:1;
}

.mapuserheaderlist >h3{
    margin:0;
    font-size:14px;
}
.removebtn{
    height:30px;
    background-color:#3198f8;
    opacity:1;
}
.buttonsection{
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding-right: 10px;
}

.btnsubmit{
    padding:10px;
    color: #000;
    border: none;
    background: #113e70;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
}
.btncancel{
    padding:10px;
    color: #000;
    border: none;
    background: #ccc;
    cursor: pointer;
    border-radius: 4px;
    font-size: 12px;
}
.dx-texteditor.dx-editor-outlined{
    margin:4px;
}
.dx-list{
    border: 1px solid #ccc;
}
.userbtnsection{
    margin-top:10px;
    display:flex;
    gap: 5px;
}

.dx-loadpanel-content {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
    height: 450px; 
    opacity: 0.8;
  }
  .removebtns{
     height: 30px;
        margin-bottom: 5px;
  }

  @keyframes shimmer {
    0% {
      background-position: 200% 0;
    }
    100% {
      background-position: -200% 0;
    }
  }