@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600&display=swap');

/* Start Custom Fonts CSS */ @font-face {
    font-family: 'Mont';
    font-style: normal;
    font-weight: 600;
    font-display: auto;
    src: url('/assets/fonts/subset-Mont-SemiBold.eot');
    src: url('/assets/fonts/subset-Mont-SemiBold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/subset-Mont-SemiBold.woff2') format('woff2'), url('/assets/fonts/subset-Mont-SemiBold.woff') format('woff'), url('/assets/fonts/subset-Mont-SemiBold.ttf') format('truetype'), url('/assets/fonts/subset-Mont-SemiBold.svg#Mont') format('svg');
}

@font-face {
    font-family: 'Mont';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('/assets/fonts/subset-Mont-Regular.eot');
    src: url('/assets/fonts/subset-Mont-Regular.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/subset-Mont-Regular.woff2') format('woff2'), url('/assets/fonts/subset-Mont-Regular.woff') format('woff'), url('/assets/fonts/subset-Mont-Regular.ttf') format('truetype'), url('/assets/fonts/subset-Mont-Regular.svg#Mont') format('svg');
}

@font-face {
    font-family: 'Mont';
    font-style: normal;
    font-weight: 700;
    font-display: auto;
    src: url('/assets/fonts/subset-Mont-Bold.eot');
    src: url('/assets/fonts/subset-Mont-Bold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/subset-Mont-Bold.woff2') format('woff2'), url('/assets/fonts/subset-Mont-Bold.woff') format('woff'), url('/assets/fonts/subset-Mont-Bold.ttf') format('truetype'), url('/assets/fonts/subset-Mont-Bold.svg#Mont') format('svg');
}

::-moz-selection { /* Code for Firefox */
    background: #8FEA06;
}

::selection {
    background: #8FEA06;
}

a {
    text-decoration: none;
}

html, body, p, tr, td, th, h1, h2, h3, h4 {
    font-family: Mont;
}

html {
    font-size: 14px;
}

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

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

body {
    background-color: #fafafa;
}

.section {
    border-radius: 0.25rem;
    box-shadow: 0 0 10px silver;
    background: white;
}

.section-primary {
    border-radius: 0.25rem;
    box-shadow: 0 0 10px #2DC800;
    background: white;
}

.section-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.section > hr {
    margin-left: 0;
    margin-right: 0;
}

.section-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.section-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}

.section-title {
    margin-bottom: 0.5rem;
}

.section-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0;
}

.section-text:last-child {
    margin-bottom: 0;
}

.section-link + .section-link {
    margin-right: 1rem;
}

.section-footer {
    padding: 0.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

    .section-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
    }

.section-header-tabs {
    margin-left: -0.5rem;
    margin-bottom: -0.5rem;
    margin-right: -0.5rem;
    border-bottom: 0;
}

.section-header-pills {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.section-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 1rem;
    border-radius: calc(0.25rem - 1px);
}

.section-img,
.section-img-top,
.section-img-bottom {
    width: 100%;
}

.section-img,
.section-img-top {
    border-top-right-radius: calc(0.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
}

.section-img,
.section-img-bottom {
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
}

.section-group > .section {
    margin-bottom: 0.75rem;
}


h1 {
    font-size: 24px;
    margin-top: 24px;
    line-height: 36px;
}

h2 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    line-height: 28px;
}


h3 {
    font-size: 18px;
    margin-top: 18px;
}

.row > h3 {
    margin-top: 18px;
}

.navbar {
    height: 64px;
    padding: 0 25px;
    transition: 0.3s;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.04),0px 0px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.04);
    /*position: fixed;*/
    left: 0;
    top: 0;
    right: 0;
    z-index: 1001;
}

.navbar a:hover {
    text-decoration: underline;
}

.nav-tabs .nav-link.active {
    border: none;
    border-bottom: 3px solid #89E103;
    color: black;
    font-weight: 600;
    background: none;
}

div.text-danger > ul {
    margin-bottom: 0rem;
}

.dependencySetRow {
    min-height: 50px;
    background-color: #f8f9fa;
}

.tertiary-bg {
    background-color: var(--bs-tertiary-bg);
}

.update-btn:focus {
    border: none;
}

.ms-n2 {
    margin-left: -0.5rem !important;
}