body
{
	f/ont-family:'Ubuntu',arial;
	f/ont-family:'Voces',arial;
	font-family:'RobotoDraft',arial;
	background-color:#FFFFFF;
}

svg-inherit svg
{
  fill: inherit;
}

/* AM css additions */
.light-color-label
{
  color:rgba(160,160,160,0.87) !important;
}

.light-color-date input
{
  color:rgba(255,255,255,0.87) !important;
}

.md-small-icon-menu
{
  padding-top:0px !important;
	padding-bottom:0px !important;
	min-height:24px !important;
	height:24px !important;
}

.md-small-icon-menu md-icon
{
  font-size:20px;
}

.md-menu-content-90
{
  max-height: 90%;
}

.md-10
{
  font-size:10px;
}

.md-headline-large
{
  font-size: 48px;
  font-weight: 400;
  line-height: 80px;
}

/* inputs */
.md-datepicker-input-container
{
  width: 90%;
}
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-input-container.md-no-underline > input
{
  border-bottom:0;
}

md-autocomplete.no-box md-autocomplete-wrap.md-whiteframe-z1
{
	box-shadow:none;
}

md-autocomplete.md-input-tight md-input-container
{
  margin-bottom:0;
}

md-autocomplete.autocomplete-label label
{
	color:darkblue;
}

.autocomplete-custom-template .md-autocomplete-suggestion
{
  border-bottom: 1px solid #ccc;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: normal;
}
.autocomplete-custom-template .md-autocomplete-suggestion:last-child
{
  border-bottom-width: 0;
}
.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata
{
  display: block;
  line-height: 2;
}

.custom-container
{
	margin-top:24px;
  min-width: 300px !important;
}

.autocomplete-container-small
{
	margin-top:2px;
  min-width: 300px !important;
}

/* cards */
md-card-header.lessPad
{
  padding-bottom:0;
	padding-top:8px;
}

md-card-content.lessPad
{
  padding-bottom:8px;
	padding-top:8px;
}

.lessVerticalPad
{
	padding-top:16px;
}

.card-40-center
{
	min-width:600px;
	min-height:380px;
}

.md-sidenav-min200
{
  min-width:200px;
}

.md-sidenav-min260
{
  min-width:260px;
}

.checkbox-pad
{
  padding-left:14px;
	padding-right:8px;
}

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;
}

.rotate90
{
	transform: rotate(90deg);
}

.rotate180
{
	transform: rotate(180deg);
}

.rotate270
{
	transform: rotate(270deg);
}

.list-expand-button:hover
{
  transform: rotate(180deg);
  background: #e0e0e0;
	border-radius:50%;
	transition: all 0.3s ease-in-out;
}

md-tabs.highlight-active .md-tab.md-active, md-nav-bar.highlight-active li.md-nav-item a.md-active
{
	background-color:#E3D3CF;
}

md-tabs.highlight-active-light .md-tab.md-active
{
	background-color:#FBEBE7;
	color:#758f99;
}

md-nav-bar.short .md-nav-bar, md-tabs.short md-tabs-canvas
{
	height:36px;
}

md-tabs.short .md-tab
{
	padding:6px 12px 12px 6px;
}

md-nav-bar.short .md-button._md-nav-button
{
  line-height:12px;
	padding:12px 8px 8px 12px;
	margin:0;
}

.red-text
{
  color:#d22;
}

li.md-nav-item.green-text a.md-button._md-nav-button.md-unselected span span
{
	color:#3c3;
}

li.md-nav-item.red-text a.md-button._md-nav-button.md-unselected span span
{
	color:#d22;
}

.md-badge
{
  margin-top:3px;
	margin-left:8px;
	font-size:14px;
	color:#EEE;
}

.md-badge-dark
{
  margin-left:8px;
  font-size:14px;
	color:#666;
}

.md-badge2 {
	background-color: #607d8b;
	border-image-outset: 0;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	color: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	font-family: Roboto,"Helvetica Neue",sans-serif;
	font-size: 11px;
	font-stretch: normal;
	font-style: normal;
	font-variant-caps: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-weight: 400;
	height: 20px;
	letter-spacing: .4px;
	line-height: 18px;
	min-width: 20px;
	padding-bottom: 0;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	text-align: center;
	text-indent: 0;
	text-rendering: auto;
	text-shadow: none;
	text-size-adjust: 100%;
	text-transform: none;
	white-space: normal;
	word-spacing: 0;
	z-index: 9999;
	writing-mode: horizontal-tb;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
}

