/**
 * Dastoorr portal theme — matches dastoorr.com
 * Black chrome (header / sidebar / footer), green primary buttons and blocks.
 */
:root {
    --ds-green: #177e3b;
    --ds-primary: #177e3b;
    --ds-secondary: #F8A840;
    --ds-green-dark: #146c33;
    --ds-green-soft: #e8f6ec;
    --ds-chrome: #000000;
    --ds-chrome-hover: #1a1a1a;
    --ds-chrome-line: #222222;
    --bs-primary: #177e3b;
    --bs-primary-rgb: 23, 126, 59;
    --bs-secondary: #F8A840;
    --bs-secondary-rgb: 248, 168, 64;
    --bs-success: #177e3b;
    --bs-success-rgb: 23, 126, 59;
    --bs-info: #177e3b;
    --bs-info-rgb: 23, 126, 59;
    --link-color: #177e3b;
}

.btn-primary,
.btn-success,
.btn-info {
    background-color: var(--ds-green);
    border-color: var(--ds-green);
    color: #fff;
}
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-primary:active,
.btn-success:active,
.btn-info:active {
    background-color: var(--ds-green-dark);
    border-color: var(--ds-green-dark);
    color: #fff;
}
.btn-primary:focus,
.btn-success:focus,
.btn-info:focus,
.btn-outline-primary:focus,
.btn-outline-success:focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 0.25rem rgba(23, 126, 59, 0.28);
}
.btn-secondary {
    background-color: var(--ds-secondary);
    border-color: var(--ds-secondary);
    color: #1b1f23;
}
.btn-secondary:hover,
.btn-secondary:active {
    background-color: #e09532;
    border-color: #e09532;
    color: #1b1f23;
}
.btn-outline-secondary {
    color: var(--ds-secondary);
    border-color: var(--ds-secondary);
}
.btn-outline-secondary:hover {
    background-color: var(--ds-secondary);
    border-color: var(--ds-secondary);
    color: #1b1f23;
}
.btn-outline-primary,
.btn-outline-success,
.btn-outline-info {
    color: var(--ds-green);
    border-color: var(--ds-green);
}
.btn-outline-primary:hover,
.btn-outline-success:hover,
.btn-outline-info:hover {
    background-color: var(--ds-green);
    border-color: var(--ds-green);
    color: #fff;
}
.text-primary,
.text-info,
.text-success {
    color: var(--ds-green) !important;
}
.bg-primary,
.bg-info,
.bg-success {
    background-color: var(--ds-green) !important;
}
.bg-info-subtle,
.bg-opacity-10.bg-info {
    background-color: var(--ds-green-soft) !important;
}

.main-nav {
    background: var(--ds-chrome);
}
.main-nav .custom-links .nav-link {
    color: #fff;
}
.main-nav .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.45);
}
.main-nav .navbar-toggler-icon {
    filter: invert(1);
}
.main-nav .action-buttons .button,
.button-blue,
.create-button,
.inner .profile-edit-button,
.inner .subscription-button,
.main-dashboard .right-side .inner .edit-button,
.players-wrapper .player .buttons-flex .button-dark,
.print-wrapper .right .print .print-buttons-wrapper .button,
.theme-color,
.admin-dashboard .filter_header .inner-filters .print-btn,
.admin-dashboard .print-btn,
.admin-dashboard .analytics-header .print-btn,
.club-btn-invite,
.club-btn-remove,
.club-tree-open,
.admin-dashboard .security-clean .send-button,
.badge-btn.badge-btn-send,
.swal2-confirm {
    background-color: var(--ds-green) !important;
    background: var(--ds-green) !important;
    border-color: var(--ds-green) !important;
    color: #fff !important;
}
.main-nav .action-buttons .button:hover,
.button-blue:hover,
.create-button:hover,
.inner .profile-edit-button:hover,
.inner .subscription-button:hover,
.main-dashboard .right-side .inner .edit-button:hover,
.players-wrapper .player .buttons-flex .button-dark:hover,
.print-wrapper .right .print .print-buttons-wrapper .button:hover,
.theme-color:hover,
.admin-dashboard .print-btn:hover,
.admin-dashboard .analytics-header .print-btn:hover,
.club-btn-invite:hover,
.club-btn-remove:hover,
.club-tree-open:hover,
.admin-dashboard .security-clean .send-button:hover,
.badge-btn.badge-btn-send:hover,
.swal2-confirm:hover {
    background-color: var(--ds-green-dark) !important;
    background: var(--ds-green-dark) !important;
    border-color: var(--ds-green-dark) !important;
    color: #fff !important;
}

