@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,800&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Dosis:400,500,700,800&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round);

#q-app {
  height:100vh;/* or min-height:100vh if you want it to grow */
  display:flex;
}
.pane-dataportal-svganimator-dataportal-svganimator,
.pane-dataportal-svg-dataportal-svg {
  height: 900px;  
}

#svg-editor {
  height: 900px;
}

h1 {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0.0125em;
}
h2 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.0125em;
}
h3 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.0125em;
}
h4 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.0125em;
}
h5 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.0125em;
}
h6 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.0125em;
}

.bg-primary a {
	color: #FFFFFF;
	text-decoration: none;
}

.bg-primary .q-tab a {
	font-weight: 500;
}

.bg-primary a:active,
.bg-primary a.active-trail {
	color: #3acdff;
}

.bg-secondary a {
	color: #FFFFFF;
	text-decoration: none;
}

.bg-secondary .q-tab a {
	font-weight: 500;
}

.bg-secondary a:active,
.bg-secondary a.active-trail {
	color: #3acdff;
}

.dataportal-tabs-menu {
    position: absolute;
	top: 48px;
    right: 0;
    min-width: 160px;
    z-index: 998;
}

.border-bottom-white {
   border-bottom: 1px solid #FFFFFF;
}

.pane-menu-menu-role-menu,
.pane-menu-menu-billing-menu {
   border-bottom: 1px solid #FFFFFF;	
}

.pane-title {
	padding: 0 16px;
}

.icon-red {
  color: #ff4a60;
}

.icon-green {
  color: #32c891;
}

.icon-yellow {
  color: #ffb400;
}

.icon-white {
  color: #ffffff;
}

.icon-black {
  color: #000000;
}

.q-field__messages {
	font-weight: normal;
}

.dataportal-tree-menu .q-field.q-input {
	padding: 0 16px 28px 16px;
}

#dataportal-svg-project-select {
	padding: 0 16px;
}