.careful {
	border: 2px solid yellow;
	border-radius: 5px;
	padding: 3px 10px;
	margin: 0px auto 10px auto;
	background-color: #ffffa8;
	color: black;
	font-weight: normal;
}

.rbac-container {
  /* display: flex; */
  /* flex-flow: row wrap; */
  /* justify-content: flex-start; */
}

.table-container {
  background-color: white;
  margin: 0 auto;
  border-radius: 4px;
  border: 1px solid #DADADA;
  padding: 10px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, .08);
}

.table-columns {
  display: flex;
  column-gap: 10px;
  justify-content: space-between;
}

.table-column {
  flex: 1;
  padding: 0 5px;
}

.table-row {
  display: flex;
  /* border: 2px solid orange; */
}

.table-row:hover {
  cursor: pointer;
  background-color: #F0F0F0;
/*   box-shadow: 0px 1px 4px rgba(0, 0, 0, .08); */
}


.row-item {
  width: 100%;
  transition: all 0.15s ease-in-out; 
}

.row-item:hover {
    cursor: pointer;
  background-color: #F0F0F0;
}



.row-sub-container {
  /* display: flex; */
  /* flex-flow: column nowrap; */
  /* flex: 1; */
}

.row-sub-container .row-item {
  padding: 8px 0;
  border-bottom: 1px solid #dadada;
}

.table-row:last-child,
.row-sub-container .row-item:last-child {
  border-bottom: 0;
}

.rabc-list-container {
  /* flex: 0 0 30%; */
  /* min-width: 350px; */
  /* align-self:stretch;  */
  /* border: 2px solid blue; */
}

.rabc-actions-container
{
  width: 290px;
  padding: 10px 15px;
  /* border: 2px solid green; */
}

.borderbox {
  margin: 0 auto 10px auto;
  border-radius: 4px;
  border: 1px solid #DADADA;
  padding: 10px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, .08); 
}

.scrollbox {
  max-height: 150px;
  overflow-y: scroll;
  padding: 0 5px;
}
  .scrollbox ul li {
  list-style: none;
  padding: 0px;
}

.role-list-container {
  order: 2;
}

.role-actions-container{
  order: 1;
  flex: 3 3 50%;
  align-self: center;
  min-width: 290px;
}
.roles-col1 {
  display:none;
  min-width: 50px; 
}
.roles-col2 {
  min-width: 150px;
}

.permission-list-container {
  order: 2;
}

.permission-actions-container {
  order: 1;
  flex: 3 3 50%;
  align-self: center;
  width: 350px;
}
.permissions-col1 {
  display:none;
  min-width: 50px; 
}
.permissions-col2 {
  min-width: 150px;
}

.p2r-actions-container {
  flex: 3 3 50%;
  align-self: center;
  min-width: 350px;
}
.p2r-col1 {
  min-width: 250px;
}


.r2u-u-list-container {
  order:2;
}
.r2u-r-list-container {
  order: 4
}
.r2u-u-actions-container {
  order: 1;
}
.r2u-r-actions-container {
  order: 3;
}