@import '_content/Microsoft.Fast.Components.FluentUI/Microsoft.Fast.Components.FluentUI.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.ewdlgswx1m.bundle.scp.css';

/* _content/Tea.FspReports.Web/Components/Shared/Footer.razor.rz.scp.css */
.footer-content[b-nh4mckmck4] {
    background: -webkit-linear-gradient(65deg,#0b61ab 20%,#257ac0 80%);
    color: white
}

.footer-position[b-nh4mckmck4] {
    position: fixed;
}
 
.footer-app-version[b-nh4mckmck4] {
    color:#fff;
    float: right;
    margin: auto;
    margin-right: 20px;
}

.bg-white[b-nh4mckmck4] {
    background-color: white;
}

.footer-link[b-nh4mckmck4] {
    color: black;
    text-decoration: none !important;
    position: relative;
    font-size: 0.875rem;
}

.mt-4[b-nh4mckmck4] {
    margin-top: 1.5rem;
}

.tea-link[b-nh4mckmck4] {
    text-decoration: none;
    color: #FFF !important;
}

    .tea-link:hover[b-nh4mckmck4] {
        color: #f16038 !important;
        font-size: 1rem;
    }


    .tea-link[data-tooltip][b-nh4mckmck4] {
        position: relative;
        cursor: pointer;
    }

        .tea-link[data-tooltip][b-nh4mckmck4]::before {
            content: attr(data-tooltip);
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            background-color: dodgerblue;
            color: white;
            padding: 5px 10px;
            border-radius: 5px;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            font-size: 0.9em;
            z-index: 1;
        }


        .tea-link[data-tooltip][b-nh4mckmck4]::after {
            content: none;
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            z-index: 1;
        }


        .tea-link[data-tooltip]:hover[b-nh4mckmck4]::before,
        .tea-link[data-tooltip]:hover[b-nh4mckmck4]::after {
            opacity: 1;
            visibility: visible;
        }
/* _content/Tea.FspReports.Web/Components/Shared/HeaderNew.razor.rz.scp.css */

.header-section[b-ra6rk7v71j] {
    z-index: 99;
    position: relative;
}

.fsplogo[b-ra6rk7v71j] {
    height: 75px;
    width: 180px;
    max-width: 200px;
    max-height: 95px;
}
 
.tealogo-container[b-ra6rk7v71j] {
    color: #CCCCCC;
}

.fluentlink[b-ra6rk7v71j] {
    color: #fff;
    margin: 13px;
    text-decoration: auto;
    font-size: 17px;
    text-decoration: none;
}

.userlogo-container[b-ra6rk7v71j] {
    text-align: right;
}

.top-header-row[b-ra6rk7v71j] {
    background: -webkit-linear-gradient(65deg,#0b61ab 20%,#257ac0 80%);
    min-height: 50px;
    margin: 0;
    box-shadow: 0px 3px 4px #e7e7e7;
    position: relative;
}

.top-header-menu[b-ra6rk7v71j] {
    text-align: right;
    padding-top: 20px;
    color: orangered;
    margin-left: 240px;
}

    .top-header-menu a[b-ra6rk7v71j] {
        color: #f16038;
        margin: 13px;
        text-decoration: auto;
        font-size: 17px;
        font-weight: bold;
    }

.header-logo[b-ra6rk7v71j] {
    background-color: #fff;
    padding: 1px 0px;
    margin: 0px;
    box-shadow: 0 4px 8px rgb(0 0 0 / 53%);
    border-bottom: 1px solid #0e6fbe;
}

.user-login[b-ra6rk7v71j] {
    display: inline-block;
    border-radius: 34px;
    margin-top: 23px;
    text-decoration: none;
    color: #f16038;
    padding-left: 1px;
    font-weight: 400;
    box-shadow: 0px 0px 10px #b7b1b1;
    background: #257ac0;
    color: white;
}

.header[b-ra6rk7v71j] {
    background-color: white;
    border-top: 2px solid blue;
    border-bottom: 2px solid blue;
    padding: 10px 0;
}

    .header .left img[b-ra6rk7v71j] {
        height: 85px;
    }

    .header .center .text-primary[b-ra6rk7v71j] {
        font-size: 20px;
        color: blue;
    }

    .header .right .user-login[b-ra6rk7v71j] {
        display: flex;
        align-items: center;
    }

        .header .right .user-login img[b-ra6rk7v71j] {
            margin-right: 5px;
        }

a[b-ra6rk7v71j] {
    color: orangered;
    /*text-align: center;*/
    /*    margin-inline : 10px;*/
}