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


/** Example rules used by the template application (remove for your app) */
html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}

.inline {
	display: inline;
}

.nowrap {
	white-space: nowrap;
}

.outer-center {
	height: 100%;
	width: 100%;
	display: table;
	padding: 0;
	margin: 0;
}

.inner-center {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	margin: 0;
}

.pinned-right {
	position: absolute;
	right: 15px;
}

tr.menuPopupTop {
	display: none;
}

td.menuPopupMiddleLeft {
	display: none;
}

td.menuPopupMiddleRight {
	display: none;
}

tr.menuPopupBottom {
	display: none;
}

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;
}

/* Make our tab panels full height */
.gwt-TabPanelBottom {
	height: 100%;
}

.valign-baseline {
	vertical-align: baseline;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

.headerLine {
	background-color: #88cc88;
}

.totalLine {
	background-color: #88cc88;
}

.oddLine {
	background-color: #ccffcc;
}

.evenLine {
	background-color: white;
}

.stale {
	color: #808080;
}

.h1 {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	color: #777777;
}

.dialogTitle {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

.ff_amount {
	width: 6em;
}

.ff_date {
	width: 6em;
}

.ff_datetime {
	width: 12em;
}

.ff_member {
	width: 6em;
}

.supplyText {
	width: 10em;
}

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

/* Radio buttons within tree widgets should back off a bit */
.gwt-RadioButton-coral-treeOfRadioButtons {
	margin-left: -17px;
}

.th {
	font-weight: bold;
	text-align: center;
}

.gwt-Tree-coral-EquipmentTree .LeafItem {
	margin-left: -17px;
} 

.gwt-Tree-coral-EquipmentTree .gwt-TreeItem-selected .LeafItem {
	background: #0000c0;
	color: white;
	font-weight: bold;
}

.gwt-Tree-coral-SupplyTree .LeafItem {
	margin-left: -17px;
} 

.gwt-Tree-coral-SupplyTree .gwt-TreeItem-selected .LeafItem {
	background: #0000c0;
	color: white;
	font-weight: bold;
}

.ck-focused {
	background: white;
}

.ck-blurred {
	background: white;
	border-width: 1px !important;
	padding: 4px !important;
	border-style: solid !important;
	border-color: black !important;
}

.equipmentTreeParent {
	height: 750px;
}

.coralTemp {
	/* background: #fc8f32; */ /* Construction orange */
	background: #ffa04d; /* Slightly more pastel version */
}

.coralTest {
	background: #d0f0c0;
}

.coralDev {
	background: #d0c0f0;
}

.purple {
  color: purple;
}

.blue {
  color: blue;
}

.cyan {
  color: cyan;
}

.green {
  color: green;
}

.white-on-green {
  background-color: green;
  color: white;
}

.black-on-amber {
  background-color: #ffbf00 !important;
  color: black;
  background-image: none !important;
}

.yellow {
  color: yellow;
}

.amber {
  color: #FFBF00;
}

.orange {
  color: orange;
}

.red {
  color: red !important;
}

.black {
  color: black;
}

.super-black {
  color: black !important;
}

.white {
  color: white;
}

.grey {
  color: #808080 !important;
}

.ccc {
  color: #cccccc !important;
}

.white-on-green {
  color: white !important;
  background-color: green !important;
  background-image: none !important;
}

.white-on-red {
  color: white !important;
  background-color: red !important;
  background-image: none !important;
}

.black-on-white {
  color: black !important;
  background-color: white !important;
  background-image: none !important;
}

.center-both {
	display: flex;
	justify-content: center;
	align-items: center; 	
}

.center-aligned {
	text-align: center;
}

.middle-aligned {
	vertical-align: middle;
}

.middle-aligned input {
	vertical-align: middle;
}

.middle-aligned div {
	vertical-align: middle;
}

.right-aligned {
	text-align: right;
}

.padded {
	padding: 6px;
}

table.top-aligned td {
	vertical-align: top;
}

table.bordered {
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
}

table.bordered td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: black;
}

table.paddedx2 td {
	padding: 2px !important;	
}

.vertical-padded {
	padding: 0em 0 0.75em 0;
}

dl {
	padding: 0.5em;	
}

dt {
    float: left;
    clear: left;
    width: 100px;
	/* text-align: right; */
    font-weight: bold;
}
  
dt::after {
    content: ":";
}

dd {
    /* margin: 0 0 0 110px; */
    padding: 0 0 0.25em 0;
}

.zero-height {
	height: 0px;
}

.bold {
	font-weight: bold;
}

.quiz-answer-grid {
	border-spacing: 5px;
}

.margin10 {
	margin: 10px;
}

.gwt-SuggestBox-readonly {
	color: #808080;
}

.gwt-MenuBar table {
	border-spacing: 0;
}

.noborder {
	border: none !important;
}

.noborder td {
	border: none !important;
}

.nopadding td {
	padding: 0 !important;
}

.cal-header {
	font-size: 15px;
	padding-left: 5px;
}

.cal-header-date {
	font-size: 15px;
	font-weight: bold;
	color: #112ABB;
	padding-left: 5px;
}

.cal-header-back {
	background: #C3D9FF;
	margin-top: 10px;
	padding: 2px;
}

.padleft20 {
	padding-left: 20px;	
}

.vw95 {
	height: 95vw;
}
}