.hoverdisabled {
	pointer-events: none;
	opacity: 1;
}

.erroropacity {
	padding-top: 10px;
	opacity: 0.5;
}

.hidedisplay {
	display: none;
}

.table-width-overflow {
	display:inline-block; 
	overflow-x:auto; 
	overflow-y:hidden;
}

.table-height-overflow {
	display:inline-block; 
	overflow-x:hidden; 
	overflow-y:auto;
	max-height: 350px;
}

.topverticalalign {
	align-items: top !important;
}

.notefontcolor {
	padding-left: 5px;
	font-size: 13px;
	color: rgb(253, 105, 37)
}

.noborder {
	border: 0px thin rgba(0,0,0,0) !important;
}

.panel-height {
	max-height: var(--panel-default-height);
}

td.details-control {
    background: url("/assets/custom/button/expand.png") no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url("/assets/custom/button/collapse.png") no-repeat center center;
}

.overlay-flex-column {
	flex-direction: column;
}

#idisplayform {
	height: calc(100vh - 70px);
}

/* If the screen size is smaller than 1200px, set the font-size to 80px */
@media (min-width: 701px) {
	/*.responsive-font-announcement {
	  font-size: 22px;
	}
	  */
	html {
		font-size: 1rem;
	}
	.element {
       margin: 1rem;
       padding: 1rem;
   }
}
@media (max-width: 700px) {
	/*.responsive-font-announcement {
	  font-size: 22px;
	}
	  */
	html {
		font-size: 0.9rem;
	}
	.element {
       margin: 0.9rem;
       padding: 0.9rem;
   }
}
@media (max-width: 499px) {
	/*.responsive-font-announcement {
	  font-size: 18px;
	}
	  */
	html {
		font-size: 0.7rem;
	}
	.element {
       margin: 0.7rem;
       padding: 0.7rem;
   }
}

@media print {
	pre {
		font-family: Tahoma;
		font-size: 12pt;
	}
	
	table { 
		border: 1px solid rgba(0,0,0,1) !important;
		width: 100%;
	}
	
	table th, table td {
		border: 1px solid rgba(0,0,0,1) !important;
	}

	.non-print {
    	display: none
    }

	.modal-xxl {
		max-width: 95%;
	}
}