.content a {
    color: #0F2BFE !important;
}

.content a svg {
    font-size: 32px;
}

.content .colContent {
    background-color: #e2e8f1;
    height: calc(100% - 57px);
}

.content .customRounded {
    border-radius: 12px !important;
}

.content img.cardImgRounded {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.content .colContent .card {
    border-radius: .5rem;
    border: 0;
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.content .colContent .card p {
    color: #636466;
}

.content .colContent .card svg {
    border-radius: 50%;
    font-size: 24px;
    padding: 4px;
}

.content .colContent .card svg:hover {
    background: #EAEAEA;
}

.posRelative {
    position: relative;
}

.content svg.close {
    position: absolute;
    top: 16px;
    z-index: 2;
    right: 16px;
    background: #eaeaea;
    opacity: .9;
    border-radius: 50%;
}

.content .grayTitle {
    color: #636466 !important;
}

.content a svg {
    font-size: 32px;
}

.content .colContent {
    background-color: #e2e8f1;
    height: calc(100% - 57px);
}

.content svg.close {
    border-radius: 50%;
    font-size: 24px;
    width: 24px;
    height: 24px;
    padding: 4px;
}

.content svg.close:hover {
    background: #EAEAEA;
}

.content h5 {
    font-size: 18px;
}

.content .customRounded {
    border-radius: 12px !important;
}

.content img.cardImgRounded {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.content .colContent img.rewardsLogo {
    min-width: 56px;
}

.content .subTitle {
    height: 30px;
}

.content .events .eventsIcon {
    position: relative;
}

.content .events .eventsIcon img {
    width: 83px;
    height: 83px;
}

.content .events .eventsIcon .iconText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content .membership button.addDocBtn {
    background-color: blue;
    height: 48px;
    padding: 0 24px;
    border-radius: 24px;
    color: white;
}

.content .membership button.addDocBtn:focus {
    text-decoration: none;
    border: 0;
}

.content table th{
    height: 46px;
}
.content table th,
.content table td {
    border: 0;
    padding: 4px;
    vertical-align: middle;
}

.content table th {
    font-size: 18px;
    min-width: 133px;
    vertical-align: middle;
}

.content table th i {
    margin-left: 8px;
    font-size: 24px;
}

.content table td {
    font-size: 16px;
    vertical-align: middle;
}

.content table thead tr {
    background-color: #f8f8f8;
}

.content .newProjects .offers {
    background-color: #e2e8f1;
}


/* .content .newProjects .fundingDiv table .headCol, */
/*
.content .table-responsive {
    width: auto;
    margin-left: 12rem;
    padding-bottom: 1px;
}

.content table .headCol {
    position: absolute;
    width: 12rem;
    left: 0;
    top: auto;
    background: inherit;
}
    */
.content .newProjects h3.subtitle,
.content .textGray {
    color: #636466;
}

.content a {
    color: #0f2bfe;
}

.textBlue {
    color: #0f2bfe;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #e2e8f1;
}

.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
    background-color: #f8f8f8;
}

.table-striped > thead > tr > td.dark-bg,
.table-striped > thead > tr > th.dark-bg,
.table-striped > tbody > tr > td.dark-bg,
.table-striped > tbody > tr > th.dark-bg {
    background-color: #e2e8f1;
}


@media only screen and (max-width: 767px) {
    .container {
        background-color: #e2e8f1;
    }
    .content {
        background-color: #e2e8f1;
    }
    .content h2 {
        font-size: 24px;
    }
    .content h3 {
        font-size: 20px;
    }
    .content table th {
        font-size: 14px;
        min-width: 108px;
    }
    .content table td {
        font-size: 14px;
    }
    .content table th i {
        font-size: 20px;
    }
    /*
        .content .table-responsive {
            width: auto;
            margin-left: 10rem;
            padding-bottom: 1px;
        }

        .content table .headCol {
            position: absolute;
            width: 10rem;
            left: 0;
            top: auto;
            background: inherit;
        }
*/

}

@media only screen and (max-width: 575px) {
    .content .newProjects .offerDiv {
        background-color: #e2e8f1;
    }
    /*
    .content .table-responsive {
        margin-left: 8rem;
    }
    .content table .headCol {
        width: 8rem;
    }
        */
}

[style*="--aspect-ratio"]> :first-child {
    width: 100%;
}

[style*="--aspect-ratio"]>img {
    height: auto;
}

@supports (--custom:property) {
    [style*="--aspect-ratio"] {
        position: relative;
    }
    [style*="--aspect-ratio"]::before {
        content: "";
        display: block;
        padding-bottom: calc(100% / (var(--aspect-ratio)));
    }
    [style*="--aspect-ratio"] img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        object-position: top;
    }
}