@media only screen and (min-width: 0) and (max-width: 600px) and (orientation: portrait) {
  .header-padding {
    padding-top: 15px;
  }
}

.md-toolbar-tools h1 {
  margin-left: -40px;
}

/*SAFE AREA PADDING iPHONE X*/

.safepad {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}
.safepad-left {
  padding-left: env(safe-area-inset-left);
}
.safepad-right {
  padding-right: env(safe-area-inset-right);
}
.safepad-top {
  padding-top: env(safe-area-inset-top);
}

/*SIDE NAV WIDTH ADJUSTMENT*/

md-sidenav.md-locked-open {
    width: 230px;
    min-width: 230px;
    max-width: 230px;
}

/* END SIDE NAV WIDTH ADJUSTMENT*/

.popup-width {
  width:80%;
  max-width:900px;
}
.popup-width-wide {
  width:80%;
  max-width:900px;
}

@media (max-width: 600px) {
  .popup-width {
    width:80%;
  }
}

@media (max-width: 600px) {
  .popup-width-wide {
    width:80%;
  }
}


.truncate {
  max-width: 180px; 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
}

ng-md-icon {
  padding: 12px;
}

md-tab-content {
  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  background-color: white;
}

md-tabs {
  border-radius: 0px;
}

.apps {
  height: 100%;
}

.md-avatar-rect{
  width: auto;
  height: 72px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 16px;
  box-sizing: content-box; }



.signin {
    max-width: 600px;
    width: 100%;
}

.icon-invisible {
    visibility: hidden;
}

.md-button.md-icon-button.menuBtn {
  margin-top: 0;
  margin-right: 0;
}

.no-margin {
  margin: 0;
}

.menu-list .md-button {
  color: inherit;
  text-align: left;
  width: 100%;
}
.menu-list .selected {
  color: #03a9f4;
}
.manuIcon {
  border-radius: 30px;
  border: 1px solid #ddd;
  display: inline-block;
  margin: 4px 16px; 
  vertical-align: middle;
  width: 48px;
}
.content-wrapper {
  position: relative;
  background-color: white;
}
#primary-col {
  overflow: hidden;
}
#primary-col .md-button {
  margin: 8px auto 16px 0;
}

#primary-col .md-button.md-no-style {
  margin: 0;
}

#primary-col .cell {
  flex: 1 1 auto;
}
#primary-col img {
  display: block;
  max-width: 100%;
}

body {
  background-color: rgb(100,100,100);
}