body {
	font-family: Roboto !important;
}

#resetFilters_ContainerID > .filtersTitleClass {
	font-size: 15px;
	font-weight: normal;
	padding: 10px;
	text-align: center;
	font-family: Roboto;
	border-radius: 5px;
	border: 1px solid #38b0dd;
}

.SOFCities_ContainerClass {
	display: none;
}

.filtersContainerClass.inactive > .filtersTitleClass {
	background-color: #38b0dd00 !important;
	color: #38b0dd !important;
}

.filtersContainerClass.active > .filtersTitleClass:hover {
	background-color: #38b0dd00 !important;
	color: #38b0dd !important;
	transition: 0.8s ease-in-out,
}

.filtersContainerClass.active > .filtersTitleClass {
	background-color: #38b0dd !important;
	color: white !important;
	transition: 0.8s ease-in-out,
}

#resetFilters_ContainerID > .filtersTitleClass:hover {
	cursor: pointer;
}

.filtersTitleClass {
	font-weight: 700;
	font-family: roboto slab;
	font-size: 18px;
	margin-bottom: 7px !important;
}

.checkboxContainerClass {
	font-size: 15px !important;
	font-family: roboto !important;
	color: #4c4c4c;
	margin-bottom: 15px !important;
}

.mapContainerClass {
	height: 100vh;
	display: none;
}

.filtersContainerClass {
	margin-bottom: 20px;
}

.SOFDropdownsClass, .ContentContainerClass {
	width: 100%;
	border-radius: 5px !important;
	background: linear-gradient(white, white, white, white) !important;
	border-color: #e2e2e2;
	box-shadow: none;
	padding: 8px 18px 8px 10px;
	font-size: 15px;
	font-family: roboto;
	color: #4c4c52;
}

.paginationDropDownClass {
	display: inline-block !important;
	width: auto !important;
	min-width: 70px;
}

/*
.paginationDropDownClass {
	width: auto;
}*/

#ButtonDownload {
	margin-bottom: 10px;
}

#FiltersSideMenuID, #ContentID {
	padding: 10px;
}

#FiltersSideMenuID {
	float: left;
	/*margin-top: 85px;*/
	position: fixed;
	width: 20%;
}

#ContentID {
	/*margin-top: 85px;*/
	/*width: 70% !important;*/
}

.ContentContainerClass {
	margin-bottom: 15px;
}

#PaginationContentContainerID {
	float: right;
	width: 70%;
}

.fa-backward-step svg,
.fa-caret-left svg,
.fa-caret-right svg,
.fa-forward-step svg {
	width: 7px;
	fill: grey;
}

#PaginationContainerID {
	padding: 10px;
	/*position: fixed;*/
	background-color: white;
	margin-bottom: 20px !important;
	z-index: 9999;
	display:inline;
}



.pagination-container {
	padding: 10px;
	background-color: white;
	margin: 20px 0;
}


#PaginationContainerBottom {
	margin-top: 20px;
	display: inline;
}

.pagination {
	margin: 0 !important;
}

.pager-nav {
	display: inline-block;
}

.project-type-map-selected {
	font-weight: 600;
}

	#SOFpageNumbersNavigationDividerID {
		border-bottom: 1px solid grey;
	}

.operationContainerClass, .operationContainerClass > body {
	text-align: left !important;
}

.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	box-shadow: 1px 1px 7px #00000029;
	border-radius: 0px;
	margin-bottom: 20px !important;
	padding: 20px;
	border: none;
}

.fw-bold {
	margin-bottom: 5px;
}

.textContainerClass, .fw-bold {
	margin-bottom: 5px;
	color: #404040 !important;
}

	.textContainerClass > i {
		margin-right: 5px;
	}

.SOFOperationsContainerClass > a {
	text-decoration: none;
}

.card-text svg {
	margin-right: 5px;
}

.card-body {
	padding: 0px;
}

	.card-body > div {
		width: 100% !important;
		margin: 0 !important;
		margin-top: 20px !important;
	}

.operationSideMenuClass .card-title {
	font-family: roboto slab;
}

.card-title {
	text-align: left !important;
	font-weight: 700;
	font-family: roboto;
	color: #002259;
	font-size: 20px;
	margin: 0 !important;
}

.priorityObjectiveTypeSideMenuClass p {
	font-weight: 300;
}


.page-link {
	border: none;
	padding: 5px 13px !important;
	color: #6a6a6a;
	margin: 0px 10px;
	border: 1px solid white;
}

.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #38b0dd !important;
	border-color: #38b0dd !important;
	border-radius: 5px !important;
	padding: 5px 13px !important;
}

.page-link:hover {
	z-index: 2;
	color: #38b0dd;
	background-color: #e9ecef00;
	border: 1px solid #38b0dd;
	border-radius: 5px;
	padding: 5px 13px !important;
}

.pager-nav {
	margin-right: 10px;
}

	.pager-nav > label, #SOFPaginationContainerID {
		font-size: 15px;
		color: #6c757d;
	}

.bg-card {
	background-color: #002259 !important;
	width: 33% !important;
	margin: 0 20px 0px 0px !important;
}

.progress {
	border-radius: 15px;
	border: 1px solid #e8e8e8;
	background-color: #ffffff;
	height: 12px;
}

