@font-face {
    font-family: "TringaArti";
    src: url("../fonts/Cera.ttf") format("truetype");
}


html, body {
    font-family: TringaArti !important;
}

a, .btn-link {
    color: #006bb7;
}

p > a {
    /* color: #0a58ca; */
    text-decoration: underline;
}

.mud-tab.mud-tab-active {
    background-color: rgba(0,0,0,0.058823529411764705);
}

svg {
    overflow: visible !important;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.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;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.nav-scrollable {
    scrollbar-width: none;
}

.sidebar_ICT {
    background: none !important;
    background-color: #094067 !important;
    transition: width 2s ease;
    border-radius: 30px;
    margin: 5px;
}

.sidebar_AGRO {
    background: none !important;
    background-color: #004643 !important;
    transition: width 2s ease;
    border-radius: 30px;
    margin: 5px;
}

.sidebar_ENERGY {
    background: none !important;
    background-color: #158c8f !important;
    transition: width 2s ease;
    border-radius: 30px;
    margin: 5px;
}

/*ANASH*/
.sidebar_WOOD {
    background: none !important;
    background-color: #55423d !important;
    transition: width 2s ease;
    border-radius: 30px;
    margin: 5px;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: white !important;
    font-weight: bold !important;
}

.mud-nav-link .mud-nav-link-text:hover {
    color: white !important;
    font-weight: bold !important;
}

.mud-nav-link:hover {
    color: white !important;
}

.mud-nav-link .mud-nav-link-expand-icon {
    color: white !important;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link-expand-icon.mud-transform {
    fill: white !important;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    /*border-bottom: 5px solid #12283B !important;*/
    background-color: #12283B !important;
    border-radius: 8px;
    width: 95%;
    margin: 5px;
}

@media screen and (max-width: 900px) {
    #demanddata {
        width: 100% !important;
        margin-left: 0px !important;
    }
}


.custom-hover-effect {
    background-color: #E0FEE0 !important;
    transition: background-color 0.5s ease !important;
    margin-left: auto !important;
}

    .custom-hover-effect:hover {
        background-color: #80CC80 !important;
        color: white !important;
    }

@media (max-width: 1450px) {
    #topmenu {
        justify-content: start !important;
        position: absolute;
    }

    #firstrow {
        width: 105% !important;
        z-index: 999 !important;
        position: absolute !important;
    }

    .navbar-toggler {
        position: absolute !important;
    }

    .arrowbackAGRO, .arrowbackWOOD, .arrowbackICT {
        display: none !important;
    }
}

.custDesc-class {
    width: 16.5vw;
}

.success-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px; /*
    background-color: rgba(255, 255, 255, 0.9);*/
    z-index: 1000;
    text-align: center;
    padding: 20px;
    /*    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;*/
    animation: fadeOut 2s 1s forwards; /* forwards to keep the last frame after animation ends */
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


.firstrow_Login {
    background-color: #6C6158;
    height: 56px;
    position: fixed;
    z-index: 1000;
    width: 104%;
}

.firstrow_ICT {
    background-color: #12283B;
    height: 56px;
    position: fixed;
    z-index: 1000;
    width: 87%;
    display: none;
}

.firstrow_AGRO {
    background-color: #004643;
    height: 56px;
    position: fixed;
    z-index: 1000;
    width: 87%;
    display: none;
}

.firstrow_ENERGY {
    background-color: #158c8f;
    height: 56px;
    position: fixed;
    z-index: 1000;
    width: 87%;
    display: none;
}
/*NALT*/
.firstrow_WOOD {
    background-color: #55423d;
    height: 56px;
    position: fixed;
    z-index: 1000;
    width: 87%;
    display: none;
}
/*
.mud-table-dense * .mud-table-row .mud-table-celll {
    padding-inline-end: 1px;
}*/

/*.mud-table-dense * .mud-table-row .mud-table-cell {
    padding-inline-start: 0px !important;
}
*/

/*.rz-scheme-pastel .rz-series-0 {
    fill: #008a49 !important;
    stroke: #008a49 !important;
}

.rz-scheme-pastel .rz-series-1 {
    fill: #add169 !important;
    stroke: #add169 !important;
}*/

#myChart {
    height: 100%;
    width: 100%;
    min-height: 1000px;
}

.zc-ref {
    display: none;
}

select {
    margin: 10px;
}

.radzen-chart-label {
    max-width: 30px; /* Adjust the width as needed */
    white-space: nowrap; /* Prevent wrapping */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Show ellipsis for overflow */
}

