body
{
	f/ont-family:'Ubuntu',arial;
	font-family:'Voces',arial;
	background-color:#FFFFFF;
}

svg-inherit svg
{
  fill: inherit;
}

/* bar chart */
.chart {
  border-bottom: 1px solid black;
  margin: 8px auto;
  position: relative;
  list-style: none;
  padding: 8px 0 0 0;
}
.y {
  position: absolute;
  transform: rotate(-90deg);
  transform-origin: bottom left;
  bottom: 0;
  padding: 5px;
}
.bar {
  border-top:1px solid #777;
	border-left:1px solid #777;
	border-right:1px solid #777;
	padding-top:8px;
  background:#C5C5C5;
  position: absolute;
  bottom: 0;
	text-align:left;
}

.bar_bottom {
  position: absolute;
  bottom: 2;
	text-align:center;
	width:100%;
}


/* md data table additions */
table.md-table th.md-column md-icon
{
  height:12px !important;
	min-height:12px;
	min-width:12px;
	opacity:0.7 !important;
}

/* AM css additions */
md-toast.error .md-toast-content
{
  background: #f44336;
  color: white;
}

md-toast.success .md-toast-content
{
  background: #4caf50;
  color: white;
}

md-toast.info .md-toast-content
{
  background: #5BC0DE;
  color: white;
}

md-select-menu
{
  max-height:400px;
}

md-select-menu md-content
{
  max-height:400px;
}

md-input-container.md-no-underline > input
{
  border-bottom:0;
}

.checkbox-pad
{
  padding-left:14px;
	padding-right:8px;
}

.button-thin
{
	min-height: 28px;
}

md-list.md-list-thin
{
  padding-top:6px;
	padding-bottom:0px;
	width: 100%;
}

md-list.md-list-thin md-subheader
{
  padding:8px 16px;
  background-color:#FFFFFF;
	width: 100%;
	height:36px;
	min-height:32px;
	line-height:36px;
}

md-list.md-list-thin md-list-item
{
  height:40px;
	min-height:32px;
	width: 100%;
}

md-list.md-list-thin md-list-item button, md-list.md-list-thin md-list-item a
{
  min-height:32px;
	line-height:32px;
	height:32px;
	width:100%;
	text-align:left;
	margin:1px 8px;
	padding-left:8px;
}

md-list.md-list-superthin
{
  padding-top:2px;
	padding-bottom:0px;
	width: 100%;
}

md-list.md-list-superthin .md-subheader
{
  padding:0px 0px;
  background-color:#f4f4f4;
	width:100%;
	height:32px;
	min-height:32px;
	line-height:32px;
}

md-list.md-list-superthin ._md-subheader-inner
{
  padding:0px 16px;
}

md-list.md-list-superthin md-list-item
{
  height:36px;
	min-height:32px;
	width: 100%;
}

md-list.md-list-superthin md-list-item button, md-list.md-list-superthin md-list-item a
{
  min-height:32px;
	line-height:32px;
	height:32px;
	width:100%;
	text-align:left;
	margin:1px 8px;
	padding-left:8px;
}

md-tabs.tabs-only md-tab-content
{
  min-height:0;
	height:auto;
}

md-tabs.tabs-only md-tab-content-wrapper
{
  min-height:0;
	height:auto;
}

md-tabs.tabs-only
{
  min-height:0;
	height:auto;
}

div.md-subheader.thin-sub
{
 	height:46px;
	margin-bottom:4px;
  display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}

div.md-subheader.thin-sub div._md-subheader-inner, div.md-subheader.thin-sub div.md-subheader-inner
{
  padding:1px 16px;
	width:100%;
}

div.md-subheader.tool-sub div._md-subheader-inner, div.md-subheader.tool-sub div.md-subheader-inner
{
  padding:4px 16px;
}

.list-expand-button:hover
{
  transform: rotate(180deg);
  background: #e0e0e0;
	border-radius:50%;
	transition: all 0.3s ease-in-out;
}

.md-badge
{
  margin-top:3px;
	margin-left:8px;
	font-size:14px;
	color:#EEE;
}

.md-badge-dark
{
  margin-left:8px;
  font-size:14px;
	color:#666;
}

.floating-label
{
  font-size:9px;
	color:#888;
	margin-bottom:0;
}

.view-only-input
{
  font-size:12px;
	color:#222;
	margin:7px 0;
}

.md-input-tight
{
  margin-bottom:0;
}

.md-input-tight-top
{
  margin-top:6px;
}

.md-input-zero
{
  margin-bottom:0;
	margin-top:0;
}

.md-input-grid
{
  padding-top:4px;
	padding-bottom:0;
}

.md-input-grid > input
{
  padding-top:4px;
  padding-bottom:0;
	font-size: 13px;
}

.md-input-grid > input:focus
{
  background-color: #FAFAFA;
}

