/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt; 
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

#rcorners2 {
  border-radius: 25px;
  border: 2px solid #73AD21;
  /*padding: 20px; 
  width: 200px;
  height: 150px;*/  
}

.dialogueBorder
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 4px solid #f86700;
	padding: 10px;
}

.zoomArea
{
	width: 600;
	height: 600;
	background: #ffff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 2px solid #f86700;
}

.transcript {
	/*text-align: center;*/
	display: flex;
	justify-content: center;
	align-items: center;
	/*height: 30px;*/
	border: 1px solid #fa8072; /*silver*/
	font-size: 1.3em;
	font-weight: bold;
	background-color: #F8F8F8;
}

.biggerfont, 
.biggerfontFocused, 
.biggerfontOver, 
.biggerfontFocusedOver, 
.biggerfontPending,
.biggerfontPendingFocused
{
	font-size: 1.3em;
	font-weight: bold;
	color: #4169E1; /*157fcc;*/
/*	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;*/
}