@media screen and (min-width: 641px) {
	.map-big
	{
		width: 75%;
		height: 75%;
		
		border-style:solid;
		border-width: 2px;
		border-color: black;
		border-radius:10px;
		
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@media screen and (max-width: 641px) {
	.map-big
	{
		width: 100%;
		height: 100%;
		
		border-style:solid;
		border-width: 2px;
		border-color: black;
		border-radius:10px;
		
		margin: 0;
		position: absolute;
	}
}


@media screen and (max-width: 641px) {

	.map-small
	{
		width: 100%;
		height: 50vh;
		
		position: relative;
		border-style:solid;
		border-width: 2px;
		border-color: black;
		border-radius:10px;
		padding-top: 50vh;
	}
}

@media screen and (min-width: 641px) {
	.map-small
	{
		width: 90%;
		height: 60vh;
		padding-top: 60vh;
		
		border-style:solid;
		border-width: 2px;
		border-color: black;
		border-radius:10px;
		
		position: relative;
		
		left: 50%;
		-ms-transform: translate(-50%, -0%);
		transform: translate(-50%, -0%);
	}
}

.btn-smallx {
    height: 10px;
    line-height: 24px;
    padding: 0 0.5rem;
}

#divVoteButtons,

#delete-button-container {
	
	padding-top: 1px;
	border-top-style:groove;
	border-color: gray;
	border-width: 1px;
	height: 2.3em;
}

.sidenav {
	z-index: 9999 !important;
	}

#popup-description {
	font-size: 1.3em;
	overflow: auto;
	max-height: 50vh;
	max-width: 75vw;
	padding: 0%;
	margin: auto;
}


body
{
	
	 background-color: gray;
	position: fixed;
	width: 100%;
	height: 100%;

	
} 

.h1
{
	text-align:center;
	font-size: 3em;
	color:black;
	
	border-bottom-style:solid;
	border-radius:10px;
	
	font-family: Helvetica, sans-serif;
}


@media screen and (min-width: 641px) {

	#editBox
	{
		width: 100vw;
		max-height: 35vh;
		position: relative;
		float: left;
	}

	#edit_text_area
	{
		max-width: 85vw;
		margin: 0 auto;
		max-height: 20vh;
		overflow: auto;	
	}

}


@media screen and (max-width: 641px) {

	#editBox
	{
		width: 100%;
		max-height: 45vh;
		position: relative;
		float: left;
	}

	#edit_text_area
	{
		max-width: 100vw;
		margin: 0 auto;
		max-height: 25vh;
		overflow: auto;	
		padding-left:1em;
		padding-right:1em;
	}

}

[radioColor="red"]:checked + span:after,
 
[type="red"].with-gap:checked + span:after {
 
  background-color: #FF0000 !important;
 
}

[radioColor="red"]:checked + span:after,
 
[radioColor="red"].with-gap:checked + span:before,
 
[radioColor="red"].with-gap:checked + span:after {
 
  border: 2px solid #FF0000 !important;
 
}

[radioColor="yellow"]:checked + span:after,
 
[type="yellow"].with-gap:checked + span:after {
 
  background-color: rgb(206, 219, 24) !important;
 
}

[radioColor="yellow"]:checked + span:after,
 
[radioColor="yellow"].with-gap:checked + span:before,
 
[radioColor="yellow"].with-gap:checked + span:after {
 
  border: 2px solid rgb(206, 219, 24) !important;
 
}

[radioColor="orange"]:checked + span:after,

[type="orange"].with-gap:checked + span:after {
 
  background-color: #FFA500 !important;
 
}

[radioColor="orange"]:checked + span:after,
 
[radioColor="orange"].with-gap:checked + span:before,
 
[radioColor="orange"].with-gap:checked + span:after {
 
  border: 2px solid #FFA500 !important;
 
}

.modal{
	z-index: 9999 !important;
}

.noPointerEvents{
	pointer-events: none;
	touch-action: none;
}

.easy-button-button{
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:4px;
	
}