.floating-label
{
  font-size:10.5px;
	color:#666;
	margin-bottom:0;
}

.badge-text
{
  border-radius: 50%;
  text-align: center;
}

table.md-table th.md-column md-icon
{
  height:12px !important;
  min-height:12px;
  min-width:12px;
  opacity:0.8 !important;
}

td.cell-link, th.cell-link
{
  position: relative;
}

td.cell-link a, th.cell-link a
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

tbody.striped tr:nth-child(even)
{
  background-color: #fcfcfc;
}

thead.fixed, tfoot.fixed
{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
	z-index:1;
	background-color:#f8f8f8;
}

tfoot.fixed
{
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
	z-index:1;
	background-color:#f8f8f8;
}

thead.fixed th
{
	border-bottom:1px solid #999;
}

tbody.fixed
{
	padding-top:28px;
}

.view-only-input
{
  font-size:12px;
	color:#888;
	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-sidemargin
{
  margin-left:4px;
	margin-right:4px;
}

.md-input-pad
{
	margin-top:0;
	padding-top:20px;
}

.md-input-pad label
{
	bottom:64% !important;
}

.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;
	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-left
{
  text-align:left;
}

.number-column, .text-right
{
  text-align:right;
}

.date-column, .text-center
{
  text-align:center;
}

.number-input
{
  direction: rtl;
}

input[type=number].hide-spinner::-webkit-outer-spin-button,
input[type=number].hide-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number].hide-spinner
{
  -moz-appearance:textfield;
}

.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-medium-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:2px 6px;
}

.button-less-pad
{
	padding-right:4px !important;
	padding-left:4px !important;
	width:30px !important;
}

.md-small-text
{
	font-size: 11px;
  line-height: 16px;
}

.md-notes-fab
{
  bottom: 32px !important;
  right: 0px !important;
	opacity:0.9;
}

.fab-link-margin
{
	margin-top:16px;
	margin-left:1px;
}

div.tall-select md-select-menu[role="presentation"], div.tall-select md-select-menu md-content[role="listbox"]
{
	max-height:512px;
}

md-option.highlighted-option ._md-text
{
  color:rgb(63, 81, 181);
}

md-option.thin-option
{
  height:32px;
}

md-option.thin-option28
{
  height:28px;
}

.toolbar32
{
	height:32px;
	min-height:32px;
}

.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;
}

button.small-icon-button
{
	width:30px !important;
	height:26px !important;
	min-height:26px !important;
	padding:5px 4px 0px 4px !important;
	line-height:18px !important;
}

a.md-icon-button.highlight-circle[disabled]
{
	border:1px solid #aaa;
}

/* 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;
}

.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;
}

.highlight-row:hover
{
  background-color:#f0f0f0 !important;
}

.pointer-row:hover
{
	cursor:pointer;
}

.selected-row
{
  background-color:#EAF5FE;
}

/* 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;
	border-collapse: collapse;
}

table.smallLabels thead th
{
  color:#2020a0;
}

table.smallLabels tbody th
{
  padding-top:1px;
  font-size:11px;
	font-weight:normal;
	text-align:right;
	color:#888;
	padding-right:3px;
}

table.smallLabels tbody td
{
  padding-top:0px;
  font-size:14px;
	text-align:left;
}

table.smallLabels tr.divider td
{
  border-bottom: 1px solid #eee;
}

table.smallLabels tr.shaded, table.smallLabels tr.shaded td
{
  background-color: #F4F4F4;
}

.avatarImage
{
  height:40px;
	width:40px;
	border-radius:99%;
	margin:0 36px 0 3px;
}

.md-toast-success .md-toast-content
{
  background: #4CAF50 !important;
}

.md-toast-note .md-toast-content
{
  background: #448AFF !important;
}

.md-toast-warning .md-toast-content
{
  background: #FF9800 !important;
}

.md-toast-error .md-toast-content
{
  background: #f44336 !important;
}

.error-toast
{
  background-color:#A66;
  font-size:13px;
  padding:4px;
}

.vertical-divide
{
	width:1px;
	height:calc(100% - 6px);
	border-right:1px solid #D8D8D8;
	margin:3px 0;
}

/* 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;
}
