@font-face {
    font-family: 'open_sanslight';
    src:  url('../Font/opensans-light-webfont.woff2') format('woff2'), url('../Font/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'open_sansregular';
    src:  url('../Font/opensans-regular-webfont.woff2') format('woff2'), url('../Font/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




html {
    font-size: 14px !important;
    font-family: 'open_sansregular' !important;
    --bs-font-sans-serif: 'open_sansregular' !important;
}

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

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

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

body {
    margin-bottom: 60px;
}

.headertop {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    border-width: 0 0 1px;
    border-bottom: 1px solid #e7e7e7;
}

    .headertop > .container {
        min-height: 50px;
    }

.MindCloudHeader {
    margin: 0px auto;
    height: 72px;
    background: #002c5a;
}

.MindCloudHeaderPosition {
    height: 72px;
    background: #002c5a;
}

.MindCloudHeaderSpacer {
    margin-top: 0px;
    width: 100%;
    height: 1px;
    background: #ffffff;
}

.MindCloudHeader1 {
    margin: 0px auto;
    height: 72px;
    background: #002c5a;
}

.MindCloudHeaderPosition1 {
    height: 72px;
    background: #002c5a;
}

.MindCloudHeaderSpacer1 {
    margin-top: 0px;
    width: 100%;
    height: 1px;
    background: #ffffff;
}

@media screen {
    .showonscreen {
        position: relative;
        display: block;
    }

    .showwhenprinting {
        position: absolute;
        display: none;
    }
}


h1 {
    font-family: 'open_sanslight';
    color: #E32219;
    font-weight: lighter;
    letter-spacing: 1.5pt;
    font-size: 16px;
    padding-bottom: 25px;
    /*text-transform: uppercase;*/
}

h2 {
    font-family: 'open_sanslight';
    color: #E32219;
    font-weight: lighter;
    letter-spacing: 1.5pt;
    font-size: 12px;
}

h3 {
    font-family: 'open_sanslight';
    color: #E32219;
    letter-spacing: 1.5pt;
    font-size: 10px;
}


.formlabel {
    float: left;
    width: 210px;
    height: 31px;
    display: table;
}

    .formlabel span {
        display: table-cell;
        vertical-align: middle;
        font-family: open_sansregular;
        color: #4B4B4D;
        font-weight: normal;
        font-size: 12px;
        letter-spacing: 0.2pt;
    }

    .formlabel .frmlbl {
        display: table-cell;
        vertical-align: middle;
        font-family: open_sansregular;
        color: #4B4B4D;
        font-weight: normal;
        font-size: 12px;
        letter-spacing: 0.2pt;
    }

.formfield {
    justify-content: left;
    width: 310px;
    padding: 2px 0px 2px 0px;
    min-height: 36px;
    display: flex;
    align-items: center;
}

.pushbottom {
    clear: both;
}


.tbh {
    height: 27px;
 
    border-color: #c6c6c6;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    padding-left: 12px;
    width: 289px;
    border-radius: 4px;
    font-family: 'open_sansregular';
    font-size: 12px;
}

    .tbh:focus {
        outline: none;
        border-color: #42a4e0;
        -webkit-box-shadow: 0 0 0 2px rgba(73,173,227,0.4);
              box-shadow: 0 0 0 2px rgba(73,173,227,0.4);
        -webkit-transition: all linear .1s;
        -moz-transition: all linear .1s;
        -o-transition: all linear .1s;
        transition: all linear .1s;
        z-index: 1;
    }

.buttonsize35 {
    width: 35px;
}

.buttonsize {
    font-size: 12px;
    margin-top: 5px;
    background-color: #f5f5f5;
    border-color: #c6c6c6;
    border-width: 1px;
    border-style: solid;
    height: 26px;
    border-radius: 2px;
}

    .buttonsize:hover {
        background-color: #e8e8e8;
    }

.buttonsizeahref {
    font-size: 12px;
    margin-top: 5px;
    background-color: #f5f5f5;
    border-color: #c6c6c6;
    border-width: 1px;
    border-style: solid;
    height: 26px;
    line-height: 26px; /* Align text/icons vertically */
    display: inline-flex; /* Align icon in center */
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
    padding: 0 10px; /* Add padding */
    text-decoration: none; /* Remove underline */
    color: black; /* Default text color */
    border-radius: 2px;
}

    .buttonsizeahref:hover {
        background-color: #e8e8e8;
    }


@media screen {
    .contentparent100 {
        margin-top: 180px;
        margin-bottom: 120px;
    }
}


.ptwrapper {
    display: flex;
    justify-content: space-between; /* left title, right buttons */
    align-items: center; /* vertical center alignment */
    margin-top: 15px;
    flex-wrap: wrap; /* handle responsiveness */
    margin-bottom: 35px;
}

.pagetitle {
    margin-bottom: 0; /* handled by flex alignment */
}


.h1pagetitle {
    font-family: 'open_sanslight';
    color: #E32219;
    font-weight: lighter;
    letter-spacing: 1.5pt;
    font-size: 16px;
  }

.MindCloudHeader {
    margin: 0px auto;
    height: 72px;
    background: #002c5a;
}

.MindCloudHeaderPosition {
    height: 72px;
    background: #002c5a;
}

.MindCloudHeaderSpacer {
    margin-top: 0px;
    width: 100%;
    height: 1px;
    background: #ffffff;
}


.MenuContainerLeft {
    float: left;
    width: calc(100% - 225px);
}

.MenuContainerRight {
    float: right;
    color: #4B4B4D;
    vertical-align: middle;
    line-height: 50px;
    padding-right: 15px;
    text-align: right;
    }


.MindCloudHeader1 {
    margin: 0px auto;
    height: 72px;
    background: #002c5a;
}

.MindCloudHeaderPosition1 {
    height: 72px;
    background: #002c5a;
}

.MindCloudHeaderSpacer1 {
    margin-top: 0px;
    width: 100%;
    height: 1px;
    background: #ffffff;
}

.MindCloudLogo1 {
    top: 20px;
    height: 35px;
}

.MindCloudLogo {
    top: 20px;
    height: 35px;
}


.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
}

.MindCloudFooterSpacer {
    margin-top: 0px;
    width: 100%;
    height: 1px;
    background: #c6c6c6;
}

.MindCloudFooter {
    position: relative;
    width: 100%;
    margin-top: 120px;
}

@media (min-width: 768px) {
    .MindCloudFooter {
        height: 47px;
    }
}

@media (max-width: 768px) {
    .MindCloudFooter {
        height: 67px;
    }
}

.MindCloudFooterText {
    background: #ffffff;
    font-family: 'open_sansregular';
    font-size: 10px;
    color: #4B4B4D;
    line-height: 16px;
    padding-top: 14px;
}

    .MindCloudFooterText a {
        text-decoration: none;
    }

.MindCloudFooterCopyright {
    position: relative;
    width: 100%;
    height: 30px;
}

.MindCloudFooterCopyrightText {
    background: #ffffff;
    font-family: 'open_sansregular';
    font-size: 10px;
    color: #4B4B4D;
    line-height: 16px;
}

    .MindCloudFooterCopyrightText a {
        text-decoration: none;
        color: #4B4B4D;
    }

.copyright {
    font-size: 10px;
    padding-top: 5px;
}


.MindCloudLogo1 {
    top: 20px;
    height: 35px;
}

.MindCloudLogo {
    top: 20px;
    height: 35px;
}

#footertext a {
    color: #4B4B4D;
}

    #footertext a hover {
        color: #4B4B4D;
    }

