.box-login_box .logo-tiki, .remind-password_box .logo-tiki {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    margin: 0px auto;
    width: 74px;
    height: 74px;
    line-height: 74px;
    background: #ffffff;
    border-radius: 50%;
    border-bottom: 2px solid #000000;
}

.box-login_box .forgot-pass {
    color:#000000;
}

.box-login_box:has(.card-header-login), .remind-password_box:has(.card-header-login)  {
    margin-top: 3rem !important;
}

.box-login_box button[name="login"] {
    background:#000000;
    border: var(--bs-btn-border-width) solid #000000;
}

.header_outer .box-logo div.sitelogo {
    width: 160px;
}

.header_outer .divisions-menu {
    top: 44px;
}
#middle_outer {
    margin-top: 69px !important;
}

.tiki .header_container .container-fluid .header .top_modules, .tiki .header_container .container-fluid .header .top_modules .box-logo .sitelogo {
    max-height: 75px;
}

.options-sub-menu, .options-sub-menu .nav-tabs {
    background: none !important;
    margin-top: -30px;
    border-bottom: 1px solid black;
}

.default-home .customsearch_form .col-sm-4 {
    background: none;
    border: none;
    position: relative;
    top: -305px;
    left: 833px;
    margin-top: 0px !important;
}

.default-home .customsearch_results {
    margin-top: -50px;
}

.box-menu:has(.options-sub-menu) {
    width: 100%;
}

.options-sub-menu a.nav-link {
    color: #707070 !important;
    border: none;
}

.options-sub-menu a.nav-link:hover {
    font-weight: bold;
    color: black;
}

.options-sub-menu li.active a.nav-link, .options-sub-menu li:has(.active) a.nav-link {
    font-weight: bold;
    background-color: inherit;
    border: none;
    color: #2D2D2D;
}

#nav-dashboards_matters {
    justify-content: flex-end !important;
}

#nav-dashboards_matters a.nav-link.active {
    color: #B96B05;
}

#nav-dashboards_matters a.nav-link:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #B96B05 rgba(0, 0, 0, 0);
}

.options-sub-menu li.active a.nav-link:after, .options-sub-menu li:has(.active) a.nav-link:after {
    position: relative;
    content: " ";
    /*width: auto;
    height: auto;*/
    bottom: -6px;
    margin-left: 0;
    right: 50%;
    border-width: 7px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1c1c1c rgba(0, 0, 0, 0);
    display: inline;
    vertical-align: inherit;
}

.options-sub-menu #nav-dashboards_homepage li.active a.nav-link:after, .options-sub-menu li:has(.active) a.nav-link:after {
    bottom: -2px;
}

#mod-login_box, #mod-remind-password_box {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

#mod-remind-password_box span.warn.tips {
    color: brown;
}

.header_outer .header_container .container-fluid, .header_outer .header_container .container-sm, .header_outer .header_container .container-md, .header_outer .header_container .container-lg, .header_outer .header_container .container-xl, .header_outer .header_container .container-xxl {
    width: inherit;
}

.tiki_wiki_page #middle_outer {
    background: #EFEFEF;
}

.home-stats .card {
    border-radius: inherit;
    border: none;
    height: 220px;
    overflow: auto;
}

.home-stats .card .card-title {
    font-size: 14px;
    font-weight: bold;
    color: #707070;
    border-bottom: 0.2px solid #c0c0c0;
    padding-bottom: 9px;
}

.home-stats .card .card-text {
    font-size: 17px;
}

.home-stats .keys-feed {
    padding: 0 15px 0 15px;
    list-style: none;
}

.home-stats .keys-feed .feed-item {
    position: relative;
    padding-bottom: 0.1px;
    padding-left: 30px;
    border-left: 2px solid #c0c0c0;
}

.home-card-row .keys-feed {
    list-style: none;
}

.home-card-row .keys-feed .feed-item {
    position: relative;
    padding-bottom: 0.1px;
    padding-left: 30px;
    border-left: 2px solid #c0c0c0;
}

.home-card-row ol.keys-feed{
    padding: 18px 0px 0px 18px;
}

.keys-feed .feed-item::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: -6px;
    width: 10px;
    height: 9px;
    border-radius: 30px;
    background: #B96B05;
}

.keys-feed .feed-item-list {
    font-size: small;
    color: #2D2D2D;
    margin-bottom: 7px;
}

.noticeboard .article h2 {
    background-color: inherit !important;
    font-size: medium;
}

.noticeboard h2 {
    font-size: medium;
}

