@media screen and (max-width:1024px){.list-roles-wrap{padding:0 15px}}.list-roles-wrap .row{padding:0;margin:0}.list-roles-wrap .row .col--padding{padding:0 24px}.list-roles-wrap .card-body{padding-top:10px;padding-bottom:10px}.list-roles-wrap .card-body .flex1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px}@media screen and (max-width:1024px){.list-roles-wrap .card-body .flex1{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.list-roles-wrap .card-body .flex1 label{color:#657187;font-size:18px;font-weight:600;line-height:34px;margin-bottom:0}.list-roles-wrap .card-body .flex1 .btn-new{padding:0;width:170px;height:32px;border-radius:32px;background:#3b4b7e;border-color:unset}.list-roles-wrap .card-body .flex1 .btn-new .pr--plus svg{margin-top:0}.list-roles-wrap .card-body .table{border:1px solid #d8dbe0}.list-roles-wrap .card-body .table tr{color:#657186;font-size:14px;letter-spacing:.5px}.list-roles-wrap .card-body .table thead tr{font-weight:600}.list-roles-wrap .card-body .table td{color:#4d5666;font-size:14px;padding:8px;vertical-align:inherit}.list-roles-wrap .card-body .table td .btn{padding:0}.list-roles-wrap .card-body .table .blue button{color:#5f55e7;font-size:14px;line-height:41px}.list-roles-wrap .card-body .table .texts-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.list-roles-wrap .card-body .table .texts-wrap button{line-height:10px}.list-roles-wrap .card-body .table .texts-wrap span{background:#f2f52d;color:#000;border-radius:5px;font-size:12px;line-height:20px}.text-center{text-align:center}