body {
  font-family: "Roboto" !important;
  font-size: 13px;
  overflow:initial;
}
body > md-content {
  z-index: 1;
}
textarea{
  resize: none;
}
.row {
  margin-left: 0;
  margin-right: 0;
}
.row.header {
  border-bottom: 1px solid #bdc1c3;
  background-color: #ededed;
}
.content {
  position: fixed;
  top: 100px;
  width: 100%;
  overflow-y: auto;
  max-height: 100%;
  bottom: 0px;
}
.header-custom {
  background-color: #283e4a !important;
}
.navbar-header.top-bar {
  width: 100%;
}
.navbar-header .navbar-brand {
  padding-left: 1em;
}
.undecorated-link:hover {
  text-decoration: none;
}
[ng\:cloak],
[ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

.form-control {
  height: 30px;
  border-radius: 0px;
}

.complete-page-loader {
  position: fixed;
  left: 0;
  z-index: 999;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.85);
  text-align: center;
  transition: 1s linear all;
}

.full-page-loader {
  position: fixed;
  left: 0;
  z-index: 999;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.85);
  text-align: center;
  transition: 1s linear all;
}

@media only screen and (min-width: 960px) {
  .full-page-loader {
    left: 201px;
    width: calc(100% - 201px);
  }
}

.full-page-loader i {
  font-size: 7em;
  color: black;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.glyphicon-spin {
  -webkit-animation: spin 100ms infinite linear;
  animation: spin 100ms infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

#logo {
  width: 100px;
}
.basecolor {
  color: #283e4a;
}
.adurcup_load {
  fill: transparent;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  animation: load_anim 1s linear forwards infinite,
    fade-in 1s linear  forwards infinite;
}

.table-wrap {
  width: 98%;
  white-space: nowrap;
  overflow-x: auto;
  border: 2px solid #283e4a;
  margin: 0px auto;
}
.table-wrap table {
  background-color: #f9f9f9;
  margin-bottom: 0px;
}
.table-wrap thead {
  background-color: #283e4a;
  color: #fff;
}
.table-wrap table > tbody > tr > td {
  border: 1px solid #cccccc;
}
.table-wrap h4 {
  white-space: normal;
}
/* For div wrappers and border shadows*/
div.wrapper {
  background-color: #fcfcfc;
  border: 1px solid #d0d0d0;
  box-shadow: 2px 2px 2px 0px rgba(95, 95, 95, 0.14);
}
.border-shadow {
  box-shadow: 0px 0px 4px 0px #7a9db1;
}

@keyframes load_anim {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes fade-in {
  30% {
    fill: transparent;
  }
  100% {
    fill: #3e2b57;
  }
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Media Query for content on mobile screens */
@media only screen and (max-width: 1200px) {
  .content {
    top: 70px;
  }
}

.autocomplete-custom-template {
  height: auto !important;
}
.autocomplete-custom-template input:not(.md-input) {
  font-size: 28px !important;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  width: 100%;
  padding: 0 15px;
  line-height: 80px !important;
  height: 80px !important;
}
.autocomplete-custom-template md-autocomplete-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  box-sizing: border-box;
  position: relative;
  overflow: visible;
  height: 80px !important;
}
.autocomplete-custom-template li {
  border-bottom: 1px solid #ccc !important;
  height: auto !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  white-space: normal !important;
}
.autocomplete-custom-template li:last-child {
  border-bottom-width: 0 !important ;
}
.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
  display: block !important;
  line-height: 2 !important;
}
.autocomplete-custom-template .item-title md-icon {
  height: 18px !important;
  width: 18px !important;
}

.animate-drop.ng-enter {
  -webkit-animation: 300ms open ease;
  animation: 300ms open ease;
}

.animate-drop.ng-leave {
  -webkit-animation: 270ms close ease;
  animation: 270ms close ease;
}

@-webkit-keyframes open {
  from {
    margin-bottom: -50px;
  }
  to {
    margin-bottom: 0px;
  }
}

@keyframes open {
  from {
    margin-bottom: -50px;
  }
  to {
    margin-bottom: 0px;
  }
}

@-webkit-keyframes close {
  from {
    margin-bottom: 0px;
  }
  to {
    margin-bottom: -50px;
  }
}

@keyframes close {
  from {
    margin-bottom: 0px;
  }
  to {
    margin-bottom: -50px;
  }
}
.md-whitenavbar md-nav-bar md-nav-ink-bar {
  background: white;
}
.md-whitenavbar ._md-nav-button-text {
  color: white;
}
.md-blacknavbar md-nav-bar md-nav-ink-bar {
  background: #000;
}
.md-blacknavbar ._md-nav-button-text {
  color: #000;
}
.md-subheader .md-subheader-inner {
  display: block !important;
  padding: 0px !important;
}
.blue-deep {
  color: #233661;
}
.large-icon {
  font-size: 109px !important;
  line-height: 1 !important;
  min-width: 0px !important;
  min-height: 0px !important;
  height: auto !important;
  width: auto !important;
}
.hide-validation-error .md-errors-spacer {
  display: none;
}

.vertical-divider {
  border-top-width: 0 !important;
  border-right-width: 1px !important;
  border-right-style: solid !important;
  height: 100% !important;
}

.z-index-65.md-subheader {
  z-index: 65 !important;
}

.md-button.md-black.md-raised {
  color: rgba(255, 255, 255, 0.87);
  background-color: #000;
}

.md-button.md-black.md-raised md-icon {
  color: rgba(255, 255, 255, 0.87);
}
.md-button.md-black.md-raised:not([disabled]):hover {
  color: rgba(255, 255, 255, 0.87);
  background-color: rgba(0, 0, 0, 0.87);
}

/*pagination styling*/
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: teal;
  border-color: teal;
  border-radius: 20px !important;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 20px !important;
}

