@CHARSET "ISO-8859-1";

#map-canvas {
	background-color: #000000;
	min-height: 89vh;
	min-width: 100vh;
	position : relative;
}

#SearchBox {
	background-color: #fff;
	font-size: 15px;
	font-weight: 300;
	margin-left: 12px;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	width: 200px;
}

#SearchBox:focus {
	border-color: #4d90fe;
}
#loading-bar-spinner {
  position: fixed; /* or absolute */
  top: 50%;
  left: 50%;
}


/* Section compatibility bootstrap 4.0 whit ui-boostap modal */

.modal.fade.in {
	 opacity: 1;
}
.modal.fade .modal-dialog {
	 transform: translate(0, 0) !important;
}
.modal-backdrop.fade {
	opacity: 0.3 !important;
 }
.modal-header{
	 display: block;
}
.modal-content{
	 border-radius: 1.3rem !important;
}

/* Section my alert info */

.alert-msg {
	position: relative;
	padding: .75rem 2rem;
	margin: 5px;
	margin-bottom: 1.5rem;
	border: 2px solid transparent;
	border-radius: .6rem;
	color: #856404;
	background-color: #fff3cd;
	border-color: #efd584;
/*
	transition: opacity .15s linear;
*/
}

.statusBox {
    width: 375px;
    height: 400px;
    float: left;
    position: relative;
}

.activityBox {
    width: 215px;
    float: left;
    position: relative;
    height: 220px;
}



.imageBox {
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
}

.imageBox300 {
	height:300px;
	width:300px;
	margin: 9px;
	line-height: 300px;
	text-align: center;
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
}

.imageBox300 img{
	vertical-align: middle;
}



.avatarOperator {
	height: 35px; 
	border-radius: 5px;
}



.my-radio-button{
  border-bottom: 1px dashed #ddd; 
}



body{
	font-family: 'Roboto', sans-serif;
//    background-image: url("../image/back/back.jpg"); 
//    background-repeat: no-repeat;
//    background-position: center top;
//    background-attachment: fixed;
//    background-size: cover;
//    background-color: Black;
}


.trasparent{
	background: rgba(0,0,0,0);
}

.md-primaryColor{
	color: #3f51b5;
}

.width-50 {
  width: 45%;
}

.my-row {
	margin-right: -15px;
	margin-left: -15px;
}
.windowsHeight {
	height: 88%;
	min-height: 88%;
}

.contentHeight {
	height: 850px; 
}

.minHeight {
	min-height: 510px;
}

.mySmallContainer {
    height: 20px;
	margin: 0px;
	padding: 0px;
}

.mySmallContainerForTable {
    height: 20px;
    margin-bottom: 0px;
    margin-top: 16px;
    padding: 0px;
}

.carousel{
	height: 560px;
	margin: 20px;
}

.modalSolid {
	color: Black;
	border-radius: 6px;
	background-color: #7192BE;
	opacity: 1;
	overflow: auto;
}

.sideSolid {
	color: Black;
	border-radius: 8px;
	background-color: #304C72;
	opacity: 1;
}

.textVcenter{
  vertical-align: middle !important;
}

.textHuge {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 140%;
	color: Black;
}

.textEvident {
	color: #3A6ECD;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 130%;
}

.textNews{
	font-family: 'Roboto', sans-serif;
	font-weight: italic;
	font-size: 120%;
	color: Black;
}

.groupItem {
	padding: 10px 10px;
	margin-bottom: -1px;
	background-color: #6483ac;
	border: 2px solid #ddd;
	border-radius: 8px;
}

.sideGroupItem {
	padding: 15px 10px 15px 10px;
	margin-bottom: -1px;
	border: 1px solid Black;
	border-radius: 10px;
}

.sideBody {
	position: relative;
	padding: 15px 5px 15px 5px;
}

.modalTitle {
	margin: 0;
	line-height: 1.4;
	font-size: 24px;
}

.formTitle {
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: 600;
}

.tableTitle {
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	line-height: 1.1;
}

.homeTitle {
	color: #6699ff;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 390%;
}

.homeSubtitle {
	color: #6699ff;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 180%;
}

.textLabel {
	font-family: 'Roboto', sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: Black;
}

.textLarge {
	//font-family: 'Roboto', sans-serif;
  font-size: 100%;
	font-weight: bold;
}

.textSmall {
	font-family: 'Roboto', sans-serif;
	font-size: 75%;
}

.textSmallBold {
	font-family: 'Roboto', sans-serif;
	font-size: 75%;
	font-weight: bold;
}

.textIndent {
	margin-left: 40pt;
}

.textIndentTitle {
	margin-top: 4px; 
	margin-left: 16px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .005em;								
}

.photoPanoramicGroup {
	height: 360px;
	margin: 5px;
	padding: 5px;
	background-color: #6483ac;
	border: 2px solid #ddd;
	border-radius: 8px;
	text-align: center;
}

.photoPanoramicBox {
	height: 4.8 cm;
	display : flex;
	align-items : center;
	justify-content: center;
}