.noticeboard .article h2 a:hover {
    color: #e1b345 !important;
}

.noticeboard .article h2 a:visited {
    color: #B96B05;
}

.noticeboard .article h2 a:link {
    color: #0772FF;
}

.noticeboard .article span {
    position: initial;
}

.noticeboard .article .articleheading {
    padding: 0;
    font-size: small;
}

.noticeboard span.icon.icon-user.fas.fa-user.tips {
    margin-right: 12px;
}

.homepage-cards {
    width: 100% !important;
}

.homepage-cards .card-box {
    position: relative;
    color: #fff;
    padding: 20px 10px 40px;
    margin: 20px 0px;
    height: 220px
}

.homepage-cards .card-box-events {
    position: relative;
    color: #000;
    padding: 20px 10px 40px;
    margin: 20px 0px;
    background: white;
    height: 220px;
    overflow: auto;
}

.homepage-cards .card-box-details {
    position: relative;
    color: #000;
    margin: 20px 0px;
    background: white;
    height: 220px;
    overflow: auto;
    z-index: 9999;
}

.homepage-cards .card-box-details .inner {
    padding: 20px 10px 40px;
}

.home-card-row .card {
    position: relative;
    color: #000;
    /*padding: 20px 10px 40px;
    margin: 20px 0px;*/
    background: white;
    height: 225px;
}

.home-card-row .card-overflow, .home-card-row .card-borded {
    overflow: auto;
}

.home-card-row .small-card {
    height: 125px;
}

.home-card-row .small-card p {
    margin: 4px;
    background: #ECECEC;
    white-space: nowrap;
    overflow: hidden;
    color: #B96B05 !important;
    font-size: small;
    cursor: pointer;
    text-align: start;
    padding-left: 12px;
}

.card-box-events p, card-box-details p {
    font-size: small;
}

.home-card-row .card-borded {
    height: 120px;
    font-size: small;
}

.home-card-row .card-borded p{
    font-size: small;
}

.home-card-row .card-title{
    text-align: center;
    font-weight: 500;
    font-size: large;
}

.home-card-row .card-title small {
    font-size: small;
}

.homepage-cards .card-box:hover {
    text-decoration: none;
    color: #f1f1f1;
}
.homepage-cards .card-box:hover .icon  i.fa, .homepage-cards .card-box:hover .icon  img {
    font-size: 100px;
    width: 100px;
    transition: 1s;
    -webkit-transition: 1s;
}
.homepage-cards .card-box .inner {
    padding: 5px 10px 0 10px;
}
.homepage-cards .card-box h3, .homepage-cards .card-box h3 p {
    font-size: 55px;
    font-weight: bold;
    margin: 0 0 8px 0;
    white-space: nowrap;
    padding: 0;
    text-align: left;
    color: white;
}
.homepage-cards .card-box p, .homepage-cards .card-box-events p:nth-child(1), .homepage-cards .card-box-details .inner > p:first-of-type {
    font-size: 15px;
}

#lastCorrespondance2 > p:first-of-type {
    margin-bottom: 32px;
}

#lastCorrespondance2 .navigation {
    margin-top: 40px;
}

.noticeboard p {
    font-size: small;
}

.homepage-cards .card-box .icon i.fa, .homepage-cards .card-box .icon img {
    position: absolute;
    top: auto;
    bottom: 15px;
    right: 18px;
    z-index: 0;
    font-size: 72px;
    width: 80px;
    color: rgba(0, 0, 0, 0.15);
    opacity: 0.5;
}
.homepage-cards .card-box .card-box-footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-align: center;
    padding: 3px 0;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    text-decoration: none;
    cursor: pointer;
}

.home-card-row .noticeboard article.article .clearfix.articletrailer:before {
    content: "";
    padding: 0;
}

.homepage-cards .card-box:hover .card-box-footer {
    background: rgba(0, 0, 0, 0.3);
}
.homepage-cards .bg-blue {
    background-color: #2b4f9b !important;
}
.homepage-cards .bg-green {
    background-color: #00a65a !important;
}
.homepage-cards .bg-orange {
    background-color: #f39c12 !important;
}
.homepage-cards .bg-grey {
    background-color: grey !important;
}
.homepage-cards .bg-red {
    background-color: #d9534f !important;
}

.card-box-details .inner p {
    font-size: smaller;
    padding-left: 40px;
}

.card-box-details .inner p small, .card-box-details .inner p span {
    color: #B96B05;
}

