.role-import{
    min-height: 330px;
}

.role-import .role-assign-wrap{
    padding-bottom: 10px;
}

.role-import .role{
    width: 100%;
    height: 40px;
}

.role-import .role:hover{
    background-color: #fafafa;
}

.role-import .arrow-right{
    width: 50px;
    min-width: 50px;
    height: 100%;
    vertical-align:middle;
    text-align: center;    
    cursor: pointer;
    background: url(/Images/icon_arrow.svg) no-repeat center;
}

/* manager roles - left column */
.role-import .left-col{
    width: 338px;
    height: 320px;    
}

.role-import .search-textbox {
    width:100%;    
    border-bottom: 1px solid #e0e0e0;
    background-color: #ffffff;
}

.role-import .search-textbox input{    
    width: 318px;
    height: 40px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #e0e0e0;
    margin: 10px;
}

.role-import .roles-container{
    display:inline-block;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px #e0e0e0;
}

.role-import .roles-container .role,
.role-import .roles-container .role label{
    cursor: pointer;   
    line-height: 40px;
    width: 100%;
    height: 100%;
}

.role-import .roles-container .role .container{
    display: inline-block;
}

.role-import .roles-container .role input[type=checkbox] {    
    float:left;
}

.role-import .role span {
    overflow: hidden;
    padding-right:20px;
    height: 100%;
    text-align:left;
    vertical-align:middle;
    width: 100%;
}

.role-import .roles-wrap {
    height: 260px;
}

/* manager roels - right column*/
.role-import .right-col{
    width: 378px;
    height: 320px;
}

.role-import .right-col h4{
    margin-left: 50px;
}

.role-import .roles-container .cancel-btn{    
    display:none;   
}

.role-import .roles-to-assign input[type=checkbox],
.role-import .roles-to-remove input[type=checkbox]
{
    display:none;
}

.role-import .cancel-btn{
    cursor:pointer;
    margin: 0 auto;
    width: 20px;
    text-align:center;
    min-width:50px;
    vertical-align: middle;
}

.role-import .roles-to-assign .role .container,
.role-import .roles-to-remove .role .container{
    padding-left: 20px;
    line-height: 40px;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.role-import .roles-to-assign-wrap,
.role-import .roles-to-remove-wrap {
    height: 132px; 
    width: 340px;
    border-radius: 4px;
    background-color: #fafafa;
    border: dashed 1px #e0e0e0;
    padding-top: 10px;
}

.role-import .roles-to-assign .role .checkbox,
.role-import .roles-to-remove .role .checkbox{
    display:none;
}