html, body{
    font-family: 'Lato', sans-serif;
}
body.md-default-theme, body, html.md-default-theme, html{
    background-color: #ebebeb !important;
}
.md-whiteframe-1dp, .md-whiteframe-z1{
    box-shadow: none;
}
.dashboard-tabs ._md-nav-bar-list{
    background: #e2e2e2;
}
md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar), md-toolbar.md-hue-2:not(.md-menu-toolbar){
    background-color: #3b3a3f;
}
.md-input[type=password]:-webkit-autofill ~ label:not(.md-no-float) {
    transform: translate3d(0, 6px, 0) scale(0.75);
    transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
    width: ~"calc((100% - 18px) / 0.75)";
    color: rgba(0,0,0,0.54);
}
md-card{
    background-color: rgb(255,255,255);
    margin:25px 40px;
}
.site-details md-card.left {
    margin: 0px 5px 25px 40px;
}
.site-details md-card.right {
    margin: 0px 40px 25px 5px;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar){

}
md-card.no-margin{
     margin:0 !important;
 }
.app-configuration md-card {
    margin: 0px 5px;
}
.app-configuration md-card md-card-title{
    padding: 40px 40px 0px;
}
.app-configuration md-card md-card-content{
    padding-left:40px;
    padding-right: 60px;
    flex:auto;
}
.app-configuration md-card-content div.bottom{
    display: flex;
    align-items: flex-end;
}
.app-configuration md-card md-card-title {
    flex: none;
}
.app-configuration .md-headline {
    line-height: 32px;
    font-size: 0.9em;
    font-weight: bold;
}
.login-form md-card {
    background-color: #ebebeb;
}
.login-form .md-button.md-primary.md-raised{
    background-color: #3b3a3f;
    padding: 8px;
    margin:0;
    width:100%;
    color:#fff;
    font-weight: normal;
    text-transform: none;

}
.login-form md-toolbar {
    background: transparent;
    color:#3b3a3f;
}
md-card,.md-button{
    border-radius: 5px !important;
}
.md-nav-bar{
    border:none;
}
.amcharts-zoom-out-bg, .amcharts-zoom-out-image, .amcharts-zoom-out-label{display: none;}
.chart-container{
    position: relative;
}
.zoom-out{
  font-size: 14px;
  padding: 10px;
  position: absolute;
  top: 5px;
  right: 8%;
  z-index: 10;
  visibility: hidden;
  cursor: pointer;
}
.zoom-out.trends {
     right: 7%;
}
.zoom-out img {
    width: 16px;
    margin-top: 1px;
    position: absolute;
    left: -10px;
    top: 9px;
}
.dashboard-tabs .md-nav-bar{
        background: #ebebeb;
        border:none;
        color:#939393;
        height: 68px;
        padding: 0;
}
.dashboard-tabs .md-nav-bar md-nav-ink-bar {
    bottom:6px;
}
.colorful-theme .main-nav .md-nav-bar .md-active, .colorful-theme .main-nav .md-nav-bar .md-active md-icon{
    color:#ff9800;
    font-weight: bold;
}
.colorful-theme .main-nav md-nav-bar.md-default-theme md-nav-ink-bar, .colorful-theme md-nav-bar md-nav-ink-bar {
    color:#ff9800;
    background: #ff9800;
}
.green-theme .main-nav .md-nav-bar .md-active, .green-theme .main-nav .md-nav-bar .md-active md-icon{
    color:#20c7ce;
    font-weight: bold;
}
.green-theme .main-nav md-nav-bar.md-default-theme md-nav-ink-bar, .green-theme md-nav-bar md-nav-ink-bar {
    color:#20c7ce;
    background: #20c7ce;
}
.blue-theme .main-nav .md-nav-bar .md-active, .blue-theme .main-nav .md-nav-bar .md-active md-icon{
    color:#94ccfb;
    font-weight: bold;
}
.blue-theme .main-nav md-nav-bar.md-default-theme md-nav-ink-bar, .blue-theme  md-nav-bar md-nav-ink-bar {
    color:#94ccfb;
    background: #94ccfb;
}