#col2 {
    background: #2D2D2D;
    color: white !important;
    margin-top: 0px;
    padding-top: 24px;
}

#col2 a:link,#col2  a:visited {
    color: white;
    font-size: 1em;
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-weight: 700;
}

#col2 .nav-item a:hover {
    color: #B96B05;
}

#col2 .dropdown-menu .nav-item a:hover {
    color: white;
    background: #000000 ;
}

#col2 .nav-item .dropdown-menu {
    background: #2D2D2D;
    border: 1px solid #000000;
    z-index: 1003 !important;
}

#col2 #left_modules .module {
    background: #2D2D2D;
    color: white;
    border: none;
}

#col2 #left_modules .module .card-header, #col2 #left_modules .box-login_box .card-title {
    border-bottom: 1px solid #ffffff;
}

#col2 a.flipmodtitle .icon {
    font-size: 100%;
}

#col2 #left_modules .box-login_box .card-title .icon-module {
    margin-top: 6px;
}

#col2 .moduletitle {
    font-family: calibri;
    font-weight: bold;
}

#col2 .box-login_box h3.card-title {
    font-size: 1.25em;
    margin-top: 0.8em;
    font-family: calibri;
    font-weight: bold;
    padding-left: 16px;
    padding-bottom: 10px;
}

#col2 .moduleflip {
    top: 0.6rem;
}

#footer {
    background-color: #000000;
    padding: 0px 20px !important;
}

.side-col-toggle, .side-col-toggle-container {
    margin: 10px;
    margin-left: 0px !important;
}

.side-col-toggle .icon-toggle-left, .side-col-toggle .icon-toggle-right, .side-col-toggle-container .icon-toggle-left, .side-col-toggle-container .icon-toggle-right {
    width: 0px !important;
}

.side-col-toggle .toggle_zone, .side-col-toggle-container .toggle_zone {
    padding-left: 10px !important;
    padding-right: 18px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

#page-header .box-login_box {
    position: absolute !important;
    left: inherit !important;
    right: 0 !important;
}

.header_outer .box-custom_search {
    position: absolute;
    top: 10px;
    right: 290px;
}

#page-header .box-quickadmin {
    position: absolute;
    top: 10px;
    right: 200px;
    z-index: 9999;
    color: white;
}

#pagetop_modules {
    height: inherit;
}

.box-page_head {
    width: 100%;
    margin-top: 10px;
}

.default-home .tablesorter-headerRow {
    border: 1px solid var(--bs-border-color);
}
.default-home .table {
    border: 2px solid var(--bs-border-color) !important;
}
.default-home .inset-right {
    box-shadow: none !important;
}
.default-home table td, .default-home table th {
    border-right: none !important;
    padding: 8px 6px !important;
    text-transform: inherit !important;
}
.default-home table .tablesorter-filter {
    height: inherit !important;
    font-size: smaller !important;
    border-radius: 5px !important;
}
.default-home .ts-pager {
    margin: 5px 0 3px !important;
}
.badge-{
    color: #fff !important;
    background-color: #7e7e7e;
}
.badge-Rejected{
    color: #fff !important;
    background-color: #dc3545;
}
.badge-Approved{
    color: #fff !important;
    background-color: #28a745;
}
.legal-card .card-header {
    padding: 17px;
    background: white;
    border-left: 7px solid #d29d22;
}
.legal-card .card-body a:before {
    content: ">";
    margin-right: 10px;
    margin-left: 35px;
}
.legal-card .card-body a {
    color: #d29d22 !important;
}
.legal-card .card-body a:hover {
    color: #906c17 !important;
}

.legal-metro .td {
    width: 17%;
    height:12em;
    position: relative;
}
.legal-metro .double-col {
    width: 30% !important;
}
.legal-metro .btn-metro:hover {
    opacity: 0.5;
}
.legal-metro div[class^="btn"]:active {
    transform: scale(.98,.98);
}
.legal-metro .btn-metro {
    width: 100%;
    font-size: 3em;
    color: #ffffff;
    text-align: center;
    height: 100%;
    align-content: center;
}
.legal-metro .label {
    position: absolute;
    color: white;
    font: 500 12px sans-serif;
    left: 10px;
    user-select: none;
}
.legal-metro .bottom {
    bottom: 5px;
}

.licensing-card {
    background-color: #2D2D2D;
    color: white !important;
}

.licensing-card-body {
    min-height: 100px;
    align-content: center;
}

