.view-color-green {
	background-color: rgba(77, 250, 144, .3)
}

.view-color-yellow {
	background-color: rgba(250, 190, 77, .3)
}

.view-color-red {
	background-color: rgba(255, 84, 104, .3)
}

.view-color-blue {
	background-color: rgba(29, 29, 170, .3)
}

.view-color-darkred {
	background-color: rgba(132, 0, 0, .3);
		opacity: .8
}

.view-item-disabled {
	opacity: .5
}


.x-panel-header-title-map p {
  display: inline-block!important;
   line-height: 1.5px!important;
  vertical-align: top!important;
  top: 10!important;

	
	
}



body.x-border-layout-ct,
div.x-border-layout-ct {
	background-color: #bbb!important
}

.x-fieldset {
	overflow: visible!important
}

#attribution {
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-size: x-small;
}
#spinner:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	margin-left: -30px;
	border-radius: 50%;
	border-top: 6px solid #354ca8;
	border-right: 6px solid transparent;
	animation: spinner .6s linear infinite
}

@keyframes spinner {
	to {
		transform: rotate(360deg)
	}
}



.x-window-default {

    border-radius: 13px!important;
}

.ol-popup {
  border: 1px solid #007bff!important;
  box-shadow: #007bff 0pc 0pt 0.375pc !important;
  border-radius: 10px!important;
}

.x-toolbar-footer {
    padding: 6px 0 6px 6px;
    border-style: solid;
    border-color: #fff;
    border-width: 0;
    background-image: none;
    background-color: #fff!important;
}

.x-css-shadow {
    box-shadow: #007bff 0pc 0pt .375pc !important;
}


.x-window-body {
	border-radius: 3px
}

.x-window-body-default {
	border-radius: 3px
}

.ol-zoom-in {
	width: 23px!important
}

.ol-zoom-out {
	width: 23px!important
}

.toolbar-header-style,
.x-panel-header-default,
.x-panel-header-default .x-tool-tool-el,
.x-panel-header-default-vertical {
	background-color: #000!important
}

.x-splitter.x-border-item.x-box-item.x-splitter-default.x-splitter-vertical.x-unselectable,
.x-splitter.x-border-item.x-box-item.x-splitter-default.x-splitter-horizontal.x-unselectable {
	background-color: #9296A3!important
}

.x-btn-icon-el-default-toolbar-small,
.x-toolbar-text-default {
	color: #fff!important
}

.x-panel-header-default {
	border: 1px solid #354ca8!important
}

.x-toolbar .x-btn {
	border: none!important;
	border-radius: 15px!important;
	text-decoration: none!important
}

.x-btn-default-toolbar-small {
	background: 0 0!important;
	border: none!important
}

.x-window-default,
.x-window-header-default {
	border-color: #354ca8!important
}

.x-btn-focus.x-btn-default-toolbar-small,
.x-btn-focus.x-btn-over.x-btn-default-toolbar-small {
	box-shadow: none!important
}

.x-btn.x-btn-pressed.x-btn-default-toolbar-small {
	background: #ff470f!important
}

.x-btn-default-small,
.x-toolbar-default,
.x-window-header-default .x-tool-img,
.x-window-header-default-top {
	background-color: #354ca8!important
}



.x-btn-inner.x-btn-inner-default-small {
	font-weight: 700!important
}

.logo_interna {
	height: 50px
}

.logo_mobile {
	height: 65px
}

.street-view {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 400px;
	height: 300px;
	margin-left: 10px!important;
	margin-bottom: 10px!important;
	background: transparent;
	text-align: center;
	color: #fff;
	z-index: 999999;
	display: none
}

@media(max-width:420px) {
	.logo_main {
		width: 90px;
		height: 30px
	}
	a[id*=button-] {
		width: 26px
	}
	.street-view {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 180px;
		height: 120px;
		background: transparent;
		text-align: center;
		color: #fff;
		z-index: 999999;
		display: none
	}
	.ol-zoom-in {
		width: 25px!important
	}
	.ol-zoom-out {
		width: 25px!important
	}
}

