[class$="_filter"] {
    float: right;
  }

  /* .clickable-row {
    cursor: pointer;
  }
  
  .clickable-row:hover {
    background-color: #075E54;
  } */

  .show-text {
    cursor: pointer;
  }
  
  .notes-clickable-row:hover {
    background-color: #075E54;
  }

  #additionalContent {
    position: relative;
    float: none;
    margin: 0 auto;
    display: none;
    width: auto;
  }
  
  #tableLocale tr td {
    max-width: 200px;
    height: 20px;
    overflow: hidden; /* this is what fixes the expansion */
    text-overflow: ellipsis; /* not supported in all browsers, but I accepted the tradeoff */
    white-space: nowrap;
  }

  .widget-user .widget-user-header {
    height: 130px;
  }

  .checkbox label, .radio label {	
    font-weight: 700;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.42857143 !important;
}

.icon-color {
  color: #075E54;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
  background-color: #075E54 !important;
  border-color: #57549C !important;
}

.vertical-alignment-helper {
  display:table;
  height: 100%;
  width: 100%;
  pointer-events:none;
}
.vertical-align-center {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
  pointer-events:none;
}
.modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width:inherit;
  max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
  height:inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events:all;
}
/* 
.glyphicon {
  font-size: 20px;
} */

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  line-height: 12px !important;
}

.small-box {
  box-shadow: 0 0 0;
}