html[data-site-skin="ftm"] {
    --site-primary: #0f766e;
    --site-primary-rgb: 15, 118, 110;
    --site-primary-hover: #115e59;
    --site-primary-soft: rgba(15, 118, 110, .12);
    --site-primary-border: rgba(15, 118, 110, .24);
    --site-primary-text: #0f3f3b;
    --bs-primary: #0f766e;
    --bs-primary-rgb: 15, 118, 110;
}

html[data-site-skin="daisy"] {
    --site-primary: #177f68;
    --site-primary-rgb: 23, 127, 104;
    --site-primary-hover: #106854;
    --site-primary-soft: #dff4ee;
    --site-primary-border: rgba(23, 127, 104, .24);
    --site-primary-text: #12382f;
    --bs-primary: #177f68;
    --bs-primary-rgb: 23, 127, 104;
}

html[data-site-skin="slate"] {
    --site-primary: #475569;
    --site-primary-rgb: 71, 85, 105;
    --site-primary-hover: #334155;
    --site-primary-soft: rgba(71, 85, 105, .12);
    --site-primary-border: rgba(71, 85, 105, .24);
    --site-primary-text: #1e293b;
    --bs-primary: #475569;
    --bs-primary-rgb: 71, 85, 105;
}

html[data-site-skin="indigo"] {
    --site-primary: #4f46e5;
    --site-primary-rgb: 79, 70, 229;
    --site-primary-hover: #4338ca;
    --site-primary-soft: rgba(79, 70, 229, .12);
    --site-primary-border: rgba(79, 70, 229, .24);
    --site-primary-text: #312e81;
    --bs-primary: #4f46e5;
    --bs-primary-rgb: 79, 70, 229;
}

html[data-site-skin="teal"] {
    --site-primary: #0891b2;
    --site-primary-rgb: 8, 145, 178;
    --site-primary-hover: #0e7490;
    --site-primary-soft: rgba(8, 145, 178, .12);
    --site-primary-border: rgba(8, 145, 178, .24);
    --site-primary-text: #164e63;
    --bs-primary: #0891b2;
    --bs-primary-rgb: 8, 145, 178;
}

html[data-bs-theme="dark"][data-site-skin="ftm"] {
    --site-primary: #2dd4bf;
    --site-primary-rgb: 45, 212, 191;
    --site-primary-hover: #5eead4;
    --site-primary-soft: rgba(45, 212, 191, .16);
    --site-primary-border: rgba(45, 212, 191, .28);
    --site-primary-text: #99f6e4;
    --bs-primary: #2dd4bf;
    --bs-primary-rgb: 45, 212, 191;
}

html[data-bs-theme="dark"][data-site-skin="daisy"] {
    --site-primary: #35c39c;
    --site-primary-rgb: 53, 195, 156;
    --site-primary-hover: #5bd8b8;
    --site-primary-soft: rgba(53, 195, 156, .16);
    --site-primary-border: rgba(53, 195, 156, .28);
    --site-primary-text: #a7f3d0;
    --bs-primary: #35c39c;
    --bs-primary-rgb: 53, 195, 156;
}

html[data-bs-theme="dark"][data-site-skin="slate"] {
    --site-primary: #94a3b8;
    --site-primary-rgb: 148, 163, 184;
    --site-primary-hover: #cbd5e1;
    --site-primary-soft: rgba(148, 163, 184, .16);
    --site-primary-border: rgba(148, 163, 184, .28);
    --site-primary-text: #e2e8f0;
    --bs-primary: #94a3b8;
    --bs-primary-rgb: 148, 163, 184;
}

html[data-bs-theme="dark"][data-site-skin="indigo"] {
    --site-primary: #818cf8;
    --site-primary-rgb: 129, 140, 248;
    --site-primary-hover: #a5b4fc;
    --site-primary-soft: rgba(129, 140, 248, .16);
    --site-primary-border: rgba(129, 140, 248, .28);
    --site-primary-text: #c7d2fe;
    --bs-primary: #818cf8;
    --bs-primary-rgb: 129, 140, 248;
}

html[data-bs-theme="dark"][data-site-skin="teal"] {
    --site-primary: #22d3ee;
    --site-primary-rgb: 34, 211, 238;
    --site-primary-hover: #67e8f9;
    --site-primary-soft: rgba(34, 211, 238, .16);
    --site-primary-border: rgba(34, 211, 238, .28);
    --site-primary-text: #a5f3fc;
    --bs-primary: #22d3ee;
    --bs-primary-rgb: 34, 211, 238;
}

.user-center-logo {
    width: 64px !important;
    height: 64px !important;
    object-fit: contain;
}

.sidebar-wrapper .sidebar-header .user-center-logo,
html[data-bs-theme="dark"] .sidebar-wrapper .sidebar-header .user-center-logo {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px;
    min-height: 64px;
    max-width: 64px !important;
    max-height: 64px !important;
}

@media (max-width: 768px) {
    .user-center-logo,
    .sidebar-wrapper .sidebar-header .user-center-logo,
    html[data-bs-theme="dark"] .sidebar-wrapper .sidebar-header .user-center-logo {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px;
        min-height: 52px;
        max-width: 52px !important;
        max-height: 52px !important;
    }
}

html[data-user-theme="1"] a {
    color: var(--site-primary);
}

html[data-user-theme="1"] a:hover {
    color: var(--site-primary-hover);
}

html[data-user-theme="1"] .btn-primary,
html[data-user-theme="1"] .login100-form-btn {
    background-color: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
    color: #fff !important;
}

html[data-user-theme="1"] .btn-primary:hover,
html[data-user-theme="1"] .btn-primary:focus,
html[data-user-theme="1"] .login100-form-btn:hover,
html[data-user-theme="1"] .login100-form-btn:focus {
    background-color: var(--site-primary-hover) !important;
    border-color: var(--site-primary-hover) !important;
    color: #fff !important;
}

