@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

html, body {
    overflow: auto;
    font-family: 'Lato', sans-serif;
}

body {
    padding-top: 150px;
	padding-bottom: 195px;
	max-width: 600px;
	margin: auto;
}

.small-thin * {
	font-size: 11pt;
	font-weight: 500;
	color: #767676;
}
		
.red {
	color: #FF0000;
}

/* Statistic numbers */
	header {
		display: flex;
   		flex-wrap: wrap;
		position: fixed;
		top: 0;
		width: 100%;
		max-width: 600px;
		background-color: #fafafa;
		box-shadow: rgba(0, 0, 0, 0.15) 0 1.95px 2.6px;
	}
	
	.row {
		flex-basis: 100%;
		display: flex;
			justify-content: space-between;
	}
	
	.flex-centre {
		justify-content: center;
	}
	
	.row.compact div {
		margin: 0 10px;
	}

	.stat {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		justify-content: center;
		box-shadow: 0 0 2px 1px #f3f1f1;
		background-color: #fff;
		border-radius: 5px;
		padding: 13px;
		margin: 20px;
	}
	.stat h2 {
		margin: 0;
		display: inline-block;
	}
	.stat span.titles {
		flex-basis: 100%;
		display: flex;
		justify-content: space-around;
	}
	.stat h1 {
		margin: 0;
		font-weight: 900;
	}
	.stat h1 span:first-child {
		margin-right: 10px;
	}
	.stat h1 span:last-child {
		margin-left: 10px;
	}
	
	.date-window {
		margin-top: -5px;
		margin-bottom: 5px;
	}
/* END */

/* Table stuff */
	.ui.table tbody td, .ui.table thead th{
		text-align: center;
	}
	/* New line the country flag in country column */
	.ui.table td i{
		display: block;
		margin: 5px auto;
	}
	/* Min width for dates column */
	table th:nth-child(2){
		min-width: 115px;
	}
	.ui.table td:nth-child(2){
		text-align: right;
	}
	/* Remove button column */
	table th:last-child{
		width: 15%;
	}

	/* Increase height of country dropdown */
	@media only screen and (max-width: 767px) {
		.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
			max-height: 33rem;
		}
	}
	.ui.dropdown .menu>.item {
		font-size: 1.3rem;
	}
	.ui.form {
		font-size: 1.3rem;
	}
	.ui.table {
		margin-top: 0;
		margin-bottom: 0;
	}
	.in_schengen {
		font-size: 9pt;
		font-weight: 500;
		color: #767676;
		margin: 0;
		display: block;
	}
/* END */

/* Add panel */
	div.add_panel {
		position: fixed;
		bottom:0;
		width: 100%;
		max-width: 600px;
		height: fit-content;
		background-color: #fafafa;
		box-shadow: rgba(0, 0, 0, 0.15) 0 -1.95px 2.6px;
		padding: 10px;
	}
	div.add_panel form {
		display: flex;
		flex-wrap:wrap;
		justify-content: center;
		align-items: flex-end;
	}
	div.add_panel .input-container {
		flex-basis: 46%;
		flex-shrink: 1;
		margin: 5px;
	}
	div.add_panel .select-container {
		flex-grow: 1;
		max-width: 270px;
	}
	/* Overrides semantic styles for select */
	div.add_panel .ui.form .field {
		margin: 5px;
	}
	div.add_panel .ui.button {
		margin: 5px;
		padding: 17px 20px;
	}
	div.add_panel .ui.form .field > .selection.dropdown {
		min-width: unset;
	}
/* END */