.md-input-grid > input[type=number]
{
	text-align:right;
}

.md-input-numeric
{
  text-align:right;
	padding-right:0;
}

.md-input-tight .md-errors-spacer, .md-input-zero .md-errors-spacer
{
  min-height:12px;
}

.md-input-no-errors .md-errors-spacer
{
  min-height:0;
}

.toolbarTable td
{
  padding:0 20px 0 20px;
}

.toolbarTable tr.header
{
	text-align:left;
	color:#444;
	font-size:14px;
}

.toolbarTable tr.data td
{
  color:#FFF;
  font-size:15px;
}

.table-column-header
{
  font-size:13px;
	font-weight:700;
	color:rgba(0, 0, 0, 0.54);
	padding:4px 24px;
	min-height:20px;
}

.text-column
{
  text-align:left;
}

.number-column
{
  text-align:right;
}

.date-column
{
  text-align:center;
}

.md-small-button
{
  font-size: 12px;
	font-weight: 500;
	line-height: 24px;
	margin: 4px 6px;
	min-height: 24px;
	min-width: 68px;
	outline: 0 none;
	overflow: hidden;
	padding:0 4px;
}

.md-notes-fab
{
  bottom: 32px !important;
  right: 0px !important;
	opacity:0.9;
}

md-option.highlighted-option ._md-text
{
  color:rgb(63, 81, 181);
}

.md-icon-active
{
  cursor:pointer;
	margin-left:10px;
  font-size:17px;
}

md-icon.i12
{
  width:12px; height:12px; font-size:12px;
}

md-icon.i18
{
  width:18px; height:18px; font-size:18px;
}

md-icon.i15
{
  width:15px; height:15px; font-size:15px;
}

md-icon.i20
{
  width:20px; height:20px; font-size:20px;
}

/* md cheats until can theme elements */
.md-indigo-bg-p
{
  background-color:rgb(63, 81, 181);
	color: rgba(255, 255, 255, 0.87);
}

.md-indigo-bg-ph2
{
  background-color:rgb(57, 73, 171);
	color: rgba(255, 255, 255, 0.87);
}

.md-indigo-bg-ph3
{
  background-color:rgb(140, 158, 255);
	color: rgba(0, 0, 0, 0.87);
}

.md-indigo-bg-wh3
{
  background-color:rgb(255, 138, 128);
	color: rgba(0, 0, 0, 0.87);
}

.md-indigo-p
{
  color:rgb(63, 81, 181);
}

.md-indigo-a
{
  color:#FF5252 !important;
}

.md-indigo-w
{
  color:rgb(255, 87, 34) !important;
}

/* color input with dark bkgd */
.light-text input
{
  color:#f0f0f0 !important;
}

md-input-container.light-text .md-input::-moz-placeholder
{
  color:#aaa;
}

md-input-container.light-text .md-input::-webkit-input-placeholder
{
  color:#aaa;
}

.service-badge
{
  color:#EEE;
  border:1px solid #555;
	border-radius:40px;
	font-weight:bold;
	font-size:9px;
	padding:1px 3px 1px 4px;
}

.service-badge-DELIVERY
{
  background-color:#D00000;
	border-color:#444;
}

.service-badge-LOAD
{
  background-color:#0000F0;
	border-color:#444;
}

.service-badge-PACK
{
  background-color:#00B000;
	border-color:#444;
}

.service-badge-DELIVERYO
{
  background-color:transparent;
	color:#D00000;
	border-color:#D00000;
}

.service-badge-LOADO
{
  background-color:transparent;
	color:#0000F0;
	border-color:#0000F0;
}

.service-badge-PACKO
{
  background-color:transparent;
	color:#00B000;
	border-color:#00B000;
}


.advocateMap
{
  height:calc(100% - 128px);
	width:100%;
}

.listMap
{
  height:calc(100% - 170px);
	width:100%;
}

/* FF specific hacks for map heights */
body:not(:-moz-handler-blocked) .advocateMap { height:100%; }
body:not(:-moz-handler-blocked) .listMap { height:100%; }

.sms-container
{
  width:100%;
	padding:4px 0;
}

.sms-message
{
  max-width:70%;
	padding:6px 10px;
	font-size:15px;
	border-radius:4px 4px 0 4px;
  text-align:right;
}

.sms-in
{
  text-align:left;
	border-radius:4px 4px 4px 0;
}

.sms-timestamp
{
  font-size:10px;
	color:#666;
	letter-spacing:0.020em;
}

/* misc classes */
.light-bg
{
	background-color:#f8f8f8;
}

.vlight-bg
{
	background-color:#fafafa;
}

.verticalFlip
{
  transform: scale(1, -1);
}

.horizontalFlip
{
  transform: scale(-1, 1);
}

.noUnderline
{
  text-decoration:none;
}