#footercopyright .overlay-image {
    position: absolute;
    top: unset;
    left: 0px;
    bottom: 0px;
    right: unset;
    pointer-events: none;
}

.dropdown-menu[data-bs-popper] {
    margin-top: calc(var(--bs-dropdown-spacer) + 0.475rem);
}




@media print {
    /* Hide nav, menus, tabs, footers, etc. */
    nav,
        .sidebar,
    .tabs,
    .menu,
    .no-print {
        display: none !important;
    }

    /* Expand content area */
    .main-content,
    .content-wrapper {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Optional: background, font tweaks */
    body {
        background: white !important;
        color: black !important;
    }

    /* Avoid breaking important elements across pages */
    .page-break-avoid {
        page-break-inside: avoid;
    }

    .do-print {
        display: block !important;
    }

    .do-printheader {
        display: block;
        position: relative; /* or static — no fixed/sticky */
        margin-bottom: 20px;
    }

    .tab-content .tab-pane {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
    }

    .nav-tabs,
    .nav-pills {
        display: none !important; /* Optional: hide tab headers */
    }
}







/* Overlay LogoStrepen */
#footercopyright .overlay-image {
    position: absolute;
    top: unset;
    left: 0px;
    bottom: 0px;
    right: unset;
    pointer-events: none;
}

@media print {
    .showwhenprinting {
        position: relative;
        display: block;
    }
    .hidewhenprinting {
        position: absolute;
        display: none;
    }

}

.hidden-error {
    display: none !important;
}

.inline-item {
    display: inline-block;
}