﻿
/*.k-nonwork-hour {
    background-color: transparent !important;
}
.k-nonwork-hour.activity-forbidden {
    background-color: transparent !important;
}*/


.nem-address-card-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1rem; }

.nem-address-card { border-radius: var(--borderRadius); box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 3px; box-sizing: border-box; transition: all .2s ease-in-out; cursor: pointer; background: var(--cardBG); display: flex; flex-direction: column; }
.nem-address-card__header { padding: .5rem 1rem; background: var(--buttonBG); color: var(--buttonColor); font-weight: 600; font-size: 1.2rem; border-top-left-radius: var(--borderRadius); border-top-right-radius: var(--borderRadius); position: relative; height: auto; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.-selected .nem-address-card__header { background: var(--buttonColor); color: var(--buttonBG); display: flex; justify-content: space-between; align-items: center; }
.-selected .nem-address-card__header::after { content: "\f00c"; font-family: 'Font Awesome 6 Pro'; font-size: 1.2rem; color: var(--buttonBG); display: inline-block; }

.nem-address-card__body { padding: var(--generalPadding); border-bottom-left-radius: var(--borderRadius); border-bottom-right-radius: var(--borderRadius); border: 2px solid transparent; flex: 1; }
.nem-address-card.-selected .nem-address-card__body { border-color: var(--buttonColor); }

.nem-address-card__data { position: relative; padding-left: 1.5rem; margin-bottom: .5rem; color: var(--textDefault); min-height: 1.5rem; }
.nem-address-card__data:last-child { margin: 0; }
.nem-address-card__body i[class*="fa"] { position: absolute; left: 0; top: 3px; color: var(--buttonColor); }



/*=Vertical Tabs */

.nem-vertical-tabs { display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; height: 100%; }

ul.nem-vertical-tabs__list { list-style: none; margin: 0; padding: 0 1rem 0 0; border-right: 2px solid var(--borderColor); height: 100%; text-align: right; box-sizing: border-box; display: flex; flex-direction: column; gap: 1rem; }

ul.nem-vertical-tabs__content { margin: 0; padding: 0; list-style: none; text-align: left; padding: 0 1rem; display: none; width: 100%; flex: 1; }
ul.nem-vertical-tabs__content.-visible { display: block; }

li.nem-tab-content__link { border-bottom: 1px solid var(--borderColor); padding: .5rem; display: flex; align-items: center; }
li.nem-tab-content__link span { padding: .2rem .5rem; color: var(--linkColor); cursor: pointer; display: inline-block; border-radius: var(--borderRadius); }
li.nem-tab-content__link:hover { color: var(--buttonColor); background: var(--shade900); }

    li.nem-tab-content__link.-selected span { color: #fff; background: var(--ep-primary); }
    li.nem-tab-content__link.-selected::after { content: "\f00c"; font-family: 'Font Awesome 6 Pro'; margin-left: .5rem; font-size: 1.2rem; color: var(--ep-primary); display: inline-block;  }

    /*=CALENDAR*/
.nem-event-wrapper { display: flex; flex-direction: column; height: 100%; width: calc(100% + 1rem); padding: 0px 0.4rem; }


.k-scheduler-nonwork, .k-scheduler .k-nonwork-hour {
    background-color: initial !important;
}

.k-scheduler .activity-forbidden {
    background-color: var(--calendarCellDisabledBG) !important;
    /*pointer-events: none;*/
}

.theme-debug {
    display: none !important;
}

.ns-show-more-less-pnl {
    border: none !important;
}

.ns-show-more-less-pnl .ep-panel__body {
    padding: 0 !important;
}

.blazor-dialog-content .ns-w-25, .blazor-dialog-content ns-w-75, .blazor-dialog-content ns-w-50 {
    width: initial;
}

.ep-control.ns-fw600-caption .ep-label {
    font-weight: 600;
}

hr.ns-hr {
    background-color: var(--borderColor);
    height: 1px;
    border: 0;
}

.ns-modal-window {
    position: fixed !important;
    background-color: rgba(0, 0, 0, 0.75);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10003;
    pointer-events: auto;
    transition: all 0.3s;
    padding: 3% !important;
    box-sizing: border-box;
    row-gap: 0 !important;
}

.ns-footer-modal-window {
    color: var(--textStrong);
    background-color: var(--mainBG);
    width: 100% !important;
    padding: 0 14px 14px 14px !important;
    border-radius: unset !important;
}

.ns-modal-window .cnt-panel-body {
    height: 100%;
}

.ns-modal-window .ep-listeditor {
    display: grid;
}

.ns-tab-page.ns-modal-window .ep-layout-item.flex-container {
    padding: 14px;
    background-color: var(--mainBG);
}

.ns-company-wizard-height .k-wizard-steps {
    height: 420px;
}

@media (max-height: 752px) {
    .ns-company-wizard-content-height .k-wizard-content {
        max-height: 300px !important;
    }

    .ns-company-wizard-height .k-wizard-steps {
        height: auto;
        margin-top: 14px !important;
    }
}

/* QuickFinData Styles */



.q-findata-card-column {
    flex: 1;
}

.q-findata-balance-container {
    display: flex;
    flex-direction: row;
    background-color: #F2F2F2;
    border-width: 2px;
    justify-content: space-evenly;
}

.q-findata-balance-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    min-width: 100px;
    flex: 1 1 0;
}

    .q-findata-balance-row p, .q-findata-balance-row b {
        margin: 0;
        font-size: 12px;
    }

.q-findata-balance-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .q-findata-balance-column:nth-child(1) {
        padding: 10px;
    }

    .q-findata-balance-column:nth-child(2),
    .q-findata-balance-column:nth-child(3) {
        min-height: 50px;
        justify-content: center;
    }

.findata-panel-spacing .ep-panel__body {
    padding: 0 !important;
}

.fd-panel.fd-q.fd-q-items {
    border: none;
    background-color: transparent;
}

    .fd-panel.fd-q.fd-q-items .ep-panel__header { background-color: transparent; padding: 0; border: none; }
    .fd-panel.fd-q.fd-q-items .ep-panel__body { padding: 0; }

/* QuickFinData Styles */
.nsListView { gap: 1rem; }
.nsListView .k-listview-content { overflow: unset; }
.nsListView .k-listview-item:not(:last-child) .activities-item { margin-bottom: 1rem; }
.nsListView .activities-item { position: relative; border-left: 5px solid var(--borderColor); padding: 1rem; border-radius: var(--borderRadius); box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 3px; box-sizing: border-box; transition: all .2s ease-in-out; cursor: pointer; background: var(--cardBG); color: var(--textDefault) }
.nsListView .activities-item:hover { box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 10px; }
.nsListView .activities-item__icon { position: absolute; right: 0rem; top: 0rem; font-size: 3rem; opacity: .2; width: 4rem; text-align: center; }
.nsListView .activities-item h2 { font-weight: 400; font-size: 1.3rem; margin-bottom: .5rem; color: var(--textStrong); }
.nsListView .activities-item h2 strong { text-transform: uppercase; font-weight: 500; }
.nsListView .activities-item h3 { font-weight: 400; font-size: 1.15rem; margin-bottom: 0.2rem; color: var(--textStrong); }
.nsListView .activities-item p { margin-top: 0; color: var(--textLight); }
.nsListView .activities-item__tags { display: flex; gap: .5rem; margin-top: 1rem; }
.nsListView .activities-tag { border-radius: var(--borderRadius); padding-inline: .3rem; color: #fff; background: var(--shade700); }
.nsListView .company-codes { margin-left: auto;}
.nsListView .activities-tag.-company { background: var(--shade600); color: var(--textDefault); }

.totals-container { display: flex; flex-direction: column; column-gap: 1rem; justify-content: space-evenly; height: 100%; }
.totals-column-container { display: flex; flex-direction: column; justify-content: space-evenly; height: 100%; padding: 5px; }
.totals-row { flex: 1 1 0; height: 100%; }
.white-text { color: white; font-weight: bold; }
.chart-max-height { height: 100% !important; }

.ns-statcard { background-color: #fff; border-radius: var(--borderRadius); flex: 1 1 0; padding: 1rem; border: 1px solid var(--borderColor); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03); }
.ns-statcard__mainheader { color: var(--textStrong); font-size: 2rem; margin: 0.5rem 0 0 0; font-weight: 400; }
.ns-statcard__mainheader sup { font-size: .6em; }
.ns-statcard__mainheader span { font-weight: 300; }
.ns-statcard__subheader { color: hsla(var(--ep-primaryH), var(--ep-primaryS), 30%,1); font-size: 1.2rem; margin: 0; background: hsla(var(--ep-primaryH), var(--ep-primaryS), 90%,1); border-radius: var(--borderRadius); padding: 3px 5px; display: inline-block }
.ns-statcard p { margin: 0; }

.ns-statcard .-text-center { text-align: center;}

.ns-col { display: flex; flex-direction: column; gap: 1rem; }
.ns-row { display: flex; gap: 1rem; }

.dark-mode .ns-statcard { background-color: #000; }

.ns-statcard.-green     .ns-statcard__subheader { color: var(--ep-green-bolder); background-color: var(--ep-green-subtle); }
.ns-statcard.-red       .ns-statcard__subheader { color: var(--ep-red-bolder); background-color: var(--ep-red-subtle); }
.ns-statcard.-orange    .ns-statcard__subheader { color: var(--ep-orange-bolder); background-color: var(--ep-orange-subtle); }
.ns-statcard.-cyan      .ns-statcard__subheader { color: var(--ep-cyan-bolder); background-color: var(--ep-cyan-subtle); }
.ns-statcard.-blue      .ns-statcard__subheader { color: var(--ep-blue-bold); background-color: var(--ep-blue-subtle); }
.ns-statcard.-purple    .ns-statcard__subheader { color: var(--ep-purple-bold); background-color: var(--ep-purple-subtle); }

.ns-statcard.-green.-solid { background: var(--ep-green-bolder); }
.ns-statcard.-red.-solid { background: var(--ep-red); }
.ns-statcard.-orange.-solid { background: var(--ep-orange); }
.ns-statcard.-cyan.-solid { background: var(--ep-cyan-bolder); }
.ns-statcard.-blue.-solid { background: var(--ep-blue); }
.ns-statcard.-purple.-solid { background: var(--ep-purple); }

.ns-statcard.-solid { border: none; background: var(--ep-primary) }
.ns-statcard.-solid .ns-statcard__mainheader,
.ns-statcard.-solid p { color: #fff; }

.ns-statcard:not(.-solid)            .separator { color: var(--ep-primary)}
.ns-statcard:not(.-solid).-green     .separator { color: var(--ep-green-bolder);}
.ns-statcard:not(.-solid).-red       .separator { color: var(--ep-red-bolder);}
.ns-statcard:not(.-solid).-orange    .separator { color: var(--ep-orange-bolder); }
.ns-statcard:not(.-solid).-cyan      .separator { color: var(--ep-cyan-bolder); }
.ns-statcard:not(.-solid).-blue      .separator { color: var(--ep-blue-bold); }
.ns-statcard:not(.-solid).-purple    .separator { color: var(--ep-purple-bold); }

.fake-table { display: flex; flex-direction: column; gap: 0; background-color: #F2F2F2; border-radius: var(--borderRadius); margin-top: 1rem; overflow: hidden; }
.fake-table .ns-row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; background: var(--shade500); padding: .5rem; font-size: 1rem; }
.fake-table .ns-row:nth-child(2n+1) { background: var(--shade1000); }


.ep-chart { height: 100%; }

.invisible-placeholder { visibility: hidden; }

/* TEMP*/


/* --------------------*/
/* ---- =STATCARS ------ */
/* --------------------*/

.ep-statcard { background-color: #fff; border-radius: var(--borderRadius); flex: 1 1 0; padding: 1rem; border: 1px solid var(--borderColor); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03); }
.ep-statcard__mainheader { color: var(--textStrong); font-size: 2rem; margin: 0.5rem 0 0 0; font-weight: 400; }
    .ep-statcard__mainheader sup { font-size: .6em; }
    .ep-statcard__mainheader span { font-weight: 300; }
.ep-statcard__subheader { color: hsla(var(--ep-primaryH), var(--ep-primaryS), 30%,1); font-size: 1.2rem; margin: 0; background: hsla(var(--ep-primaryH), var(--ep-primaryS), 90%,1); border-radius: var(--borderRadius); padding: 3px 5px; display: inline-block }
.ep-statcard p { margin: 0; }

.ep-statcard.-simple .ep-statcard__subheader { color: var(--textGray); font-size: 1rem; margin: 0; background: none; border-radius: var(--borderRadius); padding: 0; display: inline-block; }

.ep-statcard .-text-center { text-align: center; }

.ep-col { display: flex; flex-direction: column; gap: 1rem; }
.ep-row { display: flex; gap: 1rem; }
.ep-grid-row{ display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; }

.dark-mode .ep-statcard { background-color: #000; }

.ep-statcard.-green .ep-statcard__subheader { color: var(--ep-green-bolder); background-color: var(--ep-green-subtle); }
.ep-statcard.-red .ep-statcard__subheader { color: var(--ep-red-bolder); background-color: var(--ep-red-subtle); }
.ep-statcard.-orange .ep-statcard__subheader { color: var(--ep-orange-bolder); background-color: var(--ep-orange-subtle); }
.ep-statcard.-cyan .ep-statcard__subheader { color: var(--ep-cyan-bolder); background-color: var(--ep-cyan-subtle); }
.ep-statcard.-blue .ep-statcard__subheader { color: var(--ep-blue-bold); background-color: var(--ep-blue-subtle); }
.ep-statcard.-purple .ep-statcard__subheader { color: var(--ep-purple-bold); background-color: var(--ep-purple-subtle); }

.ep-statcard.-green.-solid { background: var(--ep-green-bolder); }
.ep-statcard.-red.-solid { background: var(--ep-red); }
.ep-statcard.-orange.-solid { background: var(--ep-orange); }
.ep-statcard.-cyan.-solid { background: var(--ep-cyan-bolder); }
.ep-statcard.-blue.-solid { background: var(--ep-blue); }
.ep-statcard.-purple.-solid { background: var(--ep-purple); }

.ep-statcard.-solid { border: none; background: var(--ep-primary) }
    .ep-statcard.-solid .ep-statcard__mainheader,
    .ep-statcard.-solid p { color: #fff; }

.ep-statcard:not(.-solid) .separator { color: var(--ep-primary) }
.ep-statcard:not(.-solid).-green .separator { color: var(--ep-green-bolder); }
.ep-statcard:not(.-solid).-red .separator { color: var(--ep-red-bolder); }
.ep-statcard:not(.-solid).-orange .separator { color: var(--ep-orange-bolder); }
.ep-statcard:not(.-solid).-cyan .separator { color: var(--ep-cyan-bolder); }
.ep-statcard:not(.-solid).-blue .separator { color: var(--ep-blue-bold); }
.ep-statcard:not(.-solid).-purple .separator { color: var(--ep-purple-bold); }

.ep-fake-table { display: flex; flex-direction: column; gap: 0; background-color: #F2F2F2; border-radius: var(--borderRadius); margin-top: 1rem; overflow: hidden; }
    .ep-fake-table .ep-row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; background: var(--shade500); padding: .5rem; font-size: 1rem; }
        .ep-fake-table .ep-row:nth-child(2n+1) { background: var(--shade1000); }



.ep-panel.-solid { background-color: var(--ep-primary); }
    .ep-panel.-solid.-secondary { background-color: var(--ep-secondary); }
    .ep-panel.-solid.-green { background-color: var(--ep-green-bolder); }
    .ep-panel.-solid.-red { background-color: var(--ep-red); }
    .ep-panel.-solid.-orange { background-color: var(--ep-orange); }
    .ep-panel.-solid.-cyan { background-color: var(--ep-cyan-bolder); }
    .ep-panel.-solid.-blue { background-color: var(--ep-blue); }
    .ep-panel.-solid.-purple { background-color: var(--ep-purple); }
    .ep-panel.-solid .ep-panel__header { background-color: transparent; border: none; }
    .ep-panel.-solid .ep-panel__title { font-size: 1.25rem; color: #fff; }
    .ep-panel.-solid .toggle-arrow__left:after,
    .ep-panel.-solid .toggle-arrow__right:after { background-color: #fff; }
    .ep-panel.-solid .ep-toggle:hover { opacity: 1; background: hsla(210deg, 25%, 96%, 20%) !important }

.ep-panel.-simple { border-color: transparent; background-color: transparent; }
    .ep-panel.-simple .ep-panel__header { background-color: transparent; padding: 5px; border-color: transparent; }
    .ep-panel.-simple .ep-panel__body { padding: 0; }

.-pattern { position: relative; }

    .-pattern.-lines::before { content: ""; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='303' height='303' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23FFFFFF'  stroke-width='3.9'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg  fill='%23FFFFFF'%3E%3Ccircle  cx='769' cy='229' r='13'/%3E%3Ccircle  cx='539' cy='269' r='13'/%3E%3Ccircle  cx='603' cy='493' r='13'/%3E%3Ccircle  cx='731' cy='737' r='13'/%3E%3Ccircle  cx='520' cy='660' r='13'/%3E%3Ccircle  cx='309' cy='538' r='13'/%3E%3Ccircle  cx='295' cy='764' r='13'/%3E%3Ccircle  cx='40' cy='599' r='13'/%3E%3Ccircle  cx='102' cy='382' r='13'/%3E%3Ccircle  cx='127' cy='80' r='13'/%3E%3Ccircle  cx='370' cy='105' r='13'/%3E%3Ccircle  cx='578' cy='42' r='13'/%3E%3Ccircle  cx='237' cy='261' r='13'/%3E%3Ccircle  cx='390' cy='382' r='13'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; top: 0; left: 0; background-repeat: repeat; opacity: .25; background-position: top; background-attachment: fixed; }

    .-pattern.-squares::before { content: ""; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='463' height='463' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23FFFFFF'  stroke-width='2' stroke-opacity='0.83'%3E%3Crect x='-40' y='40' width='75' height='75'/%3E%3Crect x='-35' y='45' width='65' height='65'/%3E%3Crect x='-30' y='50' width='55' height='55'/%3E%3Crect x='-25' y='55' width='45' height='45'/%3E%3Crect x='-20' y='60' width='35' height='35'/%3E%3Crect x='-15' y='65' width='25' height='25'/%3E%3Crect x='-10' y='70' width='15' height='15'/%3E%3Crect x='-5' y='75' width='5' height='5'/%3E%3Crect width='35' height='35'/%3E%3Crect x='5' y='5' width='25' height='25'/%3E%3Crect x='10' y='10' width='15' height='15'/%3E%3Crect x='15' y='15' width='5' height='5'/%3E%3Crect x='40' width='75' height='75'/%3E%3Crect x='45' y='5' width='65' height='65'/%3E%3Crect x='50' y='10' width='55' height='55'/%3E%3Crect x='55' y='15' width='45' height='45'/%3E%3Crect x='60' y='20' width='35' height='35'/%3E%3Crect x='65' y='25' width='25' height='25'/%3E%3Crect x='70' y='30' width='15' height='15'/%3E%3Crect x='75' y='35' width='5' height='5'/%3E%3Crect x='40' y='80' width='35' height='35'/%3E%3Crect x='45' y='85' width='25' height='25'/%3E%3Crect x='50' y='90' width='15' height='15'/%3E%3Crect x='55' y='95' width='5' height='5'/%3E%3Crect x='120' y='-40' width='75' height='75'/%3E%3Crect x='125' y='-35' width='65' height='65'/%3E%3Crect x='130' y='-30' width='55' height='55'/%3E%3Crect x='135' y='-25' width='45' height='45'/%3E%3Crect x='140' y='-20' width='35' height='35'/%3E%3Crect x='145' y='-15' width='25' height='25'/%3E%3Crect x='150' y='-10' width='15' height='15'/%3E%3Crect x='155' y='-5' width='5' height='5'/%3E%3Crect x='120' y='40' width='35' height='35'/%3E%3Crect x='125' y='45' width='25' height='25'/%3E%3Crect x='130' y='50' width='15' height='15'/%3E%3Crect x='135' y='55' width='5' height='5'/%3E%3Crect y='120' width='75' height='75'/%3E%3Crect x='5' y='125' width='65' height='65'/%3E%3Crect x='10' y='130' width='55' height='55'/%3E%3Crect x='15' y='135' width='45' height='45'/%3E%3Crect x='20' y='140' width='35' height='35'/%3E%3Crect x='25' y='145' width='25' height='25'/%3E%3Crect x='30' y='150' width='15' height='15'/%3E%3Crect x='35' y='155' width='5' height='5'/%3E%3Crect x='200' y='120' width='75' height='75'/%3E%3Crect x='40' y='200' width='75' height='75'/%3E%3Crect x='80' y='80' width='75' height='75'/%3E%3Crect x='85' y='85' width='65' height='65'/%3E%3Crect x='90' y='90' width='55' height='55'/%3E%3Crect x='95' y='95' width='45' height='45'/%3E%3Crect x='100' y='100' width='35' height='35'/%3E%3Crect x='105' y='105' width='25' height='25'/%3E%3Crect x='110' y='110' width='15' height='15'/%3E%3Crect x='115' y='115' width='5' height='5'/%3E%3Crect x='80' y='160' width='35' height='35'/%3E%3Crect x='85' y='165' width='25' height='25'/%3E%3Crect x='90' y='170' width='15' height='15'/%3E%3Crect x='95' y='175' width='5' height='5'/%3E%3Crect x='120' y='160' width='75' height='75'/%3E%3Crect x='125' y='165' width='65' height='65'/%3E%3Crect x='130' y='170' width='55' height='55'/%3E%3Crect x='135' y='175' width='45' height='45'/%3E%3Crect x='140' y='180' width='35' height='35'/%3E%3Crect x='145' y='185' width='25' height='25'/%3E%3Crect x='150' y='190' width='15' height='15'/%3E%3Crect x='155' y='195' width='5' height='5'/%3E%3Crect x='160' y='40' width='75' height='75'/%3E%3Crect x='165' y='45' width='65' height='65'/%3E%3Crect x='170' y='50' width='55' height='55'/%3E%3Crect x='175' y='55' width='45' height='45'/%3E%3Crect x='180' y='60' width='35' height='35'/%3E%3Crect x='185' y='65' width='25' height='25'/%3E%3Crect x='190' y='70' width='15' height='15'/%3E%3Crect x='195' y='75' width='5' height='5'/%3E%3Crect x='160' y='120' width='35' height='35'/%3E%3Crect x='165' y='125' width='25' height='25'/%3E%3Crect x='170' y='130' width='15' height='15'/%3E%3Crect x='175' y='135' width='5' height='5'/%3E%3Crect x='200' y='200' width='35' height='35'/%3E%3Crect x='200' width='35' height='35'/%3E%3Crect y='200' width='35' height='35'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; top: 0; left: 0; background-repeat: repeat; opacity: .1; background-position: top; background-attachment: fixed; background-blend-mode: multiply; }

    .-pattern.-pixels::before { content: ""; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='40' height='40' viewBox='0 0 100 100'%3E%3Crect x='0' y='0' width='46' height='46'  fill-opacity='0.6' fill='%23000000'/%3E%3C/svg%3E"); position: absolute; top: 0; left: 0; background-repeat: repeat; opacity: .1; background-position: top; background-attachment: fixed; }

    .-pattern.-stripes::before { content: ""; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='55' height='55' viewBox='0 0 20 20'%3E%3Cg fill-opacity='1'%3E%3Cpolygon  fill='%23FFFFFF' points='20 10 10 0 0 0 20 20'/%3E%3Cpolygon  fill='%23FFFFFF' points='0 10 0 20 10 20'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; top: 0; left: 0; background-repeat: repeat; opacity: .1; background-position: top; background-attachment: fixed; }


    .-pattern.-radial::before { content: ""; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3CradialGradient id='a' cx='500' cy='500' r='0%25' gradientUnits='userSpaceOnUse'%3E%3Cstop  offset='0' stop-color='%23ffffff'/%3E%3Cstop  offset='1' stop-color='%23000'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='500' cy='500' r='0%25' gradientUnits='userSpaceOnUse'%3E%3Cstop  offset='0' stop-color='%23000' stop-opacity='1'/%3E%3Cstop  offset='1' stop-color='%23000' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1000' height='1000'/%3E%3Cg  fill='none' stroke='%23FFFFFF' stroke-width='4.3' stroke-miterlimit='10' stroke-opacity='1'%3E%3Ccircle cx='500' cy='500' r='725'/%3E%3Ccircle cx='500' cy='500' r='700'/%3E%3Ccircle cx='500' cy='500' r='675'/%3E%3Ccircle cx='500' cy='500' r='650'/%3E%3Ccircle cx='500' cy='500' r='625'/%3E%3Ccircle cx='500' cy='500' r='600'/%3E%3Ccircle cx='500' cy='500' r='575'/%3E%3Ccircle cx='500' cy='500' r='550'/%3E%3Ccircle cx='500' cy='500' r='525'/%3E%3Ccircle cx='500' cy='500' r='500'/%3E%3Ccircle cx='500' cy='500' r='475'/%3E%3Ccircle cx='500' cy='500' r='450'/%3E%3Ccircle cx='500' cy='500' r='425'/%3E%3Ccircle cx='500' cy='500' r='400'/%3E%3Ccircle cx='500' cy='500' r='375'/%3E%3Ccircle cx='500' cy='500' r='350'/%3E%3Ccircle cx='500' cy='500' r='325'/%3E%3Ccircle cx='500' cy='500' r='300'/%3E%3Ccircle cx='500' cy='500' r='275'/%3E%3Ccircle cx='500' cy='500' r='250'/%3E%3Ccircle cx='500' cy='500' r='225'/%3E%3Ccircle cx='500' cy='500' r='200'/%3E%3Ccircle cx='500' cy='500' r='175'/%3E%3Ccircle cx='500' cy='500' r='150'/%3E%3Ccircle cx='500' cy='500' r='125'/%3E%3Ccircle cx='500' cy='500' r='100'/%3E%3Ccircle cx='500' cy='500' r='75'/%3E%3Ccircle cx='500' cy='500' r='50'/%3E%3Ccircle cx='500' cy='500' r='25'/%3E%3C/g%3E%3Crect fill-opacity='1' fill='url(%23b)' width='1000' height='1000'/%3E %3C/svg%3E"); background-size: cover; position: absolute; top: 0; left: 0; background-repeat: repeat; opacity: .1; background-position: top; background-attachment: fixed; }

    .-pattern.-pixels2::before { content: ""; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect  stroke='%23ffffff' stroke-width='0.2' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(70) translate(-980 -735)'%3E%3Cuse  fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse  fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse  fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse  fill='%23fafafa' href='%23s'/%3E%3Cuse  fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse  fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(70) translate(-980 -735)'%3E%3Cg  fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(70) translate(-980 -735)'%3E%3Cg  fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(70) translate(-980 -735)'%3E%3Cg  fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(70) translate(-980 -735)'%3E%3Cg  fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg  fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(70) translate(-980 -735)'%3E%3Cg  fill='%23000000'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(70) translate(-980 -735)'%3E%3Cg  fill='%23000000'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(70) translate(-980 -735)'%3E%3Cg  fill='%23000000'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E"); position: absolute; top: 0; left: 0; background-repeat: repeat; opacity: .1; background-position: top; background-attachment: fixed; background-size: cover; }

.custom-grid-no-border { border: none !important; }

.custom-grid-main-panel { width: 100%; }

/* --------------------*/
/* ---- =PROGRESS BAR ------ */
/* --------------------*/

.k-progressbar { color: var(--textStrong); background-color: var(--shade500); }
.k-progressbar .k-selected { color: #fff; background-color: var(--ep-primary); }

.k-table-td .k-progressbar { height: var(--mdHeight); font-size: 1rem; }

td:nth-child(2) .k-progressbar .k-selected { background-color: var(--ep-purple); color: #fff; }
td:nth-child(3) .k-progressbar .k-selected { background-color: var(--ep-blue); color: #fff; }
td:nth-child(4) .k-progressbar .k-selected { background-color: var(--ep-green-bolder); color: #fff; }
td:nth-child(5) .k-progressbar .k-selected { background-color: var(--ep-orange); color: #fff; }


.dashboard-card-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    height: 100%;
    width: 100%;
}

.dashboard-card {
    width: 100%;
    height: 100%;
    background: green;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.dashboard-card-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
    text-align: left;
    color: white;
}

.dashboard-card-row {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 12px;
}

.dashboard-card-column {
    display: flex;
    flex-direction: row;
    align-items: flex-start; 
    justify-content: flex-start;
    margin-right: 20px;
}

.dashboard-title {
    font-weight: bold;
    margin-right: 4px;
    color:white;
}

.card-amount {
    color: white;
}
.d-value {
    color: #555;
}

.geocoding-infowindow-content {
    color: black;
}

.d-arrow {
    display: inline-block;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-right: 5px;
}

    .d-arrow.up {
        border-bottom:13px solid #82e582;
    }

    .d-arrow.down {
        border-top: 13px solid #ff6744;
    }

.dashboard-header {margin: 0; padding: 5px; background: #f1f1f1; border: 1px solid #ddd; border-bottom: 0;}
.dashboardFiscalYearComparison h2 {color: #fff; font-size: 1.25rem;}
.dashboardFiscalYearComparison .d-row { border-bottom: 1px dotted #fff; display: flow-root;}   
.dashboardFiscalYearComparison .d-row:last-child { border-bottom: 0; }   
.dashboardFiscalYearComparison .d-row .ep-statcard__subheader {margin: 0px; background-color: transparent !important; color: #fff !important;background-color: transparent !important; color: #fff !important;font-size: 1.25rem;}
.dashboardFiscalYearComparison .d-row .ep-statcard__text { float:right;font-size: 1.25rem;}

.fd-infofield {
    height: 75px;
    background-color: var(--ep-primary);
    color: white;
    margin: 5px;
    text-align: center;
    position: relative;
    box-shadow: 2px 2px 5px rgba(99, 99, 99, 0.9);
}

    .fd-infofield.fd-q.fd-q-items {
        height: 100px;
        margin: 1px;
    }

.fd-infofield-value {
    font-size: 26px;
    text-align: end;
    padding-top: 6px;
    padding-right: 10px;
}

.fd-infofield.fd-q.fd-q-items .fd-infofield-value {
    font-size: 16px;
    padding: 5px;
}

.fd-infofield-caption {
    font-size: 13px;
    padding: 10px;
    text-align: start;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.fd-infofield.fd-q.fd-q-items .fd-infofield-caption {
    font-size: 13px;
    padding: 5px;
}

.fd-infofield.fd-q.fd-q-items-wh {
    height: 45px;
}

    .fd-infofield.fd-q.fd-q-items-wh .fd-infofield-caption {
        font-size: 11px;
    }

    .fd-infofield.fd-q.fd-q-items-wh .fd-infofield-value {
        font-size: 16px;
    }


.fd-infofield-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    margin-bottom: auto;
    margin-top: auto;
}

.wh-color-primary {
    color: var(--ep-primary);
}

.wh-centered {
    text-align: center;
}