.noUnderline:hover
{
  text-decoration:underline;
}

.strong
{
  font-weight:bold;
}

.highlight-light
{
  color:yellow;
}

.highlight-bg
{
  background-color:lightyellow;
}

.highlightYN
{
  font-weight:bold;
	color:#20A020;
  t/ext-shadow: 2px 2px #DDD;
	border:1px solid #20A020;
	border-radius:4px;
	background-color:#FFF;
	padding:0 3px 0 2px;
}

.copyable:hover
{
  color:black;
}

.ellipsisOverflow
{
  white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}

/* hides the spin-button for firefox*/
.no-spin::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button
{
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}

/* pure.css */

.pure-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}

.pure-table td,
.pure-table th {
    border-left: 1px solid #cbcbcb;/*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 0.5em 1em; /* cell padding */
}

.pure-table td:first-child,
.pure-table th:first-child {
    border-left-width: 0;
}

.pure-table thead {
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

.pure-table td {
    background-color: transparent;
}

/* BORDERED TABLES */
.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0;
}

/* HORIZONTAL BORDERED TABLES */
.pure-table-horizontal td,
.pure-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0;
}

.tiny-heading
{
  font-size:10px;
  color:#555;
}

.tiny-heading th
{
  padding:1px 1px 0 1px !important;
	font-weight:normal;
}

tr.with-heading td
{
  padding-top:0 !important;
}

.small-heading
{
  font-size:12px;
}

.small-heading th
{
  padding:1px 16px !important;
	background-color: #e0e0e0;
}

.pure-table tbody tr.dataRow
{
  color:#555;
}

.pure-table tbody tr.dataRow:hover
{
  color:#000;
	background-color: #f0f0f4;
	cursor:pointer;
}

.pure-table tr.selectedRow
{
  background-color:#e8e8fa;
	color:#000;
	font-weight:bold;
	border:2px solid black;
	border-width:2px 2px 0 2px;
}

.pure-table tr.selectedContent
{
  color:#000;
	border:2px solid black;
	border-width:0 2px 2px 2px;
}

.hover-row:hover
{
  background-color:#f0f0f0;
	cursor:pointer;
}

.selected-row
{
  background-color:#BBDEF5;
}

/* flex pseudo table */
.ftWrapper
{
  padding:0 2px;
}

.ftHeaderRow
{
  height:30px;
	border-bottom:1px solid #AAA;
	padding-top:3px;
}

.ftHeaderCell
{
  padding:2px 4px;
	color:#2020a0;
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}

.ftRow
{
  height:30px;
	padding-top:3px;
	cursor:pointer;
	text-decoration:none;
	color:#222;
}

.ftRow:hover
{
  background-color:#e8e8e8;
}

.ftCell
{
  padding:2px 4px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}

/* for flex calendar */
.fcMonth
{
  padding: 5px;
  border-bottom: 1px solid #404090;
	color:#404090;
	background-color: #e0e0e0;
}

.fcDOW
{
  padding: 5px;
  border-bottom: 1px solid #ddd;
	font-weight:bold;
	color:#404090;
	background-color: #e0e0e0;
}

.fcDOWW
{
  padding: 5px;
  border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	font-weight:bold;
	color:#404090;
	background-color: #e0e0e0;
}

.fcWeek
{
  padding: 0px;
  border-bottom: 1px solid #ddd;
}

.fcDay
{
  padding: 5px;
  border: 1px solid #ddd;
}

.fcDayW
{
  padding: 5px;
  border-bottom: 1px solid #aaa;
}

.fcDOM
{
  font-weight:bold;
	color:#404090;
}

table.smallLabels
{
  width:100%;
	color:#111;
}

table.smallLabels thead th
{
  color:#2020a0;
}

table.smallLabels tbody th
{
  padding-top:2px;
  font-size:11px;
	font-weight:normal;
	text-align:right;
	color:#888;
	padding-right:2px;
}

table.smallLabels tbody td
{
  padding-top:0px;
  font-size:14px;
	text-align:left;
}

table.smallLabels tr.divider td
{
  border-bottom: 1px solid #eee;
}

.avatarImage
{
  height:40px;
	width:40px;
	border-radius:99%;
	margin:0 36px 0 3px;
}

.error-toast
{
  background-color:#A66;
  font-size:13px;
  padding:4px;
}

/* AM themes */
/*
md-toast.md-success-toast-theme {  background-color: #2DBD9B;}
md-toast.md-error-toast-theme { background-color: #DC4250; }
md-toast.md-warning-toast-theme { background-color: #F7BC31;}
*/

.inLeftOutRight.ng-enter
{
  -webkit-animation: slideInLeft 0.4s;
  animation: slideInLeft 0.4s;
}

.inLeftOutRight.ng-leave
{
  -webkit-animation: slideOutRight 0.4s;
  animation: slideOutRight 0.4s;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}