body {
    /*font-family: 'Lexend', sans-serif;*/
    font-family: 'Poppins', sans-serif;
    z-index: 2 !important;
    }
    
    .button {
        border-radius: 2px !important;
    }	
    
    .modal {
        border-radius: 0px !important;
    }	
    
    .segment {
        border-radius: 0px !important;
    }	
    
    #footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 2.5rem;            /* Footer height */
    }
    
    /* Material Icon Styles */
    
    .valign-middle { 
        vertical-align: middle; 
    }
    .valign-text-bottom { 
        vertical-align: text-bottom;
    }
    
    .valign-bottom { 
        vertical-align: bottom;
    }
    
    .material-symbols-outlined { color: #333333;}
    
    .material-symbols-outlined.md-10 { font-size: 10px; }
    .material-symbols-outlined.md-12 { font-size: 12px; }
    .material-symbols-outlined.md-14 { font-size: 14px; }
    .material-symbols-outlined.md-18 { font-size: 18px; }
    .material-symbols-outlined.md-20 { font-size: 20px; }
    .material-symbols-outlined.md-24 { font-size: 24px; }
    .material-symbols-outlined.md-30 { font-size: 30px; }
    .material-symbols-outlined.md-36 { font-size: 36px; }
    .material-symbols-outlined.md-48 { font-size: 48px; }
    .material-symbols-outlined.md-98 { font-size: 98px; }
    
    .material-symbols-outlined.md-dark { color: rgba(0, 0, 0, 0.60);}
    .material-symbols-outlined.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
    
    .material-symbols-outlined.md-light { color: rgba(255, 255, 255, 1); }
    .material-symbols-outlined.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }     
    
    .material-symbols-outlined.orange600 { color: #FB8C00; }

    div {
        border-radius:8px;
    }
    
    
    .uk-modal-header {
        border-radius:8px 8px 0px 0px !important;
        background-color: #f4f4f4;
      }
    
    
    .div-noradius {
        border-radius:0px;
    }
    
    .ui.button {
        border-radius:4px !important;
    }

        .uk-alert-success {
        border-style: solid !important;
        border-width: 1px !important;
        border-color: green !important;
        color: green !important;
    }

    .uk-alert-primary {
        background-color:#f3faff !important;
        border-style: solid !important;
        border-width: 1px !important;
        border-color: rgb(0, 153, 255) !important;
    }
    
    .uk-alert-danger {
        border-style: solid !important;
        border-width: 1px !important;
        border-color: red !important;
        color: red !important;
    }


    .ui.mini.red.button:not(.basic) {
        background-color: #CC0000 !important;
    }
    
    .ui.basic.grey.button:hover {
        background-color: #ECECEC !important;
    }
    
    .ui.basic.red.button:hover {
        background-color: #FAD7D7 !important;
    }
    
    .ui.basic.green.button:hover {
        background-color: #CDEFBE !important;
    }
    
    .ui.basic.blue.button:hover {
        background-color: #bee8ef !important;
    }
    
    .ui.basic.orange.button:hover {
        background-color: #ffe0a5 !important;
    }
    
    .ui.basic.violet.button:hover {
        background-color: #e2aae4 !important;
    }
    
   
    .uk-tooltip {
        z-index: 999999;
    }
    
    .uk-tooltip-inner {
        color: white !important;    
    }
    
    .div-dark {
        background-color:#f4f4f4 !important;
    }
    
    .uk-drop {
        z-index: 999999;
    }
    
    th.sorting {
        color: #696969 !important;
    }


        .sticky {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 8000;
    }


    .hidden {
        display: none;
    }


    .slideUp {
        transition: transform 0.3s ease;
    }
    
    .slideUp:hover {
        transform: translateY(-5px);
    }

    .cardLink {
        cursor: pointer;
    }

    .uk-tab>*>a {
        color:#3d3d3d;
    }
    
    .uk-tab>*>a:hover {
        color:#000000;
        font-weight: bold;
    }

    .uk-nav-default>li>a {
        color: #3d3d3d;
    }
    
    .uk-nav-default>li>a:hover {
        color: #000000;
        text-decoration: underline;
    }    

    .uk-nav-default>li.uk-active>a {
        color: #000000;
    }    

    .uk-subnav-pill>*>:first-child {
        color: #3d3d3d;
    }

    .ui.comments .comment .metadata {
        color: #3d3d3d;
    }

    .ui.comments .comment .actions a {
        color: #3d3d3d;
    }

    .uk-table th {
        color: #686868;
    }

    .ui.steps:not(.circular) .step.active .title {
        color: #cc0000;
    }


    .grow2 { transition: all .075s ease-in-out !important; }
    .grow2:hover { 
        text-decoration: none;
        font-weight: 600;
        border: 1px; border-color: rgb(192, 192, 192); border-style:solid;
        border-radius: 8px;
        background-color:#FAFAFA !important;
        color: #000000 !important;

    }

    .uk-label-success {
        background-color:green !important;
    }
    
    .uk-label-warning {
        background-color:#DB3700 !important;        
    }

    .vert-centered-text {
        display: flex;
        align-items: center;    /* Vertically center */

    }


    .contentgroup {
        background-color: rgb(0,0,0, .03) !important;
        border: 1px;
        border-color: rgb(0,0,0, .20) !important;
        border-style: solid;
    }

    .contentgroup-light {
        background-color: rgb(0,0,0, .01) !important;
        border: 1px;
        border-color: rgb(0,0,0, .05) !important;
        border-style: solid;
    }

        .force-wrap {
        white-space: normal;
        word-wrap: break-word;      /* Legacy */
        overflow-wrap: break-word;  /* Modern */
    }

    .force-top {
        display: grid;
        align-items: start; /* top-aligns content */
    }


    .modal_header {
        font-size:x-large;
        background-color: #565656;
        color: transparent;
        text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
        -webkit-background-clip: text;
           -moz-background-clip: text;
                background-clip: text;
      }


.header-link a,
.header-link a:visited {
    color: black;
    text-decoration: none;
}

.header-link a:hover {
    text-decoration: underline;
}


.portal-link {
display: block; 
color: inherit;       /* keep text color unchanged */
text-decoration: none !important; 
}
.portal-link:hover {
opacity: 0.7; /* optional hover feedback */
}                        



div.uk-notification-message.uk-notification-message-success {
    background-color:#38454e;
}


/* Scales between 0.9rem and 1.6rem depending on viewport */
.responsive-text {
    font-size: clamp(1rem, 1vw, 1.08rem);
    line-height: 1.4;
}


.mini-more {
    padding: 0.25rem 0.5rem !important;
    font-size: 1.0rem !important;
    line-height: 1.2;
}

.mini-most {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.75rem !important;
    line-height: 1.2;
}

.card-link {
    color: #000000 !important;
    text-decoration: none !important;
}


.no-link-decoration a,
.no-link-decoration a:link,
.no-link-decoration a:visited,
.no-link-decoration a:hover,
.no-link-decoration a:active {
    text-decoration: none !important;
    border-bottom: none !important;
}

.no-link-decoration a {
    text-decoration: none !important;
    color: inherit !important;
}

@media (max-width: 639px) {
    .mobile-card-reset {
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
    }
}