body {
    font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
    font-size: 62.5%;
    display: block;
    margin: 8px;
}

/* Customize font and size for dialog content */
.ui-dialog-content {
    font-family: Arial, sans-serif; /* Example font family */
    font-size: 14px; /* Example font size */
    line-height: 1.5; /* Example line height */
}

/* Customize font and size for dialog title */
.ui-dialog-title {
    font-family: Arial, sans-serif; /* Example font family */
    font-size: 18px; /* Example font size */
}

/* Customize font and size for text areas */
.ui-dialog textarea {
    font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; /* Example font family */
      font-size: 62.5%; /* Example font size */
    padding: 8px; /* Example padding */
}

.ui-dialog-buttonpane button {
    font-size: 80.5%; /* Example font size */
	font-weight: bold;
    font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
    padding: 4.4px 11px; /* Example padding */
    background-color: #DFEFFC; /* Example background color */
    border-color: #007bf; /* Example border color */
    color: #2E6E9E; /* Example text color */
}

.ui-dialog-buttonpane button:hover {
	
    background-color: #D9FFFF; /* Example hover background color */
	font-weight: bold;
    color:  #2E6E9E; /* Example text color on hover */
}






.ui-button {
    display: inline-block;
    position: relative;
    padding: 5.5px 11px 3.3px;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    overflow: visible;
	background-color:#DFEFFC;
    zoom: 1; /* Fixes display issues in older IE versions */
}


.ui-button .ui-button-text {
   
	 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; /* Example font family */
      font-size: 62.5%; /* Example font size */
	color:#2E6E9E;
}

.ui-button .ui-button-icon-primary,
.ui-button .ui-button-icon-secondary {
    position: absolute;
    top: 50%;
    margin-top: -8px; /* Adjust based on icon height */
}

.ui-button .ui-button-icon-primary {
    left: .5em;
}

.ui-button .ui-button-icon-secondary {
    right: .5em;
}

/* Title bar of jQuery UI dialog */
.ui-dialog .ui-dialog-titlebar {
    padding: 10px; /* Example padding value */
   background-color: #5C9CCC;/* Example background color */
    color: #FFFFFF; /* Example text color */
    border: 1px solid #ccc; /* Example border */
}

/* Close button within title bar */
.ui-dialog .ui-dialog-titlebar-close {
    background-color: #ffffff; /* Clear background color */
    border: none; /* Clear border */
    color: #FFFFFF; /* Example close button text color */
}

/* Close button hover state */
.ui-dialog .ui-dialog-titlebar-close:hover {
    background-color: rgba(0, 0, 0, 0.1); /* Example hover background color */
}

/* Title text within title bar */
.ui-dialog .ui-dialog-title {
    font-size: 1.2em; /* Example font size */
}