.maincategory-subtext{
    color: #000000;
    text-align: left;
}
.label.label-yellow{
    background-color: #ffff00;
}

#kt_content > *:nth-last-child(2) {
    flex-grow: 1;
}

.recertification-icon{
    font-size: 14px;
    padding-top: 3px;
    color: white;
}
@media (min-width: 1200px) {
    .header-menu .menu-nav>.menu-item .menu-submenu>.menu-subnav>.menu-item.menu-item-active>.menu-link .menu-text {
        color: #fff;
    }
}

@media (max-width: 1199px) {
    .header-menu-mobile .menu-nav>.menu-item.menu-item-open>.menu-heading, .header-menu-mobile .menu-nav>.menu-item.menu-item-open>.menu-link {
        background-color: inherit;
    }
}

@media (max-width: 1199px) {
    .header-menu-mobile .menu-nav>.menu-item.menu-item-open>.menu-heading .menu-text, .header-menu-mobile .menu-nav>.menu-item.menu-item-open>.menu-link .menu-text {
        color: #3f4254;
    }
}

.table.table-card  td{
    vertical-align: bottom;
}

.table td.fit {
    width: 6em;
    white-space: nowrap;
}

@media(max-width: 768px) {
    .btn.full-width {
        width: 100%;
    }
}

input::placeholder sup {
    font-size: 12px; /* Adjust superscript font size */
    vertical-align: super;
}

.select2-container--default >  .s2-hide-disabled .select2-results__option[aria-disabled=true] {
    display: none;
}

.select2-container .select2-selection--multiple{
    height: 39px;
}

.card .row {
    margin-left: 0;
    margin-right: 0;
}

.test-table > table > thead > tr{
    background-color: #4D4D4D !important;
    color: #FFFFFF !important;
}

.test-table > table {
    border-spacing: 2px !important;
    border-collapse: separate !important;
    border-style: none !important;
}

.test-table > table td {
    border: none !important;
}

.test-table > table > thead > tr > td {
    font-weight: bold;
    font-size: 1.1em;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.test-table > table > thead > tr > td:first-child  {
    padding-left: 3em !important;
    padding-right: 3em !important;
}

.test-table > table > tbody > tr {
    color: #FFFFFF !important;
    height: 4em !important;
}

.test-table > table > tbody > tr td:first-child {
    background-color: #7F7F7F !important;
    color: #FFFFFF !important;
    width: 50% !important;
}

.test-table > table > tbody > tr td {
    background-color: #CCCCCC !important;
    color: #000000 !important;
    padding-left: 0.5em;
}


.select2-selection--multiple{
    overflow: hidden !important;
    height: auto !important;
}

div.dt-container .dataTable td a {
    color: #2b586b; 
}