.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}



.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
md-toast .md-toast-content {
  background-color: #2EA9ED !important;
  border-radius: 2px;
}
md-toast[md-theme=warn] .md-toast-content {
  background-color: #F44336 !important;
  border-radius: 2px;
}

[ui-view].content.ng-enter,
[ui-view].content.ng-leave {
  transition: opacity ease-in-out 200ms;
}
[ui-view].content.ng-enter,
[ui-view].content.ng-leave.ng-leave-active {
  opacity: 0;
}
[ui-view].content.ng-enter.ng-enter-active {
  opacity: 1;
}
.Page.ng-leave.ng-leave-active {
  display: none;
}

.u-center {
  text-align: center;
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-dashboard .dash-main h2,
.page-updates .dash-main h2 {
  color: #2ea9ed;
  font-size: 24px;
  font-weight: 400;
}
.page-dashboard .whats-new a,
.page-updates .whats-new a {
  cursor: pointer;
}
.page-dashboard .whats-new .list-cont,
.page-updates .whats-new .list-cont {
  background-color: white;
  border: 1px solid #ccc;
}
.page-dashboard .whats-new .list-cont .notifiables,
.page-updates .whats-new .list-cont .notifiables {
  padding: 15px;
  border-bottom: 1px solid #ccc;
  margin: 0px;
}
.page-dashboard .whats-new .list-cont .notifiables i,
.page-updates .whats-new .list-cont .notifiables i {
  font-size: 24px;
  color: #666;
  margin-right: 10px;
}
.page-dashboard .whats-new .list-cont .view-all,
.page-updates .whats-new .list-cont .view-all {
  padding: 15px !important;
  margin: 0px;
  text-align: center;
}
.page-dashboard .whats-new .list-cont .view-all,
.page-updates .whats-new .list-cont .view-all,
.page-dashboard .whats-new .list-cont .notifiables,
.page-updates .whats-new .list-cont .notifiables {
  background-color: white;
}
.page-dashboard .whats-new .list-cont .view-all:hover,
.page-updates .whats-new .list-cont .view-all:hover,
.page-dashboard .whats-new .list-cont .notifiables:hover,
.page-updates .whats-new .list-cont .notifiables:hover {
  background-color: #e4f6ff;
}
.page-dashboard .whats-new span,
.page-updates .whats-new span {
  color: black;
  font-weight: 700;
  font-size: 14px;
}
.page-dashboard .slick-slider,
.page-updates .slick-slider {
  margin: 8px;
}
.page-dashboard .slick-slider .slick-prev,
.page-updates .slick-slider .slick-prev,
.page-dashboard .slick-slider .slick-next,
.page-updates .slick-slider .slick-next {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  z-index: 3;
}
.page-dashboard .slick-slider .slick-prev,
.page-updates .slick-slider .slick-prev {
  left: -35px;
}
.page-dashboard .slick-slider .slick-next,
.page-updates .slick-slider .slick-next {
  right: -35px;
}
.page-dashboard .slide,
.page-updates .slide {
  position: relative;
  outline: none;
  cursor: pointer;
}
.page-dashboard .slide .cover,
.page-updates .slide .cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 43%;
  width: 100%;
}
.page-dashboard .slide .text,
.page-updates .slide .text {
  padding: 15px;
  width: calc(100% - 30px);
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.page-dashboard .slide .text h2,
.page-updates .slide .text h2 {
  border-bottom: 1px solid white;
  font-weight: bold;
  padding-bottom: 5px;
}
.page-dashboard .slide .text p,
.page-updates .slide .text p {
  padding-top: 10px;
}
.page-dashboard .slide .text h2,
.page-updates .slide .text h2,
.page-dashboard .slide .text p,
.page-updates .slide .text p {
  color: white;
  margin: 0px;
}
.page-dashboard .slide .text .read-more,
.page-updates .slide .text .read-more {
  display: inline-block;
  color: white;
  height: 20px;
  line-height: 20px;
  text-align: right;
  width: 100%;
}
.page-dashboard .slide .text .read-more .fa,
.page-updates .slide .text .read-more .fa {
  padding: 0px;
  height: 20px;
  line-height: 20px;
  color: white;
}
.page-dashboard .slide:hover .text,
.page-updates .slide:hover .text {
  background-color: rgba(0, 0, 0, 0.4);
  bottom: 0px;
  opacity: 0.9;
}
.page-dashboard .feed .header,
.page-updates .feed .header {
  border-bottom: 1px solid #ccc;
  position: static;
  width: auto;
  height: auto;
  z-index: 0;
}
.page-dashboard .feed .view-all,
.page-updates .feed .view-all {
  font-size: 10px;
  padding-top: 4px;
}
.page-dashboard .events-feed,
.page-updates .events-feed {
  margin-top: 20px;
}
.page-dashboard .document md-card,
.page-updates .document md-card {
  cursor: pointer;
  height: calc(100% - 16px);
}
.page-dashboard .document md-card md-card-content,
.page-updates .document md-card md-card-content {
  padding-top: 0px;
  padding-bottom: 0px;
}
.page-dashboard .document:hover,
.page-updates .document:hover {
  opacity: 0.8;
}
.page-dashboard .document .file,
.page-updates .document .file {
  padding: 15px;
  width: calc(100% - 30px);
}
.page-dashboard .document .fa-star,
.page-updates .document .fa-star {
  display: none !important;
}
.page-dashboard .document .link,
.page-updates .document .link {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  border-top: 1px solid #ccc;
  padding: 15px;
  margin: 0px;
  tex-transform: uppercase;
}
.page-dashboard .document md-icon,
.page-updates .document md-icon {
  font-size: 40px !important;
  width: auto;
  height: auto;
  padding-right: 15px;
  line-height: 40px;
  color: #333333;
}
.page-dashboard .document md-icon.fa-youtube-play,
.page-updates .document md-icon.fa-youtube-play {
  color: #cc0000;
}
.page-dashboard .document md-icon.fa-file-pdf-o,
.page-updates .document md-icon.fa-file-pdf-o {
  color: #d62b2b;
}
.page-dashboard .document md-icon.fa-file-excel-o,
.page-updates .document md-icon.fa-file-excel-o {
  color: #45c51b;
}
.page-dashboard .document md-icon.fa-file-word-o,
.page-updates .document md-icon.fa-file-word-o {
  color: #2b48d6;
}
.page-dashboard .document md-icon.fa-file-powerpoint-o,
.page-updates .document md-icon.fa-file-powerpoint-o {
  color: #ab1bc5;
}
.page-dashboard .document .md-fab md-icon,
.page-updates .document .md-fab md-icon {
  font-size: 20px !important;
}
.page-dashboard .document .favourite-icon,
.page-updates .document .favourite-icon {
  visibility: hidden;
}
.page-dashboard .document .favourite-icon.favourited,
.page-updates .document .favourite-icon.favourited {
  visibility: visible;
}
.page-dashboard .dash-side,
.page-updates .dash-side {
  position: relative;
}
.page-dashboard .dash-side .inner,
.page-updates .dash-side .inner {
  width: calc(33.3333vw - 105px);
  height: calc(100% - 70px);
  background-color: white;
  position: fixed;
  bottom: 0px;
  right: 15px;
  overflow: auto;
}
@media (max-width: 1200px) {
  .page-dashboard .dash-side .inner,
  .page-updates .dash-side .inner {
    width: calc(40vw - 120px);
  }
}
@media (max-width: 960px) {
  .page-dashboard .dash-side .inner,
  .page-updates .dash-side .inner {
    width: calc(40vw - 20px);
  }
}
@media (max-width: 600px) {
  .page-dashboard .dash-side .inner,
  .page-updates .dash-side .inner {
    display: none !important;
  }
}
.page-dashboard .dash-side .msfs-due,
.page-updates .dash-side .msfs-due {
  padding: 15px;
}
.page-dashboard .dash-side .msfs-due h3,
.page-updates .dash-side .msfs-due h3 {
  font-weight: 400;
  font-size: 24px;
  color: #3d4051;
  margin: 0px;
  padding: 0px;
}
.page-dashboard .dash-side .msfs-due h4,
.page-updates .dash-side .msfs-due h4 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 18px;
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
}
.page-dashboard .dash-side .msfs-due h4 span,
.page-updates .dash-side .msfs-due h4 span {
  color: #2EA9ED;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 18px;
}
.page-dashboard .dash-side .msfs-due .md-button,
.page-updates .dash-side .msfs-due .md-button {
  margin: 0px;
  margin-top: 10px;
}
.page-dashboard .dash-side .msfs-due-complete,
.page-updates .dash-side .msfs-due-complete {
  padding: 15px;
  background-color: #66e86a;
}
.page-dashboard .dash-side .msfs-due-complete md-icon,
.page-updates .dash-side .msfs-due-complete md-icon {
  font-size: 30px;
  color: white;
  margin-right: 15px;
}
.page-dashboard .dash-side .msfs-due-complete h3,
.page-updates .dash-side .msfs-due-complete h3 {
  font-weight: 400;
  font-size: 20px;
  color: #3d4051;
  margin: 0px;
  padding: 0px;
  color: white;
}
.page-dashboard .dash-side .msfs-due-rejected,
.page-updates .dash-side .msfs-due-rejected {
  padding: 15px;
  background-color: #e89b00;
}
.page-dashboard .dash-side .msfs-due-rejected md-icon,
.page-updates .dash-side .msfs-due-rejected md-icon {
  font-size: 30px;
  color: white;
  margin-right: 15px;
}
.page-dashboard .dash-side .msfs-due-rejected h3,
.page-updates .dash-side .msfs-due-rejected h3 {
  font-weight: 400;
  font-size: 20px;
  color: #3d4051;
  margin: 0px;
  padding: 0px;
  color: white;
}
.page-dashboard .dash-side .msfs-due-rejected h4,
.page-updates .dash-side .msfs-due-rejected h4 {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 18px;
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
  color: #fff;
  margin-bottom: 10px;
}
.page-dashboard .dash-side .msfs-due-rejected h4 span,
.page-updates .dash-side .msfs-due-rejected h4 span {
  color: #fff;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 18px;
}
.page-dashboard .dash-side .important-information,
.page-updates .dash-side .important-information {
  background-color: #f34735;
  padding: 15px;
  font-size: 12px;
  color: #ffffff;
  line-height: 20px;
  position: relative;
}
.page-dashboard .dash-side .important-information .fa,
.page-updates .dash-side .important-information .fa {
  color: white;
}
.page-dashboard .dash-side .important-information .fa-bell-o,
.page-updates .dash-side .important-information .fa-bell-o {
  font-size: 40px;
  width: 50px;
}
.page-dashboard .dash-side .important-information .close,
.page-updates .dash-side .important-information .close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  outline: none;
}
.page-dashboard .dash-side .important-information .close md-icon,
.page-updates .dash-side .important-information .close md-icon {
  text-align: center;
}
.page-dashboard .dash-side .to-do-list,
.page-updates .dash-side .to-do-list {
  padding: 15px;
  border-bottom: 1px solid #ccc;
}
.page-dashboard .dash-side .to-do-list .title,
.page-updates .dash-side .to-do-list .title {
  font-size: 16px;
  margin-bottom: 15px;
}
.page-dashboard .dash-side .to-do-list .todo,
.page-updates .dash-side .to-do-list .todo {
  line-height: 20px;
  border-bottom: 1px solid #eaeaea;
  padding: 10px 0;
}
.page-dashboard .dash-side .to-do-list .todo:last-child,
.page-updates .dash-side .to-do-list .todo:last-child {
  border: 0px;
}
.page-dashboard .dash-side .to-do-list md-checkbox,
.page-updates .dash-side .to-do-list md-checkbox {
  float: right;
  margin: 0px;
}
.page-dashboard .dash-side .rent-occupancy,
.page-updates .dash-side .rent-occupancy {
  padding: 15px;
  border-bottom: 1px solid #ccc;
}
.page-dashboard .dash-side .rent-occupancy .top,
.page-updates .dash-side .rent-occupancy .top {
  text-align: center;
  margin-bottom: 15px;
}
.page-dashboard .dash-side .rent-occupancy > div,
.page-updates .dash-side .rent-occupancy > div {
  text-align: center;
}
.page-dashboard .dash-side .rent-occupancy .title,
.page-updates .dash-side .rent-occupancy .title {
  margin-bottom: 15px;
}
.page-dashboard .dash-side .rent-occupancy .value,
.page-updates .dash-side .rent-occupancy .value {
  font-size: 30px;
  color: #2EA9ED;
}
.page-dashboard .dash-side .rent-occupancy .highcharts-container,
.page-updates .dash-side .rent-occupancy .highcharts-container {
  margin: 0 auto;
}
.page-dashboard .dash-side .favourites,
.page-updates .dash-side .favourites {
  border-bottom: 1px solid #ccc;
}
.page-dashboard .dash-side .favourites .favourites-header,
.page-updates .dash-side .favourites .favourites-header {
  padding: 15px 15px 0 15px;
}
.page-dashboard .dash-side .favourites .md-button,
.page-updates .dash-side .favourites .md-button {
  line-height: 25px;
}
.page-dashboard .polls,
.page-updates .polls {
  padding: 30px 40px;
}
.page-dashboard .polls .poll-title,
.page-updates .polls .poll-title {
  font-family: "Roboto";
  font-size: 9px;
  color: #2EA9ED;
  text-transform: uppercase;
}
.page-dashboard .polls .poll,
.page-updates .polls .poll {
  margin: 15px 0;
  margin-bottom: 25px;
}
.page-dashboard .polls .question,
.page-updates .polls .question {
  font-family: "Roboto";
  font-size: 14px;
  color: #000000;
  margin-bottom: 15px;
}
.page-dashboard .polls .question span,
.page-updates .polls .question span {
  font-family: "Roboto";
  font-size: 9px;
  color: #2EA9ED;
  text-transform: uppercase;
}
.page-dashboard .polls .md-button,
.page-updates .polls .md-button {
  margin-left: 0px;
}
.page-dashboard .answer,
.page-question-answers .answer {
  height: 28px;
  line-height: 28px;
  border: 1px solid #2EA9ED;
  color: #111;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 10px;
  font-family: "Roboto";
  box-sizing: border-box;
}
.page-dashboard .answer .percent-complete,
.page-question-answers .answer .percent-complete {
  position: absolute;
  background-color: #2EA9ED;
  top: 0px;
  left: 0px;
  height: 28px;
  opacity: 0.5;
}
.page-dashboard .answer b,
.page-question-answers .answer b {
  display: inline-block;
  width: 30px;
  text-align: right;
}
@media (max-width: 1280px) {
  .page-dashboard .document {
    width: 100%;
    max-width: 100%;
    display: block;
  }
  .page-dashboard .feed .event,
  .page-dashboard .feed .article,
  .page-dashboard .feed .post {
    width: calc(100% - 16px);
  }
  .page-dashboard .dash-side .inner {
    width: calc(40vw - 120px);
  }
  .page-dashboard .slick-slider .slick-prev {
    left: 10px;
  }
  .page-dashboard .slick-slider .slick-next {
    right: 10px;
  }
}
@media (max-width: 960px) {
  .page-dashboard .events .events-list .event {
    width: calc(100% - 16px);
  }
  .page-dashboard .dash-side .inner {
    width: calc(40vw - 20px);
    height: calc(100vh - 100px);
  }
}
@media (max-width: 600px) {
  .page-dashboard .dash-side {
    display: none;
  }
  .page-dashboard .slide {
    height: 250px;
  }
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-events .fc-event {
  background-color: #2EA9ED;
  border-radius: 0px;
  padding: 3px;
  border: 0px;
  margin-bottom: 3px;
}
.page-events .fc-button {
  background-color: #999;
  color: white;
  background-image: none;
  outline: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.page-events .fc-button:hover {
  background-color: #2EA9ED;
}
.page-events .fc-state-active {
  background-color: #2EA9ED;
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.parent-forum .profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.page-forum .angular-with-newlines,
.page-question .angular-with-newlines,
.page-ask .angular-with-newlines {
  white-space: pre-wrap;
}
.page-forum .white-back,
.page-question .white-back,
.page-ask .white-back {
  padding: 30px;
}
.page-forum .ask-question-mobile,
.page-question .ask-question-mobile,
.page-ask .ask-question-mobile {
  display: none;
}
@media (max-width: 600px) {
  .page-forum .ask-question-mobile,
  .page-question .ask-question-mobile,
  .page-ask .ask-question-mobile {
    display: block;
  }
}
.page-forum .ta-toolbar,
.page-question .ta-toolbar,
.page-ask .ta-toolbar {
  background-color: #F0F0F0;
  padding: 10px 10px 5px;
  margin-left: 0px;
  /* Override bootstrap */
  border: 1px solid #EEE;
}
.page-forum .ta-editor,
.page-question .ta-editor,
.page-ask .ta-editor,
.page-forum .white-box,
.page-question .white-box,
.page-ask .white-box {
  margin-top: 0px !important;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #EEE !important;
}
.page-forum .addattachment,
.page-question .addattachment,
.page-ask .addattachment {
  padding: 20px;
  border: 1px solid #EEE;
  cursor: pointer;
  margin-bottom: 20px;
  max-width: 258px;
}
.page-forum h1,
.page-question h1,
.page-ask h1 {
  font-weight: 400;
  margin-top: 0px;
}
.page-forum .layout-margin,
.page-question .layout-margin,
.page-ask .layout-margin {
  margin: 0 -15px;
}
.page-forum .layout-margin > *,
.page-question .layout-margin > *,
.page-ask .layout-margin > * {
  margin: 15px;
}
.page-forum .search md-input-container,
.page-question .search md-input-container,
.page-ask .search md-input-container {
  margin-top: 5px;
  margin-bottom: 0px;
}
.page-forum .search input,
.page-question .search input,
.page-ask .search input,
.page-forum .search md-icon,
.page-question .search md-icon,
.page-ask .search md-icon {
  height: 36px;
  line-height: 35px;
}
.page-forum .ask-question,
.page-question .ask-question,
.page-ask .ask-question {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 30px;
  min-width: 300px;
}
.page-forum .categories-box,
.page-question .categories-box,
.page-ask .categories-box {
  border: 1px solid #ccc;
}
.page-forum .categories-box ul,
.page-question .categories-box ul,
.page-ask .categories-box ul {
  padding: 15px;
  margin: 0px;
}
.page-forum .categories-box li,
.page-question .categories-box li,
.page-ask .categories-box li {
  list-style: none;
}
.page-forum .categories-box li .md-button,
.page-question .categories-box li .md-button,
.page-ask .categories-box li .md-button {
  margin: 0px;
  width: 100%;
  text-align: left;
  font-weight: 300;
  white-space: normal;
  line-height: 20px;
  padding: 10px 5px;
}
.page-forum .categories-box li.selected .md-button,
.page-question .categories-box li.selected .md-button,
.page-ask .categories-box li.selected .md-button {
  font-weight: 700;
}
.page-forum .question,
.page-question .question,
.page-ask .question,
.page-forum .answer,
.page-question .answer,
.page-ask .answer {
  padding-bottom: 15px;
  margin: 0px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
.page-forum .question p a,
.page-question .question p a,
.page-ask .question p a,
.page-forum .answer p a,
.page-question .answer p a,
.page-ask .answer p a {
  word-break: break-all;
}
.page-forum .question .layout-margin,
.page-question .question .layout-margin,
.page-ask .question .layout-margin,
.page-forum .answer .layout-margin,
.page-question .answer .layout-margin,
.page-ask .answer .layout-margin {
  margin: 0px -15px;
}
.page-forum .question:last-child,
.page-question .question:last-child,
.page-ask .question:last-child,
.page-forum .answer:last-child,
.page-question .answer:last-child,
.page-ask .answer:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.page-forum .question .fixed-width,
.page-question .question .fixed-width,
.page-ask .question .fixed-width,
.page-forum .answer .fixed-width,
.page-question .answer .fixed-width,
.page-ask .answer .fixed-width {
  width: 110px;
}
.page-forum .question .fixed-width span,
.page-question .question .fixed-width span,
.page-ask .question .fixed-width span,
.page-forum .answer .fixed-width span,
.page-question .answer .fixed-width span,
.page-ask .answer .fixed-width span {
  line-height: 38px;
}
.page-forum .question .answers-no span,
.page-question .question .answers-no span,
.page-ask .question .answers-no span,
.page-forum .answer .answers-no span,
.page-question .answer .answers-no span,
.page-ask .answer .answers-no span {
  margin-left: 10px;
}
.page-forum .question .post-info,
.page-question .question .post-info,
.page-ask .question .post-info,
.page-forum .answer .post-info,
.page-question .answer .post-info,
.page-ask .answer .post-info {
  font-size: 12px;
  line-height: 38px;
}
.page-forum .question .latest-reply,
.page-question .question .latest-reply,
.page-ask .question .latest-reply,
.page-forum .answer .latest-reply,
.page-question .answer .latest-reply,
.page-ask .answer .latest-reply {
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #eee;
}
.page-forum .question .categories-list,
.page-question .question .categories-list,
.page-ask .question .categories-list,
.page-forum .answer .categories-list,
.page-question .answer .categories-list,
.page-ask .answer .categories-list,
.page-forum .question .like-dislike,
.page-question .question .like-dislike,
.page-ask .question .like-dislike,
.page-forum .answer .like-dislike,
.page-question .answer .like-dislike,
.page-ask .answer .like-dislike {
  margin: 0 10px;
}
.page-forum .question .categories-list span,
.page-question .question .categories-list span,
.page-ask .question .categories-list span,
.page-forum .answer .categories-list span,
.page-question .answer .categories-list span,
.page-ask .answer .categories-list span,
.page-forum .question .like-dislike span,
.page-question .question .like-dislike span,
.page-ask .question .like-dislike span,
.page-forum .answer .like-dislike span,
.page-question .answer .like-dislike span,
.page-ask .answer .like-dislike span {
  line-height: 22px;
}
.page-forum .question .md-button,
.page-question .question .md-button,
.page-ask .question .md-button,
.page-forum .answer .md-button,
.page-question .answer .md-button,
.page-ask .answer .md-button {
  min-width: auto;
  line-height: 30px;
  margin: 3px;
}
.page-forum md-dialog form,
.page-question md-dialog form,
.page-ask md-dialog form {
  max-width: 600px;
  width: 100vw;
}
.page-forum md-dialog form md-dialog-content,
.page-question md-dialog form md-dialog-content,
.page-ask md-dialog form md-dialog-content {
  padding: 0 30px;
}
.page-forum .reply,
.page-question .reply,
.page-ask .reply {
  max-width: 900px;
}
.page-forum .category-title h1,
.page-question .category-title h1,
.page-ask .category-title h1 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.page-forum .category-title .favourite,
.page-question .category-title .favourite,
.page-ask .category-title .favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.page-forum .category-title.favourited .favourite,
.page-question .category-title.favourited .favourite,
.page-ask .category-title.favourited .favourite {
  background-color: #ff5252 !important;
}
@media (max-width: 600px) {
  .page-forum .faq-list,
  .page-question .faq-list,
  .page-ask .faq-list {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 600px) {
  .page-forum .categories-list,
  .page-question .categories-list,
  .page-ask .categories-list {
    display: none;
  }
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-gallery .feed-item {
  margin-bottom: 50px;
}
.page-gallery .page-head {
  padding-bottom: 10px;
}
.page-gallery .page-head h1 {
  margin-top: 0px;
}
.page-gallery .item-info {
  margin-bottom: 10px;
}
.page-gallery .item-info h2 {
  font-weight: bold;
  margin: 0px;
}
.page-gallery .item-info .user-image {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  overflow: hidden;
  margin-right: 15px;
  min-width: 60px;
}
.page-gallery .item-info .user-image img {
  width: 60px;
}
.page-gallery .item-info .user-info {
  margin-bottom: 4px;
  margin-top: 6px;
  font-family: "Roboto";
  font-size: 14px;
}
.page-gallery .item-info .user-info .user-name {
  color: #40a7dc;
  cursor: pointer;
}
.page-gallery .item-info .user-info .user-name:hover {
  opacity: 0.7;
}
.page-gallery .item-info .gallery-name p {
  margin-top: 4px;
  margin-bottom: 0px;
}
.page-gallery .item-images .image {
  width: 25%;
  float: left;
  cursor: pointer;
}
.page-gallery .item-images .image .image-cont {
  padding-bottom: 66%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 5px;
}
.page-gallery .item-images .image:hover {
  opacity: 0.8;
}
@media (max-width: 1200px) {
  .page-gallery .item-images .image {
    width: 33.33%;
  }
}
@media (max-width: 900px) {
  .page-gallery .item-images .image {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .page-gallery .item-images .image {
    width: 100%;
  }
}
.page-gallery .single-image {
  cursor: pointer;
}
.page-gallery .single-image img {
  width: 100%;
  max-width: 750px;
}
.page-gallery .single-image:hover {
  opacity: 0.8;
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.page-gallery .load-more i,
.page-gallery .searching i {
  animation-name: rotate;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  font-size: 30px;
}
.page-gallery .lightbox {
  position: fixed;
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0px;
  left: 0px;
  z-index: 10;
}
@media (max-width: 960px) {
  .page-gallery .lightbox {
    height: calc(100% - 100px);
    top: 100px;
  }
}
.page-gallery .lightbox .lightbox-cont {
  max-width: calc(100% - 100px);
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 60px 15px;
}
.page-gallery .lightbox .lightbox-cont .prev,
.page-gallery .lightbox .lightbox-cont .next {
  color: white;
  font-size: 30px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
}
.page-gallery .lightbox .lightbox-cont .prev:hover,
.page-gallery .lightbox .lightbox-cont .next:hover {
  opacity: 0.8;
}
.page-gallery .lightbox .lightbox-cont .prev {
  left: -30px;
}
.page-gallery .lightbox .lightbox-cont .next {
  right: -30px;
}
.page-gallery .lightbox .lightbox-cont img {
  max-width: calc(100vw - 80px);
  max-height: calc(100vh - 60px);
}
.page-gallery .lightbox .lightbox-cont .count {
  text-align: center;
  color: white;
  width: 100%;
}
.page-gallery .lightbox .close {
  color: white;
  font-size: 30px;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.page-gallery .lightbox .close:hover {
  opacity: 0.8;
}
.page-gallery .lightbox .info-row {
  color: white;
}
.page-gallery .lightbox .info-row .name {
  text-align: left;
  width: 50%;
}
.page-gallery .lightbox .info-row .count {
  text-align: right;
  width: 50%;
}
.page-gallery .user-selector {
  width: 300px;
  position: relative;
}
.page-gallery .user-selector input {
  width: 100%;
}
.page-gallery .user-selector .user-result {
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0px;
  border: 1px solid #eee;
  box-shadow: 0px 3px 5px 0px rgba(152, 152, 155, 0.5);
  z-index: 2;
  max-height: 250px;
  overflow-x: auto;
}
.page-gallery .user-selector .user-result .user {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  background-color: white;
}
.page-gallery .user-selector .user-result .user img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  overflow: hidden;
  margin-right: 10px;
}
.page-gallery .user-selector .user-result .user:hover {
  background-color: #eee;
}
.page-gallery .user-selector i {
  font-size: 40px;
  margin-right: 15px;
  margin-top: 8px;
}
.page-gallery .add-image span {
  margin: 0 10px;
}
.page-gallery .add-image i {
  font-size: 40px;
}
@media (max-width: 960px) {
  .page-gallery .page-head > div {
    display: block;
  }
  .page-gallery .user-selector {
    width: 100%;
  }
  .page-gallery .add-image {
    width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-faq h1 {
  font-weight: 300;
}
.page-faq .bordered-box {
  border: 1px solid #ccc;
}
.page-faq .question {
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}
.page-faq .question:hover {
  opacity: 0.8;
}
.page-faq .faq-category-toggle {
  display: none;
}
@media (max-width: 600px) {
  .page-faq .faq-list {
    width: 100%;
    max-width: 100%;
  }
}
.page-faq .categories-box {
  border: 1px solid #ccc;
}
.page-faq .categories-box ul {
  padding: 15px;
  margin: 0px;
}
.page-faq .categories-box li {
  list-style: none;
}
.page-faq .categories-box li .md-button {
  margin: 0px;
  width: 100%;
  text-align: left;
  font-weight: 300;
  white-space: normal;
  line-height: 20px;
  padding: 10px 5px;
}
.page-faq .categories-box li.selected .md-button {
  font-weight: 700;
}
@media (max-width: 600px) {
  .page-faq .categories-list {
    height: calc(100% - 100px);
  }
}
@media (max-width: 600px) {
  .page-faq .categories-list-open .categories-list {
    right: 0px;
  }
  .page-faq .categories-list {
    height: calc(100% - 100px);
    min-width: 100%;
    background-color: #fff;
    position: fixed;
    bottom: 0px;
    right: -600px;
    transition: all 0.25s ease-in-out;
    overflow: scroll;
    z-index: 2;
  }
  .page-faq .faq-category-toggle {
    display: block;
  }
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.header {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 70px;
  z-index: 3;
}
.header h1 {
  font-size: 24px;
  font-weight: 400;
  margin: 0px;
}
.header .sidebar-header {
  width: 220px;
  float: left;
  background-color: #1F1D22;
  height: 100%;
}
.header .sidebar-header img {
  height: 70px;
}
.header .sidebar-header .logo {
  width: 220px;
  height: 70px;
  background-position: center;
  background-size: auto 30px;
  background-repeat: no-repeat;
  background-image: url('../../img/planet_logo.png');
  float: left;
}
.header .sidebar-header .title {
  font-size: 18px;
  color: #2EA9ED;
  float: left;
  padding: 24px 0;
  width: 120px;
}
.header .sidebar-header .sidebar-toggle {
  width: 50px;
  min-width: auto;
  height: 50px;
  margin: 0px;
  padding: 0px;
  float: right;
}
.header .sidebar-header .sidebar-toggle i {
  color: white;
}
.header .content-header {
  width: calc(100% - 280px);
  float: right;
  padding: 0 30px;
  box-shadow: 0px 3px 5px 0px rgba(152, 152, 155, 0.5);
  background-color: white;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.header .content-header .header-phone a {
  font-size: 24px;
  cursor: pointer;
}
.header .page-name {
  line-height: 70px;
  font-size: 24px;
  float: left;
  height: 70px;
  padding-right: 10px;
}
.header .search {
  float: left;
  width: 200px;
}
.header .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.header .search md-input-container {
  float: left;
  width: 150px;
  margin: 20px 0 0 0;
}
.header .dynamic-header-partial {
  float: right;
}
.header .dynamic-header-partial .md-button {
  margin: 15px 0;
}
.header .dynamic-header-partial .text {
  font-size: 18px;
  padding-right: 15px;
}
.header .dynamic-header-partial .text .blue {
  color: #2EA9ED;
}
@media (max-width: 960px) {
  .header {
    height: auto;
  }
  .header h1 {
    font-size: 18px;
  }
  .header .sidebar-header {
    width: 100%;
    position: static;
    height: 50px;
  }
  .header .sidebar-header .logo {
    background-size: auto 24px;
    height: 50px;
    width: 130px;
  }
  .header .sidebar-header .title {
    padding: 6px 0;
    font-size: 16px;
  }
  .header .content-header {
    width: calc(100% - 30px);
    position: static;
    height: 50px;
    padding: 0 15px;
  }
  .header .content-header .page-name {
    line-height: 50px;
    height: 50px;
    font-size: 18px;
  }
  .header .content-header .search md-input-container {
    margin-top: 10px;
  }
  .header .content-header .search i {
    margin-top: 8px;
  }
  .header .dynamic-header-partial .md-button {
    margin: 7px 0px;
  }
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-news md-card-header {
  position: relative;
}
.page-news .news-feed {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-news .news-feed .article {
  display: -ms-flexbox;
  display: flex;
  width: calc(33.333333% - 16px) !important;
}
.page-news .news-feed .article .md-card-header {
  height: auto !important;
}
.page-news .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.page-news .load-more {
  margin: 5px;
  padding: 15px;
  line-height: 20px;
  background-color: white;
  border: 1px solid #bcbcbc;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.page-news .load-more:hover {
  background-color: #2EA9ED;
  color: white;
}
.page-news .featured {
  display: none;
}
.page-news .hidden {
  display: none;
}
@media (max-width: 960px) {
  .page-news .news-feed .article {
    width: calc(50% - 16px) !important;
  }
}
@media (max-width: 600px) {
  .page-news .news-feed .article {
    width: calc(100% - 16px) !important;
  }
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-search .feed {
  margin-bottom: 50px;
}
.page-search .feed .header {
  border-bottom: 1px solid #ccc;
  position: static;
  width: auto;
  height: auto;
  z-index: 0;
}
.page-search .feed .view-all {
  font-size: 10px;
  padding-top: 4px;
}
.page-search .search-card {
  width: calc(33.333% - 16px);
  margin: 8px;
  float: left;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.page-search .search-card .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.page-search .search-card .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.page-search .search-card .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.page-search .search-card md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.page-search .search-card md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.page-search .search-card:hover {
  opacity: 0.8;
}
.page-search .search-card:hover md-card-actions {
  background-color: #fbfbfb;
}
.page-search .search-card .md-card-header {
  height: auto;
}
.page-search .search-card .md-card-header span {
  color: #3D4051;
}
.page-search .search-card md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.page-search .document {
  width: 33.333%;
}
.page-search .document md-card {
  cursor: pointer;
  height: calc(100% - 16px);
}
.page-search .document md-card md-card-content {
  padding-top: 0px;
  padding-bottom: 0px;
}
.page-search .document:hover {
  opacity: 0.8;
}
.page-search .document .file {
  padding: 15px;
  width: calc(100% - 30px);
}
.page-search .document .fa-star {
  display: none !important;
}
.page-search .document .link {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  border-top: 1px solid #ccc;
  padding: 15px;
  margin: 0px;
  tex-transform: uppercase;
}
.page-search .document md-icon {
  font-size: 40px !important;
  width: auto;
  height: auto;
  padding-right: 15px;
  line-height: 40px;
  color: #333333;
}
.page-search .document md-icon.fa-youtube-play {
  color: #cc0000;
}
.page-search .document md-icon.fa-file-pdf-o {
  color: #d62b2b;
}
.page-search .document md-icon.fa-file-excel-o {
  color: #45c51b;
}
.page-search .document md-icon.fa-file-word-o {
  color: #2b48d6;
}
.page-search .document md-icon.fa-file-powerpoint-o {
  color: #ab1bc5;
}
.page-search .document .md-fab md-icon {
  font-size: 20px !important;
}
.page-search .document .favourite-icon {
  visibility: hidden;
}
.page-search .document .favourite-icon.favourited {
  visibility: visible;
}
@media (max-width: 1280px) {
  .page-search .search-card,
  .page-search .document {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .page-search .search-card,
  .page-search .document {
    width: 100%;
  }
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-resources-landing .main h2 {
  font-size: 24px;
  font-weight: 400;
  color: #2EA9ED;
}
.page-resources-landing .grid {
  margin: 0 -15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-resources-landing .cell {
  width: 33.3333%;
  margin: 15px;
  float: left;
  cursor: pointer;
  outline: 0;
  width: calc(33.33333% - 30px);
  display: -ms-flexbox;
  display: flex;
}
.page-resources-landing .directory .inner {
  background-color: white;
  width: 100%;
  border-bottom: 3px solid #ccc;
  position: relative;
  padding-bottom: 0px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.page-resources-landing .directory .inner img {
  width: 100%;
}
.page-resources-landing .directory .inner .image {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.page-resources-landing .directory .inner .image .cover {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
}
.page-resources-landing .directory .inner .image .cover span {
  color: white;
  font-size: 20px;
  bottom: 30px;
  left: 30px;
  position: absolute;
}
.page-resources-landing .directory .inner .description {
  padding: 20px 15px;
}
.page-resources-landing .directory .inner .read-more {
  border-top: 1px solid #ccc;
  margin: 0px;
  width: 100%;
  text-align: left;
  border-radius: 0px;
  padding: 15px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.page-resources-landing .directory .inner:hover {
  opacity: 0.8;
}
@media (max-width: 1200px) {
  .page-resources-landing .cell {
    width: calc(50% - 30px);
  }
}
@media (max-width: 600px) {
  .page-resources-landing .cell {
    width: 100%;
  }
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.sidebar {
  width: 220px;
  height: calc(100% - 70px);
  background-color: #262B33;
  position: fixed;
  bottom: 0px;
  left: 0px;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  z-index: 2;
}
.sidebar .scroll-cont,
.sidebar .controller {
  height: 100%;
}
.sidebar navbar .md-button {
  border-radius: 0 !important;
}
.sidebar navbar ul {
  padding-left: 0px;
  list-style: none;
}
.sidebar navbar li a {
  color: #999999;
  text-decoration: none;
  height: 50px;
  padding: 0 15px;
  line-height: 50px;
  font-size: 13px;
  display: block;
  transition: all 0.25s ease-in-out;
  text-align: left;
  margin: 0px;
  text-transform: none;
}
.sidebar navbar li i {
  font-size: 14px;
  width: 25px;
  transition: all 0.25s ease-in-out;
}
.sidebar navbar li:hover > a,
.sidebar navbar li.current-view > a {
  color: white;
}
.sidebar navbar li:hover > a i,
.sidebar navbar li.current-view > a i {
  color: #2EA9ED;
}
.sidebar navbar li ul {
  display: none;
}
.sidebar navbar li ul li a {
  color: #999;
  line-height: 30px;
  height: 30px;
  min-height: 30px;
  padding-left: 20px;
}
.sidebar navbar li ul li i {
  font-size: 6px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  text-align: center;
}
.sidebar navbar li.current-view ul {
  display: block;
}
.sidebar .user {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.sidebar .user .avatar {
  margin: auto;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.sidebar .user .signed-in-as {
  font-size: 12px;
  color: #CCCCCC;
  text-align: center;
  margin-bottom: 2px;
}
.sidebar .user .name {
  font-size: 13px;
  color: #FFFFFF;
  text-align: center;
}
.sidebar .user .md-button {
  margin-top: 10px;
}
@media (max-width: 960px) {
  .sidebar {
    height: calc(100% - 100px);
  }
}
@media (max-width: 960px) {
  .sidebar-open .sidebar {
    left: 0px;
  }
  .sidebar {
    left: -220px;
    height: calc(100% - 100px);
  }
}

.page-user form {
  margin-top: 20px;
}
.page-user .profile-picture {
  width: 60px;
  height: 60px;
  border-radius: 1000px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.page-support .search md-input-container {
  margin-top: 5px;
  margin-bottom: 0px;
}
.page-support .search input,
.page-support .search md-icon {
  height: 36px;
  line-height: 35px;
}




.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-partners-directory .align-center,
.page-regional-coaches-directory .align-center,
.page-search .align-center {
  text-align: center;
}
.page-partners-directory .users,
.page-regional-coaches-directory .users,
.page-search .users {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
}
.page-partners-directory .users .user,
.page-regional-coaches-directory .users .user,
.page-search .users .user {
  margin: 8px;
  float: left;
  width: calc(33.333% - 16px);
  display: -ms-flexbox;
  display: flex;
}
.page-partners-directory .users .user .profile-picture,
.page-regional-coaches-directory .users .user .profile-picture,
.page-search .users .user .profile-picture {
  width: 80px;
  height: 80px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 16px;
  border-radius: 1000px;
  position: relative;
  overflow: hidden;
}
.page-partners-directory .users .user md-card-title,
.page-regional-coaches-directory .users .user md-card-title,
.page-search .users .user md-card-title,
.page-partners-directory .users .user md-card md-card-title,
.page-regional-coaches-directory .users .user md-card md-card-title,
.page-search .users .user md-card md-card-title {
  padding: 16px;
}
.page-partners-directory .users .user md-icon,
.page-regional-coaches-directory .users .user md-icon,
.page-search .users .user md-icon {
  color: #7D7D7D;
  text-align: center;
}
.page-partners-directory .user-dialog h2,
.page-regional-coaches-directory .user-dialog h2,
.page-search .user-dialog h2 {
  margin-top: 0px;
}
.page-partners-directory .user-dialog img,
.page-regional-coaches-directory .user-dialog img,
.page-search .user-dialog img {
  width: 100%;
  height: auto;
}
.page-partners-directory .user-dialog .info,
.page-regional-coaches-directory .user-dialog .info,
.page-search .user-dialog .info {
  margin-bottom: 10px;
}
.page-partners-directory .load-more .loading-container,
.page-regional-coaches-directory .load-more .loading-container,
.page-search .load-more .loading-container {
  display: none;
  line-height: 40px;
  font-size: 30px;
}
.page-partners-directory .load-more .loading-container i,
.page-regional-coaches-directory .load-more .loading-container i,
.page-search .load-more .loading-container i {
  animation-name: rotate;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  transition-timing-function: linear;
}
.page-partners-directory .load-more.loading .load-button,
.page-regional-coaches-directory .load-more.loading .load-button,
.page-search .load-more.loading .load-button {
  display: none;
}
.page-partners-directory .load-more.loading .loading-container,
.page-regional-coaches-directory .load-more.loading .loading-container,
.page-search .load-more.loading .loading-container {
  display: block;
}
@media (max-width: 960px) {
  .page-partners-directory .users .user,
  .page-regional-coaches-directory .users .user,
  .page-search .users .user {
    width: calc(50% - 16px);
  }
}
@media (max-width: 600px) {
  .page-partners-directory .users .user,
  .page-regional-coaches-directory .users .user,
  .page-search .users .user {
    margin: 8px;
    float: left;
    width: calc(100% - 16px);
  }
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-office-contacts-directory .align-center {
  text-align: center;
}
.page-office-contacts-directory .office-contacts {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
}
.page-office-contacts-directory .office-contacts .contact {
  margin: 8px;
  float: left;
  width: calc(33.333% - 16px);
  display: -ms-flexbox;
  display: flex;
}
.page-office-contacts-directory .office-contacts .contact md-card-title,
.page-office-contacts-directory .office-contacts .contact md-card md-card-title {
  padding: 16px;
}
.page-office-contacts-directory .office-contacts .contact md-icon {
  color: #7D7D7D;
  text-align: center;
}
@media (max-width: 960px) {
  .page-office-contacts-directory .office-contacts .contact {
    width: calc(50% - 16px);
  }
}
@media (max-width: 600px) {
  .page-office-contacts-directory .office-contacts .contact {
    margin: 8px;
    float: left;
    width: calc(100% - 16px);
  }
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.align-center {
  text-align: center;
}
.suppliers {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
}
.suppliers .supplier {
  margin: 8px;
  float: left;
  width: calc(33.333% - 16px);
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.suppliers .supplier md-card-title,
.suppliers .supplier md-card md-card-title {
  padding: 16px;
}
.suppliers .supplier md-icon {
  color: #7D7D7D;
  text-align: center;
}
.suppliers .supplier .info {
  padding-left: 30px;
  min-height: 24px;
  line-height: 24px;
  position: relative;
  margin: 5px 0;
}
.suppliers .supplier .info md-icon {
  position: absolute;
  top: 0px;
  left: 0px;
}
.suppliers .supplier .starred {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #2EA9ED;
  width: 30px;
  height: 30px;
  font-size: 20px;
}
.suppliers .supplier .starred md-icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: white;
}
@media (max-width: 960px) {
  .suppliers .supplier {
    width: calc(50% - 16px);
  }
}
@media (max-width: 600px) {
  .suppliers .supplier {
    margin: 8px;
    float: left;
    width: calc(100% - 16px);
  }
}

.page-regional-coaches-directory .notes {
  padding-left: 5px;
  font-size: 20px;
}

.page-updates .whats-new a {
  cursor: pointer;
}
.page-updates .whats-new .list-cont {
  background-color: white;
  border: 1px solid #ccc;
}
.page-updates .whats-new .list-cont .notifiables {
  border-bottom: 1px solid #ccc;
  padding: 0px;
  margin: 0px;
  position: relative;
}
.page-updates .whats-new .list-cont .notifiables > div {
  padding: 15px;
}
.page-updates .whats-new .list-cont .notifiables i {
  font-size: 24px;
  color: #666;
  margin-right: 10px;
  width: 40px;
  text-align: center;
  display: block;
}
.page-updates .whats-new .list-cont .notifiables span {
  font-weight: 300;
}
.page-updates .whats-new .list-cont .view-all {
  padding: 15px !important;
  margin: 0px;
  text-align: center;
}
.page-updates .whats-new .list-cont .view-all,
.page-updates .whats-new .list-cont .notifiables {
  background-color: #E4F6FF;
  cursor: pointer;
}
.page-updates .whats-new .list-cont .view-all:hover,
.page-updates .whats-new .list-cont .notifiables:hover {
  opacity: 0.7;
}
.page-updates .whats-new .list-cont .view-all.read,
.page-updates .whats-new .list-cont .notifiables.read {
  background-color: white;
}
.page-updates .whats-new span {
  color: black;
  font-weight: 700;
  font-size: 14px;
}
.page-updates .whats-new .seen-dot {
  width: 10px;
  height: 10px;
  background-color: #2EA9ED;
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 10px;
  padding: 0px !important;
  display: block;
}

.parent-admin.page-faq h1 {
  font-weight: 300;
}

.page-events .events-feed {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-events .events-feed .event {
  width: calc(25% - 16px);
  background-color: white !important;
  color: rgba(0, 0, 0, 0.87) !important;
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
.page-events .events-feed .event .md-button {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  background-color: white;
  margin-bottom: 30px;
}
.page-events .event-form .md-caption {
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.54);
}
.page-events .event-form md-datepicker {
  margin-left: -15px;
}
.page-events .event-form .time-input {
  margin-top: 20px;
}
.page-events .event-form .time-input input {
  margin-top: 9px;
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-admin-news .news-feed {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-admin-news .news-feed .article {
  width: calc(33% - 16px);
}
.page-admin-news .news-feed .article .md-button {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
}
.page-admin-news .editor {
  padding: 15px;
  background-color: #eaeaea;
}
.page-admin-news .news-form {
  max-width: 90%;
}
.page-admin-news .news-form .md-caption {
  margin: 0px;
  margin-left: 17px;
}
.page-admin-news .news-form md-datepicker {
  margin: 0px;
}
.page-admin-news .news-form .ta-editor.ta-html {
  width: 100%;
}
.page-admin-news .featured {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #2EA9ED;
  text-align: center;
}
.page-admin-news .featured i {
  line-height: 30px;
  color: white;
  font-size: 16px;
}
.page-admin-news .hidden-eye {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #2EA9ED;
  text-align: center;
}
.page-admin-news .hidden-eye i {
  line-height: 30px;
  color: white;
  font-size: 16px;
}
.page-admin-news .drag-list {
  margin: 0px;
  padding: 0px;
  background-color: white;
}
.page-admin-news .drag-list .item {
  border: 1px solid #ccc;
  list-style: none;
  cursor: pointer;
  margin: 0px;
  padding: 10px;
  background-color: white;
  border-radius: 5px 5px 0 0;
  margin-top: 1px;
}
.page-admin-news .drag-list .item:hover {
  opacity: 0.8;
}

.page-admin-msfs .search-table {
  max-width: 300px;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 30px;
  height: 35px;
}
.page-admin-msfs .dialog-edit-msfs {
  max-width: 95%;
}
.page-admin-msfs .select-filter {
  margin-top: 10px;
}


.parent-admin.page-franchise-partners .problematic {
  background-color: rgba(255, 0, 0, 0.4);
}

.page-admin-properties td.md-cell .address {
  display: inline-block;
}
.page-admin-properties td.md-cell img {
  width: 150px;
  height: 90px;
}

.parent-admin.page-reporting .reports {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
}
.parent-admin.page-reporting .reports .report {
  width: calc(20% - 16px);
  cursor: auto;
}
.parent-admin.page-reporting .reports .report md-card-actions {
  padding: 5px;
}
.parent-admin.page-reporting .custom-report {
  background-color: white;
  padding: 15px;
  margin-bottom: 20px;
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-resources .main h2,
.page-file-finder .main h2 {
  font-size: 24px;
  font-weight: 400;
  color: #2EA9ED;
  margin-top: 0px;
}
.page-resources .Page-Container,
.page-file-finder .Page-Container {
  position: relative;
}
.page-resources .file-finder,
.page-file-finder .file-finder {
  height: calc(100vh - 130px);
  overflow-x: auto;
  max-width: calc(100vw - 280px);
  background-color: white;
  white-space: nowrap;
}
.page-resources .file-finder .directory-file-list,
.page-file-finder .file-finder .directory-file-list {
  width: calc(33.33333% - 1px);
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  border-right: 1px solid #D0D7DD;
  display: inline-block;
  vertical-align: top;
}
.page-resources .file-finder .directory-file-list .admin-top,
.page-file-finder .file-finder .directory-file-list .admin-top {
  background-color: #00CC99;
}
.page-resources .file-finder .directory-file-list .directory,
.page-file-finder .file-finder .directory-file-list .directory,
.page-resources .file-finder .directory-file-list .file,
.page-file-finder .file-finder .directory-file-list .file {
  padding: 0 25px;
  width: calc(100% - 50px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  margin-bottom: -1px;
  white-space: normal;
}
.page-resources .file-finder .directory-file-list .directory .inner,
.page-file-finder .file-finder .directory-file-list .directory .inner,
.page-resources .file-finder .directory-file-list .file .inner,
.page-file-finder .file-finder .directory-file-list .file .inner {
  border-bottom: 1px solid #D0D7DD;
  padding: 15px 0;
}
.page-resources .file-finder .directory-file-list .directory .inner,
.page-file-finder .file-finder .directory-file-list .directory .inner,
.page-resources .file-finder .directory-file-list .file .inner,
.page-file-finder .file-finder .directory-file-list .file .inner,
.page-resources .file-finder .directory-file-list .directory md-icon,
.page-file-finder .file-finder .directory-file-list .directory md-icon,
.page-resources .file-finder .directory-file-list .file md-icon,
.page-file-finder .file-finder .directory-file-list .file md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.page-resources .file-finder .directory-file-list .directory md-icon,
.page-file-finder .file-finder .directory-file-list .directory md-icon,
.page-resources .file-finder .directory-file-list .file md-icon,
.page-file-finder .file-finder .directory-file-list .file md-icon {
  margin: 0px;
  line-height: 17px;
  font-size: 18px;
}
.page-resources .file-finder .directory-file-list .directory .arrow,
.page-file-finder .file-finder .directory-file-list .directory .arrow,
.page-resources .file-finder .directory-file-list .file .arrow,
.page-file-finder .file-finder .directory-file-list .file .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
  right: 0px;
}
.page-resources .file-finder .directory-file-list .directory:hover,
.page-file-finder .file-finder .directory-file-list .directory:hover,
.page-resources .file-finder .directory-file-list .file:hover,
.page-file-finder .file-finder .directory-file-list .file:hover {
  background-color: #D0D7DD;
}
.page-resources .file-finder .directory-file-list .directory:hover .inner,
.page-file-finder .file-finder .directory-file-list .directory:hover .inner,
.page-resources .file-finder .directory-file-list .file:hover .inner,
.page-file-finder .file-finder .directory-file-list .file:hover .inner {
  border-bottom: 1px solid #D0D7DD;
}
.page-resources .file-finder .directory-file-list .directory:hover .arrow,
.page-file-finder .file-finder .directory-file-list .directory:hover .arrow,
.page-resources .file-finder .directory-file-list .file:hover .arrow,
.page-file-finder .file-finder .directory-file-list .file:hover .arrow {
  opacity: 1;
  border-color: transparent transparent transparent #D0D7DD;
  right: -10px;
}
.page-resources .file-finder .directory-file-list .directory,
.page-file-finder .file-finder .directory-file-list .directory {
  position: relative;
  outline: 0 !important;
}
.page-resources .file-finder .directory-file-list .directory.selected,
.page-file-finder .file-finder .directory-file-list .directory.selected {
  background-color: #D0D7DD;
}
.page-resources .file-finder .directory-file-list .directory.selected .arrow,
.page-file-finder .file-finder .directory-file-list .directory.selected .arrow {
  opacity: 1;
  border-color: transparent transparent transparent #D0D7DD;
  right: -10px;
}
.page-resources .file-finder .directory-file-list .file span.small,
.page-file-finder .file-finder .directory-file-list .file span.small {
  font-size: 12px;
}
.page-resources .file-finder .directory-file-list:nth-last-child(2) .directory.selected,
.page-file-finder .file-finder .directory-file-list:nth-last-child(2) .directory.selected {
  background-color: #2EA9ED;
}
.page-resources .file-finder .directory-file-list:nth-last-child(2) .directory.selected .inner,
.page-file-finder .file-finder .directory-file-list:nth-last-child(2) .directory.selected .inner,
.page-resources .file-finder .directory-file-list:nth-last-child(2) .directory.selected md-icon,
.page-file-finder .file-finder .directory-file-list:nth-last-child(2) .directory.selected md-icon {
  color: white;
}
.page-resources .file-finder .directory-file-list:nth-last-child(2) .directory.selected .inner,
.page-file-finder .file-finder .directory-file-list:nth-last-child(2) .directory.selected .inner {
  border-bottom: 1px solid #2EA9ED;
}
.page-resources .file-finder .directory-file-list:nth-last-child(2) .directory.selected .arrow,
.page-file-finder .file-finder .directory-file-list:nth-last-child(2) .directory.selected .arrow {
  opacity: 1;
  border-color: transparent transparent transparent #2EA9ED;
  right: -10px;
}
.page-file-finder .file-finder {
  height: calc(100vh - 180px);
}
@media (max-width: 1280px) {
  .page-resources .file-finder .directory-file-list,
  .page-admin-resources .file-finder .directory-file-list {
    width: calc(50% - 1px);
  }
}
@media (max-width: 960px) {
  .page-resources .file-finder,
  .page-admin-resources .file-finder {
    max-width: 100vw;
  }
}
@media (max-width: 600px) {
  .page-resources .dynamic-header-partial,
  .page-admin-resources .dynamic-header-partial {
    display: none !important;
  }
  .page-resources .file-finder .directory-file-list,
  .page-admin-resources .file-finder .directory-file-list {
    width: 100%;
  }
}
.parent-admin.page-resources .file-tags-title {
  margin-bottom: 0px;
}
.parent-admin.page-resources .file-tags {
  margin-top: 0px;
}
.parent-admin.page-resources .resource-type {
  background-color: #eaeaea;
  padding: 10px;
}
.parent-admin.page-resources .resource-type md-tabs {
  margin-top: 10px;
}

.parent-admin.page-faq h1 {
  font-weight: 300;
}


.page-ask .faqmax {
  max-width: 900px;
}
.page-ask .categories md-checkbox {
  padding-right: 30px;
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-forum-search .search-input {
  margin-bottom: 0;
}
.page-forum-search .results .result {
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.page-forum-search .results .result:nth-child(even) {
  background-color: #f3f3f3;
}
.page-forum-search .results .result:hover {
  color: #fff;
  background-color: #2EA9ED;
  opacity: 0.8;
}
.page-forum-search .results .result:hover md-icon {
  color: white;
}
.page-forum-search .search-box {
  height: calc(100vh - 260px);
  overflow: hidden;
  max-width: calc(100vw - 280px);
  background-color: white;
  white-space: nowrap;
  position: relative;
}
.page-forum-search .search-box .type {
  width: 60px;
}
.page-forum-search .search-box .date-created {
  width: 100px;
}
.page-forum-search .search-box .results-bar {
  background-color: #2EA9ED;
  color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  overflow-y: scroll;
}
.page-forum-search .search-box .results {
  overflow-y: scroll;
  height: calc(100% - 48px);
  margin-top: 48px;
  white-space: normal;
}
.page-forum-search .search-box .results .result {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none !important;
}
.page-forum-search .search-box .results .result md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.page-forum-search .search-box .results .result:nth-child(even) {
  background-color: #eaeaea;
}
.page-forum-search .search-box .results .result:hover {
  opacity: 0.8;
  cursor: pointer;
  background-color: #2EA9ED;
  color: white;
}
.page-forum-search .search-box .results .result:hover md-icon {
  color: white;
}
@media (max-width: 960px) {
  .page-resources-search .search-box {
    max-width: 100vw;
  }
}

.parent-forum.page-question .answers {
  padding-left: 10%;
}
.parent-forum.page-question .favourite {
  position: absolute;
  top: 15px;
  right: 15px;
}
.parent-forum.page-question .answer.scrolled-to {
  background-color: #EFFFFF;
  transition: background-color 1000ms linear;
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-gallery-manage h2 {
  margin: 20px;
  font-weight: bold;
}
.page-gallery-manage .gallery-list {
  margin: 0px 10px 20px 10px;
  margin-top: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-gallery-manage .gallery-list .list-item {
  width: calc(25% - 20px);
  margin: 10px;
  background-color: white;
  border: 1px solid #eeeeee;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.11764706);
}
.page-gallery-manage .gallery-list .list-item .image-cont {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ccc;
  position: relative;
}
.page-gallery-manage .gallery-list .list-item .image-cont .dummy {
  width: 100%;
  margin-bottom: 66%;
}
.page-gallery-manage .gallery-list .list-item .image-cont .public {
  position: absolute;
  background-color: #2EA9ED;
  padding: 5px;
  color: white;
  top: 0px;
  right: 0px;
  cursor: pointer;
}
.page-gallery-manage .gallery-list .list-item .image-cont .public:hover {
  opacity: 0.7;
}
.page-gallery-manage .gallery-list .list-item .image-cont .private {
  position: absolute;
  background-color: #ccc;
  padding: 5px;
  color: white;
  top: 0px;
  right: 0px;
  cursor: pointer;
}
.page-gallery-manage .gallery-list .list-item .image-cont .private:hover {
  opacity: 0.7;
}
.page-gallery-manage .gallery-list .list-item .name input {
  padding: 15px 10px;
  font-weight: bold;
  width: 100%;
  border: 0px;
  box-sizing: border-box;
}
.page-gallery-manage .gallery-list .list-item.add {
  cursor: pointer;
  min-height: 150px;
}
.page-gallery-manage .gallery-list .list-item.add .plus {
  width: 64px;
  height: 64px;
  background-color: #fdc02f;
  border-radius: 64px;
  text-align: center;
}
.page-gallery-manage .gallery-list .list-item.add .plus i {
  color: white;
  font-size: 30px;
  line-height: 64px;
}
.page-gallery-manage .gallery-list .list-item.add span {
  font-weight: 700;
  font-style: normal;
  color: #bcbcbc;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  font-weight: bold;
}
.page-gallery-manage .gallery-list .list-item.add:hover {
  background-color: #eeeeee;
}
.page-gallery-manage .gallery-list .list-item .actions {
  position: absolute;
  bottom: -10px;
  right: 0px;
  opacity: 0;
  visibility: hidden;
}
.page-gallery-manage .gallery-list .list-item .actions .action {
  width: 34px;
  height: 34px;
  border-radius: 34px;
  line-height: 34px;
  text-align: center;
  margin-right: 10px;
  cursor: pointer;
}
.page-gallery-manage .gallery-list .list-item .actions .action i {
  color: white;
}
.page-gallery-manage .gallery-list .list-item .actions .action:hover {
  opacity: 0.9;
}
.page-gallery-manage .gallery-list .list-item .actions .action.view {
  background-color: #00d807;
}
.page-gallery-manage .gallery-list .list-item .actions .action.delete {
  background-color: #f1453d;
}
.page-gallery-manage .gallery-list .list-item .actions .action.edit {
  background-color: #1eaaf1;
}
.page-gallery-manage .gallery-list .list-item.album-item .image-cont {
  cursor: pointer;
}
.page-gallery-manage .gallery-list .list-item.album-item .image-cont:hover {
  opacity: 0.7;
}
.page-gallery-manage .gallery-list .list-item:hover .actions {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1200px) {
  .page-gallery-manage .gallery-list .list-item {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 900px) {
  .page-gallery-manage .gallery-list .list-item {
    width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .page-gallery-manage .gallery-list .list-item {
    width: calc(100% - 20px);
  }
}
.page-gallery-manage .imageupload .md-errors-spacer {
  min-height: 0px;
}
.page-gallery-manage .divider {
  width: 1px;
  height: 60px;
  margin: 0 15px;
  background-color: #ccc;
}
.page-gallery-manage .progress {
  line-height: 15px;
  display: inline-block;
  width: 100%;
}
.page-gallery-manage .progress div {
  font-size: smaller;
  background: orange;
  width: 0;
}

.parent-inbox.page-conversation .white-back {
  padding: 30px;
}
.parent-inbox.page-conversation h1 {
  margin-top: 0;
}
.parent-inbox.page-conversation .reply-container,
.parent-inbox.page-conversation .message-container {
  border-bottom: 1px solid #ccc;
}
.parent-inbox.page-conversation .message-container:last-child {
  border-bottom: inherit;
}

.parent-inbox.page-conversation .white-back {
  padding: 30px;
}
.parent-inbox.page-conversation h1 {
  margin-top: 0;
}

.parent-faq.page-question h1,
.parent-faq.page-question h2,
.parent-faq.page-question h3,
.parent-faq.page-question h4,
.parent-faq.page-question h5,
.parent-faq.page-question h6 {
  font-weight: 300;
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-hmo-analyser .properties-box {
  background-color: white;
  padding: 15px;
}
.page-hmo-analyser .properties-box md-input-container {
  margin: 0;
}
.page-hmo-analyser .properties-list {
  border-top: 2px solid #ccc;
  margin-top: 20px;
}
.page-hmo-analyser .properties-list .property {
  border-bottom: 1px solid #ccc;
}
.page-hmo-analyser .properties-list .scenario {
  padding: 15px 0;
  line-height: 20px;
  position: relative;
}
.page-hmo-analyser .properties-list .scenario span {
  display: inline-block;
}
.page-hmo-analyser .properties-list .scenario img {
  padding-right: 15px;
  opacity: 0;
  width: 100px;
  height: auto;
}
.page-hmo-analyser .properties-list .scenario .profit-invested {
  max-width: 250px;
  width: 100%;
}
.page-hmo-analyser .properties-list .scenario .border-right {
  border-right: 1px solid #ccc;
}
.page-hmo-analyser .properties-list .scenario .divider {
  display: none;
  height: 1px;
  width: calc(100% - 140px);
  background-color: #ccc;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.page-hmo-analyser .properties-list .scenario:nth-child(1) img {
  opacity: 1;
}
.page-hmo-analyser .properties-list .scenario:not(:last-child) .divider {
  display: block;
}
.page-hmo-analyser .properties-list .address {
  display: inline-block;
}
.page-hmo-analyser .column-padding {
  padding: 0 15px;
}
@media (max-width: 600px) {
  .page-hmo-analyser .properties-list .profit-invested {
    margin-top: 10px;
  }
  .page-hmo-analyser .properties-list .column-padding {
    padding: 0px 0px;
  }
  .page-hmo-analyser .properties-list .border-right {
    border: 0px !important;
  }
  .page-hmo-analyser .properties-list .md-button {
    margin: 10px 0;
  }
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-msfs .dialog-msfs {
  width: 90%;
  max-width: 90%;
}

.page-my-properties .properties-table td.md-cell .address,
.page-partner .properties-table td.md-cell .address {
  display: inline-block;
}
.page-my-properties .properties-table td.md-cell img,
.page-partner .properties-table td.md-cell img {
  width: 100px;
  height: auto;
}
.page-my-properties .properties-table td.md-cell:first-child,
.page-partner .properties-table td.md-cell:first-child,
.page-my-properties .properties-table th:first-child,
.page-partner .properties-table th:first-child {
  padding-left: 0px !important;
}
.page-my-properties .properties-table td.md-cell:last-child,
.page-partner .properties-table td.md-cell:last-child,
.page-my-properties .properties-table th:last-child,
.page-partner .properties-table th:last-child {
  padding-right: 0px !important;
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-article .white-back {
  padding: 0px;
}
.page-article .featured {
  display: none;
}
.page-article .hidden {
  display: none;
}
.page-article .article .image {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.page-article .article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.page-article .article .cover {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.page-article .article h2 {
  color: white;
  position: absolute;
  bottom: 15px;
  left: 15px;
  margin: 0px;
  z-index: 5;
}
.page-article .article .content {
  padding: 15px;
  margin: 0px;
}
.page-article .article .content img {
  max-width: 100%;
  margin: 10px auto;
  display: block;
  height: auto;
}
.page-article .article .date {
  padding: 15px;
  padding-top: 0px;
}
.page-article .news-feed {
  width: calc(100% -15px);
  margin-left: 15px;
}
.page-article .news-feed .article {
  width: 100%;
  margin: 0px;
}
.page-article .news-feed .article .md-card-header {
  height: auto !important;
}
.page-article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.page-article .article-side .article {
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .page-article .article-side {
    display: none;
  }
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-invoices tbody tr {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.page-invoices tbody tr:hover {
  background-color: #eaeaea;
  cursor: pointer;
}
.page-invoices .creditnote td,
.page-invoices .creditnote td span {
  color: red !important;
}
.page-invoices .void {
  font-weight: bold;
  color: #f00;
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-file-finder.page-file-finder .directory-file-list.search-list,
.page-resources .directory-file-list.search-list,
.page-file-finder .directory-file-list.search-list {
  width: 100%;
  border: 0px !important;
}
.page-file-finder.page-file-finder .directory-file-list.search-list .list,
.page-resources .directory-file-list.search-list .list,
.page-file-finder .directory-file-list.search-list .list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-file-finder.page-file-finder .directory-file-list.search-list .directory md-card,
.page-resources .directory-file-list.search-list .directory md-card,
.page-file-finder .directory-file-list.search-list .directory md-card,
.page-file-finder.page-file-finder .directory-file-list.search-list .file md-card,
.page-resources .directory-file-list.search-list .file md-card,
.page-file-finder .directory-file-list.search-list .file md-card {
  cursor: pointer;
  height: calc(100% - 16px);
}
.page-file-finder.page-file-finder .directory-file-list.search-list .directory md-card md-card-content,
.page-resources .directory-file-list.search-list .directory md-card md-card-content,
.page-file-finder .directory-file-list.search-list .directory md-card md-card-content,
.page-file-finder.page-file-finder .directory-file-list.search-list .file md-card md-card-content,
.page-resources .directory-file-list.search-list .file md-card md-card-content,
.page-file-finder .directory-file-list.search-list .file md-card md-card-content {
  padding-top: 0px;
  padding-bottom: 0px;
}
.page-file-finder.page-file-finder .directory-file-list.search-list .directory .description,
.page-resources .directory-file-list.search-list .directory .description,
.page-file-finder .directory-file-list.search-list .directory .description,
.page-file-finder.page-file-finder .directory-file-list.search-list .file .description,
.page-resources .directory-file-list.search-list .file .description,
.page-file-finder .directory-file-list.search-list .file .description {
  position: relative;
  overflow: hidden;
}
.page-file-finder.page-file-finder .directory-file-list.search-list .directory .featured.featured,
.page-resources .directory-file-list.search-list .directory .featured.featured,
.page-file-finder .directory-file-list.search-list .directory .featured.featured,
.page-file-finder.page-file-finder .directory-file-list.search-list .file .featured.featured,
.page-resources .directory-file-list.search-list .file .featured.featured,
.page-file-finder .directory-file-list.search-list .file .featured.featured {
  font-size: 20px !important;
  top: 5px;
  left: 5px;
  padding: 0px;
  width: 15px;
  height: 15px;
  line-height: 25px;
  text-align: left;
  color: #2ea9ed;
}
.page-file-finder.page-file-finder .directory-file-list.search-list .directory:hover,
.page-resources .directory-file-list.search-list .directory:hover,
.page-file-finder .directory-file-list.search-list .directory:hover,
.page-file-finder.page-file-finder .directory-file-list.search-list .file:hover,
.page-resources .directory-file-list.search-list .file:hover,
.page-file-finder .directory-file-list.search-list .file:hover {
  opacity: 0.8;
}
.page-file-finder.page-file-finder .directory-file-list.search-list .directory:hover .favourite-icon,
.page-resources .directory-file-list.search-list .directory:hover .favourite-icon,
.page-file-finder .directory-file-list.search-list .directory:hover .favourite-icon,
.page-file-finder.page-file-finder .directory-file-list.search-list .file:hover .favourite-icon,
.page-resources .directory-file-list.search-list .file:hover .favourite-icon,
.page-file-finder .directory-file-list.search-list .file:hover .favourite-icon {
  visibility: visible;
}
.page-file-finder.page-file-finder .directory-file-list.search-list .file-folder-icon,
.page-resources .directory-file-list.search-list .file-folder-icon,
.page-file-finder .directory-file-list.search-list .file-folder-icon {
  font-size: 30px !important;
  padding-right: 20px;
}
.page-file-finder.page-file-finder .directory-file-list.search-list .favourite-icon,
.page-resources .directory-file-list.search-list .favourite-icon,
.page-file-finder .directory-file-list.search-list .favourite-icon {
  visibility: hidden;
}
.page-file-finder.page-file-finder .directory-file-list.search-list .favourite-icon.favourited,
.page-resources .directory-file-list.search-list .favourite-icon.favourited,
.page-file-finder .directory-file-list.search-list .favourite-icon.favourited {
  visibility: visible;
}
.page-file-finder.page-file-finder .folder-top > .breadcrumbs,
.page-resources .folder-top > .breadcrumbs,
.page-file-finder .folder-top > .breadcrumbs {
  padding: 10px 15px;
  background-color: white;
  margin: 0 -7px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.page-file-finder.page-file-finder .download md-icon,
.page-resources .download md-icon,
.page-file-finder .download md-icon {
  padding-right: 0px;
  padding-bottom: 10px;
  font-size: 40px !important;
  width: auto;
  height: auto;
  line-height: 40px;
  color: #333333;
}
.page-file-finder.page-file-finder .view-file,
.page-resources .view-file,
.page-file-finder .view-file {
  position: relative;
}
.page-file-finder.page-file-finder .view-file .versions,
.page-resources .view-file .versions,
.page-file-finder .view-file .versions {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #ccc;
}
.page-file-finder.page-file-finder .view-file .close,
.page-resources .view-file .close,
.page-file-finder .view-file .close {
  position: absolute;
  top: 0px;
  right: 0px;
}
.page-file-finder.page-file-finder .folder-top,
.page-resources .folder-top,
.page-file-finder .folder-top {
  padding: 15px;
}
.page-file-finder.page-file-finder .crumb,
.page-resources .crumb,
.page-file-finder .crumb {
  cursor: pointer;
}
.page-file-finder.page-file-finder .crumb:hover,
.page-resources .crumb:hover,
.page-file-finder .crumb:hover {
  color: #2EA9ED;
  text-decoration: underline;
}
.page-file-finder.page-file-finder .list-title,
.page-resources .list-title,
.page-file-finder .list-title {
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 30px;
  margin-left: 10px;
}
@media (max-width: 1280px) {
  .page-file-finder.page-file-finder .directory-file-list .directory,
  .page-resources .directory-file-list .directory,
  .page-file-finder .directory-file-list .directory,
  .page-file-finder.page-file-finder .directory-file-list .file,
  .page-resources .directory-file-list .file,
  .page-file-finder .directory-file-list .file {
    width: calc(50% - 16px);
    max-width: 50%;
  }
}
@media (max-width: 600px) {
  .page-file-finder.page-file-finder .directory-file-list .directory,
  .page-resources .directory-file-list .directory,
  .page-file-finder .directory-file-list .directory,
  .page-file-finder.page-file-finder .directory-file-list .file,
  .page-resources .directory-file-list .file,
  .page-file-finder .directory-file-list .file {
    width: calc(100% - 16px);
    max-width: 100%;
  }
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-login .main md-content.Page-Container {
  background-color: #f3f3f3;
  position: fixed;
  width: 100vw;
  height: 100%;
  box-sizing: border-box;
  padding: 0px !important;
  top: 0px;
  left: 0px;
  z-index: 100;
  max-width: 100%;
  padding: 0px;
  overflow-y: scroll;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-login .main .login-pane {
  width: 100%;
}
.page-login h1 {
  font-weight: 500;
  font-size: 24px;
  color: #2EA9ED;
  margin: 0px;
  text-align: center;
  width: 100%;
}
.page-login .login-wrapper {
  width: calc(100% - 30px);
  max-width: 500px;
  margin: 0 auto;
  padding: 15px;
  padding-top: 0px;
}
.page-login .login-form {
  background-color: #2CA5E7;
  padding: 0px 20px 50px 20px;
  padding-top: 100px;
}
.page-login md-card {
  margin-top: -180px;
  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.15), 0px 10px 35px 0px rgba(0, 0, 0, 0.15), 0px 10px 35px 0px rgba(0, 0, 0, 0.15);
}
.page-login md-card-title img {
  width: 182px;
  height: 45px !important;
  margin: 0 auto;
  margin-bottom: 30px;
}
.page-login md-input-container {
  max-width: 320px;
  width: 100%;
  margin: 0px auto;
  display: block;
}
.page-login md-input-container label {
  font-size: 16px;
}
.page-login .md-button span {
  color: #2EA9ED;
}
@media (max-width: 600px) {
  .page-login .login-form {
    background-color: #f3f3f3;
    padding: 0px;
    padding-top: 30px;
  }
  .page-login .main md-card {
    margin-top: 0px;
  }
}

.parent-support.page-ticket .white-back {
  padding: 30px;
}
.parent-support.page-ticket h1 {
  margin-top: 0;
}

.parent-support.page-ticket .white-back {
  padding: 30px;
}
.parent-support.page-ticket h1 {
  margin-top: 0;
}
.parent-support.page-ticket .reply-container,
.parent-support.page-ticket .message-container {
  border-bottom: 1px solid #ccc;
}
.parent-support.page-ticket .message-container:last-child {
  border-bottom: inherit;
}

.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-property-form .main .Page-Container {
  padding-top: 0px !important;
}
.page-property-form ._md-container.md-ink-ripple {
  margin-left: 10px;
}
.page-property-form .completion-date .md-datepicker-input-container {
  border-bottom: 1px solid #2EA9ED !important;
}
.page-property-form .equity-bar {
  background-color: white;
  border-top: 1px solid #ccc;
  width: calc(100% - 220px);
  position: fixed;
  top: 70px;
  left: 220px;
  z-index: 5;
  box-shadow: 0px 3px 5px 0px rgba(152, 152, 155, 0.5);
}
.page-property-form .equity-bar .equity {
  background-color: #2EA9ED;
  color: white;
  font-size: 24px;
  text-align: center;
  padding: 25px 0;
}
.page-property-form .equity-bar .profit-invested {
  padding: 0 25px;
  width: calc(100% - 50px);
}
.page-property-form .form-box {
  background-color: white;
  padding: 15px;
  margin-top: 30px;
}
.page-property-form .form-section {
  padding: 0 10px;
}
.page-property-form .input-group {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.page-property-form .input-group .left {
  margin-right: 30px;
}
.page-property-form .input-group .right {
  margin-left: 30px;
}
.page-property-form .input-group .sub-section-title {
  border: 0px;
}
.page-property-form .field-container {
  padding: 5px 0;
}
.page-property-form .field-container .label {
  line-height: 20px;
  padding: 10px 0;
}
.page-property-form .field-container .value {
  width: 120px;
  margin: 0;
  height: 40px;
}
.page-property-form .field-container .value.highlight {
  background-color: #FFE1E1;
}
.page-property-form .field-container md-datepicker.value {
  width: 180px;
}
.page-property-form .field-container .no-input {
  line-height: 30px;
  font-size: 14px;
  color: #2EA9ED;
  border-left: 2px solid #2EA9ED;
  padding-left: 5px;
  margin: 5px 0;
  height: 30px;
}
.page-property-form .field-container md-icon {
  line-height: 25px;
}
.page-property-form .field-container .double-mix md-input-container {
  margin-right: 5px;
  margin-left: -5px;
}
.page-property-form .field-container .double-mix input {
  margin-top: 3px;
}
.page-property-form .form-section-total {
  background-color: #F4F8FA;
  border-left: 3px solid #2EA9ED;
  padding: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.page-property-form .form-section-total .blue {
  color: #2EA9ED;
}
.page-property-form .section-buttons {
  margin-bottom: 25px;
}
.page-property-form .section-buttons .md-button {
  color: #999999;
  background-color: #EDF0F1;
  text-transform: none;
  padding: 15px 0;
  border-radius: 0px;
  line-height: 20px;
}
.page-property-form .section-buttons .md-button:not([disabled="disabled"]):hover {
  background-color: #2EA9ED;
  color: white;
}
.page-property-form .section-buttons .md-button span {
  transition: all 0.25s ease-in-out;
  white-space: normal;
}
.page-property-form .section-buttons .md-button.selected {
  background-color: #2EA9ED;
}
.page-property-form .section-buttons .md-button.selected span {
  color: white;
}
.page-property-form .form-pagination {
  padding-top: 20px;
  background-color: white;
}
.page-property-form .sub-section-title {
  border-bottom: 2px solid #ccc;
  line-height: 30px;
  margin-top: 30px;
  margin-bottom: 15px;
}
.page-property-form .partial-property-details md-radio-button {
  border: 1px solid white;
  padding: 15px;
  transition: background-color 0.25s ease-in-out;
}
.page-property-form .partial-property-details md-radio-button a {
  pointer-events: all;
}
.page-property-form .partial-property-details md-radio-button.md-checked {
  border: 1px solid #2EA9ED;
  background-color: #F2F2F2;
}
.page-property-form .partial-property-details md-radio-button .md-container {
  top: 23px;
  left: 15px;
}
.page-property-form .partial-property-details md-select-value {
  height: 18px;
  min-height: 0px;
  padding-bottom: 7px !important;
}
.page-property-form .partial-property-details .address-finder {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.page-property-form .partial-property-details .address-finder .flex-none {
  margin-top: 9px;
}
.page-property-form .partial-property-details .address-finder md-input-container,
.page-property-form .partial-property-details .address-finder md-select {
  margin-top: 0px;
}
.page-property-form .partial-property-details .address-finder md-select {
  height: 30px;
  padding: 2px;
}
.page-property-form .partial-property-details .address-finder .md-button {
  max-height: 30px;
  min-height: auto;
  height: 100%;
  line-height: 30px;
  margin-top: 2px;
  margin-right: 20px;
}
.page-property-form .partial-property-details .address-finder i {
  font-size: 18px;
}
.page-property-form .partial-rooms .room-widget {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}
.page-property-form .partial-rooms .room-widget md-input-container,
.page-property-form .partial-rooms .room-widget md-select {
  margin-bottom: 0px;
  margin-top: 0px;
}
.page-property-form .partial-rooms .room-widget md-input-container {
  margin-left: 10px;
}
.page-property-form .partial-rooms .room-widget md-select {
  height: 32px;
  margin-right: 10px;
}
.page-property-form .partial-rooms .room-widget .md-button {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.page-property-form .partial-rooms .room-widget .remove-room {
  min-width: 0px;
  font-size: 18px;
  margin-top: -2px;
}
.page-property-form .partial-rooms .add-room {
  text-align: right;
}
.page-property-form .partial-summary .layout-margin {
  margin: 0px -8px;
}
.page-property-form .partial-summary h3 {
  color: #2EA9ED;
}
.page-property-form .partial-summary .summary-box {
  border: 1px solid #2EA9ED;
  text-align: center;
  padding: 50px 0;
}
.page-property-form .partial-summary .summary-box span {
  font-size: 30px;
  color: #2EA9ED;
}
.page-property-form .partial-summary .summary-box.blue {
  color: white;
  background-color: #2EA9ED;
}
.page-property-form .partial-summary .summary-box.blue span {
  color: white;
}
@media (max-width: 960px) {
  .page-property-form .equity-bar {
    top: 100%;
    top: 100px;
    width: 100%;
    left: 0px;
  }
  .page-property-form .equity-bar .profit-invested {
    padding: 0px;
  }
}


.page-partner .dialog-edit-msfs {
  max-width: 95%;
}
.page-partner .md-caption {
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.54);
}
.page-partner md-datepicker {
  margin-left: -15px;
}
.page-partner md-input-container .md-resize-wrapper {
  width: 100%;
}
.page-partner .add-property {
  max-height: 36px;
  margin-top: 20px;
  margin-left: 40px;
}
.page-partner .add-property.toolbar {
  margin: 0 0 0 20px;
}
.page-partner .profile-picture {
  width: 60px;
  height: 60px;
  border-radius: 1000px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.page-partner .time-input {
  margin-top: 20px;
}
.page-partner .time-input input {
  margin-top: 9px;
}
.page-partner .fa-Email:before {
  content: "\f0e0";
}
.page-partner .fa-Call:before {
  content: "\f095";
}
.page-partner .fa-Meeting:before {
  content: "\f0c0";
}
.page-partner .fa-Note:before {
  content: "\f249";
}
.page-partner .fa-Training:before {
  content: "\f007";
}
.page-partner .fa-Task:before {
  content: "\f05b";
}
.page-partner .location-field {
  margin-top: 28px;
}



.md-button.md-success {
  color: white;
  background-color: #00CC99;
}
md-content {
  background-color: transparent;
}
md-tabs {
  background-color: transparent;
}
md-tabs md-tab-item {
  background-color: #F6F7F8;
}
md-tabs md-tab-item span {
  text-transform: none;
}
md-tabs md-tab-item.md-active {
  background-color: white;
}
md-tabs md-tab-item.md-active span {
  color: #3D4051;
}
md-icon.fa {
  line-height: 24px;
}
md-tab-content {
  background-color: white;
}
md-input-container .md-input {
  border-color: #2EA9ED;
}
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2EA9ED;
}
.md-scroll-mask {
  z-index: 10 !important;
}
table.md-table .highcharts-container {
  padding-bottom: 10px;
}
table.md-table .center-column {
  text-align: center !important;
}
table.md-table .center-column .highcharts-container {
  margin: 0 auto;
}
table.md-table .center-column span {
  text-align: center;
}
table.md-table .center-column.md-sort span {
  padding-left: 0px;
}
table.md-table th.md-column span {
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  font-size: 14px;
}
table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 0.5;
}
table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
table.md-table td.md-cell img {
  padding-right: 10px;
}
table.md-table tr:first-child td.md-cell {
  border-top: 2px rgba(0, 0, 0, 0.12) solid;
}
table.md-table .clickable {
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  outline: none !important;
}
table.md-table .clickable:hover {
  background-color: #eaeaea;
}
table.md-table .clickable:focus {
  outline: none !important;
}
table.md-table td md-checkbox {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
table.md-table td md-checkbox:hover {
  opacity: 0.5;
}
md-checkbox.md-checked ._md-icon {
  background-color: #2ea9ed;
}
md-checkbox.md-default-theme.md-checked ._md-icon:after,
md-checkbox.md-checked ._md-icon:after {
  color: white;
}
.md-button {
  text-transform: none;
  padding-left: 8px;
  padding-right: 8px;
}
.md-button span {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.btn-dropdown {
  box-shadow: none !important;
}
.md-button.btn-dropdown md-icon {
  line-height: 20px;
  padding-left: 15px;
}
.md-button.md-no-shadow {
  box-shadow: none !important;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]),
.md-button.md-fab.md-secondary:not([disabled="disabled"]) {
  background-color: #FF6600;
}
.md-button.md-button.md-secondary.md-raised:not([disabled="disabled"]):hover,
.md-button.md-fab.md-secondary:not([disabled="disabled"]):hover {
  background-color: #ff8533;
}
.md-button.md-button.md-secondary,
.md-button.md-fab.md-secondary {
  color: white;
}
.md-button.md-button.md-secondary span,
.md-button.md-fab.md-secondary span,
.md-button.md-button.md-secondary i,
.md-button.md-fab.md-secondary i,
.md-button.md-button.md-secondary md-icon,
.md-button.md-fab.md-secondary md-icon {
  color: white;
}
.md-button.md-outline {
  border: 1px solid #ccc;
}
.md-button.md-outline span,
.md-button.md-outline md-icon {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button.md-outline:hover,
.md-button.md-outline.selected {
  background-color: rgba(158, 158, 158, 0.1);
}
.md-button.md-outline:hover span,
.md-button.md-outline.selected span,
.md-button.md-outline:hover md-icon,
.md-button.md-outline.selected md-icon {
  color: #2EA9ED;
}
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #2EA9ED;
}
md-select ._md-select-value,
md-select:not([disabled]):focus ._md-select-value,
md-select.md-default-theme {
  border-color: #2EA9ED;
}
.md-select-menu-container {
  background-color: white;
}
md-select-menu md-option {
  background-color: white;
}
md-toolbar {
  margin-bottom: 30px;
}
md-toolbar md-icon.fa {
  font-size: 30px;
  margin-right: 15px;
}
md-toolbar.md-success:not(.md-menu-toolbar) {
  background-color: #00CC99;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: #2EA9ED;
  margin-bottom: 0px;
}
md-toolbar.page-notification {
  margin-bottom: 30px;
}
md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
  background-color: #2EA9ED;
}
.md-chips .md-chip .md-chip-remove {
  text-align: right;
  width: 26px;
  height: 26px;
}
.md-chips .md-chip {
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 8px 8px 0 0;
  padding: 0 5px;
}
.md-chips {
  padding: 0 0 3px 3px;
}
md-chips .md-chips.md-focused {
  box-shadow: 0 2px #2EA9ED;
}
.md-chips .md-chip-input-container md-autocomplete input {
  font-size: 14px;
}
.md-chip strong {
  font-weight: 400;
  font-size: 14px;
}
.md-chips .md-chip-input-container input {
  border: 0;
  height: 26px;
  line-height: 26px;
}
md-tooltip .md-content {
  height: auto;
  line-height: 16px;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding: 8px;
  white-space: normal;
}
md-dialog {
  width: 100%;
  max-width: 600px;
  margin: 20px;
}
md-dialog md-icon {
  font-size: 20px !important;
}
md-dialog md-dialog-actions {
  border-top: 1px solid #eaeaea;
}
md-dialog md-dialog-actions .md-button {
  margin: 8px;
}
md-toast.md-top {
  top: 15px !important;
}
.md-caption {
  font-size: 11px;
}
body {
  background-color: #EDF0F1;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Roboto';
  color: #3D4051;
  font-size: 14px;
}
[href] {
  cursor: pointer;
}
body > .main {
  padding-top: 70px;
}
a {
  text-decoration: none;
  color: #2EA9ED;
  transition: all 0.25s ease-in-out;
}
a:hover {
  color: #8cd0f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.vertical-middle {
  vertical-align: middle;
}
.highcharts-button {
  display: none;
}
.white-back {
  background-color: white;
  padding: 15px;
}
md-toast {
  position: fixed !important;
}
.relative {
  position: relative;
}
.small {
  font-size: 11px;
}
.muted {
  color: #999;
}
.help {
  cursor: help;
}
.main {
  width: 100%;
  background-color: #EDF0F1;
}
.main .content {
  margin-left: 220px;
  transition: all 0.25s ease-in-out;
}
.main .Page-Container {
  width: calc(100vw - 295px);
  padding: 30px;
  padding-right: calc(100vw - 1470px);
}
@media (max-width: 1350px) {
  .main .Page-Container {
    padding-right: 30px;
  }
}
.Page-Container {
  max-width: 1220px;
}
.btn {
  font-size: 100%;
  border-radius: 0px !important;
  border: 1px solid #2ea9ed;
  margin: 2px;
  background-color: white;
  color: #2EA9ED;
}
.btn:not([disabled="disabled"]):hover {
  opacity: 0.5;
}
.btn:not([disabled="disabled"]):hover,
.btn:not([disabled="disabled"]).active {
  background-color: #2EA9ED;
  color: white;
}
.btn[disabled="disabled"] {
  opacity: 0.8;
  color: #ccc;
  border: 1px solid #ccc;
}
.btn-group {
  float: left;
  margin-right: 10px;
}
.md-button.green {
  background-color: #00CC99;
}
.ta-editor {
  border: 1px solid #ccc;
  outline: none !important;
  margin-top: 10px;
}
#toolbarWC,
#toolbarCC {
  display: none !important;
}
.ta-bind {
  outline: none;
  background-color: white;
}
.ta-toolbar {
  clear: both;
  display: -ms-flexbox;
  display: flex;
}
.placeholder-image {
  border: 1px solid #ccc;
}
.filters {
  margin: 16px;
  background-color: #edf0f1;
  padding: 10px;
}
.filters h4 {
  margin: 0px !important;
  margin-left: 8px !important;
  font-size: 18px;
  text-decoration: underline;
}
.filters .filter {
  margin-left: 8px;
}
.filters .filter:first-child {
  margin-top: 0px;
}
.filters .filter md-input-container {
  margin: 0px;
  margin-top: 10px;
  margin-right: 10px !important;
  height: 40px;
}
.filters .filter .md-icon-button:not(.md-datepicker-button):not(.md-datepicker-triangle-button) {
  margin-top: 10px;
}
.filters .filter-select md-select-value {
  width: 150px;
}
.filters .sum md-select-value {
  width: 100px;
}
.filters .search-table {
  margin: 0px;
  height: 40px;
  margin-right: 8px;
}
.filters md-datepicker {
  margin-top: -5px;
}
md-switch .md-container {
  width: 86px;
}
.avatar-box {
  width: 100px;
}
@media (max-width: 600px) {
  .avatar-box {
    width: 50px;
  }
  .avatar-box .avatar {
    width: 40px;
    height: 40px;
  }
}
.view-loading-cover {
  width: calc(100% - 220px);
  height: calc(100% - 70px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(46, 169, 237, 0.95);
  z-index: 25;
  opacity: 1;
  visibility: visible;
  transition: right 0.25s ease-in-out;
}
.view-loading-cover .sk-folding-cube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotateZ(45deg) translate(-140%, -70%);
}
.view-loading-cover .sk-folding-cube .sk-cube:before {
  background-color: white;
}
.site-loading-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #EDF0F1;
  position: fixed;
  transition: all 0.25s ease-in-out;
  z-index: 30;
}
.site-loading-cover .sk-wave {
  transform: scale(2);
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  margin: 0px;
}
.site-loading-cover .sk-rect {
  background-color: #2EA9ED;
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  transition-delay: 0.1s;
}
.sidebar-open .view-loading-cover {
  right: -220px;
}
.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.profile-pic.medium {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.news-feed,
.forum-feed {
  display: -ms-flexbox;
  display: flex;
}
.news-feed .article,
.forum-feed .article,
.news-feed .post,
.forum-feed .post {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  position: relative;
  padding-bottom: 47px;
}
.news-feed .article .md-card-header,
.forum-feed .article .md-card-header,
.news-feed .post .md-card-header,
.forum-feed .post .md-card-header {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-feed .article .md-card-header span,
.forum-feed .article .md-card-header span,
.news-feed .post .md-card-header span,
.forum-feed .post .md-card-header span {
  line-height: 24px;
  color: white;
  font-size: 18px;
}
.news-feed .article .cover,
.forum-feed .article .cover,
.news-feed .post .cover,
.forum-feed .post .cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.news-feed .article.article .image-box,
.forum-feed .article.article .image-box,
.news-feed .post.article .image-box,
.forum-feed .post.article .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 43%;
}
.news-feed .article md-card-title,
.forum-feed .article md-card-title,
.news-feed .post md-card-title,
.forum-feed .post md-card-title {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article md-card-actions,
.forum-feed .article md-card-actions,
.news-feed .post md-card-actions,
.forum-feed .post md-card-actions {
  border-top: 1px solid #eaeaea;
  padding: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #2EA9ED;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.news-feed .article:hover,
.forum-feed .article:hover,
.news-feed .post:hover,
.forum-feed .post:hover {
  opacity: 0.8;
}
.news-feed .article:hover md-card-actions,
.forum-feed .article:hover md-card-actions,
.news-feed .post:hover md-card-actions,
.forum-feed .post:hover md-card-actions {
  background-color: #fbfbfb;
}
.forum-feed .post .md-card-header {
  height: auto;
}
.forum-feed .post .md-card-header span {
  color: #3D4051;
}
.forum-feed .post md-card-title {
  position: static;
  padding: 15px;
  background-color: white;
}
.events-feed .event,
.reports .event,
.events-feed .report,
.reports .report {
  margin: 8px;
  float: left;
  width: calc(50% - 16px);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), cubic-bezier(0.25, 0.8, 0.25, 1);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.events-feed .event:nth-child(4n - 7),
.reports .event:nth-child(4n - 7),
.events-feed .report:nth-child(4n - 7),
.reports .report:nth-child(4n - 7) {
  background-color: #03A9F4;
  color: white;
}
.events-feed .event:nth-child(4n - 6),
.reports .event:nth-child(4n - 6),
.events-feed .report:nth-child(4n - 6),
.reports .report:nth-child(4n - 6) {
  background-color: #01579B;
  color: white;
}
.events-feed .event:nth-child(4n - 5),
.reports .event:nth-child(4n - 5),
.events-feed .report:nth-child(4n - 5),
.reports .report:nth-child(4n - 5) {
  background-color: #3D4051;
  color: white;
}
.events-feed .event:nth-child(4n - 4),
.reports .event:nth-child(4n - 4),
.events-feed .report:nth-child(4n - 4),
.reports .report:nth-child(4n - 4) {
  background-color: white;
}
.events-feed .event .title,
.reports .event .title,
.events-feed .report .title,
.reports .report .title {
  font-size: 18px;
  line-height: 22px;
}
.events-feed .event .datetime,
.reports .event .datetime,
.events-feed .report .datetime,
.reports .report .datetime {
  font-size: 14px;
  line-height: 22px;
}
.events-feed .event:hover,
.reports .event:hover,
.events-feed .report:hover,
.reports .report:hover {
  opacity: 0.8;
}
.events-feed md-card-actions,
.reports md-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.file md-icon.fa-youtube-play,
.view-file md-icon.fa-youtube-play {
  color: #CC0000 !important;
}
.file md-icon.fa-file-pdf-o,
.view-file md-icon.fa-file-pdf-o {
  color: #D62B2B !important;
}
.file md-icon.fa-file-excel-o,
.view-file md-icon.fa-file-excel-o {
  color: #45C51B !important;
}
.file md-icon.fa-file-word-o,
.view-file md-icon.fa-file-word-o {
  color: #2B48D6 !important;
}
.file md-icon.fa-file-powerpoint-o,
.view-file md-icon.fa-file-powerpoint-o {
  color: #AB1BC5 !important;
}
.file md-icon.fa-image,
.view-file md-icon.fa-image {
  color: #FBBD31 !important;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  background-size: cover;
}
.avatar.small {
  width: 60px;
  height: 60px;
}
.text-area-editor .ta-editor {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px #2EA9ED;
}
.text-area-editor .ta-scroll-window > .ta-bind {
  padding: 0;
}
.export-column-form md-checkbox {
  margin-bottom: 5px;
  width: 100%;
}
.favourite {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
.favourite.favouriting {
  background-color: #ff5252 !important;
}
@media (max-width: 1500px) {
  .main {
    width: 100%;
  }
  .main .content {
    margin-left: 220px;
    transition: all 0.25s ease-in-out;
  }
  .main .Page-Container {
    padding: 30px !important;
  }
}
@media (max-width: 960px) {
  body > .main {
    padding-top: 100px;
  }
  .main {
    position: relative;
    overflow: hidden;
  }
  .main .content {
    margin-left: 0px;
  }
  .main .Page-Container {
    width: calc(100vw - 30px);
    padding: 15px !important;
  }
  .main.sidebar-open .content {
    margin-left: 220px;
  }
  .view-loading-cover {
    width: 100%;
    height: calc(100% - 100px);
  }
}
.parent-directory .search-partial {
  display: none;
  width: calc(100% - 15px);
  margin: 0px 0px 5px 7px;
  height: 80px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.parent-directory .search-partial .search {
  float: left;
  width: 100%;
}
.parent-directory .search-partial .search i {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
  display: block;
  margin-top: 16px;
}
.parent-directory .search-partial .search md-input-container {
  float: left;
  width: calc(100% - 60px);
  margin: 20px 0 0 0;
}
@media (max-width: 600px) {
  .parent-directory .Page-Container .search-partial {
    display: block !important;
  }
  .parent-directory .Page-Container .search-partial .search {
    display: block !important;
  }
}
.has-income-change {
  background-color: #ffe2e2 !important;
}
.page-submit .date-title,
.page-admin-msfs .date-title,
.page-msfs .date-title,
.page-partner .date-title {
  font-size: 24px;
  color: #2EA9ED;
  font-weight: 500;
  margin-bottom: 40px;
}
.page-submit .question,
.page-admin-msfs .question,
.page-msfs .question,
.page-partner .question {
  padding: 5px 0;
}
.page-submit .answer,
.page-admin-msfs .answer,
.page-msfs .answer,
.page-partner .answer {
  margin-bottom: 10px;
}
.page-submit .msfs-upto-date,
.page-admin-msfs .msfs-upto-date,
.page-msfs .msfs-upto-date,
.page-partner .msfs-upto-date {
  padding: 30px 0;
}
.page-submit .property,
.page-admin-msfs .property,
.page-msfs .property,
.page-partner .property {
  margin-bottom: 30px;
}
.page-submit .property:last-child,
.page-admin-msfs .property:last-child,
.page-msfs .property:last-child,
.page-partner .property:last-child {
  margin-bottom: 0px;
}
.page-submit .property.saved,
.page-admin-msfs .property.saved,
.page-msfs .property.saved,
.page-partner .property.saved {
  background-color: white;
  padding: 15px;
  border-bottom: 3px solid #D9DCDC;
}
.page-submit .property.saved .property-details,
.page-admin-msfs .property.saved .property-details,
.page-msfs .property.saved .property-details,
.page-partner .property.saved .property-details {
  position: relative;
  padding-left: 90px;
}
.page-submit .property.saved .property-details img,
.page-admin-msfs .property.saved .property-details img,
.page-msfs .property.saved .property-details img,
.page-partner .property.saved .property-details img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: auto;
  height: 40px;
}
.page-submit .property.saved .property-details .name,
.page-admin-msfs .property.saved .property-details .name,
.page-msfs .property.saved .property-details .name,
.page-partner .property.saved .property-details .name {
  margin-bottom: 5px;
}
.page-submit .property.saved .property-details .address,
.page-admin-msfs .property.saved .property-details .address,
.page-msfs .property.saved .property-details .address,
.page-partner .property.saved .property-details .address {
  margin: 0px;
}
.page-submit .property.saved .md-button.md-success,
.page-admin-msfs .property.saved .md-button.md-success,
.page-msfs .property.saved .md-button.md-success,
.page-partner .property.saved .md-button.md-success {
  margin: 0px;
  cursor: auto;
}
.page-submit .property.saved .md-button.md-success:hover,
.page-admin-msfs .property.saved .md-button.md-success:hover,
.page-msfs .property.saved .md-button.md-success:hover,
.page-partner .property.saved .md-button.md-success:hover {
  color: white;
  background-color: #00CC99;
}
.page-submit .property.saved .md-fab,
.page-admin-msfs .property.saved .md-fab,
.page-msfs .property.saved .md-fab,
.page-partner .property.saved .md-fab {
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin: 0px;
  margin-left: 20px;
}
.page-submit .property.saved .md-fab md-icon,
.page-admin-msfs .property.saved .md-fab md-icon,
.page-msfs .property.saved .md-fab md-icon,
.page-partner .property.saved .md-fab md-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.page-submit .property.saved .total-income,
.page-admin-msfs .property.saved .total-income,
.page-msfs .property.saved .total-income,
.page-partner .property.saved .total-income {
  line-height: 30px;
}
.page-submit .property.saved .total-income strong,
.page-admin-msfs .property.saved .total-income strong,
.page-msfs .property.saved .total-income strong,
.page-partner .property.saved .total-income strong {
  padding-right: 15px;
}
.page-submit .property.saved .total-income span,
.page-admin-msfs .property.saved .total-income span,
.page-msfs .property.saved .total-income span,
.page-partner .property.saved .total-income span {
  font-size: 18px;
  color: #2EA9ED;
  padding-right: 15px;
}
.page-submit .property-details,
.page-admin-msfs .property-details,
.page-msfs .property-details,
.page-partner .property-details {
  padding-right: 30px;
}
.page-submit .property-details .name,
.page-admin-msfs .property-details .name,
.page-msfs .property-details .name,
.page-partner .property-details .name {
  font-size: 18px;
  margin-bottom: 8px;
}
.page-submit .property-details .name span,
.page-admin-msfs .property-details .name span,
.page-msfs .property-details .name span,
.page-partner .property-details .name span {
  font-weight: 500;
}
.page-submit .property-details .address,
.page-admin-msfs .property-details .address,
.page-msfs .property-details .address,
.page-partner .property-details .address {
  font-size: 12px;
  margin-bottom: 15px;
}
.page-submit .property-details img,
.page-admin-msfs .property-details img,
.page-msfs .property-details img,
.page-partner .property-details img {
  width: 100%;
  max-width: 260px;
  clear: both;
}
.page-submit .msfs-form-box,
.page-admin-msfs .msfs-form-box,
.page-msfs .msfs-form-box,
.page-partner .msfs-form-box {
  background-color: white;
  padding-top: 15px;
  border-bottom: 3px solid #D9DCDC;
}
.page-submit .msfs-form-box .fields-title,
.page-admin-msfs .msfs-form-box .fields-title,
.page-msfs .msfs-form-box .fields-title,
.page-partner .msfs-form-box .fields-title {
  display: block;
  margin-bottom: 10px;
}
.page-submit .msfs-form-box .fields-left,
.page-admin-msfs .msfs-form-box .fields-left,
.page-msfs .msfs-form-box .fields-left,
.page-partner .msfs-form-box .fields-left {
  border-right: 1px solid #D5DBE0;
}
.page-submit .msfs-form-box .fields-left,
.page-admin-msfs .msfs-form-box .fields-left,
.page-msfs .msfs-form-box .fields-left,
.page-partner .msfs-form-box .fields-left,
.page-submit .msfs-form-box .fields-right,
.page-admin-msfs .msfs-form-box .fields-right,
.page-msfs .msfs-form-box .fields-right,
.page-partner .msfs-form-box .fields-right {
  padding: 20px;
  padding-top: 5px;
}
.page-submit .msfs-form-box .form-bottom,
.page-admin-msfs .msfs-form-box .form-bottom,
.page-msfs .msfs-form-box .form-bottom,
.page-partner .msfs-form-box .form-bottom {
  border-top: 1px solid #D5DBE0;
}
.page-submit .msfs-form-box .field-container,
.page-admin-msfs .msfs-form-box .field-container,
.page-msfs .msfs-form-box .field-container,
.page-partner .msfs-form-box .field-container {
  padding: 5px 0;
}
.page-submit .msfs-form-box .field-container .md-input-message-animation,
.page-admin-msfs .msfs-form-box .field-container .md-input-message-animation,
.page-msfs .msfs-form-box .field-container .md-input-message-animation,
.page-partner .msfs-form-box .field-container .md-input-message-animation {
  background-color: rgba(255, 255, 255, 0.5);
}
.page-submit .msfs-form-box .field-container .label,
.page-admin-msfs .msfs-form-box .field-container .label,
.page-msfs .msfs-form-box .field-container .label,
.page-partner .msfs-form-box .field-container .label {
  line-height: 20px;
  padding: 10px 0;
}
.page-submit .msfs-form-box .field-container .value,
.page-admin-msfs .msfs-form-box .field-container .value,
.page-msfs .msfs-form-box .field-container .value,
.page-partner .msfs-form-box .field-container .value {
  width: 80px;
  margin: 0;
  height: 40px;
  text-align: center;
}
.page-submit .msfs-form-box .field-container .value input,
.page-admin-msfs .msfs-form-box .field-container .value input,
.page-msfs .msfs-form-box .field-container .value input,
.page-partner .msfs-form-box .field-container .value input {
  text-align: center;
}
.page-submit .msfs-form-box .field-container .no-input,
.page-admin-msfs .msfs-form-box .field-container .no-input,
.page-msfs .msfs-form-box .field-container .no-input,
.page-partner .msfs-form-box .field-container .no-input {
  line-height: 40px;
  font-size: 18px;
  color: #2EA9ED;
  font-weight: 500;
}
.page-submit .msfs-form-box .field-container md-icon,
.page-admin-msfs .msfs-form-box .field-container md-icon,
.page-msfs .msfs-form-box .field-container md-icon,
.page-partner .msfs-form-box .field-container md-icon {
  line-height: 25px;
}
.page-submit .msfs-form-box .monthly-income,
.page-admin-msfs .msfs-form-box .monthly-income,
.page-msfs .msfs-form-box .monthly-income,
.page-partner .msfs-form-box .monthly-income {
  line-height: 20px;
  margin-top: 10px;
}
.page-submit .msfs-form-box .monthly-income span,
.page-admin-msfs .msfs-form-box .monthly-income span,
.page-msfs .msfs-form-box .monthly-income span,
.page-partner .msfs-form-box .monthly-income span {
  font-size: 18px;
  color: #2EA9ED;
  float: right;
}
.page-submit .msfs-form-box .fields-right .value,
.page-admin-msfs .msfs-form-box .fields-right .value,
.page-msfs .msfs-form-box .fields-right .value,
.page-partner .msfs-form-box .fields-right .value {
  width: 120px;
}
.page-submit .msfs-form-box .form-bottom,
.page-admin-msfs .msfs-form-box .form-bottom,
.page-msfs .msfs-form-box .form-bottom,
.page-partner .msfs-form-box .form-bottom {
  padding: 20px 20px 10px 20px;
}
.page-submit .msfs-form-box .form-bottom md-input-container,
.page-admin-msfs .msfs-form-box .form-bottom md-input-container,
.page-msfs .msfs-form-box .form-bottom md-input-container,
.page-partner .msfs-form-box .form-bottom md-input-container {
  margin-bottom: 0px;
  margin-right: 20px;
}
.page-submit .msfs-form-box .form-bottom md-input-container label,
.page-admin-msfs .msfs-form-box .form-bottom md-input-container label,
.page-msfs .msfs-form-box .form-bottom md-input-container label,
.page-partner .msfs-form-box .form-bottom md-input-container label {
  font-size: 14px;
  transform: scale(1);
  color: #2EA9ED;
}
.page-submit .msfs-form-box .form-bottom .md-button,
.page-admin-msfs .msfs-form-box .form-bottom .md-button,
.page-msfs .msfs-form-box .form-bottom .md-button,
.page-partner .msfs-form-box .form-bottom .md-button {
  max-height: 40px;
}
.page-submit .msfs-form-box input::-webkit-outer-spin-button,
.page-admin-msfs .msfs-form-box input::-webkit-outer-spin-button,
.page-msfs .msfs-form-box input::-webkit-outer-spin-button,
.page-partner .msfs-form-box input::-webkit-outer-spin-button,
.page-submit .msfs-form-box input::-webkit-inner-spin-button,
.page-admin-msfs .msfs-form-box input::-webkit-inner-spin-button,
.page-msfs .msfs-form-box input::-webkit-inner-spin-button,
.page-partner .msfs-form-box input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
@media (max-width: 600px) {
  .page-submit .header .page-name,
  .page-submit .header .total-fees {
    display: none;
  }
  .page-submit .header .dynamic-header-partial .text {
    font-size: 14px;
  }
  .page-submit .property-details {
    margin-bottom: 10px;
  }
}

/*# sourceMappingURL=app.css.map */