/** Add css rules here for your application. */
body {<!--
  background-color: #e4e4e4 !important; -->
  color: #333333 !important;
  font-family: 'Exo 2', sans-serif !important;
  font-size: 13px !important;
}

#main_container {
  cursor: pointer !important;
}

.gwt-Button {
  padding: 3px;
  margin: 5px 0;
}

.loadInProgress {
  cursor: progress !important;
}

/** Example rules used by the template application (remove for your app) */
h1 {
  color: #777777;
  margin: 0px auto;
  font-size: 2em;
  font-weight: bold;
  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;
}

#rightHandDiv {
  display: block;
  float: right;
  overflow: auto;
}

#bodyDiv {
  display: block;
}

.bodyDiv {
  margin-top: 45px;
}
.link_truncated {
  text-overflow: ellipsis;
  display: inline-block;
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}

span.docQueued {
  color: orange;
  font-weight: bold;
}

span.docUploading {
  color: blue;
  font-weight: bold;
}

span.docFailed {
  color: red;
  font-weight: bold;
}

span.docDone {
  color: green;
  font-weight: bold;
}

#gwt-debug-DocumentUploadWidget {
  max-height: 500px;
  max-width: 180px;
}

.watermark {
  position: absolute;
  opacity: 0.25;
  font-size: xx-large;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  z-index: 1000;
}

#gwt-debug-CompanyNameListWidget {
  
}

#gwt-debug-CompanyColorListWidget {
  
}

#gwt-debug-CompanyDetailWidget {
  
}

#gwt-debug-CompanyFilterBarWidget {
  
}

#gwt-debug-CompanyTypeListBoxWidget {
  
}

#gwt-debug-CompanyUpdateWidget {
  
}

#gwt-debug-DocumentCategoryListBoxWidget {
  
}

#gwt-debug-DocumentUpdateWidget {
  
}

#gwt-debug-DocumentWidget {
  
}

.logo {
  display: block;
}

.viewHeading {
  font-weight: bold;
  font-size: medium;
}

.viewHeading-archived {
  text-decoration: line-through;
}

.viewHeadinglarge {
  font-weight: bold;
  font-size: large !important;
}

.menu-tree-right {
  font-size: 14px;
  float: right;
}

.menu-tree-left {
  font-size: 14px;
  float: left;
  border-right-style: solid;
  border-right-width: 1px;
}

.searchBox {
  float: right;
}

.lbl-search {
  font-weight: bold;
}

.blueBackground {
  background-color: blue !important;
  color: white;
}

.brownBackground {
  background-color: #EE9A4D !important;
  color: white;
}

.grayBackground {
  background-color: gray !important;
  color: white;
}

.greenBackground {
  background-color: green !important;
  color: white;
}

.orangeBackground {
  background-color: orange !important;
}

.pinkBackground {
  background-color: pink !important;
}

.purpleBackground {
  background-color: purple !important;
  color: white;
}

.redBackground {
  background-color: red !important;
  color: white;
}

.yellowBackground {
  background-color: yellow !important;
}

.lightBlueBackground {
  background-color: aqua !important;
}

.silverBlueBackground {
  background-color: silver !important;
}

.goldBackground {
  background-color: #FDD017 !important;
}

.flGreenBackground {
  background-color: #7CFC00 !important;
}

.blueText {
  color: blue !important;
  font-weight: bold;
}

.brownText {
  color: #EE9A4D !important;
  font-weight: bold;
}

.grayText {
  color: gray !important;
  font-weight: bold;
}

.greenText {
  color: green !important;
  font-weight: bold;
}

.flGreenText {
  color: green !important;
  font-weight: bold;
}

.orangeText {
  color: orange !important;
  font-weight: bold;
}

.pinkText {
  color: pink !important;
  font-weight: bold;
}

.purpleText {
  color: purple !important;
  font-weight: bold;
}

.redText {
  color: red !important;
  font-weight: bold;
}

.yellowText {
  color: yellow !important;
  font-weight: bold;
}

.lightBlueText {
  color: aqua !important;
  font-weight: bold;
}

.silverBlueText {
  color: silver !important;
  font-weight: bold;
}

.goldText {
  color: #FDD017 !important;
  font-weight: bold;
}

.coloredText {
  
}

td.coloredText div {
  background-color: white !important;
}

.hidesmartwidgets {
  z-index: 0 !important;
}

.helpText {
  color: gray;
  font-style: italic;
}

.showAsLink {
  text-decoration: underline;
  color: blue;
}

.updateForm {
  float: left;
}

.indexGridLabel {
  font-size: 18px !important;
}

.errorBox {
  border-color: red !important;
  border-style: solid !important;
  border-width: 3px !important;
}

.updateFormLegacyInfo {
  float: left;
  padding-right: 10px; margin-right 10px;
  border-right-style: solid;
}

.selectedButtonStyle {
  color: blue;
  font-weight: bold;
}

.zebra ul li {
  background: #efefef;
  padding: 5px;
  margin-bottom: 5px;
}

.zebra ul li:nth-child(odd) {
  background: #fff;
  padding: 5px;
}