/*html {
    overflow: auto;
}

body {
    position: absolute;
    top: 10px;
    left: 20px;
    bottom: 10px;
    right: 0;
    padding: 30px; 
    overflow-y: scroll;
    overflow-x: hidden;
}*/
@media only screen and (min-width: 992px) {
  /* Scrollbar Styling */
  ::-webkit-scrollbar {
    width: 8px;
    z-index: -1;
  }

  ::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }

  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d;
  }

  ::-webkit-scrollbar {
    width: 8px;
    height: 4px;
    z-index: -1;
    background: #ebebeb;
  }

  ::-webkit-scrollbar:hover {
    width: 12px;
    height: 12px;
    transition: 400ms linear all;
  }

  ::-webkit-scrollbar-thumb {
    background: #6d6d6d;
    border-radius: 10px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #333333;
    transition: 400ms linear all;
  }
  ::-webkit-scrollbar-thumb:active {
    background: #333333;
    transition: 400ms linear all;
  }

  ::-webkit-scrollbar-corner {
    background: #6d6d6d;
  }

  ::-webkit-resizer {
    background: #6d6d6d;
  }
}

.low-shadow-card {
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.14),
    0 0px 0px 0px rgba(0, 0, 0, 0.12) !important;
}

md-toolbar {
  min-height: 0px !important;
  height: auto;
}

/*outlet cards css*/
.outlet-card-head {
  background-color: #ecf2f3;
}
.outlet-card-head .outlet-icon {
  margin-right: 0;
  margin-left: 0;
}
.outlet-card-head .o-ico {
  background-color: #00968899;
  color: #fff;
  border-radius: 50%;
  height: 2em;
  line-height: 2em;
  text-align: center;
  width: 2em;
  float: left;
}
.outlet-card-head .outlet-name {
  line-height: 3.3em;
  font-size: 1.4em;
  color: #284654;
  text-transform: capitalize;
}
.user-info-card {
  border: 1px solid #e0dbdb;
}
.user-info-card .head {
  font-size: 1.1em;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #607d8b;
}
.user-info-card .head .ico {
  color: #fff;
}
.full-height {
  height: 100vh;
  overflow-y: auto;
}

/*end outlet cards css*/

.no-min-height {
  min-height: 0px !important;
}

.no-min-width {
  min-width: 0px !important;
}

.no-max-height {
  max-height: unset !important;
}

.no-max-width {
  max-width: unset !important;
}

.auto-height {
  height: auto !important;
}
.auto-width {
  width: auto !important;
}
.border-primary-2p {
  border: 2px solid teal;
}
.border-primary-1p {
  border: 1px solid teal;
  transition: 300ms linear all;
}
.no-line-height {
  line-height: unset !important;
}
.transition-all-0-2 {
  transition: all linear 0.2s !important;
}

/*content loader css*/
.timeline-title {
  margin: 0 auto;
  max-width: 472px;
}