.main-nav .md-nav-bar{
    height: 64px;
}
.main-nav .md-button._md-nav-button {
    padding: 20px 16px;
}

.dashboard-tabs .md-nav-bar .md-nav-item {

    padding: 0;

}
.dashboard-tabs .md-nav-bar .md-nav-item:first-of-type {
    margin-left:0;
}

.dashboard-tabs .md-nav-bar .md-nav-item[aria-selected="true"]{
    background: #ebebeb;
    position: relative;
    left: -1px;
}
.dashboard-tabs .md-nav-bar .md-nav-item:last-child {
    border-right: none;
    padding: 0;

}
.dashboard-tabs .md-button._md-nav-button {
    padding: 24px 44px;
    border-right: none;
    margin: 0;
}
.dashboard-tabs .md-button._md-nav-button.md-active{
    padding: 24px 44px 11px 44px;
    color:#3b3a3f;
    font-weight: bold;
}
.dashboard-tabs li:last-child .md-button._md-nav-button{
    border:0;
}
.site-toolbar {
    padding: 0;
    margin: 25px 40px;
}
.site-toolbar .md-button{
    text-transform: none;
    padding: 2px 35px;
}
.alert{
        padding: 20px;
        margin-bottom: 10px;
}
.alert-danger{
    background: #e42954;
    color: #fff;
}

body.anonymous, body.anonymous md-content.md-default-theme, body.anonymous md-content, html.anonymous.md-default-theme, html.anonymous{
    background: #3b3a3f !important;
}

body.anonymous md-card md-card-content {
            padding: 0 30px 30px 30px;
}
body.anonymous md-card {
    margin-top:10%;
}

