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

.extraBottomMargin {
  margin-bottom: 10px;
}

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

/*
h3 {
  font-size: 1.1em;
  font-weight: bold;
  color: #777777;
  margin: 20px 10px 0;
  text-align: left;
}
*/

.sendButton, #closeButton, .iconbutton {
  cursor: pointer;
}

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

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

.iconbutton {
  background-color: transparent !important;
  opacity: 0.6;
  border: 0;
}

.iconbutton:hover {
  border: 0;
  opacity: .8;
}

.no-margin {
  margin: 0;
}

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

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

.requiredFieldLabel {
	color: red;
}

.tool-section-header {
  background-color: #B0B0B0
}

.my-table-header {
	background-color: #B0B0B0
}

.my-table-band {
	background-color: #D8D8D8
}

.detail-section-header {
  font-size: 12pt;
  font-weight: bold;
}

.detail-table-header {
  background-color: #D8D8D8;
  font-size: 12pt;
  font-weight: bold;
}

.error-table-header {
  background-color: #D8D8D8
}

.my-table-noband {
	background-color: white
}

.my-table-error {
	background-color: #FF0000
}

.my-table-not-run {
	background-color: #99FFFF
}
.test-table{
    border-width: 0;
}

.with-border{
  border: 2px solid black;
}

.with-rounded-border{
  background-color: PaleTurquoise !important;
  border-radius: 10px;
  border: 2px solid #90A4AE;
}

.test-row-white {
  background-color: #90A4AE !important;
}

.test-row-yellow {
  background-color: #FFF176 !important;
}

.test-row-green {
  background-color: #81C784 !important;
}

.test-row-red {
  background-color: #E57373 !important;
}

.testOverviewHeaderSuccess {
  background-color: PaleTurquoise !important;
  border-radius: 10px;
  border: 2px solid #90A4AE;
}

.testSuccess {
  background-color: PaleTurquoise !important;
}

.testOverviewHeaderFail {
  background-color: LightCoral !important;
  border-radius: 10px;
  border: 2px solid #90A4AE;
}

.testFail {
  background-color: LightCoral !important;
}

.warningBanner {
  font-size: 16pt;
  background-color: yellow !important;
  text-align: center;
}

.testOverviewHeaderNotRun {
  background-color: white !important;
  border-radius: 10px;
  border: 2px solid #90A4AE;
}

.testNotRun {
  background-color: white !important;
}

.menuCollapse {
  cursor: pointer;
  cursor: hand;
}

.menuCollapse:hover {
  background-color: lavender;
}

.paddedHorizontalPanel {
  margin-left:20px;
}

.borderedTable {
  border:2px solid darkslategray;
}

.border-collapse {
  border-collapse: collapse;
  border:2px solid darkslategray;
  margin: 1px;
}

.table-header {
  background-color: wheat;
  text-align: center;
}

.list-border {
  border: 1px solid rgba(169, 169, 169, 0.67);
}
.section-title {
  font-size: 14pt;
  text-align: left;
}

.loadingMessage {
  visibility: visible;
  display: block;
  border:2px solid darkslategray;
  font-size: 16pt;
  background-color: yellow !important;
  text-align: center;
}

.hiddenMessage {
  visibility: hidden;
  display: none;
}

.test-title {
  font-size: 16pt;
  text-align: left;
}

.bold-face {
  font-weight: bold;
  color: black;
}

.test-summary {
  font-size: 2em;
  font-weight: bold;
  color: black;
  margin: 10px 0 20px 0;
  /*font-size: 16pt;*/
  text-align: left;
}


.right {
  float: right;
  /*position: absolute;*/
  /*right: 0px;*/
}

.left {
  float: left;
}

.block {
  display: block;
}

.gwt-TabBarItem { /* folder-type rounded tab edges */
  border-top-left-radius: .7em;
  border-top-right-radius: .7em;
}

