.close-button{position:absolute;top:10px;right:10px;font-size:18px;cursor:pointer;background:none;border:none}.modal-title{margin:0;font-size:24px;padding-bottom:10px}.modal-message{font-size:20px;margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;align-items:center}.modal-button{background-color:#fff;color:#333;border:none;font-size:16px;cursor:pointer;border-radius:5px;text-decoration:underline;margin-right:10px}.modal-button-confirm{width:18%}.modal-button-confirm,.modal-button-ok{background-color:#191919;color:#fff;border:none;font-size:16px;cursor:pointer;border-radius:5px;height:4vh}.modal-button-ok{width:8%}.containerStyle{width:100%;max-height:250px;overflow-y:auto;margin:20px 0;border-radius:6px}.tableStyle{width:100%;border-collapse:collapse}.thStyle{background-color:#f3f3f3;padding:8px}.modal-content,.thStyle{text-align:center}.role-modal-container{padding:10px;border-radius:5px;margin-bottom:10px}.role-modal-title{text-align:left;font-size:20px;margin-top:0}.role-modal-table{width:100%;border-collapse:collapse}.role-modal-table-cell,.role-modal-table-header{text-align:left;padding:8px;border-bottom:1px solid #ddd}.role-list-item{margin-bottom:10px}.role-list-item-text{text-align:left}