@media screen and (max-width: 400px) {
    .wrapper input {
        min-width: 100%;
    }
}
@media screen and (max-width:600px) and (min-width:400px) {
    .wrapper input {
        min-width: 60%;
    }
}
@media screen and (max-width:850px) and (min-width:600px) {
    .wrapper input {
        min-width: 40%;
    }
}
@media screen and (min-width:850px) {
    .wrapper input {
        min-width: 25%;
    }
}
body {
    margin: 20px;
    }
div.oneRole {
    margin: auto;
    width: 60%;
    /* border: 1px solid;
    padding: 10px;
    box-shadow: rgb(187, 187, 187) 5px 5px 10px 10px; */
    /* width: 1102px; */
}
.labelForSelection{
    font-weight: 600;
}   
 .ProcInSelect{
    width: 100%;
    border: 1px solid #6d434b;
    /* width: 1100px; */
}
.donwloadSelectedFile{
    background-color: white;
    color: black;
    border: 2px solid #00B4CC;
    margin-bottom: 5px;
    border-radius: 5px;
}
.donwloadSelectedFile:hover{
    background-color: #00B4CC;
    /* border: 2px solid #00B4CC; */
}
.searchTerm {
    width: 25%;
    border: 3px solid #00B4CC;
    border-radius: 25px;
    /* border-right: none; */
    padding: 5px;
    height: 5%;
    border-radius: 15px;
    outline: none;
}
.wrapper input {
    /* min-width: 70%; */
}
.wrapper { position: relative; }
span.fa-search { position: relative; top: 10px; left: -25px; }

.margin-horizonal{
    margin-left:10%;
    margin-right:10%;
}