.container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.navbar-logo {
	width: 112px;
	height: 28px;
}

.navbar-text {
	display: inline-block;
	vertical-align: top;
	color: #666666;
	font-weight: 600;
	font-size: 17px;
	margin: 14px 0 0 10px;
}

.distributors {
	max-width: 800px;
	width: 100%;
}

.new-distributor-annotation {
	font-size: 13px;
	margin-top: 20px;
}

.hidden {
	display: none;
}

.has-text-green {
	color: #38a169;
}

.has-text-orange {
	color: #dd6b20;
}

.is-transparent {
	opacity: 0;
}

.has-text-blue {
	color: #3182ce;
}

.is-underlined {
	text-decoration: underline;
}

.has-smaller-text {
	font-size: 15px;
}

.has-overflow-x {
	overflow-x: auto;
}

.has-overflow-y {
	overflow-y: auto;
}

.has-nowrap {
	white-space: nowrap;
}

.log-payload {
	max-width: 100%;
	max-height: 100px;
	margin: 0;
	padding: 0;
	overflow: auto;
}

.has-width-75 {
	width: 75px;
}

.has-width-35 {
	width: 35px;
}

.log-action-column {
	width: 350px;
	margin-right: 10px;
}

.log-timestamp-column {
	width: 220px;
}

.upload-output-table {
	max-height: 450px;
	min-width: 500px;
	max-width: 90%;
	overflow-y: auto;
	overflow-x: auto;
	border: 1px solid #dbdbdb;
	margin-top: 50px;
}

.search-distributors__columns {
	margin-top: -2.25rem;
}

.search-distributors__columns:nth-of-type(2) {
	margin-top: -0.75rem;
}

.upload-entry-header {
	margin-top: 1.25rem;
	font-size: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	margin-bottom: -0.75rem;
}

.upload-entry-header__hash {
	display: inline-block;
	color: #eeeeee;
	font-size: 1rem;
}

.spinner {
	width: 100%;
	text-align: center;
}

.spinner > button {
	font-size: 2.5rem;
	border: none;
}

[data-account-status='active'] {
	color: #38a169;
}
[data-account-status='active']::after {
	content: 'aktywny';
}

[data-account-status='pending'] {
	color: #dd6b20;
}
[data-account-status='pending']::after {
	content: 'oczekujący';
}

[data-account-status='deactivated'] {
	color: #ff3860;
}
[data-account-status='deactivated']::after {
	content: 'zdezaktywowany';
}

@media screen and (max-width: 570px) {
	.add-distributor-fields {
		flex-direction: column;
		align-items: center;
	}
	.add-distributor-inputs {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 1000px) {
	.log-action-column {
		width: 75px;
	}
	.log-action {
		width: 100%;
		max-height: 100px;
		margin: 0;
		padding: 0;
		overflow: auto;
	}

	.log-timestamp-column {
		width: 125px;
	}
	.log-timestamp {
		width: 100%;
		max-height: 100px;
		margin: 0;
		padding: 0;
		overflow: auto;
	}
}

::-webkit-input-placeholder {
	color: #999;
}
::-moz-placeholder {
	color: #999;
	opacity: 1;
}

input:required,
select:required {
	box-shadow: none;
}