/* LINK AND BUTTON */
a {color: #9acc14;}
a:visited{ color: #9acc14;}
a:hover { color: #9acc14; text-decoration: none;}
a:active { color: #9acc14;}
.btn.btn-link {
    background: 0 0;
    border-color: transparent;
    color: #9acc14;
}
.btn {
  border: .05rem solid #9acc13;
  color: #9acc14;
}
.btn:focus, .btn:hover {
    background: #f1f1fc;
    border-color: #9acc14;
}
.btn.btn-primary {
    background: #9acc14;
    border-color: #9acc14;
}
.btn.active, .btn:active {
    background: #9acc14;
    border-color: #9acc14;
}
.btn.btn-link.active, .btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:hover {
    color: #9acc14;
}
.form-input:focus {
    border-color: #9acc14;
}
.form-select {
    color: #272727;
}
.form-select:focus {
    border-color: #9acc14;
}
button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}
.btn.btn-primary:focus, .btn.btn-primary:hover {
    background: #9acc14;
    border-color: #9acc14;
}
*, ::after, ::before {
    box-sizing: inherit;
}

/* FIX FOOTER BOTTOM AND STYLE */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: rgb(39, 39, 39);
    color:white; 
    font-family: ubuntu mono,monospace;
}
.wrapper {
    flex:1;
}

/* TIMELINE */
.timeline .timeline-item .timeline-icon::before {
border: .1rem solid #9acc13;
}
.timeline .timeline-item .timeline-icon.icon-lg {
background: #9acc13;
line-height: 1rem;
}
.timeline .timeline-item::before {
background: #797979;
}

/* MARGIN CONTAINER <-> TOPBAR */
.container {
    margin-top: 20px;
}

/* DIVIDER */
.divider {
    border-top: .05rem solid #6b6b6b
}

/* NAVBAR */
.navbar {
    background: #171717;
}

/* LOGIN AND REGISTER FORM */
.panel-input {
    border: 1px solid #9acc13;
    margin: 20px;
    padding: 10px 10px 10px 10px;
    border-radius: 2%;
}

/* TABLE */
.table.table-striped tbody tr:nth-of-type(odd) {
    background: rgb(49, 49, 49);
}
.table td {
    border-bottom: 0rem solid #f0f1f4;
}
.table th {
    border-bottom: 0rem solid #727e96;
}

/* RESPONSIVE TABLE - horizontal scroll on overflow */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.table-responsive .table {
    width: 100%;
    min-width: 800px;
}
.bar .bar-item {
        background: #9acc14;
}
.bar {
        background: #4e4e4e;
}
tbody tr:first-child td .tile .tile-content:before {
        font-family: FontAwesome;
    content: "\f005   " !important;
    color: #ffb860;
}

/* SIGNAL COLOR */
.signal-hard {
    color: #d64c4c;
}
.signal-medium {
    color: #ffc149;
}
.signal-easy {
    color: #9acc14;
}

/* CONTAINER BACKGROUND */
.panel-background {
    background: #3c3c3c;
}

/* DOWNLOAD BUTTON */
.btn-download {
    border-radius: 0%;
    float: right;
}

/* COMMENT AUTHOR */
.comment-author {
    background: #9acc1347;
}

/* TITLE NVBAR */
.title-navbar {color: #9acc13;}
.title-navbar:visited{ color: #9acc13;}
.title-navbar:hover { color: #9acc13; text-decoration: none;}
.title-navbar:active { color: #9acc13;}

/* RESPONSIVE NAVBAR */
.off-canvas .off-canvas-sidebar {
    background: #2a2b2c;
}

/* UPLOAD BUTTON */
.upload-btn {
    background: transparent;
    color: white;
    border: transparent;
    padding-left: 0px;
}

/*  TABS CRACKME */
.badge:not([data-badge])::after, .badge[data-badge]::after {
    background: #9acc13;
    box-shadow: 0 0 0 0rem #fff
}

.tab .tab-item a.active, .tab .tab-item.active a {
    border-bottom-color: #9acc13;
    color: white;
}

.tab .tab-item a:focus, .tab .tab-item a:hover {
    color: #9acc13;
    cursor: pointer;
}

.solution-link {
    color: #d800ff;
}
.solution-link:visited {
    color: #d800ff;
}
.solution-link {
    color: #d800ff;
}
.solution-link:hover {
    color: #d800ff;
}
.solution-link:active {
    color: #d800ff;
}

/* CONTAINER */

.modal-container {
    background: #383838;
}

/* NOTIFS */
.notif-divider.divider-vert[data-content]::after, .notif-divider.divider[data-content]::after, .empty {
	background: rgb(39, 39, 39);
}

.notif-item {
    border: 1px solid #a0cc28;
    padding: 10px 4px;
    margin: 10px 0;
    border-radius: 6px;
}

.notif-time {
    margin-right: 10px;
    font-size: 0.85em;
}

.notif-item.active {
    background-color: #3b512073;
}

.notif-item .icon {
    float: right;
}

.notif-day-container {
    margin-bottom: 35px;
}

.empty {
    color: #9acc14;
}

/* FAQ ANCHOR LINKS */
.anchor-link {
    opacity: 0;
    margin-left: 0.5rem;
    font-size: 0.8em;
    text-decoration: none;
    color: #9acc14;
    transition: opacity 0.3s ease;
}

h3:hover .anchor-link {
    opacity: 1;
}

.anchor-link:hover {
    opacity: 1 !important;
    text-decoration: none;
    color: #9acc14;
}

/* NOTIFICATION BADGE */
.notif-link {
    position: relative;
}

.notif-badge {
    position: absolute;
    top: -2px;
    right: -2px;
    background: #e74c3c;
    color: white;
    border-radius: 50%;
    padding: 0px 5px;
    font-size: 10px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
}

/* READ NOTIFICATIONS (dimmed) */
.notif-item:not(.active) {
    opacity: 0.5;
    border-color: #6b6b6b;
}

/* NOTIFICATION ACTION ICONS */
.notif-item .notif-mark-read {
    color: #9acc14;
    cursor: pointer;
}

.notif-item .notif-mark-read:hover {
    color: #b8f016;
}

.notif-item .notif-delete {
    cursor: pointer;
}

.notif-item .notif-delete:hover {
    color: #e74c3c;
}

/* PAGINATION */
.pagination-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 15px 0;
}

.pagination-controls .btn-sm {
    padding: 4px 12px;
    font-size: 12px;
}

.pagination-controls .btn-sm:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.pagination-info {
    color: #9acc14;
    font-size: 14px;
    min-width: 120px;
    text-align: center;
}