/*NEW TABS FOR SUPPLY AND DEMAND*/
.customTab {
    width: 50%;
    height: 50px;
    border-radius: 0px;
}

    .customTab.active {
        background-color: rgba(0, 0, 0, 0.058823529411764705);
        border-radius: 0px;
        border-bottom: solid 2px #094067;
    }


.mud-tabs-toolbar-content {
    background-color: #abd1c6 !important;
    color: #004643 !important;
}

.mud-tab.mud-tab-active {
    color: #004643 !important;
}

.mud-tab-slider {
    background: #004643 !important;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    background-color: #abd1c6 !important;
    color: #004643 !important;
}

#demanddata {
    background-color: white;
}

.card12 {
    /*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0);
    border-radius: 20px;
    flex: 0 0 auto;
    width: 99%;
    background-color: white;
}

.card6 {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0);
    border-radius: 20px;
    flex: 0 0 auto;
    width: 49%;
    margin: 5px;
    background-color: white;
}

.card5 {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0);
    border-radius: 20px;
    flex: 0 0 auto;
    width: 40.66666667%;
    margin: 5px;
    background-color: white;
}

.card7 {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0);
    border-radius: 20px;
    flex: 0 0 auto;
    width: 57.33333333%;
    margin: 5px;
    background-color: white;
}

.card3 {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0);
    border-radius: 20px;
    flex: 0 0 auto;
    width: 24%;
    margin: 5px;
    background-color: white;
}

.card1 {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0);
    border-radius: 20px;
    flex: 0 0 auto;
    width: 7.33333333%;
    margin: 5px;
    background-color: white;
}

.card4 {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0);
    border-radius: 20px;
    flex: 0 0 auto;
    width: 32.33333333%;
    margin: 5px;
    background-color: white;
}



.card3Main {
    /*border: 1.8px solid #e0e0e0;*/
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0);*/
    border-radius: 8px;
    flex: 0 0 auto;
    width: 28%;
    margin: 5px;
    background-color: white;
    text-align: center;
}

.card1Main {
    /*border: 1.8px solid #e0e0e0;*/
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0);*/
    border-radius: 8px;
    flex: 0 0 auto;
    width: 15%;
    margin: 5px;
    background-color: white;
    text-align: center;
}

.card4Main {
    /*border: 1.8px solid #e0e0e0;*/
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0);*/
    border-radius: 8px;
    flex: 0 0 auto;
    width: 30%;
    margin: 5px;
    background-color: white;
    text-align: center;
}

.GoBackButton {
    display: flex !important;
    justify-content: end !important;
    width: 10px !important;
}

.btnBack {
    flex: 0 0 auto;
    width: 5.5%;
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
}

.modal-dialog {
    width: 1000px;
}

.modal-lg {
    max-width: 1000px;
}

.downloadPdfIcon {
    transition: font-size 0.5s ease !important;
    font-size: 25px !important;
}

    .downloadPdfIcon:hover {
        fill: #004643 !important;
        font-size: 30px !important;
    }

/*.card6 {
    transition: transform 0.5s ease; 
}

    .card6:hover {
        transform: scale(1.01); 
    }*/