body.anonymous .md-toolbar-tools h2{
    text-align: center;
        width: 100%;
}
md-autocomplete {
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
.md-toolbar-tools h3 {
    margin-left: 26px;
    font-size: 13px;
    color: #ebebeb;
    margin-right:30px;
}
.border-top-gray{
    -webkit-box-shadow: 0px -7px 15px -6px rgba(212,212,212,0.68);
    -moz-box-shadow: 0px -7px 15px -6px rgba(212,212,212,0.68);
    box-shadow: 0px -7px 15px -6px rgba(212,212,212,0.68);
    margin-top:20px;
    padding: 10px 40px 40px 40px;
}
md-content.md-default-theme, md-content {
    background-color: #ebebeb;
    margin: 0;
}
.md-toolbar-tools h2 {
    font-weight: 300;
}
md-select-menu > md-content{
    margin:0;
}
.md-datepicker-input-container {
    background: #fff;
    border-radius: 5px;
    margin-top:10px;
}
.md-datepicker-input-container.md-datepicker-focused {
    border-bottom: none;
}
.md-datepicker-input {
    padding: 10px 10px 10px 11px;

}
.md-datepicker-triangle-button.md-button.md-icon-button {
    right: 10px;
    top: 3px;
}
._md-datepicker-has-triangle-icon button.md-datepicker-button {
    display: none;
}
.md-toolbar-tools md-nav-bar .md-button._md-nav-button.md-unselected {
    color:#ebebeb;
}

.site-name {
    padding: 0px;
    line-height: 30px;
    margin-left:5px;
    align-items: flex-end;
}
.site-name md-input-container {
    margin-top: 0px;
    margin-bottom: 0;
    line-height: 26px;
}
.site-name span.separator {
    line-height: 40px;
    padding: 0 10px;
}
.site-name md-input-container>md-select {
    background: #fff;
    padding: 4px 10px;
    border-radius: 5px;
}
.site-name md-progress-circular{margin: 10px 30% 10px 10px;}
.site-name-container{
    padding: 0;
    line-height: 40px;
}
.chart {
        margin-bottom: 30px;
}
.chart-title {
    margin-bottom: 30px;
}
.chart-title md-icon{cursor: pointer;margin:10px 0 0 0;}
.chart-title h4{
    margin: 10px 50px 0 0;
    font-size: 1.2em;

}
.axis-container{
    padding:10px;
}
.axis-container md-checkbox .md-icon{
    border-radius: 50%;
}
.axis-container md-checkbox.md-checked .md-icon:after {
    display: none;
}
.theme-picker-container {
    margin: 0 20px;
}
.theme-picker{
    margin:0 10px 0 0;
    background: #ebebeb;
    color:#838383;
    border-radius: 5px;
    border: none;
}
.theme-picker .md-select-value,.theme-picker:focus .md-select-value{
    padding: 6px 18px 6px !important;
    border: none;
    border-bottom-color: transparent !important;
}

.ui-state-highlight{
    background: #f7f7f7;
    width: 100%;
    height: 200px;
}
.site-name .vs{padding:0 10px; color:#3b3a3f;}
.site-header {
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
    padding-bottom: 10px;
}
.trend-head h3,.metrics-counter h3,.site-header h3{
    color: #3b3a3f;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 5px;
    margin-top:10px;
}
.metrics-counter {
    width: 7%;
    display: inline-block;
    text-align: center;
    margin-right: 3%;
    margin-left: 3%;
}
.metrics-counter:first-child{
    margin-left:0;
}
.metrics-counter:last-child{
    margin-right: 0;
}
.site-header h3{
    text-align: center;
margin-bottom: 10px;
    margin-top: 10px;
}
.metrics-counter h3{
    font-size: 14px;
    text-align: left;
    line-height: 22px;
}

.trend-head h2,.metrics-counter h2{
    margin-top: 10px;
    font-size: 1em;
    font-weight: bold;
}
.metrics-counter h2{
    font-size: 21px;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;

}
.trend-head trend {
    display: inline-block;
    font-size: 1em !important;
}
.trend-head md-icon {
    font-size: 1.2em;
}

.trend-head .up,.trend-head .up md-icon {
    color:#83b82f;
}

.trend-head .down, .trend-head .down md-icon  {
    color:#c91212;
}
.site-row{
    padding: 10px 0;
}

.site-row .small{
    font-size: 11px;
}
.site-row .big{
    font-size: 15px;
    font-weight: bold;
    margin-top:10px;

}

.map{

    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0px;
    position: relative;
    width: 100%;
}
.map:-moz-full-screen {
    height: 100% !important;
}
.map:-webkit-full-screen {
    height: 100% !important;
}
.map:-ms-fullscreen {
    height: 100% !important;
}
.map:fullscreen {
    height: 100% !important;
}
.top-offset {
    padding-top:50px;
}
.user-name{
    font-size: 0.8em !important;
    line-height: 2em;
    color: #fff;
}
.user-name md-icon {
    font-size: 1.2em !important;
    color: #fff !important;
    min-width: 16px;
    width: 16px;

}.padding-helper {
    padding: 40px;
}
.app-configuration .padding-helper{
    padding:5px 40px;
}
.app-configuration md-switch .md-bar {
    left: 1px;
    width: 53px;
    top: 3px;
    height: 28px;
    border-radius: 13px;
    position: absolute;
}
.app-configuration md-switch .md-thumb-container {
    top: 2px;
    left: 0;
    width: 24px;
}
.app-configuration md-switch .md-thumb {
    margin: 0;
    outline: none;
    height: 30px;
    width: 30px;
}
.site-toolbar md-date-range .md-select-value{
    margin-top: 8px;
    font-weight: bold;
    background: #fff;
    padding: 8px;
    border-radius: 5px;
    border-bottom: none;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12)
}
md-date-range .md-select-value{
    border-bottom-color: rgba(0,0,0,0.12);
}
.md-datepicker-input {
    font-size:16px;
    font-weight: bold;
}
.md-toolbar-tools.date{
    font-size:16px;
    padding-left: 0;
}
.md-toolbar-tools.date span.compare{
    padding-left: 10px;
    padding-right: 10px;
}
table tbody tr:hover{
    background: #3b3a3f;
    cursor:pointer;
}
table tbody tr:hover td,table tbody tr:hover td md-icon{color:#fff !important;}
table th{text-align: left;}
table th:first-child {
    padding-left:5px;
}
table.md-table:not(.md-row-select) td.md-cell:first-child, table.md-table:not(.md-row-select) th.md-column:first-child {
    padding-left:5px;
}
.site-details-header {
    text-align: left;
    margin-bottom:20px;
    font-weight: bold;
}
.floor-plan {
    text-align: center;
}
.floor-plan img,.card-media img{
      width: 100%;
  height: auto;
}
md-card-content {
    min-height: 240px;
}
md-card-content p.desc{
    margin: 25px 0 25px 0 !important;
    font-size:0.9em;
}
ul.d {
  list-style-type: none;
  /*use padding to move list item from left to right*/
  padding-left: 1em;
}
ul.d li{padding-bottom: 10px;font-size:0.8em;}
ul.d li:before {
  content: "–";
  position: absolute;
  /*change margin to move dash around*/
  margin-left: -1em;
}
#footer {
    color:#919191;
    margin-left: 10px;
    padding-top:0;
}
#footer p{
    margin-bottom: 0;
    margin-top: 8px;

}
#back-to-top{
    border-radius: 50%;
    background: #fff;
    color: transparent;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 40px;
    line-height: 37px;
    text-align: center;
}
.legend-container{
    text-align:center;
}
.legend {
    margin-top:40px;
    text-align: left;
    display: inline-block;
    height: 102px;
    overflow: hidden;
}

