.mobile .pd-content {
	height: auto !important;
	position: absolute;
  bottom: 0px;
	top: calc( var(--header-height) * 2 )
}

.tw-page-headline-wrapper {
  margin: 0;
  padding: 0 0 20px 0;
}


.tw-entity-table-wrapper {

}

.mobile .header-bb .searchfield > input {
  width: calc( 100% - 43px);
}

.tw-entity-table-wrapper {
	
}

.tw-entity-table {
  border-collapse: collapse;
  width: 100%;
}

.tw-entity-table > thead {
  box-shadow: 0 2px 4px 0 rgba( 43, 43, 43, 0.1 );
  overflow-y: scroll;
  -ms-overflow-style: thin;  /* IE and Edge */
  scrollbar-width: thin;
  max-height: 40px;
  position: sticky;
	z-index: 2;
  top: 0px;
  box-shadow: -1px 1px 0px 0 var(--shadow-color-secondary);
}

.tw-entity-table > tbody {
  overflow-y: scroll;
  -ms-overflow-style: thin;  /* IE and Edge */
  scrollbar-width: thin;
}

.tw-entity-table > tbody::-webkit-scrollbar {
  display: none;
}

.tw-entity-table > thead > tr {
  background-color: var(--shadow-color-tertiary);
  color: #333;
}

.tw-entity-table > tbody > tr {
  background-color: var(--shadow-color-primary);
  color: #333;
}

.tw-entity-table > tbody > tr:hover,
.tw-entity-table > tbody > tr:nth-child(2n):hover {
  background-color: var(--shadow-color-secondary);
  color: #333;
}

.tw-entity-table > tbody > tr:nth-child(2n) {
  background-color: var(--shadow-color-tertiary);
}

.tw-entity-table > thead > tr > th,
.tw-entity-table > tbody > tr > td {
  padding: 10px 20px;
  text-align: left;
  vertical-align: middle;
}

.list-cb-col {
	width: 0px;
}

.list-select-cb {
	padding: 0;
}

.list-select-cb > .pd-checkmark {
	background-color: #ffffff;
}

.list-select-cb > input {
	position: relative;
}

.mobile .tw-entity-table >  thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.mobile .tw-entity-table > tbody > tr {
  border-bottom: 3px solid #ddd;
  display: block;
}

.mobile .tw-entity-table > tbody > tr > td {
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: 14px;
  text-align: right;
}

.mobile .tw-entity-table > tbody > tr > td.tw-id-font {
  font-family: 'Quicksand', sans-serif;
}

.mobile .tw-entity-table > tbody > tr > td::before {
  /*
  * aria-label has no advantage, it won't be read inside a table
  content: attr(aria-label);
  */
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}

.mobile .tw-entity-table > tbody > tr > td:last-child {
  border-bottom: 0;
}

.mobile .btn-create-new-patient {
  position: fixed;
  right: 20px;
  bottom: 20px;
  height: 55px;
  width: 55px;
  font-size: 22px;
  border-radius: 100px;
}

.mobile .btn-create-new-patient > i {
  margin: 0;
}

.mobile .btn-create-new-patient span {
  display: none;
}

.tw-entity-table > tbody > tr > td > a {
  color: #333;
  text-decoration: none;
}

.tw-entity-table > tbody > tr > td > a:hover {
  text-decoration: underline;
}

.fmf-scroll-btn-wrapper {
  display: flex;
  flex-grow: 1;
  padding: 0 20px;
}

.mobile .fmf-scroll-btn-wrapper {
	justify-content: center;
}

.fmf-scroll-btn-wrapper > button {
  padding: 10px 15px;
  /*background-color: var(--shadow-color-primary);*/
  background-color: transparent;
  border: 1px solid var(--shadow-color-secondary);
  color: #333;
  cursor: pointer;
  /*margin: 0 5px;*/
  transition: .3s;
}

.fmf-scroll-btn-wrapper > button:first-child {
  border-radius: 5px 0 0 5px;
}

.fmf-scroll-btn-wrapper > button:last-child {
  border-radius: 0 5px 5px 0;
}

.fmf-scroll-btn-wrapper button:not(:last-child) {
  border-right: none;
}

.fmf-scroll-btn-wrapper > .custom-select {
  min-width: 55px;
}

.fmf-scroll-btn-wrapper > .custom-select > .select-selected {
  border-right: none;
  background-color: transparent;
}

.fmf-scroll-btn-wrapper > .custom-select .select-items {
  right: -1px;
  background-color: transparent;
}

.fmf-scroll-btn-wrapper > button:hover,
.fmf-scroll-btn-wrapper > .custom-select > .select-selected:hover {
  background-color: var(--shadow-color-primary);
}

.fmf-table-nav-wrapper {
  margin: 20px 0;
  display: flex;
}