/**
  * main style
  */

.timeline-item {
  background-color: #fff;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 3px;
  padding: 12px;
  margin: 0 auto;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.animated-background {
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeHolderShimmer;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 96px;
  position: relative;
}

.animated-background-small {
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeHolderShimmer;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 39px;
  position: relative;
}

.background-masker {
  background: #fff;
  position: absolute;
}

/* Every thing below this is just positioning */

.background-masker.header-top,
.background-masker.header-bottom,
.background-masker.subheader-bottom {
  top: 0;
  left: 40px;
  right: 0;
  height: 10px;
}

.background-masker.header-left,
.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
  top: 10px;
  left: 40px;
  height: 8px;
  width: 10px;
}

.background-masker.header-bottom {
  top: 18px;
  height: 6px;
}

.background-masker.subheader-left,
.background-masker.subheader-right {
  top: 24px;
  height: 6px;
}

.background-masker.header-right,
.background-masker.subheader-right {
  width: auto;
  left: 300px;
  right: 0;
}

.background-masker.subheader-right {
  left: 230px;
}

.background-masker.subheader-bottom {
  top: 30px;
  height: 10px;
}

.background-masker.content-top,
.background-masker.content-second-line,
.background-masker.content-third-line,
.background-masker.content-second-end,
.background-masker.content-third-end,
.background-masker.content-first-end {
  top: 40px;
  left: 0;
  right: 0;
  height: 6px;
}

.background-masker.content-top {
  height: 20px;
}

.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end {
  width: auto;
  left: 380px;
  right: 0;
  top: 60px;
  height: 8px;
}

.background-masker.content-second-line {
  top: 68px;
}

.background-masker.content-second-end {
  left: 420px;
  top: 74px;
}

.background-masker.content-third-line {
  top: 82px;
}

.background-masker.content-third-end {
  left: 300px;
  top: 88px;
}
/*end content loader css*/
/*table td alignments*/
.table-vertical-center > tbody > tr > td,
.table-vertical-center > tbody > tr > th,
.table-vertical-center > tfoot > tr > td,
.table-vertical-center > tfoot > tr > th,
.table-vertical-center > thead > tr > td,
.table-vertical-center > thead > tr > th {
  vertical-align: middle !important;
}
/*end table td alignments*/

.table > thead {
  background-color: rgba(228, 226, 226, 0.83);
}

.full-height-overflow {
  height: 100vh;
  overflow-y: auto;
}

/*date time picker css*/
.dtp table.dtp-picker-days tr > td > a.selected,
.dtp table.dtp-picker-days tr > td > a.selected.hilite,
.dtp div.dtp-date,
.dtp div.dtp-time,
.dtp .dtp-hand.on,
.dtp .dtp-actual-meridien a.selected,
.dtp .dtp-picker-time > a.dtp-select-hour.selected {
  background: #2abab9;
}

.dtp table.dtp-picker-days tr > td > a.hilite:not(.selected),
.dtp div.dtp-actual-time.p60 span.selected {
  color: #2abab9;
}

.dtp div.dtp-year-btn,
.dtp div.dtp-actual-year,
.dtp div.dtp-actual-maxtime {
  color: #d0f0f0;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background: #009796;
}

md-menu-content.dtp-month-list {
  background-color: #d0f0f0;
}

md-menu-content.dtp-year-list {
  background-color: #d0f0f0;
}
/*end date time picker css*/

/*md-autocomplete shadow remove*/
md-autocomplete-wrap.md-whiteframe-z1 {
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.14),
    0 0px 0px 0px rgba(0, 0, 0, 0.12) !important;
}

/*end md-autocomplete shadow remove*/
/*for problem of md-select in md-dialog*/
.md-select-menu-container.md-active {
  z-index: 1400;
}
/*end md-select z-index*/

/*md-data-table toolbar and search css*/
md-toolbar.md-table-toolbar form {
  margin-left: 16px;
}
md-toolbar.md-table-toolbar form > input {
  width: 100%;
  margin: 0;
  border: none;
  color: rgba(0, 0, 0, 0.87);
}
md-toolbar.md-table-toolbar form > input:focus {
  outline: none;
}
/* end md-data-table toolbar and search css*/