.zebra ol li {
  background: #efefef;
  padding: 5px;
  margin-bottom: 5px;
}

.zebra ol li:nth-child(odd) {
  background: #fff;
  padding: 5px;
}

.wigetWidth {
  display: block;
  float: right;
}

.newWindowBtn {
  width: 50px;
}

.linkIconImage {
  width: 50px;
}

.hide {
  display: none !important;
}

.show {
  display: auto !important;
}

.pure-help-inline {
  color: #ADADAD;
  display: inline-block;
  font-size: 90%;
  padding-left: 0.3em;
  vertical-align: middle;
}

.pure-button-xsmall {
  font-size: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  vertical-align: baseline;
}

.suggestiveTextEmailComposePopup {
  font-size: 11px;
  color: #999;
  font: Verdana, Geneva, sans-serif;
  /*float: right;*/
  margin-left: 70px;
  margin-bottom: 5px;
}

.flabel {
  width: 70px;
  float: left;
}

.ffield {
  width: 455px;
  float: left;
}

.nopadd {
  padding: 0px !important;
}

.normal {
  background: #f4f4f4;
}

.normal tr {
  background: #f4f4f4;
}

.normal tr td {
  margin: none !important;
  text-align: left;
  padding: 3px 0 3px 15px;
}

.normal .gwt-PasswordTextBox {
  padding: 5px 6px;
}

.savedSearchEditLink {
  font-size: x-small;
}

.gwt-Treeitem {
  font-size: 18px !important;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  font-size: 12px;
  line-height: 15px;
  text-align: left;
  padding: 5px;
}

.richTextArea {
  border: solid thin gray !important;
}

.invalid-input {
  border: solid thin red !important;
}

.pinPanel {
  border-style: solid !important;
  border-color: #D2691E !important;
  border-width: 3px !important;
}

.invoice_over_due {
  font-weight: bold;
  color: red;
}

.invoice_due {
  font-weight: bold;
}

.invoice_paid {
  font-weight: bold;
  color: green;
}

.CaseDetails_invoice_over_due {
  text-transform: uppercase;
  font-weight: bold;
  color: red;
}

.CaseDetails_invoice_paid {
  text-transform: uppercase;
  font-weight: bold;
  color: green;
}

.CaseDetails_invoice_due {
  text-transform: uppercase;
  font-weight: bold;
}

.saved-search-tree-item {
  color: green;
}

.specialNote_cases {
  color: white;
  background-color: #2196F3;
  border-color: #bce8f1;
  margin-bottom: 10px;
  margin-top: 5px;
  padding: 5px;
  opacity: 0.83;
  font-weight: bold;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}

/* --------------------Loading animation styles ----------------------*/
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
}
.loading-bar {
  display: inline-block;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
}
.loading-bar:nth-child(1) {
  background-color: #3498db;
  animation-delay: 0;
}
.loading-bar:nth-child(2) {
  background-color: #c0392b;
  animation-delay: 0.09s;
}
.loading-bar:nth-child(3) {
  background-color: #f1c40f;
  animation-delay: .18s;
}
.loading-bar:nth-child(4) {
  background-color: #27ae60;
  animation-delay: .27s;
}

@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}
/* --------------------Loading animation styles ----------------------*/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.twoColList {
  width: 49%;
}

.ims-pointer {
  cursor: pointer;
}

.l3-title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #202020;
  text-decoration: none;
  display: inline-block;
  pointer-events: auto;
}
/*---------------------------- Table -----------------------------------*/
.generic-table-body {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  position: relative;
  margin-bottom: 24px;
  margin-left: 5px;
  padding-top: 5px;
}

.generic-table-flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 24px;
}

@media ( max-width : 990px) {
  .generic-table-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: 10px;
  }
}

.generic-table-name {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  line-height: 20px;
  font-weight: 500;
  float: left;
  width: calc(100% - 600px);
  margin-top: 26px;
  margin-right: 30px;
}

@media ( max-width : 767px) {
  .generic-table-name {
    margin-top: 16px;
    margin-right: 0;
    width: calc(100% - 40px) !important;
  }
}

.generic-table-details {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 26px;
  margin-right: 30px;
  height: 25px;
}

@media ( max-width : 767px) {
  .generic-table-details {
    -ms-align-self: flex-end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    margin: 10px;
  }
}

.generic-table-row-item {
  display: inline-block;
  width: 80px;
  margin: 0 10px;
}

.generic-table-short-row-item {
  display: inline-block;
  width: 10px;
  margin: 0 10px;
}

.generic-table-long-row-item {
  display: inline-block;
  width: 120px;
  margin: 0 10px;
}

.generic-table-prefix {
  left: 0px;
  top: calc(50% - 8px);
  line-height: 16px;
  color: #757575;
  pointer-events: none;
}

.case-details-tab-panel {
	position: absolute !important;
    left: 0px;
    width: 100%;
    overflow: hidden;
    top: 136px;
    height: calc(65%);
}

.center {
	width: 100%;
	margin: 0px auto;
}

.zindex5{
	z-index: 5;
}

.visibilityHidden {
    visibility: hidden;
}

.visibilityVisible {
    visibility: visible;
}