html[data-site-skin="ftm"] .btn-smart-recommend,
html[data-site-skin="daisy"] .btn-smart-recommend {
    background-color: #4f46e5 !important;
    border-color: #4f46e5 !important;
    color: #fff !important;
}

html[data-site-skin="ftm"] .btn-smart-recommend:hover,
html[data-site-skin="ftm"] .btn-smart-recommend:focus,
html[data-site-skin="daisy"] .btn-smart-recommend:hover,
html[data-site-skin="daisy"] .btn-smart-recommend:focus {
    background-color: #4338ca !important;
    border-color: #4338ca !important;
    color: #fff !important;
}

html[data-bs-theme="dark"][data-site-skin="ftm"] .btn-smart-recommend,
html[data-bs-theme="dark"][data-site-skin="daisy"] .btn-smart-recommend {
    background-color: #818cf8 !important;
    border-color: #818cf8 !important;
    color: #111827 !important;
}

html[data-bs-theme="dark"][data-site-skin="ftm"] .btn-smart-recommend:hover,
html[data-bs-theme="dark"][data-site-skin="ftm"] .btn-smart-recommend:focus,
html[data-bs-theme="dark"][data-site-skin="daisy"] .btn-smart-recommend:hover,
html[data-bs-theme="dark"][data-site-skin="daisy"] .btn-smart-recommend:focus {
    background-color: #a5b4fc !important;
    border-color: #a5b4fc !important;
    color: #111827 !important;
}

html[data-user-theme="1"] .btn-outline-primary {
    border-color: var(--site-primary) !important;
    color: var(--site-primary) !important;
}

html[data-user-theme="1"] .btn-outline-primary:hover,
html[data-user-theme="1"] .btn-outline-primary:focus {
    background-color: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
    color: #fff !important;
}

html[data-user-theme="1"] .text-primary {
    color: var(--site-primary) !important;
}

html[data-user-theme="1"] .bg-primary,
html[data-user-theme="1"] .badge.bg-primary {
    background-color: var(--site-primary) !important;
}

html[data-user-theme="1"] .border-primary {
    border-color: var(--site-primary) !important;
}

html[data-user-theme="1"] .form-check-input:checked {
    background-color: var(--site-primary);
    border-color: var(--site-primary);
}

html[data-user-theme="1"] .page-item.active .page-link,
html[data-user-theme="1"] .pagination-primary .page-item.active .page-link {
    background-color: var(--site-primary);
    border-color: var(--site-primary);
}

html[data-user-theme="1"] .list-group-item.active {
    background-color: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
}

html[data-user-theme="1"] #notice-list .list-group-item:not(.active) {
    color: #607080 !important;
}

html[data-user-theme="1"] #notice-list .list-group-item:not(.active) h6 {
    color: #25396f !important;
}

html[data-user-theme="1"] #notice-list .list-group-item:not(.active) p,
html[data-user-theme="1"] #notice-list .list-group-item:not(.active) small,
html[data-user-theme="1"] #notice-list .list-group-item:not(.active) span,
html[data-user-theme="1"] #notice-list .list-group-item:not(.active) div {
    color: #607080 !important;
}

html[data-bs-theme="dark"][data-user-theme="1"] #notice-list .list-group-item:not(.active),
html[data-bs-theme="dark"][data-user-theme="1"] #notice-list .list-group-item:not(.active) h6,
html[data-bs-theme="dark"][data-user-theme="1"] #notice-list .list-group-item:not(.active) p,
html[data-bs-theme="dark"][data-user-theme="1"] #notice-list .list-group-item:not(.active) small,
html[data-bs-theme="dark"][data-user-theme="1"] #notice-list .list-group-item:not(.active) span,
html[data-bs-theme="dark"][data-user-theme="1"] #notice-list .list-group-item:not(.active) div {
    color: #c2c2d9 !important;
}

html[data-user-theme="1"] .nav-pills .nav-link.active,
html[data-user-theme="1"] .nav-pills .show > .nav-link {
    background-color: var(--site-primary);
}

html[data-user-theme="1"] .sidebar-wrapper .menu .sidebar-link:hover {
    color: var(--site-primary);
}

html[data-user-theme="1"] .sidebar-wrapper .menu .sidebar-link:hover i,
html[data-user-theme="1"] .sidebar-wrapper .menu .sidebar-link:hover span {
    color: var(--site-primary);
}

html[data-user-theme="1"] .sidebar-wrapper .menu .sidebar-item.active > .sidebar-link {
    background-color: var(--site-primary-soft);
    color: var(--site-primary);
}

html[data-user-theme="1"] .sidebar-wrapper .menu .sidebar-item.active > .sidebar-link i,
html[data-user-theme="1"] .sidebar-wrapper .menu .sidebar-item.active > .sidebar-link span {
    color: var(--site-primary);
}

html[data-user-theme="1"] .wrap-input100 .focus-input100::before,
html[data-user-theme="1"] .wrap-input100 .focus-input100::after {
    background-color: var(--site-primary);
}

html[data-user-theme="1"] .restore-card {
    border: 1px solid var(--site-primary-border);
}

html[data-bs-theme="dark"][data-user-theme="1"] a {
    color: var(--site-primary);
}

html[data-bs-theme="dark"][data-user-theme="1"] a:hover {
    color: var(--site-primary-hover);
}

html[data-bs-theme="dark"][data-user-theme="1"] .sidebar-wrapper .menu .sidebar-item.active > .sidebar-link {
    background-color: var(--site-primary-soft);
}

html[data-bs-theme="dark"][data-user-theme="1"] .btn-outline-primary {
    color: var(--site-primary) !important;
}