:root {
  --blue: #010097;
  --blue1: #4948ff;
}

html, body, #wrapper {
	background: #fff;
}

img{max-width:100%}
#page-wrapper {
	margin-left: 0;
	border-left-width: 0;
}

.action-buttons {
	width: 1px;
	white-space: nowrap;
}

.modal-content {
	border-radius: 0;
}
.in-modal,
.in-modal body.modal-open > .modal {
	overflow-y: hidden;
}
body > #modal > .modal-dialog > .modal-content {
	border: 0;
	padding: 0;
	line-height: 0;
	opacity: 1;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

body > #modal > .modal-dialog > .modal-content > iframe {
	border: none;
	width: 100%;
}

body > #modal iframe {
	height: 100px;
	min-height: 100px;
}
body > #modal > .iframe-loading-indicator {
	position: absolute;
	top: 30px;
	left: 50%;
}
body > #modal > .iframe-loading-indicator > .fa {
	margin-left: -50%;
	color: #eee;
}
body > #modal:not(.modal-iframe-loading) > .iframe-loading-indicator {
	display: none;
}
body > #modal.modal-iframe-loading > .modal-dialog {
	-webkit-transform: translate(0,-25%);
	-ms-transform: translate(0,-25%);
	-o-transform: translate(0,-25%);
	transform: translate(0,-25%);
}
body > #modal.modal-iframe-loading > .modal-dialog > .modal-content {
	opacity: 0;
}


.in-modal #page-wrapper {
	min-height: auto;
	padding: 0 0 0;
}
.in-modal #page-wrapper > .container-fluid {
	padding-right: 0;
	padding-left: 0;
}

.close {
	margin: 15px 15px 0 15px;
}

@media (min-width: 421px) {
	body > .modal > .modal-dialog.modal-inner-xxs {
		margin-left: auto;
		margin-right: auto;
		width: 384px;
	}
}

@media (min-width: 517px) {
	body > .modal > .modal-dialog.modal-inner-xs {
		margin-left: auto;
		margin-right: auto;
		width: 480px;
	}
}

@media (min-width: 768px) and (max-width: 804px) {
	body > .modal > .modal-dialog.modal-inner-sm {
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
		width: auto;
	}
}
@media (min-width: 805px) {
	body > .modal > .modal-dialog.modal-inner-sm {
		width: 768px;
	}
}

@media (min-width: 768px) and (max-width: 1028px) {
	body > .modal > .modal-dialog.modal-inner-md {
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
		width: auto;
	}
}
@media (min-width: 1029px) {
	body > .modal > .modal-dialog.modal-inner-md {
		width: 992px;
	}
}

@media (min-width: 768px) and (max-width: 1236px) {
	body > .modal > .modal-dialog.modal-inner-lg {
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
		width: auto;
	}
}
@media (min-width: 1237px) {
	body > .modal > .modal-dialog.modal-inner-lg {
		width: 1200px;
	}
}

@media (min-width: 768px) and (max-width: 1450px) {
	body > .modal > .modal-dialog.modal-inner-xl {
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
		width: auto;
	}
}
@media (min-width: 1451px) {
	body > .modal > .modal-dialog.modal-inner-xl {
		width: 1414px;
	}
}

@media (min-width: 768px) and (max-width: 1664px) {
	body > .modal > .modal-dialog.modal-inner-xxl {
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
		width: auto;
	}
}
@media (min-width: 1665px) {
	body > .modal > .modal-dialog.modal-inner-xxl {
		width: 1628px;
	}
}


.action-buttons:not(:last-child) {
	padding-right: 0;
}
.action-buttons {
	padding-left: 5px !important;
	min-width: 32.4333px;
}
.action-buttons:empty {
	padding-left: 0 !important;
}

.login-panel {

		margin-top: 0;

}
.logo-login{display:block; margin:12vh auto 4vh auto}


.btn-success, .btn-primary,
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {

		color: #fff;
		background-color: var(--blue);
		border-color: var(--blue);

}
.btn-success.focus, .btn-success:focus, .btn-success:hover, .btn-success:active,  .btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary:active {

		color: #FFF;
		text-decoration: none;
		background-color:var(--blue1) !important;
		border-color: var(--blue) !important;

}

.pagination > li > a, .pagination > li > span {
	color: var(--blue);
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	color: #D10E0E;
}

.navbar-default {

		background-color: #DDD;

}
.navbar-brand{display:inline-block;background:url(../img/logo.png) no-repeat center center;color:transparent !important; font-size:0;width:190px; height:42px;background-size:auto 100%;margin-top:5px;margin-bottom:3px }


