@font-face {
    font-family: 'Mayeka Regular Demo Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Mayeka Regular Demo Regular'), url('../webfonts/Mayeka Regular Demo.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mayeka Thin Demo Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Mayeka Thin Demo Regular'), url('../webfonts/Mayeka Thin Demo.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mayeka Light Demo Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Mayeka Light Demo Regular'), url('../webfonts/Mayeka_Light Demo.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mayeka Demi Bold Demo Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Mayeka Demi Bold Demo Regular'), url('../webfonts/Mayeka Demi Bold Demo.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mayeka Bold Demo Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Mayeka Bold Demo Regular'), url('../webfonts/Mayeka Bold Demo.woff') format('woff');
    }

    .logo {
        width: 20vw; /* 10% of the screen width */
        margin-top: -3.5vw; /* Adjust for vertical centering */
        margin-left: -10px;
    }

    @media screen and (max-width: 980px) {
        .logo {
            height: 100px; /* Adjust height for smaller screens */
            width: auto; /* Maintain aspect ratio */
            margin-top: -29px;
            margin-left: 60px;
        }
    }

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
        font-family: 'WF Visual Sans', Arial, sans-serif;
        font-weight: bold;     
    }

    .error-container{
        position:fixed;
        bottom:0;
        right:20px;
        z-index: 100;
        font-family: 'WF Visual Sans', Arial, sans-serif;
        font-weight: bold;     
    }

    .dialog-box {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: grey;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 200;
        width: auto; /* Automatically adjust width based on content */
    }