.photoPanoramicSize{
	max-height: 100%;
	max-width: 100%;
	border: 2px solid #ddd;
}

.textPhotoPanoramic{
	font-size: 14pt;
	font-weight: bold;
}

.logoThumbnailSize{
	vertical-align: middle;
	max-height: 190px;
	max-width: 90%;
	border: 2px solid #ddd;
	padding: 5px;
}

.photoThumbnailBox{
	height: 390px;
	text-align: center;
}

.logoThumbnailBox{
	height: 220px;
	text-align: center;
	margin: 5px;
}

.photoPlanimetryBox{
	height: 270px;
	margin-top: 10px;
	text-align: center;
	display : flex;
	align-items : center;
	justify-content: center;
}

.photoThumbnailSize{
	vertical-align: middle;
	max-height: 380px;
	max-width: 100%;
	border: 2px solid #ddd;
}



.inputReduct{
	padding: 2px 12px;
	height: 25;
}

.red {
	color: red !important;
}

.notPresent {
	color: Red;
	font-weight: bold;
	font-style: italic;
}


.overload {
	color: Red;
	font-weight: bold;
	font-style: italic;
}

.underload {
	color: blue;
	font-weight: bold;
	font-style: italic;
}

.validMeasurement {
	color: blue;
	font-weight: bold;
	font-style: italic;
}

.slimAreaScroll{
	height: 697px;
	background-color: #ffffff; 
	overflow-y: scroll;
} 

.certificateAreaScroll{
	height: 690px;
	background-color: #ffffff; 
	overflow-y: scroll;
} 

.logoAreaScroll{
	height: 250px;
	background-color: #ffffff; 
	overflow-y: scroll;
} 


.imageFloat {
	width: 305px;
	float: left;
	position: relative;
	height: 465px;
}

.myCard {
	box-sizing: border-box;
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
	background-color: rgb(255,255,255);
	border-radius: 2px;
	color: rgba(0,0,0,0.87);
}
	




input[type=checkbox] {
	transform: scale(1);
}

input[type=checkbox] {
	height: 20px;
	padding-top:0px;
	padding-bottom:0px;
	margin-right: 7px;
	cursor: pointer;
	font-size: 13px;
	visibility: hidden;
}

input[type=checkbox]:after {
	content: " ";
	background-color: #fff;
	display: inline-block;
	margin-left:5px;
	padding-top:0px;
	padding-bottom:3px;
	color:#00BFF0;
	width:18px;
	height:18px;
	visibility: visible;
	border:1px solid #00BFF0;
	padding-left:3px;
	border-radius:4px;
}

input[type=checkbox]:checked:after {
	content: "\2714";
	padding:-7px;
	font-weight:bold;
}

.listText {
	line-height: 1.0;
    font-size: 13px;
    padding-bottom: 4px;
	}

.listTextReduct {
	color:rgba(0,0,0,0.54);	
	line-height: 1.0;
    font-size: 12px;
    padding-bottom: 4px;
	}


.myListButton {
    /* display: inline-block; */
    /* position: relative; */
    cursor: pointer;
    /* min-height: 36px; */
    /* min-width: 88px; */
    /* line-height: 36px; */
    /* vertical-align: middle; */
    align-items: initial;
    /* text-align: center; */
    border-radius: 5px;
    /* box-sizing: border-box; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* user-select: none; */
    outline: none;
    border: 0;
    padding: 0 8px;
    margin: 6px 8px;
    background: transparent;
    /* color: currentColor; */
    white-space: nowrap;
    /* text-transform: uppercase; */
    /* font-weight: 500; */
    /* font-size: 14px; */
    /* font-style: inherit; */
    /* font-variant: inherit; */
    /* font-family: inherit; */
    /* text-decoration: none; */
    overflow: hidden;
    transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
}

.myListTitle {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: .01em;
}




.my-input-container {
    -webkit-appearance: none;
    order: 2;
    display: block;
    margin-top: 0;
    background: none;
    border-width: 0 0 1px;
    height: 22px;
    border-radius: 0;
    border-style: solid;
    transition: border-color .4s cubic-bezier(.25,.8,.25,1);
    width: 100%;
    box-sizing: border-box;
    float: left;
    border-color: rgba(0,0,0,0.12);
    color: rgba(0,0,0,0.87);
}



.custom-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #f44336; /* Rosso Material Design */
  color: black;              /* Colore dell'icona */
  max-width: 28px;
  max-height: 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  padding: 0;
  box-shadow: 0 2px 5px rgba(0,0,0,0.26); /* stile Material */
  transition: background-color 0.3s;
}

.custom-icon-button:hover {
  background-color: #e53935; /* Rosso più scuro in hover */
}

.custom-icon-button md-icon {
  max-width: 20px;
  max-height: 20px;
  width: 20px;
  height: 20px;
  fill: currentColor; /* per rispettare il color: black */
}

























.comment {
//    display: none;
}

// Compatibily whit old document view

.pageBreak
{
	border-top: thick double #938c8c;
	margin-top: 2cm;
}