@font-face {
  font-family: 'generalFoundicons';
  src: url('../fonts/general_foundicons.eot');
  src: url('../fonts/general_foundicons.eot?#iefix') format('embedded-opentype'),
       url('../fonts/general_foundicons.woff') format('woff'),
       url('../fonts/general_foundicons.ttf') format('truetype'),
       url('../fonts/general_foundicons.svg#generalFoundicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
 

 .login {
  background: url(../img/xero_bg.jpg) #074e68;
background-size: cover;

 }
 

td.overdue { color:#ff6600; font-weight:bold }
.tabs dd > a, .tabs .tab-title > a {
    padding:1rem 1.5rem;
}
  
.user {
color:white;
font-weight:bold;
padding:0.4em;
border-radius: 0.3em;
margin-right:0.5em;
-webkit-font-smoothing:antialiased;
}
table.notes { border:none; }
table.notes td { border-bottom:1px solid #ececec; padding:1em 0em; }
table.notes tr:nth-of-type(even) {
    background-color: transparent !important;
}

.formatted, .formatted span, .formatted li, .formatted p  { font-size:11px !important; }
.note {  padding-left:1em; }

.post-it { width:100px; height:100px; margin:0.5em; padding:1em; font-size:11px; line-height:13px; color:white; float:left;  text-overflow: ellipsis;
-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.75);
box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.75);
}
.post-it a {color:white !important; display:block;  }
.noteboard { padding:3em; background:url(../images/blackboard.jpg) #373537; background-size: cover;  color:white !important; }
.noteboard .row { max-width: 100%;  }
.noteboard h3, .noteboard h1 {color:white}
.noteboard h4 {color:silver}
.noteboard hr { height:1px; border:none; color:#666; background-color:#666; }
.fade {filter: alpha(opacity=50); opacity: 0.5; }

.when {color:silver }
.light { color:silver; font-size:13px }
 .login-box { margin-top: 200px; }

 .form { background:white; padding:2em; font-family: 'Roboto', sans-serif; font-size:14px; }
[class*="foundicon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
}
 
[class*="foundicon-"]:before {
  font-family: "generalFoundicons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}

td {
  margin: 0 !important;
 }

.full {
    width:100% !important;
}

h3 { font-size: 24px; font-weight:bold; color: rgb(7, 78, 104)}

.overdue td { color : crimson; }
.upcoming td { color:  #2ba6cb }


.box { border:2px solid #2ba6cb; border-radius:3px;  padding:1em; font-weight:bold; line-height:2em}

.money { font-size:2em;  color:#2ba6cb; }
.light { color: silver; }

.notes { color: #bbb; font-size:20px; margin-right:5px; }

.map { border: 1px solid #d8d8d8}

.has-tip { border:none !important }

.padded { margin:0em 2em; }
header {
    color:white !important;
background: url(../images/banner.jpg) #074e68;
background-size: cover;
padding: 22px 0;
}

select {
  height: auto !important;
}

.strike {
  color:silver;
  text-decoration: line-through;
  opacity: 0.3;
}

div.icon-bar {background: #0b5c79 }
.icon-bar .item { background: #0b5c79}
header h2 { color:white}

.top-bar {
  backg/round: #085a78;
}

.top-bar-section ul li {
  back/ground: #085a78 !important;
}

.top-bar-section li {
  backgrou/nd: #085a78 !important;
}

.top-bar-section .has-form {
}

body, html {
    font-size:0.9em !important;
    line-height: 1.3em !important;
 text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: subpixel-antialiased !important;
}


.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }


.status-done { color:  #4AC948; font-size: 16px; }
.status-on { color:  #FF6600; font-size: 16px; }
.status-off { color:silver; font-size: 16px;  }

.padded, .padded div, .padded span, .padded ol, .padded ul, .padded p {
    font-size:1em !important;
    line-height: 1.3em !important;
}