.ol-popup {
	position: absolute;
	z-index: 100;
	color: #000!important;
	background-color: #fff!important;
	-webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
	padding: 10px;
	border-radius: 10px;
	border: 3px solid #000!important;
	bottom: 20px;
	left: -48px;
	min-width: 350px;
	display: none
}

.ol-popup:after,
.ol-popup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

.ol-popup:after {
	border-top-color: #fff;
	border-width: 10px;
	left: 48px;
	margin-left: -10px
}

.ol-popup:before {
	border-top-color: #ccc;
	border-width: 11px;
	left: 48px;
	margin-left: -11px
}

.ol-popup-closer {
	text-decoration: none;
	position: absolute;
	top: 2px;
	right: 8px
}

.ol-popup-closer:after {
	content: "✖"
}

body {
//	background-image: url(background.png)!important;
	background-position: center center!important;
	background-repeat: no-repeat!important;
	background-attachment: fixed!important;
	background-size: cover!important
}

#fi-button-msg {
	border: 2px solid #ccc;
	padding: 5px 10px;
	background: #eee;
	margin: 5px;
	float: left
}

.rotate-north {
	top: 60px;
	right: .5em;
	margin-bottom: 5px;
	width: 45px
}

.ol-touch .rotate-north {
	top: 60px;
	right: .5em;
	margin-bottom: 5px;
	width: 45px
}

.toolbar-header-style {
	background-color: #000!important
}

.toolbar-header-style,
.x-panel-header,
.x-panel-header-default,
.x-panel-header-default-vertical,
.x-panel-header-default .x-tool-img,
.x-window-header-default .x-tool-img,
.x-window-header-default-top,
.x-btn-default-small {
	border-color: #000!important;
	    background: linear-gradient( 135deg, #354ca8 -50%, #5976E0 100%) !important 
}

.x-window-default {
	border-color: #000;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0 0 0 0;
	-o-border-radius: 0 0 0 0;
	border-radius: 7px
}

.x-panel-header-default {
	font-size: 16px;
	border: 1px solid #354ca8
}

.x-btn-default-toolbar-small {
	border-radius: 50px!important;
	transition: background-color .5s ease;
	border-radius: 3px
}

.x-fieldset-header-tool-default>.x-tool-toggle {
	font: 10px/1 FontAwesome!important;
	color: #111e84!important;
	background: #fff!important;
	padding: 2px 0!important;
	border-radius: 100%!important
}

.x-toolbar .x-btn {
	border-radius: 20px!important;
	border: none!important;
	color: #000!important
}

.x-window {
	background-color: #fff!important;
	border-width: 2px!important
}

.x-form-trigger-wrap-default {
	border-radius: 3px
}

.x-form-text-wrap {
	border-radius: 2px
}

.x-column-header {
	border-radius: 3px
}

.x-border-item {
	background-color: #354ca8!important
}

.sweet-overlay {
	z-index: 29000
}

.sweet-alert {
	z-index: 29900
}

.x-btn-default-toolbar-small.x-btn-pressed {
	background: #63e995!important
}

.x-fieldset-header-tool-default>.x-tool-toggle {
	font: 10px/1 FontAwesome!important;
	color: #111e84!important;
	background: #fff!important;
	padding: 2px 0!important;
	border-radius: 100%!important
}

.x-btn-inner.x-btn-inner-default-toolbar-small {
	color: #fff!important
}

.x-menu-item-default.x-menu-item-focus,
.x-menu-item-default.x-menu-item-active {
	background-image: none;
	background-color: #354ca8!important
}

.x-boundlist-selected {
	color: #fff;
	background: #000!important;
	border-color: #000!important
}

.x-boundlist-item-over {
	color: #fff;
	background: #354ca8!important;
	border-color: #000!important
}

.x-collapse-el.x-layout-split-left {
	color: #ffff;
	background: #354ca8!important;
	border-color: #354ca8!important
}

.x-collapse-el.x-layout-split-right {
	color: #ffff;
	background: #354ca8!important;
	border-color: #354ca8!important
}

.x-collapse-el.x-layout-split-bottom {
	color: #ffff;
	background: #354ca8!important;
	border-color: #354ca8!important
}

.x-tool-tool-el.x-tool-img.x-tool-toggle {
	color: #000!important
}