// .managerole-wrap{
//     // margin: 20px;
//     .managerole{
//          margin: 0 0 30px 0;
//         background: $st-text-ninth;
//         border-radius: 20px;
//         box-shadow: 0px 4px 10px #f3ecec;
//         .heading{
//             position: relative;
//             border-bottom: 1px solid #d1d1d1;
//             padding: 25px 20px;
//             .popupbtn{
//                 position: absolute;
//                 width: 36px;
//                 height: 34px;
//                 line-height: 30px;
//                 text-align: center;
//                 border: 1px solid #d1d1d1;
//                 top: 24px;
//                 right: 40px;
//                 svg{
//                     font-size: 20px;
//                     margin: 0 auto;
//                 }
//               }
//         }
//         .manage-table{
//             padding: 1.5rem;
//             //overflow-y: auto;
//             // max-height: 460px;
//             overflow: hidden;
//             .table-responsive {
//                 overflow-y: auto;
//                 max-height: 460px;
//             }
//             @media #{$large} {   
//                 table{
//                     thead{
//                         th{
//                             white-space: nowrap;
//                         }
//                     }
//                 }
//             }
//             @media #{$medium} {   
//                 table{
//                     thead{
//                         th{
//                             white-space: nowrap;
//                         }
//                     }
//                 }
//             }
//             @media #{$small} {   
//                 table{
//                     thead{
//                         th{
//                             white-space: nowrap;
//                         }
//                     }
//                 }
//                 }
           
//         }
//     }
// }
#managerole-wrap {
    padding: 40px;
    width: 100%;
    .sec-main {
        overflow-y:auto;
        .icons {
            display: flex;
            align-items: center;
            justify-content: center;
            .editIcon {
                display: inline-block;
                margin-right: 8px;
                cursor: pointer;
                svg {
                    color: #285192;
                    font-size: 18px;
                }
            }
            .deleteIcon {
                display: inline-block;
                cursor: pointer;
                svg {
                    color: red;
                    font-size: 18px;
                }
            }
        } 
        .table {
            tr, th {
                text-wrap: nowrap;
            }
            tr {
                &:nth-child(even) {
                    background-color: #f6f6f6;
                }
            }
            tbody tr td {
                .edit {
                    color: #285192;
                }
            }
        }
    }
}

.sideBarOverflow {
    > div {
      overflow-x: hidden!important;
      max-height: 375px!important;
    }
  }