body {
    /*padding-top: 15px;*/
    padding-bottom: 20px;
    font-size: 1.375rem;
    line-height: 1.6;
    color: #141414;
    font-family: "Noto Sans VF", "Noto Sans", "Helvetica", "Arial", sans-serif;
    font-weight: 350;    
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
@font-face {
    font-family: 'notosans-regular-subset';
    src: url('../fonts/notosans-regular-subset.eot') format('embedded-opentype');
}
@font-face {
    font-family: "Noto Sans";
    src: url("../fonts/NotoSans-Regular-subset.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Regular-subset.woff2") format("woff2"), url("../fonts/NotoSans-Regular-subset.woff") format("woff");
    font-style: normal;
    font-display: "swap";
}

@font-face {
    font-family: "Noto Sans";
    src: url("../fonts/NotoSans-Italic-subset.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Italic-subset.woff2") format("woff2"), url("../fonts/NotoSans-Italic-subset.woff") format("woff");
    font-style: italic;
    font-display: "swap";
}

@font-face {
    font-family: "Noto Sans Mono";
    src: url("../fonts/NotoSansMono-Regular-subset.woff2") format("woff2"), url("../fonts/NotoSansMono-Regular-subset.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: "swap";
}

@font-face {
    font-family: "Noto Sans Mono";
    src: url("../fonts../fonts/NotoSansMono-Bold-subset.woff2") format("woff2"), url("../fonts/NotoSansMono-Bold-subset.woff") format("woff");
    font-weight: 550;
    font-style: normal;
    font-display: "swap";
}

@supports (font-variation-settings: normal) {
    /* The variable font of Noto Sans.
   *
   * Update the version '?version=1' in openmass when changes occurs to the font files for caching.
   * See https://github.com/massgov/openmass/blob/develop/docroot/themes/custom/mass_theme/templates/layout/html.html.twig#L38
  */
    @font-face {
        font-family: "Noto Sans VF";
        src: url("../fonts/NotoSans-VF-subset.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-VF-subset.woff2?version=1") format("woff2"), url("../fonts/NotoSans-VF-subset.woff") format("woff"), url("../fonts/NotoSans-VF.ttf") format("truetype");
        font-weight: 100 900;
        font-style: normal;
        font-display: "swap";
    }
    /* The variable font of Noto Sans Italic.
   *
   * Update the version '?version=1' in openmass when changes occurs to the font files for caching.
   * See https://github.com/massgov/openmass/blob/develop/docroot/themes/custom/mass_theme/templates/layout/html.html.twig#L38
  */
    @font-face {
        font-family: "Noto Sans VF";
        src: url("../fonts/NotoSansItalic-VF-subset.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansItalic-VF-subset.woff2?version=1") format("woff2"), url("../fonts/NotoSansItalic-VF-subset.woff") format("woff"), url("../fonts/NotoSansItalic-VF.ttf") format("truetype");
        font-weight: 100 900;
        font-style: italic;
        font-display: "swap";
    }

    @font-face {
        font-family: "Noto Sans Latin VF";
        src: url("../fonts-ext/NotoSans-VF.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-VF.woff") format("woff");
        font-weight: 100 900;
        font-style: normal;
        font-display: "swap";
    }

    @font-face {
        font-family: "Noto Sans Mono VF";
        src: url("../fonts/NotoSansMono-VF-subset.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansMono-VF-subset.woff2") format("woff2"), url("../fonts/NotoSansMono-VF-subset.woff") format("woff");
        font-weight: 100 900;
        font-style: normal;
        font-display: "swap";
    }
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}

.maxWidthAuto {
    max-width:auto;
}*/

.maxWidth200 {
    max-width: 200px;
}

.maxWidth300 {
    max-width: 300px;
}

.maxWidth400 {
    max-width: 400px;
}

.dpdnHeight {
    height: 240px;
    width: 385px;
    overflow-y: scroll;
}

.maxHeight {
    max-height: 250px;
    overflow: auto;
}

.ma__header_slim__utility {
    min-height: 15px;
    background-color: #14558f;
    color: white;
    background-blend-mode:normal;
    position:relative;
    top:0;
    z-index:9999;
}

.ma__header_slim__utility-container {
    display: flex;
    justify-content: flex-end;    
}

.topheader {
    font-size: 0.9rem;
    font-weight: 400;
    color: white;
}

.xsmall {
    font-size: 0.7rem;
    font-weight: 350;    
}

.med {
    font-size: 0.8rem;
    font-weight: 350;
}

.ulnone {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.combofix input {
    background-color: #F9FAFC !important;
}

.layout--theme--light--yellow {
    --theme-menu-accent-color-hover: #1EB7FF;
    --theme-sidebar-brand-color: #388557;
}

.sidebar__brand {
    color: #388557;
    line-height:normal;
}

.sidebar__brand:hover {
    color: #388557;
}

/*.sidebar__section--cover {*/
.sidebar--slim.sidebar--collapsed {
padding-top: 40px;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}

.timeonly .dxMonthGridWithWeekNumbers {
    display: none;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 10rem;
}

.ldisabled {
    pointer-events: none;
    color: gray;
    cursor: default;
}

.undecorated-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.checkbox20 {
    width: 20px;
    height: 20px;
}