html {
    font-size: 11px;
}

table {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
}

div {
    max-width: 100%;
    text-align: center;
}

th {
    text-align: center;
}

table, th, td {
    border: 1px solid black;
}

img { 
    max-width: 25%; 
    height: auto; 
}

button {
    margin: 4px;
}

.textLeft {
    text-align: left;
}

.buttonGroup {
    padding-top: 20px;
}

.hidden {
    display: none;
}
.ui-toast {
	color: #FFFFFF;
	text-shadow: 2px 2px 4px rgb(0, 0, 0);
	background-color: #28a745;
	padding: 6px;
	font-size: 10pt;
	font-weight: normal;
	border: 1px solid #666;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	position: fixed;
	z-index: 5000;
}
.alertToast { background-color: #28a745  !important;-webkit-border-radius: 6px  !important;border-radius: 6px  !important; }
.alertToast p {	padding: 6px 12px  !important;font-size: 11px  !important;color: #FFFFFF  !important;text-shadow: 2px 2px 4px rgb(0, 0, 0)  !important; }