.selector_modernizer{
    display: flex;
    margin-left:-200px;
}
.selector_modernizer .list_box div,.selector_modernizer selected_box div{
    border-bottom:1px solid green;
    background-color:lightgrey;
    padding:10px 0px 10px 25px;
}
.selector_modernizer .control_box{
    margin-top:60px;
    height:50px;
}
.selector_modernizer .control_box .select_all_box{
    margin-bottom: 50px;
}
.selector_modernizer .list_box{
    margin-left:27vw;
}
.selector_modernizer .list_box,.selector_modernizer .selected_box{
    background-color:#e8d6bd;
    height:300px;
    width:300px;
    overflow-y: auto;
}
.selector_modernizer .list_box i,.selector_modernizer .selected_box i{
    float:right;
    padding-left:15px;
    padding-right:8px;
    font-size:22px;
}
.selector_modernizer .list_box div,.selector_modernizer .selected_box div{
    float: left;
    height: auto;
    width:245px;
    margin-top:2px;
    list-style-type: none;
    padding:6px;
    margin-left:30px;
    border:1px solid grey;
    background-color:#0b5e79;
}
.selector_modernizer .list_box div a,.selector_modernizer .selected_box div a{
    text-decoration: none;
    color:white;
    font-size: 15px;
    font-weight: 700;
}
.selector_modernizer .disabled{
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}
.selector_modernizer .list_box div i:before {
    content: "\f138"!important;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: larger;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.selector_modernizer .selected_box div i:before {
    content: "\f137"!important;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: larger;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.selector_modernizer .list_box div:hover,.selector_modernizer .selected_box div:hover{
    background-color:white;
}
.selector_modernizer .list_box div:hover a,.selector_modernizer .selected_box div:hover a{
    color: black;
}
.selector_modernizer .list_box div i:hover,.selector_modernizer .selected_box div i:hover{
    cursor: pointer;
    color: orangered;
}
.selector_modernizer .list_box div:first-child,.selector_modernizer .selected_box div:first-child{
    margin-top:8px;
}
.selector_modernizer .list_box div:last-child,.selector_modernizer .selected_box div:last-child{
    margin-bottom:8px;
}
.selector_modernizer .control_box{
    padding: 20px;
}
.selector_modernizer .control_box .select_all_box,.selector_modernizer .control_box .deselect_all_box{
    height:50px;
    width:50px;
}
.selector_modernizer .control_box .select_all_box:hover,.selector_modernizer .control_box .deselect_all_box:hover{
    cursor: pointer;
}
.selector_modernizer .control_box i:hover{
    cursor: pointer;
}
.selector_modernizer .control_box i{
    font-size: -webkit-xxx-large;
}
.selector_modernizer .placeholder{
    background-color:rgb(245, 248, 248) !important;
    border:1px dotted darkseagreen !important;
}
.selector_modernizer .drag{
    background-color:lightslategray !important;
    border:1px dotted darkseagreen !important;
}
.selector_modernizer .drag_over{
    background-color:rgb(142, 197, 13) !important;
    border:1px dotted darkolivegreen;
}