.progress-bar {
	background-color: #0429A3;
	border-radius: 15px;
}

.operationsBubbleClass {
	position: absolute;
	/* margin-bottom: 10px; */
	/*top: 137px;*/
	border: 1px solid #0429A3;
	background-color: #0429A3;
	color: white;
	/*border-radius: 5px;*/
	padding: 5px;
	/*text-wrap: nowrap;*/
	word-break: keep-all;
}


.bubblePointerClass {
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #0429A3;
	border-bottom: 10px solid transparent;
	bottom: -17px;
}


.switch {
	display: inline-block;
	height: 19px;
	position: relative;
	width: 40px;
	top: 6px;
	margin-left: 7px;
}

	.switch input {
		display: none;
	}

.slider {
	background-color: #ccc;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: .4s;
}

	.slider:before {
		background-color: #fff;
		bottom: 3px;
		content: "";
		height: 13px;
		left: 4px;
		position: absolute;
		transition: .4s;
		width: 13px;
	}

input:checked + .slider {
	background-color: #66bb6a;
}

	input:checked + .slider:before {
		transform: translateX(26px);
		left: -3px !important;
	}

.slider.round {
	border-radius: 34px;
}

	.slider.round:before {
		border-radius: 50%;
	}

.color-icon {
	color: #38b0dd;
}

.ProjectDescriptionClass {
	font-weight: 800;
}

.projectNameClass {
	font-weight: normal;
	font-size: 30px !important;
}

.moneyClass {
	color: #00acef;
	font-weight: 700;
	font-size: 20px;
}

.ButtonDownloadText {
	/*float: right;*/
}

	.ButtonDownloadText:hover {
		cursor: pointer;
	}

#MapContentID {
	position: relative;
	height: 800px;
	margin-top: 100px !important;
	outline-style: none;
}

.page-item:hover {
	cursor: pointer;
}

@media (max-width: 1250px) and (min-width: 1200px) {
	#FiltersSideMenuID {
		width: 28% !important;
	}
}

@media (max-width: 767px) and (min-width: 250px) {
	#FiltersSideMenuID, #PaginationContentContainerID, #ContentID {
		width: 100% !important;
		position: relative;
	}

	#FiltersSideMenuID, #ContentID {
		/*margin-top: 20px !important;*/
	}

	.paginationDropDownClass {
		margin: 5px auto;
		min-width: 80px;
	}

	.pagination-container {
		width: 100% !important;
		position: relative !important;
		margin: 10px 0 !important;
	}

	#PaginationContainerID,
	#PaginationContainerBottom {
		padding: 10px;
	}


	.ButtonDownloadText {
		float: none !important;
	}
}

.leaflet-control-attribution.leaflet-control {
	display: none;
}

.euFundClass .card-text {
	margin-top: 5px !important;
}

.colorMapColorClass {
	height: 20px;
	width: 20px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 10px;
}

.colorMapNameClass {
	display: inline-block;
	margin-bottom: 10px;
}

.colorMapNameClass:hover{
	cursor:pointer;
}

#SOFColorMapSpecObjective_ContainerID {
	margin-top: 20px;
	display:none !important;
}

#SOFMapLegend_ContainerID {
	border: 1px solid #e2e2e2;
	padding: 15px;
}

	#SOFMapLegend_ContainerID .filtersTitleClass {
		border-bottom: 1px solid #e2e2e2;
		margin-bottom: 10px !important;
		padding-bottom: 5px;
	}

/*.modal-backdrop.show {
	z-index: 1040000;
}

.modal {
	z-index: 1050000; 
}*/

.no-data-containt {
	background-color: white;
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: black;
	cursor: pointer;
	width: 100%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

	.no-data-containt span {
		text-decoration: none;
		color: rgb(250, 114, 2);
	}

.roboto-thin {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-style: normal;
}

.roboto-light {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.roboto-regular {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.roboto-medium {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.roboto-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.roboto-black {
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-style: normal;
}

.roboto-thin-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-style: italic;
}

.roboto-light-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: italic;
}

.roboto-regular-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: italic;
}

.roboto-medium-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: italic;
}

.roboto-bold-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: italic;
}

.roboto-thin {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-style: normal;
}

.roboto-light {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.roboto-regular {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.roboto-medium {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.roboto-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.roboto-black {
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-style: normal;
}

.roboto-thin-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-style: italic;
}

.roboto-light-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: italic;
}

.roboto-regular-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: italic;
}

.roboto-medium-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: italic;
}

.roboto-bold-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: italic;
}

.roboto-black-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-style: italic;
}

.roboto-black-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-style: italic;
}

.color-excel {
	color: #217346;
}

#SOFprojectTypeMap_DropdownID {
	appearance: none;
}

#MapContentID.iframeMode {
	margin-top: 0px !important;
	height:450px !important;
}

.readMoreClass {
	color: #0078A8;
	text-decoration:underline;
}

.readMoreClass:hover{
	cursor:pointer;
}

.colorMapContainerClass {
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 5px;
}

.colorMapCheckBoxContainerClass{
	margin-bottom:10px;
}

.disabledElements {
	opacity: 0.4 !important;
	pointer-events: none !important;
}

.custom-cluster {
	background: none;
}

.custom-cluster-icon {
	background-color: white;
	color: #000;
	border-radius: 50%;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #ccc;
}