/* CURRENT main color: #00897B */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

* {
	font-family: 'Roboto', Verdana, sans-serif;}

body .ui-widget .ui-widget {
	font-family: 'Roboto', Verdana, sans-serif;}
	
.login-button .ui-button {
  background-color: #00897B;
  color: #ffffff;
  border: 1px solid #00897B;}
  .login-button .ui-button.ui-state-active {
    background-color: #00796B;
    border-color: #00796B;
    color: #ffffff;}
  .login-button .ui-button.ui-state-hover {
    background-color: #00796B;
    border-color: #00796B;
    color: #ffffff;}

.ns-main-color {
	color: #00897B;}

.ns-main-background-color {
	background-color: #00897B;}

.ns-success-background-color{
	background-color: #43A047;}
	
.summary-pane {
	color: #00897B;}	

/* overwrite */

body a {
  color: #00897B;}

body .ui-datatable thead th.ui-state-active {
    background-color: #ffffff;
    color: #00897B;
    border-color: #ffffff; 
}

body .ui-datatable thead th.ui-state-active.ui-state-focus {
	background-color: #ffffff;}
      
body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
	background-color: #E0F2F1 !important;
	color: inherit;}	

body .ui-button {
  color: #00897B;
  border: 1px solid #00897B;}
  body .ui-button.ui-state-active {
    color: #ffffff;}
  body .ui-button.ui-state-hover {
    color: #ffffff;}
    
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
	background-color: #ffffff;
	color: #00897B;
	border-color: #dddddd;
	font-weight: 700;}

.ui-autocomplete-dropdown.ui-button.ui-state-active,
.ui-autocomplete-dropdown.ui-button.ui-state-hover{
	color: #00897B !important;
}

body .ui-autocomplete .ui-autocomplete-dropdown{
	color: #00897B;}
	
.dashboard .overview-boxes .overview-box.overview-box-1 {
  background-color: #ffffff;
  border: solid 0px #dddddd;
  color: #00897B; }
.dashboard .overview-boxes .overview-box .overview-box-title {
      color: #A0A09F; }