.legend .row{
    display: block;
    margin-bottom: 5px;
}
.legend .marker, .legend .title, .legend .value{
    display: inline-block;
}
.legend .marker{
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin-right: 20px;
    top: 4px;
    position: relative;
}
.legend .marker.slice-hide {
    background-color: #ccc !important;
}
.legend .title {
    width: 150px
}
.analyses-chart .md-select-value, .analyses-chart-menu .md-select-value{
    border-radius: 5px !important;
    padding: 6px 12px 8px !important;
    border-bottom-width: 0px  !important;
    border-bottom-style: none !important;
    background-color: #ebebeb !important;
    font-weight: bold;
}
.analyses-chart .md-toolbar-tools {
    font-size: 16px;
    padding-left: 0;
    height: 40px;
    margin-bottom: 30px;
}
.analyses-chart .compare {
    line-height: 34px;
    margin-left:10px;
    margin-right: 10px;
    font-weight: bold;
}


.analyses-chart .md-datepicker-input-container {
    margin-top:0;
    background: #ebebeb;
    border-bottom: 0;
    font-weight: bold;
}
.analyses-chart .md-datepicker-input-container input {
    padding: 11px 10px 10px 11px;
    font-size: 15px;
}
.analyses-chart-title {
    margin: 8px 80px 0 0;
}
.analyses-chart-menu {

}
.analyses-chart-menu .chart-display-option {
    margin-bottom: 15px;
}
.analyses-chart-menu .analyses-input-label{
    line-height: 50px;
    text-align: left;
    padding-right: 20px;
}
.analyses-chart-menu .chart-display-option md-input-container{
    margin:0;
}
.slide-button{
    height: 23px;
    cursor:pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    background-image: linear-gradient(to bottom, transparent, #ffffff);
}
#analyses-page .amcharts-export-menu li.export-main,#live-page .amcharts-export-menu li.export-main {
    top:-50px;
}
.app-mobile-menu {
    display: none;
}
.metric{
    margin: 10px 5px;
}
.metric h1{
    font-size: 44px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#analyses-page .handle .material-icons,#live-page .handle .material-icons{cursor:pointer;}
#analyses-page .zoom-out,#live-page .zoom-out {right:0;}
#live-page .compare {
    line-height: 13px;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold;
    padding-top: 13px;
}
#live-page .site-toolbar.filters .md-datepicker-input-container {
    margin-top:0;
}
#live-page .site-toolbar.filters md-input-container.md-block{
    margin:0 0 0 15px !important;
    background: #fff;
    border-radius: 5px;
}
#live-page .site-toolbar.filters .md-select-value {
    border-bottom: none;
    font-weight: bold;
    padding-left: 5px;
}
#live-page .metrics-container {
    margin:18px 35px 0 35px;
}
#live-page .filters button {
    margin:0;
    font-size:15px;
}
.metric h4 {
    margin:0;
}
.live-metric {
    margin-bottom:20px;
}
.compare-stats .up span {
    color:green;
}
.compare-stats .down span {
    color:red;
}
.compare-stats span {
    font-size:20px;
    display: inline-block;
    margin-right: 20px;
    text-align: left;
}
.compare-stats span:nth-child(2){
    text-align: right;
}
@media only screen and (max-width : 1200px) {
    .metrics-counter {
         width: 24%;
         display: inline-block;
    }
}

    /* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    md-content.md-default-theme, md-content {
        margin: 0 ;
    }
        .zoom-out.trends {
            right: 12%;
        }
        .metrics-counter {
            width: 24%;
            display: inline-block;
        }
        .md-button {font-size: 12px;}
        .site-toolbar md-autocomplete{
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .site-name {
            padding-left: 5px;
        }
        .user-name{display: none;}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        h3.app-name {
            display: none;
        }
        .metrics-counter{margin: 0}
        .metrics-counter h3{text-align: center;}
        .metrics-counter h2{text-align: center}
        .metrics-counter h3 br{content:' ';}
        .metrics-counter h3 br:after{content:' ';}
        .app-mobile-menu {
            display: block;
        }
        .md-toolbar-tools h3{
            display: none;
        }
        .main-nav {
            display: none;
        }
        .md-toolbar-tools{padding:0;}
        .metrics-counter {
            width: 32%;
        }
        .border-top-gray{
            padding: 10px 20px 40px 20px;
        }
        .site-toolbar {
            margin: 15px 5px;
        }
        md-card, #live-page .metrics-container {
            margin: 25px 5px;
        }
        #live-page .filters button {
            margin: 10px 5px 10px 5px;
        }
        #live-page .compare {
            padding-top: 6px;
            padding-bottom: 13px;
            margin-left: 5px;
            margin-right: 5px;
        }
        #live-page .site-toolbar.filters md-input-container.md-block{
            margin:5px !important;
            background: #fff;
            border-radius: 5px;
        }
        #live-page .site-toolbar.filters .md-datepicker-input-container {
            margin-left: 5px;
        }
        md-progress-circular {
            margin:auto;
        }
        .theme-picker-container {
            margin: 0;
            padding: 0;
        }
        .axis-container {
            padding: 15px 0 3px 0px;
        }
        .padding-helper {
            padding: 10px;
        }
        .chart-title md-icon {
            display: none;
        }
        .site-details md-card.left {
            margin: 5px;
        }
        .site-details md-card.right {
            margin: 5px;
        }
        .analyses-chart .compare {
            margin-left:0;
        }
        .analyses-chart .md-datepicker-input-container {
            margin-left:0;
        }
        .analyses-chart-title {
            margin: 8px 0 8px 0;
        }
    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {
        .metrics-counter {
            width: 100%;
        }
        .metrics-counter h2 {
            font-size: 2.0em;
        }
        .zoom-out.trends {
            right: 2%;
        }
        .map {
            width:100% !important;
        }
    }

    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {

    }