.litigation-tab .nav-tabs {
    border-bottom: 2px solid var(--bs-border-color);
}
.litigation-tab a:link, .litigation-tab a:visited {
    color: #373535;
}
.litigation-tab a.nav-link:hover  {
    color: #1c8f81;
}
.litigation-tab .nav.nav-tabs .nav-link {
    border: none;
}
.litigation-tab .nav.nav-tabs .nav-link.active {
    background-color: unset;
    color: #1c8f81;
}
.litigation-tab .nav-item:has(.nav-link.active)::after {
    position: relative;
    content: " ";
    bottom: -1px;
    left: 0;
    margin-left: 0;
    right: 50%;
    border-width: 2px;
    border-style: solid;
    width: 100%;
    display: block;
    color: #1c8f81;
}

.box-perspective form div.mb-3:first-of-type {
    display: none;
}


.card-box-navigation .navigation {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.card-box-navigation .nav-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 5px;
    border: none;
    border-radius: 30px;
    background-color: #b7b7b7;
    color: #666;
    font-size: 10px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.card-box-navigation .nav-btn:disabled, .card-box-navigation .nav-btn:disabled[disabled] {
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}

button:disabled,
button[disabled] {
    background-color: #cccccc; /* Gray background */
    color: #666666; /* Darker text color */
    cursor: not-allowed; /* Change cursor to "not allowed" symbol */
    opacity: 0.6; /* Make it slightly transparent */
    /* Remove hover effects for disabled state */
    pointer-events: none;
}

.card-box-navigation .nav-btn:hover {
    background-color: #7d7d7d;
}

.card-box-navigation .nav-btn:active {
    transform: translateY(1px);
}

.card-box-navigation .prev-btn, .card-box-navigation .next-btn {
    color: #fff;
}

.card-box-navigation .prev-btn {
    padding-right: 10px;
}

.card-box-navigation .next-btn {
    padding-right: 10px;
}

button#prevBtn:before {
    content: "\2B9C";
    font-size: medium;
}

button#nextBtn:after {
    content: "\2B9E";
    font-size: medium;
}

.card-box-navigation .add-btn {
    background-color: #cccccc;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0;
    justify-content: center;
    color: white;
    font-size: larger;
}

.card-box-navigation .add-btn:hover {
    background-color: #7d7d7d;
    color: white;
}

.card-box-navigation .menu-btn {
    background-color: #cccccc;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0;
    justify-content: center;
    color: white;
    font-size: 9px;
    font-size: larger;
}

.card-box-navigation .menu-btn:hover {
    background-color: #7d7d7d;
    color: white;
}

.card-box-navigation .search-container {
    /*flex: 1;
    max-width: 300px;
    margin: 0 12px;*/
}

.card-box-navigation .search-icon {
    color: #666;
    margin-right: 8px;
    flex-shrink: 0;
}

.card-box-navigation .search-input {
    width: 100px;
}

.card-box-navigation .search-input::placeholder {
    color: #999;
}

.card-box-navigation .clear-btn {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    color: #666;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.card-box-navigation .clear-btn:hover {
    background-color: #e9ecef;
    color: #333;
}

.card-box-navigation .clear-btn.visible {
    display: flex;
}


/* Responsive design */
@media (max-width: 768px) {
    .card-box-navigation .navigation {
        flex-wrap: wrap;
        gap: 6px;
        padding: 6px 8px;
    }

    .card-box-navigation .search-container {
        order: 3;
        flex-basis: 100%;
        margin: 8px 0 0 0;
        max-width: none;
    }

    .card-box-navigation .nav-btn {
        padding: 6px 10px;
        font-size: 11px;
    }

    .card-box-navigation .add-btn,
    .card-box-navigation .menu-btn {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 480px) {
    .card-box-navigation .container {
        padding: 10px 0;
    }

    .card-box-navigation .navigation {
        padding: 4px 6px;
    }

    .card-box-navigation .nav-btn {
        padding: 4px 8px;
        font-size: 10px;
    }

    .card-box-navigation .add-btn,
    .card-box-navigation .menu-btn {
        width: 28px;
        height: 28px;
    }
}

.card-box-navigation .has-search .form-control {
    padding-left: 1.7rem;
    width: 118px;
}

.card-box-navigation .has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 1.7rem;
    height: 2.375rem;
    line-height: 2.2rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.homepage-cards .card-box-details#recentUpdateOnMatters2 .inner {
    padding: 20px 10px 20px;
}