.roundedButton1 {
  margin: 0;
  padding: 1px 3px;
  text-decoration: none;
  color:blue;
  cursor: pointer;
  cursor: hand;
  font-weight:normal;font-size:smaller;
  background: url("images/hborder.png") repeat-x 0px -2077px;
  border:1px solid #bbb;
  border-bottom: 1px solid #a0a0a0;
  border-radius: 16px;
  -moz-border-radius: 16px;
}

.roundedButton2 {
  border-radius:32px;
  border:1px solid #bbb;
  text-decoration:none;
  text-align:center;
  font-family:Arial;
  font-size:small;
  background:#f5f5f5;
  padding:1px 3px;
  color:#4B00FF;
}

.roundedButton3 {
  margin: 0;
  padding: 1px 3px;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
  font-weight:normal;font-size:xx-small;
  background: url("images/hborder.png") repeat-x 0px -2077px;
  border:1px solid #bbb;
  border-bottom: 1px solid #a0a0a0;
  border-radius: 16px;
  -moz-border-radius: 16px;
}

.gwt-TabBar {
  margin-top:6.5px;
  border-bottom: 4px solid #92C1F0;
}

.gwt-TabBarItem-selected {
  border-top-left-radius: .75em;
  border-top-right-radius: .75em;
  outline:none !important;
}


/*
#simConfigTable td  {
   border: 1px solid black;
}

#simConfigTable {
    border-collapse: collapse;
}*/

#simConfigTable tr:nth-child(even) {background-color: #f2f2f2}

.lavenderTh {font-size:16px; background-color: lavender;}

.iconStyle {
  vertical-align: bottom; cursor: pointer; margin: 3px; display:inline-block;
}

.iconStyle_20x20 {
  width: 20px; height: 20px;
}

/* Marker classes are used only for UI testing purposes. It helps to locate a particular HTML element through this class. Otherwise, it does not offer any functional value. */
.SupportingEnvironmentConfiguration {/* This marker class was generated using the ConfActor Table title (and automatically assigned) in Conformance actor. */}
.orchestrationTestMc {/* Marker class */}
.confActorTestSessionSelectorMc {/* Marker class */}
.confActorSutSelectorMc {/* Marker class */}
.testSessionSelectorMc {/* Marker class */}
.testSessionInputMc {/*Marker class */}
.selectActorTypeMc {/*Marker class */}
.simulatorIdInputMc {/* Marker class */}
.testCount {/* Marker class */}
.patientIdInputMc {/* Marker class */}

.orchestrationOption {
  margin-bottom: 7px;
  display: block;
}

.inlineLink {
 color: #0000ad;
}

.queryBoilerPlate {
  color: #4a4e51;
  background-color: #f9f9f9;
  border: 1px solid #d4d4d4;
  box-shadow: 1px 2px 3px #f2f2f2;
  padding: 4px 6px 5px;
  margin-top:2px;
  margin-left:2px;
  margin-bottom: 10px;
}

.copyBtn {
  background: white;
  margin-left:5px;
}
.copyBtn:hover{
  cursor: pointer;
}

.loading {
  cursor: wait;
}
.HP{
  margin-top:10px !important;
}
.HP .gwt-Button {
  margin-right: 10px;
}

.siteSelected {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  color: white;
  font-size:small;
  background-color: #628cd5;
  border:1px solid #bbb;
  border-bottom: 1px solid #a0a0a0;
}
.tabConfigRow::after {
  content: "";
  clear: both;
  display: table;
}
[class*="tabConfigCol-"] {
  float: left;
  padding: 15px;
}

.tabConfigMenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.tabConfigMenu li {
  padding: 8px;
  margin-bottom: 7px;
}
.tabConfigMenu li:hover {
  background-color: #0099cc;
}

/* Clear off border for the simulator manager buttons */
table tr td div button {
  border:none;
  background-color:transparent;
}

.insetBorder {
  border: inset;
}

.outsetBorder {
  border: outset;
}

.inheritBackground {
  background: inherit;
}