.x_hidden{
	display: none;
}

.x_clickable{
  border: 1px solid transparent;
  /*padding: 5px;*/
  border-radius: 8px;  
  color: inherit;
}

.x_clickable:hover{
  /*background-color: var(--hover-bg-color);*/
  border:1px solid #d1cece;
}


.x_clickable, .x_toggle{
  cursor: pointer;  
}

.x_clickable:hover, .x_toggle:hover, .x_selectable:hover{
  background-color: #e3feff;
}

  .x_selectable.selected{
  	background-color: #a6f4f7;
  }

  .x_selectable.selected:hover{
  	background-color: #a6f4f7;
  }

.x_flex{
  display: flex;
  align-items: center;
}

.x_flex.x_center{
  justify-content: center;
}

.x_flex.separate{
  justify-content: space-between;
}


.title{
	font-size: 139% !important;
}

.x_datatable{
  border-collapse: collapse !important;
} 

.x_datatable tbody tr td{
  padding: 0px 3px 0px;
  white-space: normal;
}

.x_datatable thead tr th {
  padding: 0px 18px 0px 3px;
  white-space: normal;
}

.x_datatable tbody tr {
  border: 1px solid #cccccc;
}

.x_selected{
  background-color: #b4fffb !important;
}