.navbar-default .dropdown:not(.open) > .dropdown-toggle:not(:hover):not(:focus) {
	color: #eee;
}
.nav > li > a:focus,
.nav > li > a:hover,
.nav > li.open > a {
	color: #777;
}

h1,h2,h3,h4{color:var(--blue);}
.navbar-default .dropdown-toggle{background-color:#BBB}


select.hidden + .select2 {
	display: none !important;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
	display: none;
}

.select2-container--default .select2-selection {
	outline: none !important;
}




select.form-control + .select2 {
	width: 100% !important;
}

select.form-control.input-sm + .select2-container .select2-selection {
	font-size: 12px;
	height: 30px !important;
}
select.form-control.input-sm + .select2-container .select2-selection .select2-selection__rendered {
	line-height: 30px !important;
	margin-top: -1px;
	margin-left: -2px;
}
select.form-control.input-sm + .select2-container .select2-selection .select2-selection__arrow {
	height: 26px;
}




.select2-dropdown {
	padding: 3px 0;
}
.select2-dropdown--above {
	border-bottom-width: 0 !important;
	box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.15);
}
.select2-dropdown--below {
	border-top-width: 0 !important;
	margin-bottom: 25px;
}
.select2-container--above.select2-container--open .select2-selection {
	border-top-width: 0 !important;
	padding-top: 1px;
	box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.15);
}
.select2-container--below.select2-container--open .select2-selection {
	border-bottom-width: 0 !important;
	padding-bottom: 1px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}




.datepicker {
	margin-bottom: 25px;
}



@media print {
	button.close[data-dismiss="parent-modal"] {
		display: none;
	}
	.modal-footer {
		display: none;
	}
	.modal-open #wrapper {
		display: none;
	}
	* {
		overflow: scroll !important;
	}



	a:link:after,
	a:visited:after {
		content: "" !important;
	}
}


.fotolista {
	height: 36px;
	border: 1px solid #bbb;
	padding: 1px;
	background: #fff;
}


textarea.form-control {
	resize: vertical;
}




[data-grafico] > .panel:not(.panel-grafico-fullscreen) {
	cursor: pointer;
}
[data-grafico] .fa {
	display: none;
}
[data-grafico] .canvas-div {
	height: 150px;
}

[data-grafico] .panel-grafico-fullscreen {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5000;
	margin-bottom: 0;
	border: solid rgba(0,0,0,.7);
	border-radius: 0;
	border-width: 15px 30px 30px;
}
[data-grafico] .panel-grafico-fullscreen .fa {
	display: inline;
	float: right;
	cursor: pointer;
	padding: 3px;
}
[data-grafico] .panel-grafico-fullscreen .canvas-div {
	height: calc(100vh - 145px);
}

[data-grafico]{display:none;transition:all 0.1s}
[data-grafico].show,[data-grafico].show1{display:block}

.apri {
	position: absolute;
	top: 180px;
	left: 40px;
	z-index: 4000;
	margin-bottom: 0;
	display:block !important;
	
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);	
  width:660px;
  max-width:100%;
  padding:0; margin:0
 
	

}
.apri .panel{margin:0}
.apri .canvas-div{ height:250px; max-height:calc( 100vh - 100px ) }


.totregione .canvas-div{ height:300px; max-height:calc( 100vh - 100px ) }

[data-grafico].apri .fa {
	display: inline;
	float: right;
	cursor: pointer;
	padding: 3px;
}

#map{height:calc( 100vh - 190px ); min-height:500px}

#titregione{padding-bottom:10px; }

#overlay{width:100%; height:100%;position:fixed;background:rgba(0,0,0,0.6);z-index:4000; display:none}

.thregione{background:#e5e5e5;text-align:center}
.trcantiere{border-top:4px double #BBB;}

.modal{z-index:6000}
.modal-backdrop{z-index:5900}

.linkfonti{display:block; font-weight:bold; text-transform:uppercase; padding-top:10px; border-top:1px solid #DDD; text-align:center}

.dettaglio-cantiere .select2-results__option , .dettaglio-cantiere .select2-selection__rendered{ 
  font-size: 16px; font-weight:bold; 
}

.posrel{position:relative}
.eye{cursor:pointer;position:absolute;right:6px; font-size:25px;top:1px; opacity:0.5}
.eye.ok{opacity:1}


.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=45);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .40;
}
.datepicker{z-index:1000 !important}
.legenda span{display:inline-block; color:#FFF; padding:6px; min-width:50%; text-align:center; border:1px solid #FFF;border-radius:6px}
.legenda{padding-top:16px}