body {
    user-select: none; /* Standard syntax */
    /*letter-spacing: .3px;*/
    /*font-size:1.25em !important;*/
    color:#fff;
}

.TH2ECO_Ecosystem h2,
.TH2ECO_Ecosystem h3,
.TH2ECO_Ecosystem h4,
.TH2ECO_Ecosystem .h4 {
    color: rgb(25, 106, 189) !important;
}

#dashboard-map img {
    width:60%;
}
@media (min-width: 1200px) {
    #dashboard-map img {
        width:65%;
    }
}

.info-overlayer {
    padding:3vw;
    position: fixed;
    z-index:9999;
    top:50%;
    left:50%;
    margin-left:-30vw;
    margin-top:-6rem;
    background:#fff;
    color:#000;
    width:60vw;
    text-align:center;
}

body.ui-overlay-a {
    color:#fff;
}

table {
    width:100%;
    table-layout:fixed;
    border-spacing: 0;
    border-collapse: separate;
}
table td,
table th
{
    padding: 0; /* 'cellpadding' equivalent */
}

.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
    color: #ffffff;
}
.ui-content,
.text-center {
    text-align: center;
}
.ui-content,
.background-primary {
    background-color: #50ae30;
}

.ui-content *,
.background-primary * {
    color:#fff;
}

.projects-list::-webkit-scrollbar {
    width: .6em;
}

.projects-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 1);
    border-radius: 8px;
}

.projects-list::-webkit-scrollbar-thumb {
    background-color: #fff;
    outline: -4px solid #fff;
    border-radius: 8px;
}

.content-p-x {
    padding-left: 5%;
    padding-right: 5%;
}
.content-p-l {
    padding-left: 5%;
}


.no-button {
    border-radius:0 !important;
    border:0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
.no-button-hover:hover,
.no-button-hover:active,
.btn.no-button-hover:hover,
.btn.no-button-hover:active {
    background-color: transparent !important;
}



/* .projects-list td[colspan="3"] { */
.projects-list td {
    border-bottom: 1px solid #fff !important;
}



.btn {
    font-weight: 700 !important;
    /* line-height: 1.125rem !important;*/
    letter-spacing: .6px !important;
    display: inline-block !important;
    width:auto !important;
    white-space: inherit !important;
}
.btn:hover,
.btn:active {
    background-color: #38851e !important /*{a-bhover-background-color}*/;
    border-color: #ffffff !important/*{a-bhover-border}*/;
    color: #ffffff !important/*{a-bhover-color}*/;
    text-shadow: 0 /*{a-bhover-shadow-x}*/ 0 /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ none /*{a-bhover-shadow-color}*/;
}
.bg-white {
    --bs-bg-opacity: 1;
    background-color: #fff !important;
    color: #373f41;
}
.bg-white * {
    color: #373f41;
}

@media (min-width: 876px) {
}

div[data-navi-head] {
    left:0;
    top:0;
    right:0;
    transition-property: background-color;
    transition-duration: .4s;
    background-color: transparent border-bottom box-shadow;
    border-bottom: 1px solid transparent;
    z-index:9999;
    box-shadow: none;
}
div[data-navi-head].nav-border {
    _border-bottom: 1px solid #ccc;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
}
div[data-navi-head].nav-opacity.position-fixed {

}

.margin-bottom {
    /* von hero $hero-body-padding-tablet: */
    margin-bottom: 3vw !important;
}
.margin-top {
    /* von hero $hero-body-padding-tablet: */
    margin-top: 3vw !important;
}
.padding-left {
    padding-left: 8vw;
}
.padding-x {
    padding-left: 8vw;
    padding-right: 8vw;
}
.padding-y {
    padding-top: 6vw;
    padding-bottom: 6vw;
}
.padding-y-small {
    padding-top: 3vw;
    padding-bottom: 3vw;
}
.margin-reset-x {
    margin-left: -8vw;
    margin-right: -8vw;
}

.bg-cover,
.bg-contain {
    background-position: center;
    background-repeat: no-repeat;
}
.bg-cover {
    background-size: cover;
}
.bg-contain {
    background-size: contain;
}

/*
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}
.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}


*/