/*-------------------------------- RESET CSS ---------------------------------------*/
/* html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} */
/*============================ END RESET CSS =======================================*/

/* * {
	font-size: 15px;
	line-height: 19px;
}
html, body{
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 19px;
	font-family: 'Helvetica', sans-serif;
} */
.userSelectNone {
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.spacer_10 {
	display: table;
	width: 100%;
	height: 10px;
}
label:hover {
	cursor: pointer;
}
input {
	margin: 0;
}
input[type=checkbox] {
	margin-right: 3px;
}
.inline_top {
	display: inline-block;
	vertical-align: top;
}
.inline_middle {
	display: inline-block;
	vertical-align: middle;
}
#covid_map_container hr {
	margin: 5px auto;
	border: 0;
    background: none;
	border-top: 1px solid rgba(62, 102, 159, 0.1);
}
#covid_map_container hr:before,
#covid_map_container hr:after {
	content: none;
	display: none;
}

/*--- MAP ---*/
#covid_map_container {
	display: table;
	width: 100%;
	max-width: 100%;
	height: 500px;
	max-height: 70vh;
	margin: auto;
	position: relative;
	z-index: 1;
}
#covid_map {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 500px;
	max-height: 70vh;
	margin: auto;
}
.map_button {	
    color: #000;
    background: #fff;
    border: 2px solid #b2b1b5;
    border-radius: 5px;
    padding: 5px 10px;
}
.map_button:hover {
	cursor: pointer;
	background: #eee;
}
.map_button label {
	margin: 0;
	font-size: 14px
}
.map_buttons_top {
	position: absolute;
	z-index: 1000;	
    right: 10px;
    top: 10px;
}
.map_buttons_legend {
	position: absolute;
	z-index: 1000;	
    right: 10px;
    top: 50px;
	min-width: 160px;
}
.map_buttons_vaccin {
	position: absolute;
	z-index: 900;	
    right: 10px;
    top: 95px;
	min-width: 160px;
}
.map_buttons_bottom {
	position: absolute;
	z-index: 1000;
    right: 10px;
    bottom: 20px;
}

.map_buttons_legend img {
	width: auto;
	height: 20px;
}
#if_legenda_locuri,
#if_legenda_vaccin {
	display: none;
}
.map_buttons_legend:hover #if_legenda_locuri,
.map_buttons_vaccin:hover #if_legenda_vaccin {
	display: block !important;
}

.marker_rampa {    
	width: 45px !important;
	height: auto !important;
	padding: 0px 10px 0px 10px !important;
	background-image: url('https://vaccinare-covid.gov.ro/wp-content/themes/twentytwenty/assets/map/img/marker_rampa.png?v=2');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 20px auto;	
}

.marker_copii {    
	width: 45px !important;
	height: auto !important;
	padding: 0px 10px 0px 10px !important;
	background-image: url('https://vaccinare-covid.gov.ro/wp-content/themes/twentytwenty/assets/map/img/marker_child.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 20px auto;	
}

.marker_rampa_copii {
	
	width: 45px !important;
	height: auto !important;
	padding: 0px 10px 0px 10px !important;
	background-image: url('https://vaccinare-covid.gov.ro/wp-content/themes/twentytwenty/assets/map/img/marker_rampa.png?v=2'), url('https://vaccinare-covid.gov.ro/wp-content/themes/twentytwenty/assets/map/img/marker_child.png');
	background-position: bottom left, bottom right;
	background-repeat: no-repeat;
	background-size: 20px auto;	
	
	/*
	width: 45px !important;
	height: auto !important;
	padding: 0px 10px 0px 10px !important;
	background-image: url('https://vaccinare-covid.gov.ro/wp-content/themes/twentytwenty/assets/map/img/marker_rampa.png?v=2');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 20px auto;	
	*/
}

#covid_map_judete_modal,
#covid_map_judete_asteptare_modal {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1000;
	padding: 20px;
	height: 470px;
	width: 95%;
	max-width: 800px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 0px #333;
}
#covid_map_judete,
#covid_map_judete_asteptare {	
	width: 100%;
	height: 450px;
	min-width: 310px;
	max-width: 700px;
	margin: auto; 
}
#covid_map_judete_close,
#covid_map_judete_asteptare_close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	font-weight: bold;
}
#covid_map_judete_close:hover,
#covid_map_judete_asteptare_close:hover {
	cursor: pointer;
}
#map_situatie_judete,
#map_situatie_judete_asteptare {
	margin-bottom: 2px;
}

#covid_map a {
	text-decoration: none;
}
.sek-column {
	padding: 0;
}
.leaflet-popup-content {
	max-width: 270px;
}

/*--- MEDIA QUERIES ---*/
@media only screen and (max-width: 500px) {
	#covid_map_judete_modal,
	#covid_map_judete_asteptare_modal {
		width: calc(100% - 10px);
		padding: 35px 5px;
		height: 485px;
	}
}