.chart-fade {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

    .chart-fade.show {
        opacity: 1 !important;
    }

.column-series-item {
    opacity: 0;
    transition: opacity 3s ease-in-out;
}


/*Start Years dropdown*/
.YearsDropdown {
    width: 100%;
    max-width: 100px;
    font-size: 22px !important;
    border: none !important;
    color: #005e33 !important;
}

    .YearsDropdown .rz-dropdown-label {
        cursor: pointer !important;
        margin: -1px !important;
        position: absolute !important;
        left: 1px !important;
        font-size: 24px;
    }

    .YearsDropdown .rz-dropdown-trigger {
        cursor: pointer !important;
        right: 15px !important;
        top: 5px !important;
    }

.filterDropdown {
    width: 100%;
    max-width: 100px;
    font-size: 16px !important;
    border: none !important;
}

    .filterDropdown .rz-dropdown-label {
        cursor: pointer !important;
        margin: -1px !important;
        position: absolute !important;
        left: 1px !important;
        font-size: 17px;
    }

    .filterDropdown .rz-dropdown-trigger {
        cursor: pointer !important;
        right: 30px !important;
        top: 0px !important;
        bottom: 5px !important;
    }

    .filterDropdown .rz-dropdown-item.rz-state-highlight {
        color: yellow !important;
        background-color: red !important;
        margin: 2px;
        border-radius: 6px !important;
    }

.rz-dropdown-items-wrapper {
    max-height: 200px !important;
}

.rz-dropdown-item.rz-state-highlight:hover {
    color: #004643 !important;
    background-color: #abd1c6 !important;
}

.rz-dropdown-item.rz-state-highlight {
    color: #004643 !important;
    background-color: #abd1c6 !important;
    margin: 2px;
    border-radius: 6px !important;
}

:root {
    --rz-input-focus-shadow: white !important;
}

.rz-dropdown-panel.rz-popup {
    min-width: 120px;
    width: 120px;
    /*min-width: 85px !important;
    width: 85px !important;*/
}
/*

.TurnoverDropdown .rz-dropdown-panel.rz-popup {
    display: none !important;
}*/

.TurnoverDropdown {
    cursor: pointer;
}


/*End Years dropdown*/
.chartTitle {
    margin-top: 13px;
    margin-left: -5px;
}


/* Start of sidemenu */
/* AGRO */

.AgroTitle {
    text-align: center;
    transition: opacity 2s ease;
    border-radius: 30px;
}

.RemoveTitleAgro {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.arrowbackAGRO {
    background-color: #004643;
    text-align: end;
    position: fixed;
    margin-left: 200px;
    width: 4%;
    border-radius: 20px;
    opacity: 1;
    transition: opacity 3s ease, transform 3s ease;
}

.ArrowBackIconAgro {
    color: #004643;
    background-color: #abd1c6;
    border-radius: 10px;
    margin: 5px;
    margin-right: 5px;
    font-size: 22px !important;
    padding: 3px;
}

.ArrowForwardIconAgro {
    position: fixed;
    color: #004643;
    background-color: #abd1c6;
    border-radius: 10px;
    margin: 5px;
    margin-right: 5px;
    font-size: 22px !important;
    margin-left: 19px;
    padding-left: 5px;
    padding: 3px;
    opacity: 0;
    transition: opacity 0.5s ease !important;
}

.CloseMenuAgro {
    width: 70px !important;
    transition: width 2s ease;
}

.sidebar_AGRO {
    display: block;
}



/* ENERGY */

.EnergyTitle {
    text-align: center;
    transition: opacity 2s ease;
    border-radius: 30px;
}

.RemoveTitleEnergy {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.arrowbackENERGY {
    background-color: #158c8f;
    text-align: end;
    position: fixed;
    margin-left: 200px;
    width: 4%;
    border-radius: 20px;
    opacity: 1;
    transition: opacity 3s ease, transform 3s ease;
}

.ArrowBackIconENERGY {
    color: #158c8f;
    background-color: #abd1c6;
    border-radius: 10px;
    margin: 5px;
    margin-right: 5px;
    font-size: 22px !important;
    padding: 3px;
}

.ArrowForwardIconENERGY {
    position: fixed;
    color: #158c8f;
    background-color: #abd1c6;
    border-radius: 10px;
    margin: 5px;
    margin-right: 5px;
    font-size: 22px !important;
    margin-left: 19px;
    padding-left: 5px;
    padding: 3px;
    opacity: 0;
    transition: opacity 0.5s ease !important;
}

.CloseMenuENERGY {
    width: 70px !important;
    transition: width 2s ease;
}

.sidebar_ENERGY {
    display: block;
}



/* WOOD */

.WoodTitle {
    text-align: center;
    transition: opacity 2s ease;
    border-radius: 30px;
}

.RemoveTitleWood {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.arrowbackWOOD {
    background-color: #55423d;
    text-align: end;
    position: fixed;
    margin-left: 200px;
    width: 4%;
    border-radius: 20px;
    opacity: 1;
    transition: opacity 3s ease, transform 3s ease;
}

.ArrowBackIconWood {
    color: #55423d;
    background-color: #f9f4ef;
    border-radius: 10px;
    margin: 5px;
    margin-right: 5px;
    font-size: 22px !important;
    padding: 3px;
}

.ArrowForwardIconWood {
    position: fixed;
    color: #55423d;
    background-color: #f9f4ef;
    border-radius: 10px;
    margin: 5px;
    margin-right: 5px;
    font-size: 22px !important;
    margin-left: 19px;
    padding-left: 5px;
    padding: 3px;
    opacity: 0;
    transition: opacity 0.5s ease !important;
}

.CloseMenuWood {
    width: 70px !important;
    transition: width 2s ease;
}

.sidebar_WOOD {
    display: block;
}

/* ICT */

.IctTitle {
    text-align: center;
    transition: opacity 2s ease;
    border-radius: 30px;
}

.RemoveTitleIct {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.arrowbackICT {
    background-color: #094067;
    text-align: end;
    position: fixed;
    margin-left: 200px;
    width: 4%;
    border-radius: 20px;
    opacity: 1;
    transition: opacity 3s ease, transform 3s ease;
}

.ArrowBackIconIct {
    color: #094067;
    background-color: #d8eefe;
    border-radius: 10px;
    margin: 5px;
    margin-right: 5px;
    font-size: 22px !important;
    padding: 3px;
}

.ArrowForwardIconIct {
    position: fixed;
    color: #094067;
    background-color: #d8eefe;
    border-radius: 10px;
    margin: 5px;
    margin-right: 5px;
    font-size: 22px !important;
    margin-left: 19px;
    padding-left: 5px;
    padding: 3px;
    opacity: 0;
    transition: opacity 0.5s ease !important;
}

.CloseMenuIct {
    width: 70px !important;
    transition: width 2s ease;
}

.sidebar_ICT {
    display: block;
}


/* AGRO/WOOD/ICT */

.RemoveLinkText {
    display: none !important;
}

.RemoveOverflow {
    overflow-x: hidden !important;
}

.RemoveExpandIcon {
    display: none !important;
}

.RemoveCompressIcon {
    display: none !important;
}

.ShowForwardIcon {
    opacity: 1;
    transition: opacity 4s ease !important;
}

.RemoveBackIcon {
    opacity: 0;
    transform: translateX(-340%);
    transition: opacity 1.5s ease, transform 1.5s ease;
}

/* End of sidemenu */

/*.mud-nav-link-text {
    display: block !important;
}*/

/*.rz-series-data-label{
    display: none;
}*/

/*.showLabel {
   display: block !important;
}*/
.AlignLegendRight {
    margin-left: 380px !important;
}

.mud-tabs-toolbar {
    margin-left: 25px !important;
}

.FullHeight {
    height: auto !important;
}

.FullWidth {
    width: 100% !important;
}

/*Loading Modal*/

.modal-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(7px);
    z-index: 1000;
}

.modal-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    modal-wrapper width: 450px;
    z-index: 1001;
    text-align: center;
    padding: 20px;
    background-color: white;
    border-radius: 5px;
}

.loading-download {
    margin-top: 20px;
    border-radius: 20px;
}

.loading-indicator {
    border-radius: 20px !important;
}


/*table head*/
.numri_radhes_header {
    background-color: #d8eefe;
    padding: 5px;
    font-weight: bold;
    width: 5%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    align-items: center;
}

.pozita_header {
    background-color: #d8eefe;
    padding: 5px;
    font-weight: bold;
    width: 55%;
    /*border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;*/
    display: flex;
    align-items: center;
}

.numri_header {
    background-color: #d8eefe;
    padding: 5px;
    font-weight: bold;
    width: 10%;
    display: flex;
    align-items: center;
}

.rroga-mesatare_header {
    background-color: #d8eefe;
    padding: 5px;
    font-weight: bold;
    width: 15%;
    display: flex;
    align-items: center;
}

.mostra-e-pergjigjeve_header {
    background-color: #d8eefe;
    padding: 5px;
    font-weight: bold;
    width: 20%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    align-items: center;
}

.pozita_header2 {
    background-color: #d8eefe;
    padding: 5px;
    font-weight: bold;
    width: 65%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    align-items: center;
}

.numri_header2 {
    background-color: #d8eefe;
    padding: 5px;
    font-weight: bold;
    width: 10%;
    display: flex;
    align-items: center;
}

.shteti_header {
    background-color: #d8eefe;
    padding: 5px;
    font-weight: bold;
    width: 25%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    align-items: center;
}

/*table body*/

.pozita {
    width: 55%;
    border-radius: 5px;
}

.numri {
    width: 10%;
    border-radius: 5px;
    text-align: center;
}

.rroga-mesatare {
    width: 15%;
    border-radius: 5px;
    text-align: end;
}

.mostra-e-pergjigjeve {
    width: 20%;
    border-radius: 5px;
    text-align: end;
}

.pozita2 {
    width: 65%;
    border-radius: 5px;
}

.numri2 {
    width: 10%;
    border-radius: 5px;
    text-align: center;
}

.shteti {
    width: 25%;
    border-radius: 5px;
}

.combined-list-container {
    overflow-y: auto;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.custom-list-header {
    display: flex;
    padding: 5px;
    padding-inline: 10px;
    border: 2px solid #e0e0e0;
    font-weight: bold;
    background-color: #d8eefe;
}


.custom-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
}


.list-item_header {
    padding: 5px;
    padding-inline: 0px;
    display: flex;
    /* border: 1px solid #e0e0e0; */
    justify-content: space-between;
    width: 100%;
}


.list-item_body {
    padding: 0px;
    padding-inline: 0px;
    display: flex;
    /* border: 1px solid #e0e0e0; */
    justify-content: space-between;
}

    .list-item_body:nth-child(even) {
        background-color: #f9f9f9;
    }

.pozita, .numri, .rroga-mesatare, .mostra-e-pergjigjeve, .pozita2, .numri2, .shteti {
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
}

.PieChart svg text {
    writing-mode: vertical-lr;
    transform: rotate(-75deg);
    transform-box: content-box;
    text-anchor: end;
    transform-origin: center;
}




.PieChart g.rz-pie-series.rz-series-0 {
    /*transform: translateY(-25px) !important;*/
    transform: translate(3px, -24px);
}

.PieChart .rz-legend.rz-legend-right {
    right: -30px !important;
}

.PieChart {
    margin-top: 30px;
}
/*.PieChart g.rz-pie-series.rz-series-0 .rz-series-item-0 {
        transform: translate(5px, 0px) !important;
    }
    .PieChart g.rz-pie-series.rz-series-0 .rz-series-item-1 {
        transform: translate(-5px, 0px) !important;
    }
    .PieChart g.rz-pie-series.rz-series-0 .rz-series-item-2 {
        transform: translate(-5px, 0px) !important;
    }
    .PieChart g.rz-pie-series.rz-series-0 .rz-series-item-3 {
        transform: translate(5px, 0px) !important;
    }

    .PieChart g.rz-pie-series.rz-series-0 .rz-series-item-4 {
        transform: translate(5px, 0px) !important;
    }*/

/*.PieChart svg {
    transform: translate(-25px, 30px) !important;
}*/

/*.Pie svg g{
    transform: translate(0, 30px);
}*/




.twoLinedLegend > .rz-chart > .rz-legend > ul {
    margin-top: -40px;
}

.Pie {
    margin-top: 20px;
}

/*.circle {
    transform: rotate3d(1, 1, 1, 360deg);
    transition: transform 7s ease;
}

.circle2 {
    transform: rotate3d(1, 1, 1, 0deg) !important;
}*/

.circle {
    /*transform: rotate3d(0, 1, 0, 0deg);*/
    transition: transform 5s ease;
    cursor: pointer;
}

.circle2 {
    transform: rotate3d(0, 1, 0, 0deg) !important;
}

.circle:hover {
    transform: matrix3d(1.218, -0.317, 0, 0, 0.317, 1.218, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) !important;
    transition: transform 1s;
}


/*.VerticalBarAnimationStyle {
    transform: scaleY(1) !important;
    transition: transform 5s ease;
    transform-origin: bottom;
}
.VerticalBarAnimation path {
    transform: scaleY(0);
}
    .VerticalBarAnimation path:hover {*/
/* do something on hover */
/*}*/
/*.VerticalBarAnimation g.rz-column-series.rz-series-0 path {

}*/

@keyframes fillVerticalBar {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}


.VerticalBarAnimation path.animate {
    transform-origin: bottom;
    animation: fillVerticalBar 4s ease forwards;
}

.VerticalBarAnimation path:hover {
    filter: brightness(90%);
}

.VerticalBar path:hover {
    filter: brightness(90%);
}







@keyframes drawLineSmooth {
    from {
        stroke-dashoffset: 1500;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.HorizontalBarAnimation path.animate {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    animation: drawLineSmooth 4s ease-out forwards;
}

.HorizontalBarAnimation g.rz-marker {
    transition: transform 5s ease;
    transform-origin: center !important;
    display: flex !important;
}

    .HorizontalBarAnimation g.rz-marker:hover {
        filter: brightness(85%);
    }

/*Full col-md-12 Pie Chart Pdf Download Start*/
.HideChart {
    display: none !important;
}

.FullDescPie svg g {
    transform: translate(15px, 15px) !important;
}

.FullDescPie svg text {
    transform: translate(30px, 15px) !important;
}

.FullDescPie .rz-chart.rz-scheme-pastel {
    height: 420px !important;
}

.PieChartPdf g.rz-marker {
    transform: translate(-20px, -12px) !important;
}
/*Full col-md-12 Pie Chart Pdf Download End*/


.gender {
    flex-grow: 1;
    margin: 0 10px;
}

    .gender svg {
        transform: scale(1) !important;
    }

        .gender svg g {
            transform: translate(20px, 0px) !important;
        }

            .gender svg g g.rz-axis.rz-category-axis {
                display: none !important;
            }

        /*.gender path:nth-child(even) {
        fill: #7ba9c1 !important;
    }*/

        .gender svg .rz-axis.rz-value-axis {
            display: none !important;
        }

.gender-image {
    width: 150px;
    height: auto;
}

.group svg .rz-axis.rz-value-axis {
    display: none !important;
}

.group path:nth-child() {
    fill: #7ba9c1 !important;
}


.bar-left {
    animation: slideInLeft 1s forwards;
}

.bar-right {
    animation: slideInRight 1s forwards;
}




/*--rz-switch-circle-background-color {
    background: #f9f4ef !important;
}*/
/*:root {
    --rz-switch-circle-background-color: yellow !important;
}*/
/*.rz-switch.rz-switch-checked .rz-switch-circle:hover:not(.rz-disabled):before {
    box-shadow: 10px 10px 20px #8B4513 !important;
}*/
/*.rz-switch .rz-switch-circle:hover:not(.rz-disabled):before {
    box-shadow: 0px 0px 10px #55423d !important;
}*/

.BreakICT {
    margin-top: 200px !important;
}

.BreakICT1 {
    margin-top: 100px !important;
}

.BreakAGRO {
    margin-top: 240px !important;
}

.BreakWOOD {
    margin-top: 90px !important;
}

.BreakWOOD1 {
    margin-top: 360px !important;
}

.BreakWOOD2 {
    margin-top: 300px !important;
}

.ToolTipWidth {
    max-width: 500px !important;
    overflow: auto;
}

.ToolTipWidthActivities {
    max-width: 250px !important;
    overflow: auto;
}

.ToolTipWidthTurnover {
    max-width: 200px !important;
    overflow: auto;
}

.treeMapBtn.rz-button .rz-button-box {
    display: block !important;
}

.logo-row {
    text-align: center;
    margin-bottom: 20px;
    align-items: center;
}

.usaid_logo {
    width: 15vh;
    height: auto;
    margin: 0 10px;
}

.irex_logo {
    width: 9vh;
    height: auto;
    margin: 0 10px;
}

.header_logo {
    width: 15vh;
    height: auto;
    margin: 0 10px;
}

.typewriter h5 {
    overflow: hidden;
    white-space: pre-wrap;
    margin: 0 auto;
    display: inline-block;
    margin: 15px;
    /*border-right: .15em solid orange;*/
    /*animation: blink-caret .75s step-end infinite;*/
}

.last-word {
    display: inline-block;
}

    .last-word::after {
        content: '|';
        animation: blink-caret .75s step-end infinite;
    }

@keyframes blink-caret {
    from, to {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.header_text {
    margin: 15px;
}
/*.mud-tab.mud-tab-active.mud-ripple{
    min-width: 75vh !important;
}
.mud-tooltip-root.mud-tooltip-inline {
    min-width: 75vh !important;
}*/
.custom-dropdown {
    background-color: transparent;
    color: #094067;
    font-size: 15px;
    font-weight: 500;
    border-radius: 20px;
    width: 120px;
    padding: 8px;
    border: 2px solid #094067;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5"><path fill="darkblue" d="M0 0l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}

    .custom-dropdown option {
        color: #094067;
        background-color: #d8eefe;
        margin-top: 10px !important;
    }

.info .mud-tooltip-root.mud-tooltip-inline {
    margin: -15px;
}

.HideCityValues {
    display: none;
}

.HideCheckboxes {
    display: none;
}
/*.Checkboxes {
    display: flex !important;
}*/
/*DemandSupply Tabs Start*/
.info .mud-tooltip-root.mud-tooltip-inline {
    display: inline-block !important;
}

.mud-tooltip-root.mud-tooltip-inline {
    display: contents !important;
}

.mud-tab.mud-ripple {
    max-width: 50% !important;
}

.mud-tabs-toolbar-content {
    display: flex !important;
}

.mud-tabs-toolbar-wrapper {
    flex: 1;
}
/*DemandSupply Tabs End*/

.custom-tooltip {
    background-color: #094067;
    color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    /*    text-align: center;
*/ max-height: 350px; /* Set the maximum height */
    overflow-y: auto; /* Enable vertical scrolling */
}

    .custom-tooltip .tooltip-header {
        font-weight: bold;
        margin-bottom: 5px;
    }

    .custom-tooltip .tooltip-content {
        max-height: 200px; /* Adjust this value as needed */
        overflow-y: auto;
    }

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border: 1px solid black;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    z-index: 1000;
    height: 90% !important;
}

.sm {
    height: auto !important;
}

.ShowSupply {
    display: block !important;
}
/*#demand-tab{
    display: block !important;
}*/

.HideFooter {
    display: none !important;
}

/*@media (max-width: 1200px) {
    .card {
        grid-template-columns: 50% !important;
        width: 100% !important;
    }
}*/

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


@media (max-width: 767px) {
    .firstpage {
        margin-top: 1130px;
    }
    .card_ICT, .card_AGRO, .card_WOOD, .card_ENERGY {
        margin-bottom: 20px;
    }
}

.nav-wrapper {
    text-align: center;
    margin-top: 6px;
}

.sl-nav {
    display: inline;
    position: relative;
    top: 2px;
}

    .sl-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        display: inline-block;
    }

    .sl-nav li {
        cursor: pointer;
        padding-bottom: 10px;
    }

        .sl-nav li ul {
            display: none;
        }

        .sl-nav li:hover ul {
            position: absolute;
            top: 30px;
            right: -10px;
            display: block;
            background: #fff;
            width: 120px;
            padding-top: 0px;
            z-index: 1;
            border-radius: 5px;
            box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
        }

        /*.sl-nav li:hover .triangle {
            position: absolute;
            top: 15px;
            right: -10px;
            z-index: 10;
            height: 14px;
            overflow: hidden;
            width: 30px;
            background: transparent;
        }

            .sl-nav li:hover .triangle:after {
                content: '';
                display: block;
                z-index: 20;
                width: 15px;
                transform: rotate(45deg) translateY(0px) translatex(10px);
                height: 15px;
                background: #fff;
                border-radius: 2px 0px 0px 0px;
                box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
            }*/

        .sl-nav li ul li {
            position: relative;
            text-align: left;
            background: transparent;
            padding: 15px 15px;
            padding-bottom: 0;
            z-index: 2;
            font-size: 15px;
            color: #3c3c3c;
        }

            .sl-nav li ul li:last-of-type {
                padding-bottom: 15px;
            }

            .sl-nav li ul li span {
                padding-left: 5px;
            }

                .sl-nav li ul li span:hover, .sl-nav li ul li span.active {
                    /*color: #146c78;*/
                    font-weight: 600;
                }

.sl-flag {
    display: inline-block;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
    width: 15px;
    height: 15px;
    background: #aaa;
    border-radius: 50%;
    position: relative;
    top: 2px;
    overflow: hidden;
}

.flag-al {
    background-image: url('albanian.png');
    background-size: cover;
    background-position: center center;
}

.flag-sr {
    background-image: url('serbian.png');
    background-size: cover;
    background-position: center center;
}

.flag-usa {
    background-size: cover;
    background-position: center center;
    background-image: url('usa.png');
}

.triangle {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black; /* Adjust color as needed */
    display: inline-block;
    margin-left: 5px; /* Adjust as needed for spacing */
    vertical-align: middle;
}

.buttonICT {
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .buttonICT:hover {
        background-color: #d8eefe !important;
        color: #094067 !important;
    }

.buttonAGRO {
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .buttonAGRO:hover {
        background-color: #abd1c6 !important;
        color: #004643 !important;
    }

.buttonWOOD {
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .buttonWOOD:hover {
        background-color: #f9f4ef !important;
        color: #55423d !important;
    }

#myBtn {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    width: 50px; /* Set equal width and height */
    height: 50px;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: rgba(9, 64, 103, 0.5); /* Adjust the alpha value for transparency */
    color: #d8eefe;
    cursor: pointer;
    border-radius: 50%; /* Make the button circular */
    display: flex; /* Use flexbox */
    align-items: center; /* Vertically center */
    justify-content: center; /* Horizontally center */
    opacity: 0; /* Initially hidden */
    transition: opacity 0.5s; /* Smooth transition effect */
}

    #myBtn:hover {
        background-color: rgba(216, 238, 254, 0.5); /* Adjust the alpha value for transparency */
        color: #094067;
    }

.AnnTurnTop5 svg {
    margin-top: -20px;
}

.logoFooter {
    width: 20% !important;
    display: flex;
    justify-content: center;
}

.textFooter {
    width: 80% !important;
}

@media (max-width: 500px) {
    .ExImPhone {
        margin-left: -70px !important;
        width: 135% !important;
    }

    .NrEmpSubPhoneIct {
        margin-left: -40px !important;
        width: 130% !important;
    }

        .NrEmpSubPhoneIct .rz-legend.rz-legend-top {
            margin-top: -25px;
            margin-left: -25px;
        }

    .NrEmpSubPhoneAgro {
        margin-left: -30px !important;
        width: 440px !important;
    }

        .NrEmpSubPhoneAgro .rz-legend.rz-legend-top {
            margin-left: -25px;
        }

    .NrEmpSubPhoneWood {
        margin-left: -30px !important;
        width: 470px !important;
    }

        .NrEmpSubPhoneWood .rz-legend.rz-legend-top {
            margin-top: -20px;
            margin-left: -50px;
        }

    .AnnualTurnTop5Phone {
        margin-left: -80px !important;
        width: 130% !important;
    }

    .AnnualTurnoverPhone {
        margin-left: -70px;
        width: 130% !important;
    }

    .TopCountriesPhone {
        margin-left: -50px;
        width: 100% !important;
    }

    .FlagsPhone {
        width: 14%;
    }

    .ExByCat12Phone {
        margin-left: -60px;
        width: 130% !important;
    }

        .ExByCat12Phone .rz-legend.rz-legend-top {
            margin-top: -30px;
            margin-left: 60px;
        }

    .AvgGrossWageTop5Phone {
        margin-left: -70px;
        width: 130% !important;
    }

    .NrJobsubSec {
        margin-left: -40px;
        width: 125% !important;
    }

        .NrJobsubSec svg g .rz-column-series.rz-series-0 path {
            stroke-width: 2px !important;
        }

        .NrJobsubSec svg g .rz-column-series.rz-series-1 path {
            stroke-width: 2px !important;
        }

        .NrJobsubSec svg g .rz-column-series.rz-series-2 path {
            stroke-width: 2px !important;
        }

        .NrJobsubSec svg g .rz-column-series.rz-series-3 path {
            stroke-width: 2px !important;
        }

    .FreelancersPhone {
        margin-left: -50px;
        width: 130% !important;
    }

    .TotalExImMonthPhone {
        margin-left: -60px;
        width: 130%;
    }

    .TotalExImMonthWoodPhone {
        margin-left: -80px;
        width: 140%;
    }

        .TotalExImMonthWoodPhone .rz-legend.rz-legend-top {
            width: 300px;
            margin-left: 180px;
            margin-top: -50px;
        }

    .PieChart .rz-legend.rz-legend-right {
        display: none;
    }

    .PieChart {
        width: 1px;
    }

    .ToolTipWidth {
        max-width: 150px !important;
    }

    .DistributionPhone {
        margin-left: -60px;
        width: 130%;
    }

    .NrStudentsPhoneIct {
        margin-left: -120px;
        width: 145%;
    }

    .NrStudentsPhoneAgro {
        margin-left: -80px;
        width: 135%;
    }

    .list-item_header {
        font-size: 10px;
    }

    .custom-list {
        font-size: 10px;
    }
    /*.EvaluateButton{
        width: 80px !important;
        font-size: 12px !important;
    }
    .DownloadButton {
        width: 80px !important;
        font-size: 12px !important;
    }
    .LoginButton {
        width: 70px !important;
        font-size: 12px !important;
    }*/
    .ButtonsRow {
        margin-top: 20px;
        margin-top: 5px;
    }

    .buttonCol {
        margin-top: 5px;
    }
    /*.LanguageButton {
        font-size: 12px !important;
    }*/
    .rz-tick-text {
        font-size: 10px !important; /*afekton te gjitha textet*/
    }

    .rz-legend-item-text {
        font-size: 12px !important;
    }
}

.NrJobsubSec svg g .rz-column-series path {
    stroke-width: 10px !important;
}

.NrEmpSubPhoneEnergy .rz-legend.rz-legend-top {
    margin-top: -30px;
}

.NrEmpSubPhoneEnergy .rz-legend ul.rz-legend-items {
    margin-top: -30px;
}


.AnnualTurnoverEnergy .rz-legend.rz-legend-top {
    margin-top: -30px;
}

.AnnualTurnoverEnergy .rz-legend ul.rz-legend-items {
    margin-top: -30px;
}

.SecDesc {
    background-color: #EBEBEB;
    padding: 10px;
    /*border-radius: 5px;*/
    padding-bottom: 1px;
}

.SmallTextAxis svg g .rz-category-axis g .rz-tick-text {
    font-size: 10px;
}

.SmallTextAxis {
    width: 107%;
    margin-left: -30px;
}

.AccordionText .rz-accordion-header {
    background-color: #EBEBEB !important;
    cursor: pointer;
}

.AccordionText .rz-accordion-content-wrapper .rz-accordion-content{
    padding: 0px !important;
}
.AccordionText .rz-accordion-header #rz-accordiontab-0 {
    padding: 8px !important;
}
.AccordionText .rz-accordion-header #rz-accordiontab-0 i.rzi{
    font-size: 18px;
}

.card_wrap{
    display: flex;
    justify-content: center;
}