.md-table-pagination .label {
  color: unset !important;
  padding: unset;
  font-size: 1.1em;
  font-weight: unset;
}
/*
/* New landing design styles */
/* 

/* Helper Classes */
.bg-warning {
  background-color: #fbffd8;
}
.bg-blue {
  background-color: #0099ff;
}
.bg-black {
  background-color: #2b2b2b !important;
}
.bg-light-blue {
  background-color: #f2faff;
}
.bg-white {
  background-color: #fff;
}
.bg-hover-white:hover {
  background-color: #fff !important;
}
.bg-light-gray {
  background-color: #f0f0f0;
}
.text-hover-white {
  color: #fff !important;
}
.text-white {
  color: #fff !important;
}
.text-blue {
  color: #3480E3;
}
.text-red {
  color: #E43066
}
.text-gray {
  color: #8c8c8c;
}
.text-dark {
  color: #3d3d3d;
}
.bg-black .text-gray {
  color: #c7c7c7;
}
.pill {
  border-radius: 100px;
}
.d-none {
  display: none;
}
.d-block {
  display: block;
}
.d-inline-flex {
  display: inline-flex;
}
.d-flex {
  display: flex;
}
.flex-1 {
  flex: 1 1 0;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-column {
  flex-direction: column;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.align-items-center {
  align-items: center;
}
.align-items-baseline {
  align-items: baseline;
}
.align-items-start {
  align-items: start;
}
.align-items-end {
  align-items: flex-end;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-evenly {
  justify-content: space-evenly;
}
.justify-content-end {
  justify-content: flex-end;
}
.font-weight-light {
  font-weight: 400;
}
.montserrat {
  font-family: "Montserrat", sans-serif;
}
.sfpro {
  font-family: "San Fransisco", sans-serif;  
}
.mb-5 {
  margin-bottom: 3rem;
}
.mt-5 {
  margin-top: 3rem;
}
.my-5 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}
.px-2 {
  padding-left: .5rem!important;
  padding-right: .5rem!important;
}
.px-3 {
  padding-left: 1rem!important;
  padding-right: 1rem!important;
}
.px-4 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-5 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.pr-3 {
  padding-left: 1.25rem!important;
  padding-right: 1.25rem!important;
}
.p-5 {
  padding: 3rem;
}
.m-auto {
  margin: auto;
}
.mx-auto {
  margin: 0 auto;
}
.btn-blue {
  color: #fff;
  background-color: #0099ff;
}
.btn-blue:hover {
  color: #fff;
  background-color: #0099ff !important;
}
.btn-red {
  color: #fff;
  background-color: #E43066;
}
.btn-red:hover {
  color: #fff;
  background-color: #E43066 !important;
}
.bolder {
  font-weight: 800;
}
.border-0 {
  border-radius: 0;
}
.position-relative {
  position: relative;
}
.btn-demo {
  color: white !important;
  background-color: #E43066;
  padding: 8px 20px !important;
  margin-top: 7px;
}
.btn-demo:hover {
  background-color: #E43066!important;
}
.rounded-pill {
  border-radius: 100px;
}

/* Navbar styles */
#landing-navbar li {
  padding-left: 2px;
  padding-right: 2px;
}
#landing-navbar {
  padding-right: 42px;
}
#landing-navbar a {
  color: #000;
}
/* Stepper Styles */