#recentUpdateOnMatters2, #lastCorrespondance2, #recentUpdateOnLitigation2, #recentUpdateOnIncidents2, #recentUpdateOnGovernance2, #recentUpdateOnLicensing2, #recentUpdateOnSwcif2, #recentUpdateOnPIAs2, #recentUpdateOnPM2 {
    display: none;
}

#recentUpdateOnMatters2:target, #lastCorrespondance2:target, #recentUpdateOnLitigation2:target, #recentUpdateOnIncidents2:target, #recentUpdateOnGovernance2:target, #recentUpdateOnLicensing2:target, #recentUpdateOnSwcif2:target, #recentUpdateOnPIAs2:target, #recentUpdateOnPM2:target {
    display: block;
    scroll-margin-top: 180px;
    color: black;
}

#recentUpdateOnMatters2:target .card-box-footer, #lastCorrespondance2:target .card-box-footer, #recentUpdateOnLitigation2:target .card-box-footer, #recentUpdateOnIncidents2:target .card-box-footer, #recentUpdateOnGovernance2:target .card-box-footer, #recentUpdateOnLicensing2:target .card-box-footer, #recentUpdateOnSwcif2:target .card-box-footer, #recentUpdateOnPIAs2:target .card-box-footer, #recentUpdateOnPM2:target .card-box-footer {
    position: sticky;
    display: block;
    left: 0px;
    bottom: 0px;
    text-align: center;
    padding: 3px 0;
    color: black;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    text-decoration: none;
    cursor: pointer;
}

#recentUpdateOnMatters2:target .card-box-footer:hover, #lastCorrespondance2:target .card-box-footer:hover, #recentUpdateOnLitigation2:target .card-box-footer:hover, #recentUpdateOnIncidents2:target .card-box-footer:hover, #recentUpdateOnGovernance2:target .card-box-footer:hover, #recentUpdateOnLicensing2:target .card-box-footer:hover, #recentUpdateOnSwcif2:target .card-box-footer:hover, #recentUpdateOnPM2:target .card-box-footer:hover, #recentUpdateOnPIAs2:target .card-box-footer:hover {
    background: rgba(0, 0, 0, 0.3);
}

.homepage-cards:has(#recentUpdateOnMatters2:target) #recentUpdateOnMatters1, .homepage-cards:has(#lastCorrespondance2:target) #lastCorrespondance1, .homepage-cards:has(#recentUpdateOnLitigation2:target) #recentUpdateOnLitigation1, .homepage-cards:has(#recentUpdateOnIncidents2:target) #recentUpdateOnIncidents1, .homepage-cards:has(#recentUpdateOnGovernance2:target) #recentUpdateOnGovernance1, .homepage-cards:has(#recentUpdateOnLicensing2:target) #recentUpdateOnLicensing1, .homepage-cards:has(#recentUpdateOnSwcif2:target) #recentUpdateOnSwcif1, .homepage-cards:has(#recentUpdateOnPIAs2:target) #recentUpdateOnPIAs1, .homepage-cards:has(#recentUpdateOnPM2:target) #recentUpdateOnPM1 {
    display: none;
}

#recentUpdateOnMatters2:target .card-box-footer span.page-info, #lastCorrespondance2:target .card-box-footer span.page-info, #recentUpdateOnLitigation2:target .card-box-footer span.page-info, #recentUpdateOnIncidents2:target .card-box-footer span.page-info, #recentUpdateOnGovernance2:target .card-box-footer span.page-info, #recentUpdateOnLicensing2:target .card-box-footer span.page-info, #recentUpdateOnSwcif2:target .card-box-footer span.page-info, #recentUpdateOnPIAs2:target .card-box-footer span.page-info, #recentUpdateOnPM2:target .card-box-footer span.page-info {
    float:left;
    font-size: x-small;
    padding: 3px 10px;
    font-weight: normal;
}

#recentUpdateOnMatters2:target .card-box-footer, #lastCorrespondance2:target .card-box-footer, #recentUpdateOnLitigation2:target .card-box-footer, #recentUpdateOnIncidents2:target .card-box-footer, #recentUpdateOnGovernance2:target .card-box-footer, #recentUpdateOnLicensing2:target .card-box-footer, #recentUpdateOnSwcif2:target .card-box-footer, #recentUpdateOnPIAs:target .card-box-footer, #recentUpdateOnPM:target .card-box-footer {
    padding: 3px 50px 0 0;
}

div#page-data:has(#contentMatters-1 #toggle-logs), div#page-data:has(#toggle-crin) {
    padding-left: 45px;
}