body{
	font-family: "Roboto", Arial, Tahoma, sans-serif;
	margin: 0px;
}

table{
	border-spacing: 0px;
}

.sectionTitle{
	text-align: center;
    padding: 10pt;
    font-size: 17pt;
    background-color: #D5E0EF;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

.datatable {
    border-collapse: collapse;
	font-size:10pt;
}

.datatable tr:nth-child(even){
	background: #F1F1F1;
}

.thDatatable{
    xxborder: 1px solid #FFFFFF;
	background-color:#138FBA;
	color:#FFFFFF;
}

.tdDatatable{
    border: 1px solid #ccc;
}

.headerContent{
	background-color:#29487D;
	color:white;
	-webkit-box-shadow: 7px 7px 28px 1px rgba(0,0,0,0.51);
	-moz-box-shadow: 7px 7px 28px 1px rgba(0,0,0,0.51);
	box-shadow: 7px 7px 28px 1px rgba(0,0,0,0.51);
}

.tableHome{
	-webkit-box-shadow: 7px 7px 28px 1px rgba(0,0,0,0.51);
	-moz-box-shadow: 7px 7px 28px 1px rgba(0,0,0,0.51);
	box-shadow: 7px 7px 28px 1px rgba(0,0,0,0.51);
	background-color:#2797c4; 
	color:white; 
	width:70%;
}

.trContentTableHome{
	background-color:#FFFFFF;
	transition:0.3s all ease;
	cursor:pointer;
}

.trContentTableHome:hover{
	background-color:#d1d2d3;
}

.inputAnagrafica{
	width:100%;
}

.ui-autocomplete {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px;
}

.ui-autocomplete::-webkit-scrollbar {
    width: 5pt;
}
 
.ui-autocomplete::-webkit-scrollbar-track {
    background-color:rgba(107, 116, 128, 0.1);
}
 
.ui-autocomplete::-webkit-scrollbar-thumb {
	background-color:rgba(34, 67, 113, 0.9);
	border-radius:30px;
	outline: 1px solid slategrey;
	transition:0.3s all;
}

.trHover{
	cursor:pointer;
}

.trHover:hover{
	background-color:rgba(0, 0, 0, 0.2)!important;
}

.headerSite{
	height:5vh;
}

.overflowStyle::-webkit-scrollbar {
    width: 7pt;
}
 
.overflowStyle::-webkit-scrollbar-track {
    background-color:#C5C5C5;
}
 
.overflowStyle::-webkit-scrollbar-thumb {
	background-color: #224371;
	border-radius:30px;
	outline: 1px solid slategrey;
	transition:0.3s all;
}

.trOpzionePrestazione td{
	padding:10pt 0;
	margin:0px;
}

.trOpzionePrestazione{
	cursor:pointer;
}

.trOpzionePrestazione:hover{
	background-color:rgba(0,0,0,0.1);
}

.greenBtn{
	border-radius: 2pt;
    color: green;
    border: 1px solid green;
    background-color: #9ee5bd;
    cursor: pointer;
    transition: ease 0.5s all;
    padding: 1pt 40pt;
}

.greenBtn:hover{
	background-color:#50c984;
}

.blueBtn{
	border-radius: 2pt;
    color: #224371;
    border: 1px solid #224371;
    background-color: #B7D1ED;
    cursor: pointer;
    transition: ease 0.5s all;
    padding: 1pt 40pt;
}

.blueBtn:hover{
	background-color:#a2bddb;
}

.redBtn{
	border-radius: 2pt;
    color: #e00000;
    border: 1px solid #e00000;
    background-color: #ffd3d3;
    cursor: pointer;
    transition: ease 0.5s all;
    padding: 1pt 40pt;
}

.redBtn:hover{
	background-color:#ef9797;
}

.simpleButton{
	border-radius: 2pt;
    color: rgb(169, 169, 169);
    border: 1px solid rgb(169, 169, 169);
	 background-color: #ffffff;
    cursor: pointer;
    transition: ease 0.5s all;
    padding: 10pt 20pt;
}

.simpleButton:hover{
	background-color:#E9E9E9;
}

.tableApplicabile{
	border-collapse: collapse;
	border: 1px solid rgb(169, 169, 169);
	width:100%;
}

.tableApplicabile td{
	border-collapse: collapse;
	border: 1px solid rgb(169, 169, 169);
}

.contextMenuDataTitleEseguito:before {
	content: attr(data-menutitle);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background: #29487D;
	color:#FFFFFF;
	padding: 5pt;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
}
.contextMenuDataTitleEseguito :first-child {
	margin-top: 25pt;
}

.contextMenuDataTitleInCura:before {
	content: attr(data-menutitle);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background: #29487D;
	color:#FFFFFF;
	padding: 5pt;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
}
.contextMenuDataTitleInCura :first-child {
	margin-top: 25pt;
}

.tableSelezioneDenti {
  border-collapse: collapse;
}

.tableSelezioneDenti, .tableSelezioneDenti td {
  border: 1px solid #86898c;
}

.btnSelectedArcata{
	background-color:#ffd7c1;
	transition:0.3s all ease;
	cursor:pointer;
}

.btnSelectedArcata:hover{
	background-color:#ffb993;
}

.btnSelectedEmiarcata{
	background-color:#fcf2d1;
	transition:0.3s all ease;
	cursor:pointer;
}

.btnSelectedEmiarcata:hover{
	background-color:#ffe591;
}

.btnSelectedSemiarcata{
	background-color:#c3d2e2;
	transition:0.3s all ease;
	cursor:pointer;
}

.btnSelectedSemiarcata:hover{
	background-color:#b6c7db;
}

.selectedDente{
	background-color:#44c180;
}

.disabledDente{
	cursor:default!important;
	background-color:#ECAAB5;
}

.btnIframe{
	border:0px;
	color:#FFFFFF;
	background-color:#C80016;
	cursor:pointer;
	transition:0.3s all;
	padding:6pt 90pt;
	margin:0px 1px;
}

.btnIframe:hover{
	color:#C80016;
	background-color:#FFFFFF;
}

.rigaEvidenziata{
	background-color:#c1c1c1!important;
}

.tooltip {
  position: relative;
}

.tooltip .tooltiptext {
	font-size:8pt;
	visibility: hidden;
    width: 95px;
    background-color: rgba(85, 85, 85, 0.7);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: -52%;
    left: 0%;
    /* margin-left: -60px; */
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.posizioneSelect {
  border-collapse: collapse;
}

.posizioneSelect th, .posizioneSelect td {
  border: 1px solid #86898c;
}

.ui-autocomplete{
	z-index: 1000!important;
}

hr{
	border-color: #F1F1F1;
    height: 0px;
    margin: 0p;
    border-left: 0px;
    border-top: 1px;
}