@media only screen and (max-width: 1000px) {
	body {
		font-size: 50px !important;
		
	}
	input[type=checkbox] {
		margin-right: 1em;
		/* All browsers except webkit*/
		transform: scale(3);
		/* Webkit browsers*/
		-webkit-transform: scale(3);
	}
	select {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	input[type="radio"] {
		margin-right: 1em;
		/* All browsers except webkit*/
		transform: scale(3);
		/* Webkit browsers*/
		-webkit-transform: scale(3);
		display:inline-block;
		width: 20%;
	}
	input[type="text"] {
		padding: 0.5em;
		border: 3px solid #ccc !important;
	}
	input[type="password"] {
		padding: 0.5em;
		border: 3px solid #ccc !important;
	}

	.page-container {
		display: flex;
		flex-direction: column !important;
		width: 100%;
	}
	textarea {
		padding: 0.5em;
		margin: 0 5px;
		border: 2px solid #ccc !important;
	}
}
@media only screen and (min-width: 1000px) {
	.page-container {
		display: flex;
		flex-direction: row;
		min-height: 1000px;
	}
	input[type="text"] {
		margin: 0 5px;
		padding: 0.5em;
		border: 1px solid #ccc !important;
	}
	input[type="password"] {
		padding: 0.5em;
		margin: 0 5px;
		border: 2px solid #ccc !important;
	}
}
@media not all and (min-resolution: 0.001dpcm) {
	@supports (-webkit-appearance: none) {
		input[type="radio"] {
			padding: 1em !important;
			margin-right: 1em !important;
			font-size: 20px !important;
			transform: scale(1) !important;
			-webkit-transform: scale(1) !important;
		}
	}
}



* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

ul li {
	list-style-type: none;
}

.greet {
	padding: 1em;
	margin-bottom: 15px;
	background-color: rgb(18, 85, 92);
	color: white;
}
hr {
	margin-bottom: 0.5em;
}
textarea {
	outline: 0;
	border: 0.1em solid #ccc;
	border-radius: 0.5em;
}
textarea:focus {
	box-shadow: 0 0 2px 0.2em rgba(35, 112, 255, 0.32);
}

input[type="text"],input[type="password"] {
	outline: 0;
	border: 0.1em solid #ccc;
	border-radius: 0.5em;
}
input[type="text"]:focus,input[type="password"]:focus {
	border-color:transparent;
	box-shadow: 0 0 1px 0.2em rgba(35, 112, 255, 0.32);
}

button {
	padding: 5px;
	border-radius: 0.5em;
	border:0.1em solid #bbb;
	background-color: #eee;
	cursor: pointer;
}
button:focus {
	box-shadow: 0 0 1px 0.2em rgba(35, 112, 255, 0.32);
}

.self-message{
	border:0.1em solid #ccc;
	border-radius:0.5em;
	margin-top:0.5em;
}
.other-message{
	border-radius:0.5em;
	margin-top:0.5em;
	background-color: #ddd;
}

hr {
	height:1px;
	border:none;
	background:#ccc;
}

.transactions-tbl td, .transactions-tbl th {
	padding: 10px;
}

.transactions-tbl tr th {
	background-color: #eee;
}

table.transactions-tbl, .transactions-tbl td, .transactions-tbl th {
	border: 1px solid #bbb;
	border-collapse: collapse;
}

.trans-paginacija a {
	display: inline-block;
	padding: 6px 9px;
	border: solid 1px #ccc;
	text-decoration: none;
	color: #111;
	border-radius: 8px;
}

.trans-paginacija a.active {
	background-color: #eee;
	font-weight: bold;
}