body {
  font-family: Arial, helvetica, sans-serif;
}

/* these are used to resize font-icons when necessary */
.s12 { font-size: 12px; }
.s16 { font-size: 16px; }
.s20 { font-size: 20px; }
.s24 { font-size: 24px; }
.s32 { font-size: 32px; }
.s48 { font-size: 48px; }

.navbar { border-radius:0; }
.nav.navbar-nav.navbar-right { margin-right: 8px; }

/* required to put dialogs over the map */
md-backdrop.md-dialog-backdrop { z-index: 999; }
.md-dialog-container { z-index: 1000; }

md-backdrop.md-sidenav-backdrop { z-index: 9999; }

.main-menu { z-index: 10000; }
[@role="tooltip"] { z-index: 11000; }

.active { color: red; font-weight: bold }

.flex-h {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}

div.alert-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999; 
    border-radius: 0px
}

label { overflow: visible !important; }

div.tabContent {
    background-color: #f8f8f8;
}

md-sidenav {
  overflow: visible;
}

.md-toolbar-tools[draggable=true] {
    cursor: pointer;
}

md-backdrop.md-select-backdrop {
    z-index:1051;
}

.md-select-menu-container {
    z-index:1052;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    z-index:1051;
}

div.md-toolbar-tools md-input-container {
    background-color: rgb(255,255,255);
}
div.md-toolbar-tools md-input-container md-select-value .md-text {
    color: rgb(0,0,0);
}

nvd3 { background-color: rgb(255,255,255); }

.md-toolbar-tools img.header {
    object-fit: scale-down;
    height: 52px;
}

user-prefs-comp, user-prefs-comp .mapPrefs {
    height: 100%;
}

md-input-container.loginField {
    width: 272px;
    padding-right: 24px;
}

.mapContainer bf-accordion button.md-button-toggle {
    height: 64px;
    min-height: 64px !important;
    margin: 0px;
    margin-bottom: 8px;
    color: #750000 !important;
    background-color: rgb(255,255,255);
    padding-left: 16px;
}
.mapContainer bf-accordion .bfAccordionTitle {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .005em;
    text-transform: none !important;
}
.mapEntityPopup {
    width: 300px;
    min-width: 200px;
    max-width: 400px;
}

/********************************************************
 * time charts
 ********************************************************/
.timeChart .bb-title tspan { font-size: 10px; }
.timeChart .bb-title tspan:first-child { font-size: 14px; font-weight: bold; }
.timeChart billboard { padding: 0px !important; height: 280px; }

/********************************************************
 * floating labels
 ********************************************************/
.bfInputContainer {
    display: inline-block;
    position: relative;
    padding: 2px;
    margin: 18px 0;
    vertical-align: middle;
    height: 58px;
}
.bfInputContainer.floating-label label {
    -webkit-transform: translate3d(0,6px,0) scale(.75);
    transform: translate3d(0,6px,0) scale(.75);
    transition: width .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);
    transition: transform .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1);
    transition: transform .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 3px;
    padding-right: 0;
    z-index: 1;

    /* this is the original position when the input is empty
    -webkit-transform: translate3d(0,28px,0) scale(1);
    transform: translate3d(0,28px,0) scale(1);
    transition: -webkit-transform .4s cubic-bezier(.25,.8,.25,1);
    transition: transform .4s cubic-bezier(.25,.8,.25,1);
    transition: transform .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);
    */

    max-width: 100%;

    -webkit-transform-origin: left top;
    transform-origin: left top;

    position: absolute;
    bottom: 100%;
    left: 0;
    right: auto;
}

bf-entity-cascade-filter md-input-container {
    max-width: 200px;
}

arz-entity-selection bf-action-menu {
    min-width: 108px;
    width: 108px;
}

.tooltip-multiline {
    height: auto;
}

.watermark .info {
    font-size: 14pt;
}

.md-tooltip.description {
    height: auto !important;
    max-width: 15vw;
    hyphens: auto;
    overflow-wrap: break-word;
    text-overflow: inherit;
    word-break: normal;
    white-space: break-spaces;
}

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: 0 16px !important;
}
table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 16px 0 0 !important;
}
table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2), table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2) {
    padding: 0 16px 0 0 !important;
}
table.md-table td.md-cell:last-child, table.md-table th.md-column:last-child {
    padding: 0 16px 0 0 !important;
}

/*
#dialogContent_251 > form > div > ng-include > div > md-tabs > md-tabs-content-wrapper {
    margin-top: 8px;
}
*/