@import url(https://js.arcgis.com/4.23/@arcgis/core/assets/esri/themes/light/main.css);
:root {
	--politics-div-width: 200px;

}

html, body, #viewDiv {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}

#myLayerListDiv {
	background-color: white;
    padding: 10px;
    width: 220px;
}

#signInDiv  {
    background-color: white;
    padding: 1rem;
}

#signInDiv input {
	margin-bottom: .25rem;
}

#qrCodeDiv {
	display: none;
}

#twoFaCodeDiv {
	display: none;
}

tbody > tr {
	height: 25px;
}

tbody > tr > td:first-child > span.visible-layer {
	text-align: right;
	font-weight: 700;
}

tbody > tr > td:last-child > span.visible-layer::after {
	content: ' \2713';
	font-weight: 700;
}

tbody > tr > td:first-child {
	text-align: right;
}

tbody > tr > td:last-child {
	text-align: right;
    width: 20px;
}

#oblacnost {
	padding-top: 0.5rem;
}

.layer-id {
	cursor: pointer;
}

#politics {
    position: absolute;
    bottom: 0;
    height: 34px;
    padding: 8px 0;
    background-color: rgb(0 0 0 / 80%);
    font-weight: 700;
    width: 100%;
    text-align: center;
    color: red;
    z-index: 99;
}

#politics a {
	color: red;
	/* text-decoration: none; */
}

/* .mail-container {
	padding-top: 10px;
	text-align: center;
}

.mail-me a {
	text-decoration: none;
}

.mail-me::after {
	content: url('assets/mail.svg');
	display: inline-block;
} */

/* .esri-features__container.esri-features__content-container::after {
    content: 'STOP THE ISRAELI GENOCIDE';
    background-color: red;
    padding: 5px;
    margin: 0px;
    display: block;
    font-weight: 700;
    text-align: center;
} */