/*Main Viewport (index.js ui-view)*/
.main-viewport {
    /*height: inherit;*/
    min-height: 100%;
}
.main-viewport ui-view {
    /*height: inherit;*/
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
/*TOP BAR*/
.top-bar{
    background-color: white !important;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.14), 0 0 2px 2px rgba(0, 0, 0, 0.098), 0 0 5px 1px rgba(0, 0, 0, 0.084);
    /*background-color: #5D9670;*/
    min-height: 40px;
    height: 40px;
}

.md-toolbar-tools {

}

.top-bar-main-div {
    height: 40px;
    color: black;
}

.topbar-logo {
    margin-right: 18px !important;
}

.topbar-title {
    margin: 0 12px !important;
    /*opacity: 0.87;*/
}

.topbar-button {
    height: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.topbar-button:focus, .topbar-button:hover {
    height: 100%;
    color: #FFD740;
}

.topbar-button-selected {
    /*color: #fff;*/
    opacity: 1;
    color: #FFD740 !important;
    /*background-color: lightblue;*/
}

.topbar-button-icon {
    /*color:#bdbdbd;*/
    opacity: 0.7;
}

.topbar-button-icon:hover {
    /*color: #AD2624;*/
}

.topbar-speed-dial {
    margin-top: 88px;
}

.topbar-speed-dial > md-fab-actions > .md-fab-action-item{
    margin-top: 4px;
}

.topbar-speed-dial > md-fab-actions > .md-fab-action-item > button:hover{
    /*color: #AD2624;*/
}

a.md-button.md-fab, .md-button.md-fab {
    /*background-color: #AD2624;*/
    /*color: rgb(255,255,255);*/
}

.eark-logo {
    margin: 3px;
    float: left;
    padding-left: 12px;
}

/*nav bar changes*/
md-nav-bar md-nav-ink-bar {
    background: #009688;
    margin-bottom: 5px;
}

.md-nav-bar {
    border: 0;
}

.top-bar .md-nav-item .md-button{
    color: #009688 !important;
}

.top-bar .md-nav-item .md-button._md-nav-button.md-unselected{
    color: rgba(0,0,0,0.54) !important;
}

/*FOOTER*/
.footer {
    /*min-height: 60px;*/
    /*padding: 15px 0;*/
    background-color: white;
    /*background-color: #009688;*/
    width: 100%;
    border-top: 2px solid #009688;
}
.footer p, .footer a, .footer-text {
    /*color: white;*/
    /*color: #009688;*/
    color: black;
    margin-bottom: 0;
    /*opacity: 0.87;*/
}

.footer > div {
    /*padding-bottom: 15px;*/
    /*padding-top: 15px;*/
    padding: 10px;
}

.footer img {
    background-color: white;
    margin: 5px;
    padding: 1px;
    box-shadow: 1px 1px 1px #000000;
}