/* google font für heading -> muss ganz oben! */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap');

/* bugs datatable */
table.dataTable.uk-table-condensed .sorting:after, 
table.dataTable.uk-table-condensed .sorting_asc:after, 
table.dataTable.uk-table-condensed .sorting_desc:after {
    top: 16px;
}

/* Tooltip */
.uk-tooltip {
  font-family: 'Amiri', serif;
  font-size: 14px;
  background-color: #73AD21;
}

/* arbisch */
.arab {
  font-family: 'Amiri', serif;
  font-size: 21px;  
}
.arab-h2 {
  font-family: 'Amiri', serif;
  font-size: 42px;
}

h2 {
	font-family: 'Playfair Display', serif;
}

/* tabulator */
.tab {
 /*margin-left: 2.5em; */
 padding-left: 2em;
}

/* mehrzeilig verhindern -> global statt jeder td mit uk-text-nowrap */
#tbl_leser td, #tbl_leser th {
	white-space: nowrap;
}

/* zeilenabstand */
p { margin-top: 0; margin-bottom: 0; }
.uk-table td {
	padding: 6px;
	vertical-align: middle;
}

/* checkbox style */
.uk-checkbox {
	border-radius: 2px;
	border: 1px solid #dcdcdc;
}
.uk-checkbox:checked {
    background-color: #008000;
}

/* define colors */
.col-success {
  background-color: #c3e6cb;
}
.col-warning {
  background-color: #ffeeba;
}
.col-danger {
  background-color: #f5c6cb;
}
.col-neutral {
  background-color: #ffffff;
}