
.sm-clean {
  background: #eeeeee;
}
    .sm-clean a, .sm-clean a:visited, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {
        padding: 13px 20px;
        /* make room for the toggle button (sub indicator) */
        padding-right: 58px;
        color: #0070b8;
        font-weight: 300;
        font-size: 20px;
        line-height: 17px;
        text-decoration: none;
    }

    .sm-clean a.current {
        color: #0F4D8A;
        font-weight: bold;
    }

.sm-clean a.disabled {
    color: #bbbbbb;
}
.sm-clean a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.sm-clean a .sub-arrow::before {
  content: '+';
}
.sm-clean a.highlighted .sub-arrow::before {
  content: '-';
}
.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {
  border-radius: 5px 5px 0 0;
}
.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  border-radius: 0 0 5px 5px;
}
.sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  border-radius: 0;
}
.sm-clean li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-clean > li:first-child {
  border-top: 0;
}
.sm-clean ul {
  background: rgba(162, 162, 162, 0.1);
}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
  font-size: 16px;
  border-left: 8px solid transparent;
}
.sm-clean ul ul a,
.sm-clean ul ul a:visited,
.sm-clean ul ul a:hover,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:active {
    border-left: 16px solid transparent;
}
.sm-clean ul ul ul a,
.sm-clean ul ul ul a:visited,
.sm-clean ul ul ul a:hover,
.sm-clean ul ul ul a:focus,
.sm-clean ul ul ul a:active {
    border-left: 24px solid transparent;
}
.sm-clean ul ul ul ul a,
.sm-clean ul ul ul ul a:visited,
.sm-clean ul ul ul ul a:hover,
.sm-clean ul ul ul ul a:focus,
.sm-clean ul ul ul ul a:active {
    border-left: 32px solid transparent;
}
.sm-clean ul ul ul ul ul a,
.sm-clean ul ul ul ul ul a:visited,
.sm-clean ul ul ul ul ul a:hover,
.sm-clean ul ul ul ul ul a:focus,
.sm-clean ul ul ul ul ul a:active {
    border-left: 40px solid transparent;
}



@media (min-width: 1024px) {
    /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
    /* start... (it's not recommended editing these rules) */
    .sm-clean ul {
        position: absolute;
        width: 12em;
        max-width: 100% !important;
    }

    .sm-clean li {
        float: left;
        position: static !important;
    }

    .sm-clean.sm-rtl li {
        float: right;
    }

    .sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li {
        float: none;
    }

    .sm-clean a {
        white-space: nowrap;
    }

    .sm-clean ul a, .sm-clean.sm-vertical a {
        white-space: normal;
    }

    .sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a {
        white-space: nowrap;
    }

    /* ...end */

    a[aria-expanded="true"] + .menuContainer {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: auto;
        margin: 20px 20px 0 20px;
        width: Calc(100% - 40px);
        border-bottom: 4px solid #0070b8;
    }

    a[aria-expanded="false"] + .menuContainer {
        display: none;
    }

    .sm-clean {
        background: none;
        padding: 0;
        position: static !important;
    }

        .sm-clean a, .sm-clean a:visited, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
            padding: 12px 9px;
            font-weight: bold;
            font-size: 0.9rem;
        }

        .sm-clean > li:first-child {
            display: none;
        }

        .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
            text-decoration: underline;
            text-decoration-style: dotted;
            text-underline-position: under;
        }

        .sm-clean > li > a.current {
            color: #0F4D8A;
            font-weight: bold;
        }

        .sm-clean a .sub-arrow {
            display: none;
        }

        .sm-clean a .sub-arrow::before {
            display: none;
        }

        .sm-clean li {
            border-top: 0;
        }

        .sm-clean ul {
            border: none;
            padding: 5px 0;
            background: #fff;
        }

    .menuContainer > ul {
        border-left: 1px solid #0070b8;
        margin-left: 18px !important;
        margin-top: 15px;
        
    }

    .menuContainer ul li:first-child > a {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .menuContainer > ul > li ul {
        top: 0 !important;
        margin-top: 0 !important;
        border-left: 1px solid #0070b8;
    }

    .sm-clean ul a, .sm-clean ul a:visited, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
        border: 0 !important;
        color: #0070b8;
        font-size: 1.125rem;
        font-weight: normal;
        padding: 10px 48px 10px 26px;
        line-height: 1.5;
    }

        .sm-clean ul a.current {
            /*        text-decoration: none;
        background-color: #0070b8;
        color: #fff;*/
            color: #0070b8;
            text-decoration: underline;
            text-decoration-style: dotted;
            text-underline-position: under;
        }

        .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted, .sm-clean ul a:hover.current {
            text-decoration: none;
            background-color: #0070b8;
            color: #fff;
        }

    .sm-clean ul a .fa-chevron-right {
        position: absolute;
        right: 10px;
        top: 15px;
        color: #0070b8;
    }

    .sm-clean ul a:hover .fa-chevron-right, .sm-clean ul a:focus .fa-chevron-right, .sm-clean ul a:active .fa-chevron-right, .sm-clean ul a.highlighted .fa-chevron-right {
        color: #fff;
    }
}

@media (min-width: 1280px) {

    .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
        padding: 12px 12px;
        font-weight: bold;
        font-size: 1.125rem;
    }

    .sm-clean ul {
        min-width: 300px;
    }
}