html {
  font-size: 14px;
}

/*@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}*/

/*body {
  margin-bottom: 60px;
}*/

main {
    min-height: calc(100% - 50px);
}

main > .container-fluid {
    padding-top: 48px;
}

/* fixes alignment in buttons https://stackoverflow.com/a/57492027 */
.material-icons {
    vertical-align: middle;
    line-height: 0 !important;
    position: relative;
    top: -1px;
}
    /* see https://developers.google.com/fonts/docs/material_icons#styling_icons_in_material_design */
    /* Rules for sizing the icon. */
    .material-icons.md-18 {
        font-size: 18px;
    }

    .material-icons.md-24 {
        font-size: 24px;
    }

    .material-icons.md-36 {
        font-size: 36px;
    }

    .material-icons.md-48 {
        font-size: 48px;
    }

    /* Rules for using icons as black on a light background. */
    .material-icons.md-dark {
        color: rgba(0, 0, 0, 0.54);
    }

        .material-icons.md-dark.md-inactive {
            color: rgba(0, 0, 0, 0.26);
        }

    /* Rules for using icons as white on a dark background. */
    .material-icons.md-light {
        color: rgba(255, 255, 255, 1);
    }

        .material-icons.md-light.md-inactive {
            color: rgba(255, 255, 255, 0.3);
        }


/* see https://ej2.syncfusion.com/aspnetcore/documentation/grid/tool-bar/tool-bar-items#show-only-icons-in-built-in-toolbar-items */
/* hide text by default */
.e-toolbar .e-tbar-btn-text, .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
    display: none;
}

/* show text for specific lists */
#CompanyList .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
#SubscriberList .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
#LawFirmList .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
#AgentList .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
    display: block;
}

/* puts as asterisk after required field names, usually on labels */ 
.ulb-required-field::after {
    content: "*";
    color: rgb(217, 83, 79);
}