.md-stepper-horizontal {
  display: table;
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
}
.md-stepper-horizontal .md-step {
  display: table-cell;
  position: relative;
  padding: 24px;
}
.md-stepper-horizontal .md-step:hover,
.md-stepper-horizontal .md-step:active {
  background-color: rgba(0, 0, 0, 0.04);
}
.md-stepper-horizontal.no-hover .md-step:hover,
.md-stepper-horizontal.no-hover .md-step:active {
  background-color: initial;
}
.md-stepper-horizontal .md-step:active {
  border-radius: 15% / 75%;
}
.md-stepper-horizontal .md-step:first-child:active {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.md-stepper-horizontal .md-step:last-child:active {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.md-stepper-horizontal .md-step:hover .md-step-circle {
  background-color: #757575;
}
.md-stepper-horizontal .md-step:first-child .md-step-bar-left,
.md-stepper-horizontal .md-step:last-child .md-step-bar-right {
  display: none;
}
.md-stepper-horizontal .md-step .md-step-circle {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  background-color: #999999;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}
.md-stepper-horizontal.green .md-step.active .md-step-circle {
  background-color: #00ae4d;
}
.md-stepper-horizontal.blue .md-step.active .md-step-circle {
  background-color: #0099ff;
}
.md-stepper-horizontal .md-step.active .md-step-circle {
  background-color: #0099ff;
}
.md-stepper-horizontal .md-step.done .md-step-circle:before {
  font-family: "Material Icons";
  font-weight: 100;
  content: "\e5ca";
}
.md-stepper-horizontal .md-step.done .md-step-circle *,
.md-stepper-horizontal .md-step.editable .md-step-circle * {
  display: none;
}
.md-stepper-horizontal .md-step.editable .md-step-circle {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.md-stepper-horizontal .md-step.editable .md-step-circle:before {
  font-family: "FontAwesome";
  font-weight: 100;
  content: "\e3c9";
}
.md-stepper-horizontal .md-step .md-step-title {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
}
.md-stepper-horizontal .md-step .md-step-title,
.md-stepper-horizontal .md-step .md-step-optional {
  text-align: center;
  color: rgba(0, 0, 0, 0.26);
}
.md-stepper-horizontal .md-step.active .md-step-title {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
}
.md-stepper-horizontal .md-step.active.done .md-step-title,
.md-stepper-horizontal .md-step.active.editable .md-step-title {
  font-weight: 600;
}
.md-stepper-horizontal.no-bold .md-step .md-step-title {
  font-weight: 500!important;
}
.md-stepper-horizontal .md-step .md-step-optional {
  font-size: 12px;
}
.md-stepper-horizontal .md-step.active .md-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-horizontal .md-step .md-step-bar-right {
  position: absolute;
  top: 36px;
  height: 1px;
  border-top: 5px dashed #dddddd;
}
.md-stepper-horizontal .md-step.editable .md-step-bar-left,
.md-stepper-horizontal .md-step.editable .md-step-bar-right {
  position: absolute;
  top: 36px;
  height: 1px;
  border-top: 5px dashed #dddddd;
}
.md-stepper-horizontal .md-step.done .md-step-bar-left,
.md-stepper-horizontal .md-step.done .md-step-bar-right {
  position: absolute;
  top: 36px;
  height: 1px;
  border-top: 5px dashed #0099ff;
}

.md-stepper-horizontal .md-step.next-not-done .md-step-bar-right {
  position: absolute;
  top: 36px;
  height: 1px;
  border-top: 5px dashed #dddddd;
}
.md-stepper-horizontal .md-step.prev-done .md-step-bar-left {
  position: absolute;
  top: 36px;
  height: 1px;
  border-top: 5px dashed #0099ff;
}
.md-stepper-horizontal .md-step .md-step-bar-right {
  right: 0;
  left: 50%;
  margin-left: 20px;
}
.md-stepper-horizontal .md-step .md-step-bar-left {
  left: 0;
  right: 50%;
  margin-right: 20px;
}
.text-center {
  text-align: center!important
}

.navbar {
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (min-width: 768px) {
  .px-md-4 {
    padding-left: 2rem!important;
    padding-right: 2rem!important;
  }
  .mt-md-0 {
    margin-top: 0!important;
  }
  .p-md-0 {
    padding: 0!important;
  }
}
@media (min-width: 992px) {

  .display-md-1 {
    font-size: 52px;
  } 
  .display-md-2 {
    font-size: 30px;
  }  
  .d-md-none {
    display: none!important;
  }
  .d-md-block {
    display: block;
  }
  .d-md-flex {
    display: flex;
  }
  .d-md-grid {
    display: grid;
  }
  .navbar {
    padding: 15px 80px
  }
}
@media (min-width : 1200px) {
  .d-lg-block {
    display: block;
  }
}
@media (max-width: 576px) {
  .md-headline {
    font-size: 19px
  }
  .p-xs-2 {
    padding: .75rem !important;
  }
}
.overview-card {
  width: 190px;
}
.overview-card .material-icons {
  font-size: 34px!important;
}

.thead-small th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 40px 0 0 !important;
}

.footer-lower {
  background-color: #1A67CB
}
.footer-upper {
  background-color: #3480E3
}
.icon-bar {
  background-color: #263238;
}

md-progress-linear.md-default-theme .md-container, md-progress-linear .md-container {
  background-color: rgb(170,209,249);
}

md-chips.md-default-theme .md-chips, md-chips .md-chips {
  box-shadow: none;
}

md-chips md-chip {
  display: flex !important;
  align-items: center;
}