.club-tier-card {
    background: var(--ds-green) !important;
}
.club-tier-copy p {
    color: rgba(255, 255, 255, 0.85) !important;
}
.club-progress span {
    background: var(--ds-green) !important;
}

footer,
.bottom-footer {
    background: var(--ds-chrome);
}
footer .title {
    color: #9a9a9a;
}
footer .footer-link {
    color: #cfcfcf;
}
footer .footer-link:hover {
    color: #fff;
}
.bottom-footer {
    border-top: 1px solid var(--ds-chrome-line);
}

.password-field {
    position: relative;
}
.password-field input {
    padding-right: 44px !important;
}
.password-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #667085;
    padding: 4px;
    line-height: 1;
    cursor: pointer;
}
.password-toggle:hover,
.password-toggle:focus {
    color: var(--ds-green);
    outline: none;
}

.signup-wrapper .right .image-wrapper {
    background: var(--ds-chrome);
}

.main-dashboard .left-side .inner .logo,
.admin-dashboard .left-side .inner .logo {
    background: transparent;
    padding: 12px 16px;
    margin: -8px -8px 16px;
    border-radius: 8px;
}

img[src*="assets/images/logo.png"] {
    background: transparent;
    object-fit: contain;
}

.admin-dashboard .left-side,
.main-dashboard .left-side {
    background: var(--ds-chrome);
    border-right: 1px solid var(--ds-chrome-line);
}
.left-side .inner .profile {
    background-color: var(--ds-chrome);
}
.links-wrapper .link-item {
    margin-bottom: 4px;
    border-radius: 6px;
    font-weight: 500;
}
.links-wrapper .link-item:hover {
    background-color: var(--ds-chrome-hover) !important;
    color: #fff !important;
}
.links-wrapper .link-item:hover a {
    color: #fff !important;
}
.links-wrapper .link-item:hover svg,
.links-wrapper .link-item:hover svg path {
    color: #fff !important;
    stroke: #fff !important;
}
.links-wrapper .link-item.fill:hover svg path {
    fill: #000 !important;
    stroke: #000 !important;
}
.links-wrapper .link-item.active,
.links-wrapper .link-item.active:hover {
    background-color: var(--ds-green) !important;
    color: #fff !important;
    border-radius: 6px 10px 10px 6px;
}
.links-wrapper .link-item.active a,
.links-wrapper .link-item.active:hover a {
    color: #fff !important;
}
.links-wrapper .link-item.active svg,
.links-wrapper .link-item.active:hover svg,
.links-wrapper .link-item.active svg path,
.links-wrapper .link-item.active:hover svg path {
    color: #fff !important;
    stroke: #fff !important;
}

.admin-dashboard table thead th,
.admin-dashboard .table th,
.admin-dashboard .table-wrapper th,
.main-dashboard table thead th,
.main-dashboard .table th,
.main-dashboard .table-wrapper th,
.analytics-wrapper .table th {
    color: var(--ds-green) !important;
    background: var(--ds-green-soft) !important;
}

.custom-navigation .button.active {
    background-color: var(--ds-green) !important;
    border-color: var(--ds-green) !important;
    color: #fff !important;
}

.custom-checkbox input:checked:before {
    background: var(--ds-green) !important;
    border-color: var(--ds-green) !important;
}