.dashboard.editable-dashboard {
    width: 100%;
}
.dashboard-container bf-dashboard .bfDashboard .filler {
    background-color: #e8e8e8;
    display: flex;
    box-sizing: border-box;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

/* from https://material.angularjs.org/latest/layout/introduction :
xs  '(max-width: 599px)'
sm  '(min-width: 600px) and (max-width: 959px)'
md  '(min-width: 960px) and (max-width: 1279px)'
lg  '(min-width: 1280px) and (max-width: 1919px)'
xl  '(min-width: 1920px)'
*/
@media (max-width: 599px) {
  .dashboard-container .dashboard:not(.editable-dashboard):not(.fillAvailableSpace) {
    max-width: 96vw; width: 96vw; min-width: 96vw;
  }
  .dashboard-container bf-dashboard .bfDashboard .filler {
    display: none;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .dashboard-container .dashboard:not(.editable-dashboard):not(.fillAvailableSpace) {
    max-width: 420px; width: 420px; min-width: 420px;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  .dashboard-container .dashboard:not(.editable-dashboard):not(.fillAvailableSpace) {
    max-width: 800px; width: 800px; min-width: 800px;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  .dashboard-container .dashboard:not(.editable-dashboard):not(.fillAvailableSpace) {
    max-width: 1032px; width: 1032px; min-width: 1032px;
  }
}
@media (min-width: 1920px) {
  .dashboard-container .dashboard:not(.editable-dashboard):not(.fillAvailableSpace) {
    max-width: 1420px; width: 1420px; min-width: 1420px;
  }
}


/********************************************************************
 * Main toolbar
 ********************************************************************/
 md-toolbar{
   z-index: 10;
}
@media (min-width: 600px) {
  .main-toolbar {
    background-image: url("/resources/logos/Orisun-288x96-transparent-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-origin: padding-box;
    background-size: contain;
  }
}

@media (max-width: 400px) {
  .userMenuPanel {
    max-width: 95vw;
  }
  .md-icon-button.home,
  .md-icon-button.about,
  bf-apps-menu {
    display: none;
  }
}

@media (max-width: 599px) {

  .main-toolbar {
    background-image: url("/resources/logos/Orisun-288x96-transparent-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-origin: padding-box;
    background-size: 25%;
  }
}

/* dark purple 46 42 57 */
/* orange 239 123 24 */

/********************************************************************
 * Splashscreen
 ********************************************************************/
#splashScreenBody {
    background-color: #2e2a39;
    color: #fff;
    width: 100%;
    height: 100%;
}
div#splashScreen #splashScreenBody div.appInfo div {
    font-family: Avenir, Helvetica neue, sans-serif;
    color: #fff;
}

@font-face {
    font-family: "Avenir";
    src: url("../fonts/Avenir.eot"); /* IE9*/
    src: url("../fonts/Avenir-iefix.eot") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Avenir.woff2") format("woff2"), /* chrome firefox */
    url("../fonts/Avenir.woff") format("woff"), /* chrome firefox */
    url("../fonts/Avenir.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("../fonts/Avenir.svg#Avenir") format("svg"); /* iOS 4.1- */
}

/********************************************************************
 * flash-message containers
 ********************************************************************/
flash-message {
    display: none;
}

md-dialog .md-dialog-content {
    box-sizing: border-box;
}