:root {
    --sp-void: #03050f;
    --sp-deep: #070b1f;
    --sp-navy: #0d1433;
    --sp-glass: rgba(13, 20, 51, .58);
    --sp-glass-strong: rgba(9, 14, 38, .86);
    --sp-glass-soft: rgba(255, 255, 255, .04);
    --sp-line: rgba(148, 163, 255, .16);
    --sp-line-strong: rgba(125, 211, 252, .42);
    --sp-text: #e6ebff;
    --sp-muted: #9aa6d1;
    --sp-cyan: #22d3ee;
    --sp-sky: #38bdf8;
    --sp-violet: #8b5cf6;
    --sp-magenta: #e879f9;
    --sp-emerald: #34d399;
    --sp-rose: #fb7185;
    --sp-amber: #fbbf24;
    --sp-radius: 18px;
    --sp-radius-sm: 12px;
    --sp-shadow: 0 18px 50px -20px rgba(0, 0, 0, .85), 0 0 0 1px var(--sp-line) inset;
    --sp-glow: 0 0 0 1px rgba(34, 211, 238, .35), 0 0 28px -6px rgba(34, 211, 238, .55);
    --sp-grad: linear-gradient(135deg, var(--sp-cyan) 0%, var(--sp-violet) 100%);
    --sp-font: Vazir, Sahel, Tahoma, "Segoe UI", sans-serif;
}

html {
    background: var(--sp-void);
}

body.space-ui {
    min-height: 100vh;
    margin-top: 0 !important;
    padding-bottom: 64px;
    font-family: var(--sp-font) !important;
    color: var(--sp-text) !important;
    background-color: var(--sp-void) !important;
    background-image:
        radial-gradient(1200px 700px at 85% -10%, rgba(139, 92, 246, .28), transparent 60%),
        radial-gradient(900px 600px at -10% 20%, rgba(34, 211, 238, .16), transparent 60%),
        radial-gradient(800px 800px at 50% 120%, rgba(232, 121, 249, .14), transparent 60%),
        linear-gradient(180deg, var(--sp-deep) 0%, var(--sp-void) 100%) !important;
    background-attachment: fixed !important;
    -webkit-font-smoothing: antialiased;
}

body.space-ui::before,
body.space-ui::after {
    content: "";
    position: fixed;
    inset: -50%;
    z-index: -1;
    pointer-events: none;
    background-repeat: repeat;
}

body.space-ui::before {
    background-image:
        radial-gradient(1px 1px at 20px 30px, rgba(255, 255, 255, .9), transparent 60%),
        radial-gradient(1px 1px at 120px 80px, rgba(255, 255, 255, .7), transparent 60%),
        radial-gradient(1.5px 1.5px at 200px 150px, rgba(186, 230, 253, .9), transparent 60%),
        radial-gradient(1px 1px at 60px 190px, rgba(255, 255, 255, .6), transparent 60%),
        radial-gradient(1px 1px at 260px 40px, rgba(221, 214, 254, .8), transparent 60%),
        radial-gradient(2px 2px at 310px 220px, rgba(255, 255, 255, .95), transparent 60%);
    background-size: 340px 260px;
    animation: sp-drift 240s linear infinite;
    opacity: .75;
}

body.space-ui::after {
    background-image:
        radial-gradient(1px 1px at 40px 60px, rgba(255, 255, 255, .55), transparent 60%),
        radial-gradient(1px 1px at 170px 20px, rgba(165, 243, 252, .6), transparent 60%),
        radial-gradient(1px 1px at 90px 130px, rgba(255, 255, 255, .45), transparent 60%),
        radial-gradient(1.2px 1.2px at 230px 170px, rgba(233, 213, 255, .6), transparent 60%);
    background-size: 260px 200px;
    animation: sp-drift 420s linear infinite reverse, sp-twinkle 6s ease-in-out infinite alternate;
    opacity: .6;
}

@keyframes sp-drift {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-340px, 260px, 0); }
}

@keyframes sp-twinkle {
    from { opacity: .35; }
    to { opacity: .75; }
}

@keyframes sp-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    body.space-ui::before,
    body.space-ui::after,
    body.space-ui .card {
        animation: none !important;
    }
}

body.space-ui.bg {
    background-color: transparent !important;
}

body.space-ui ::selection {
    background: rgba(34, 211, 238, .35);
    color: #fff;
}

body.space-ui * {
    scrollbar-width: thin;
    scrollbar-color: rgba(139, 92, 246, .55) transparent;
}

body.space-ui ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body.space-ui ::-webkit-scrollbar-thumb {
    background: linear-gradient(var(--sp-violet), var(--sp-cyan));
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

body.space-ui ::-webkit-scrollbar-track {
    background: transparent;
}

body.space-ui a {
    color: var(--sp-sky);
    transition: color .2s ease;
}

body.space-ui a:hover {
    color: var(--sp-cyan) !important;
}

body.space-ui h1, body.space-ui h2, body.space-ui h3, body.space-ui h4, body.space-ui h5, body.space-ui h6,
body.space-ui .h1, body.space-ui .h2, body.space-ui .h3, body.space-ui .h4, body.space-ui .h5, body.space-ui .h6 {
    color: var(--sp-text) !important;
    font-weight: 700;
    letter-spacing: 0;
}

body.space-ui .text-dark,
body.space-ui .nav-link {
    color: var(--sp-text) !important;
}

body.space-ui .text-muted {
    color: var(--sp-muted) !important;
}

/* navigation */

body.space-ui > header,
body.space-ui header:first-of-type {
    position: sticky;
    top: 0;
    z-index: 1030;
}

body.space-ui .navbar:not(.fixed-bottom) {
    margin: 12px 16px 18px;
    padding: 8px 18px;
    border-radius: var(--sp-radius);
    background: var(--sp-glass-strong) !important;
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    backdrop-filter: blur(16px) saturate(150%);
    box-shadow: var(--sp-shadow);
    border: 1px solid var(--sp-line);
}

body.space-ui .navbar:not(.fixed-bottom)::after {
    content: "";
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: -1px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--sp-cyan), var(--sp-violet), transparent);
    opacity: .8;
}

body.space-ui .space-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--sp-text) !important;
    font-weight: 800;
    font-size: 1.05rem;
    text-decoration: none !important;
}

body.space-ui .space-brand svg {
    filter: drop-shadow(0 0 8px rgba(34, 211, 238, .7));
}

body.space-ui .space-brand span {
    background: var(--sp-grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

body.space-ui .navbar-nav .nav-link,
body.space-ui .navbar-nav .btn-link {
    position: relative;
    margin: 0 2px;
    padding: 8px 14px !important;
    border-radius: 999px;
    font-size: 14px !important;
    color: var(--sp-text) !important;
    text-decoration: none !important;
    transition: background .25s ease, box-shadow .25s ease, color .25s ease;
}

body.space-ui .navbar-nav .nav-link:hover,
body.space-ui .navbar-nav .btn-link:hover {
    background: rgba(34, 211, 238, .12);
    box-shadow: var(--sp-glow);
    color: #fff !important;
}

body.space-ui .navbar-toggler {
    border-color: var(--sp-line-strong);
}

body.space-ui .fixed-bottom,
body.space-ui #navbarLoginPgeBottom {
    min-height: 44px;
    padding: 6px 18px;
    background: rgba(5, 8, 22, .72) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--sp-line);
    color: var(--sp-muted);
}

body.space-ui #navbarLoginPgeBottom a,
body.space-ui #navbarLoginPgeBottom a:visited {
    color: var(--sp-sky) !important;
    text-decoration: none !important;
}

body.space-ui #copyrightFA,
body.space-ui #copyrightEN {
    color: var(--sp-muted) !important;
    font-size: 12.5px;
}

/* surfaces */

body.space-ui > *,
body.space-ui main {
    min-width: 0;
    max-width: 100%;
}

body.space-ui main {
    padding-inline: 16px;
}

body.space-ui .card {
    position: relative;
    margin-bottom: 18px;
    border-radius: var(--sp-radius) !important;
    border: 1px solid var(--sp-line) !important;
    background: linear-gradient(160deg, rgba(16, 24, 62, .78), rgba(7, 11, 31, .82)) !important;
    box-shadow: var(--sp-shadow);
    overflow: hidden;
    color: var(--sp-text);
    animation: sp-fade .45s ease both;
}

body.space-ui .card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(34, 211, 238, .7), rgba(139, 92, 246, .7), transparent);
    pointer-events: none;
}

body.space-ui .card-header {
    padding: 14px 20px;
    border-bottom: 1px solid var(--sp-line) !important;
    background: linear-gradient(90deg, rgba(34, 211, 238, .08), rgba(139, 92, 246, .10)) !important;
    color: var(--sp-text) !important;
}

body.space-ui .card-header .h4,
body.space-ui .card-header > a.h4 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 17px !important;
    font-weight: 800;
    text-decoration: none !important;
}

body.space-ui .card-header .h4::before,
body.space-ui .card-header > a.h4::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--sp-cyan);
    box-shadow: 0 0 0 4px rgba(34, 211, 238, .18), 0 0 14px var(--sp-cyan);
}

body.space-ui .card-body {
    color: var(--sp-text);
}

body.space-ui .card-footer {
    background: transparent !important;
    border-top: 1px solid var(--sp-line) !important;
}

body.space-ui hr {
    border-color: var(--sp-line);
}

/* forms */

body.space-ui .form-control,
body.space-ui .custom-select,
body.space-ui select,
body.space-ui textarea,
body.space-ui input[type=text],
body.space-ui input[type=password],
body.space-ui input[type=email],
body.space-ui input[type=number],
body.space-ui input[type=tel],
body.space-ui input:not([type]) {
    min-height: 38px;
    border-radius: var(--sp-radius-sm) !important;
    border: 1px solid var(--sp-line) !important;
    background-color: rgba(3, 7, 25, .55) !important;
    color: var(--sp-text) !important;
    padding: 6px 12px;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

body.space-ui .form-control::placeholder,
body.space-ui input::placeholder,
body.space-ui textarea::placeholder {
    color: rgba(154, 166, 209, .7) !important;
}

body.space-ui .form-control:focus,
body.space-ui .custom-select:focus,
body.space-ui select:focus,
body.space-ui textarea:focus,
body.space-ui input:focus {
    outline: none;
    border-color: var(--sp-line-strong) !important;
    background-color: rgba(6, 12, 40, .8) !important;
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .18), 0 0 22px -6px rgba(34, 211, 238, .6) !important;
}

body.space-ui .form-control[readonly] {
    background-color: rgba(255, 255, 255, .03) !important;
    color: var(--sp-muted) !important;
}

body.space-ui select option {
    background: var(--sp-navy);
    color: var(--sp-text);
}

body.space-ui .input-group {
    align-items: stretch;
}

body.space-ui .input-group-text {
    margin-bottom: 0 !important;
    height: 100%;
    border-radius: var(--sp-radius-sm) !important;
    border: 1px solid var(--sp-line) !important;
    background: linear-gradient(135deg, rgba(34, 211, 238, .14), rgba(139, 92, 246, .14)) !important;
    color: var(--sp-text) !important;
    font-size: 13px;
    font-weight: 600;
}

body.space-ui .input-group > .input-group-prepend > .input-group-text {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

body.space-ui .input-group > .input-group-prepend + .form-control,
body.space-ui .input-group > .input-group-prepend ~ .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body.space-ui label,
body.space-ui .form-label,
body.space-ui .form-check-label {
    color: var(--sp-muted);
    font-size: 13.5px;
}

body.space-ui #div_search {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 0 !important;
    padding: 14px;
    border-radius: var(--sp-radius);
    border: 1px dashed var(--sp-line-strong) !important;
    background: rgba(3, 7, 25, .35);
}

body.space-ui #div_search > input,
body.space-ui #div_search > button {
    flex: 1 1 160px;
    width: auto;
    max-width: none;
    padding-inline: 12px;
}

body.space-ui #div_search > button {
    flex: 0 0 auto;
    min-width: 120px;
    float: none !important;
}

/* buttons */

body.space-ui .btn {
    position: relative;
    border: 0 !important;
    border-radius: var(--sp-radius-sm) !important;
    padding: 7px 16px;
    font-weight: 700;
    letter-spacing: 0;
    color: #fff !important;
    transition: transform .18s ease, box-shadow .25s ease, filter .25s ease;
    box-shadow: 0 8px 22px -12px rgba(0, 0, 0, .9);
}

body.space-ui .btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.08);
}

body.space-ui .btn:active {
    transform: translateY(0);
}

body.space-ui .btn:focus,
body.space-ui .btn.focus {
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .3) !important;
}

body.space-ui .btn-primary {
    background: var(--sp-grad) !important;
    box-shadow: 0 10px 26px -12px rgba(139, 92, 246, .9);
}

body.space-ui .btn-success {
    background: linear-gradient(135deg, #10b981, #22d3ee) !important;
    box-shadow: 0 10px 26px -12px rgba(16, 185, 129, .9);
}

body.space-ui .btn-info {
    background: linear-gradient(135deg, #0ea5e9, #6366f1) !important;
    box-shadow: 0 10px 26px -12px rgba(14, 165, 233, .9);
}

body.space-ui .btn-danger {
    background: linear-gradient(135deg, #f43f5e, #a855f7) !important;
    box-shadow: 0 10px 26px -12px rgba(244, 63, 94, .9);
}

body.space-ui .btn-warning {
    background: linear-gradient(135deg, #f59e0b, #f43f5e) !important;
    color: #fff !important;
}

body.space-ui .btn-secondary,
body.space-ui .btn-light,
body.space-ui .btn-dark,
body.space-ui .btn-default {
    background: rgba(255, 255, 255, .07) !important;
    border: 1px solid var(--sp-line) !important;
    color: var(--sp-text) !important;
}

body.space-ui .btn-link {
    background: transparent !important;
    box-shadow: none !important;
}

body.space-ui .btn-block + .btn-block {
    margin-top: 6px;
}

/* tables */

body.space-ui .table-responsive {
    border-radius: var(--sp-radius);
}

body.space-ui .table,
body.space-ui #tblAdmission {
    margin-bottom: 8px;
    color: var(--sp-text) !important;
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 6px !important;
    border: 0 !important;
}

body.space-ui .table-bordered,
body.space-ui .table-bordered td,
body.space-ui .table-bordered th {
    border: 0 !important;
}

body.space-ui .table thead tr,
body.space-ui .table thead tr.bg-secondary {
    background: transparent !important;
}

body.space-ui .table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 12px 10px;
    border: 0 !important;
    background: rgba(9, 14, 38, .92) !important;
    color: var(--sp-muted) !important;
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
}

body.space-ui .table thead th:first-child {
    border-top-right-radius: var(--sp-radius-sm);
    border-bottom-right-radius: var(--sp-radius-sm);
}

body.space-ui .table thead th:last-child {
    border-top-left-radius: var(--sp-radius-sm);
    border-bottom-left-radius: var(--sp-radius-sm);
}

body.space-ui tr,
body.space-ui .table tbody tr,
body.space-ui .row-fard,
body.space-ui .row-zoje {
    background: transparent !important;
    color: var(--sp-text) !important;
    border: 0 !important;
}

body.space-ui .table tbody td {
    padding: 10px;
    vertical-align: middle !important;
    text-align: center;
    border: 0 !important;
    border-top: 1px solid var(--sp-line) !important;
    border-bottom: 1px solid var(--sp-line) !important;
    background: rgba(13, 20, 51, .55) !important;
    color: var(--sp-text) !important;
    transition: background .2s ease, box-shadow .2s ease;
}

body.space-ui .table tbody tr:nth-child(even) td,
body.space-ui .table tbody .row-zoje td {
    background: rgba(18, 27, 66, .55) !important;
}

body.space-ui .table tbody td:first-child {
    border-right: 1px solid var(--sp-line) !important;
    border-top-right-radius: var(--sp-radius-sm);
    border-bottom-right-radius: var(--sp-radius-sm);
}

body.space-ui .table tbody td:last-child {
    border-left: 1px solid var(--sp-line) !important;
    border-top-left-radius: var(--sp-radius-sm);
    border-bottom-left-radius: var(--sp-radius-sm);
}

body.space-ui .table tbody tr:hover td {
    background: rgba(34, 211, 238, .10) !important;
    border-color: rgba(34, 211, 238, .35) !important;
}

body.space-ui .table-striped tbody tr:nth-of-type(odd) {
    background: transparent !important;
}

body.space-ui .table td .btn {
    margin: 2px;
    padding: 5px 12px;
    font-size: 13px;
}

body.space-ui .table td .btn-sm:has(> img) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 12px !important;
    border: 1px solid var(--sp-line) !important;
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: none;
}

body.space-ui .table td .btn-sm:has(> img):hover {
    background: rgba(34, 211, 238, .16) !important;
    border-color: var(--sp-line-strong) !important;
    box-shadow: var(--sp-glow);
}

body.space-ui .table td .btn-sm > img {
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
}

/* pagination, badges, alerts */

body.space-ui .pagination {
    gap: 6px;
    flex-wrap: wrap;
}

body.space-ui .page-link {
    min-width: 36px;
    text-align: center;
    border-radius: 10px !important;
    border: 1px solid var(--sp-line) !important;
    background: rgba(13, 20, 51, .7) !important;
    color: var(--sp-text) !important;
}

body.space-ui .page-item.active .page-link,
body.space-ui .page-link:hover {
    background: var(--sp-grad) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: var(--sp-glow);
}

body.space-ui .badge {
    border-radius: 999px;
    padding: .4em .8em;
    font-weight: 700;
}

body.space-ui .badge-success {
    background: linear-gradient(135deg, #10b981, #22d3ee);
}

body.space-ui .alert {
    border-radius: var(--sp-radius-sm);
    border: 1px solid var(--sp-line);
    background: var(--sp-glass);
    color: var(--sp-text);
}

body.space-ui .text-danger {
    color: var(--sp-rose) !important;
}

body.space-ui .text-success {
    color: var(--sp-emerald) !important;
}

/* overlays */

body.space-ui .modal-backdrop.show {
    opacity: .7;
    background: #02030a;
}

body.space-ui .modal-content {
    border-radius: 22px !important;
    border: 1px solid var(--sp-line-strong) !important;
    background: linear-gradient(160deg, rgba(13, 20, 51, .96), rgba(5, 8, 22, .97)) !important;
    color: var(--sp-text) !important;
    box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .9), 0 0 50px -20px rgba(139, 92, 246, .7);
    overflow: hidden;
}

body.space-ui .modal-header,
body.space-ui .modal-footer {
    border-color: var(--sp-line) !important;
}

body.space-ui .modal-header {
    background: linear-gradient(90deg, rgba(34, 211, 238, .10), rgba(139, 92, 246, .12));
    font-weight: 800;
}

body.space-ui .modal-content .tab input,
body.space-ui .modal-content p > input {
    width: 100%;
}

body.space-ui #modalLoading .modal-body {
    background: transparent !important;
}

body.space-ui .dropdown-menu,
body.space-ui .popover {
    border-radius: var(--sp-radius-sm);
    border: 1px solid var(--sp-line);
    background: var(--sp-glass-strong);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

body.space-ui .dropdown-item {
    color: var(--sp-text);
}

body.space-ui .dropdown-item:hover {
    background: rgba(34, 211, 238, .12);
    color: #fff;
}

body.space-ui .toast,
body.space-ui #toast1 {
    border-radius: var(--sp-radius-sm);
    border: 1px solid var(--sp-line-strong);
    background: var(--sp-glass-strong) !important;
    color: var(--sp-text) !important;
    box-shadow: var(--sp-glow);
}

body.space-ui .spinner-border {
    color: var(--sp-cyan);
}

/* upload tiles */

body.space-ui .upload-box {
    border: 1.5px dashed var(--sp-line-strong) !important;
    border-radius: 16px !important;
    background: rgba(3, 7, 25, .5) !important;
    color: var(--sp-muted) !important;
    transition: border-color .2s ease, box-shadow .25s ease, transform .2s ease;
}

body.space-ui .upload-box:hover {
    border-color: var(--sp-cyan) !important;
    box-shadow: var(--sp-glow);
    transform: translateY(-2px);
}

body.space-ui .upload-box .upload-ui {
    color: var(--sp-muted);
}

body.space-ui .upload-box.success {
    border-color: var(--sp-emerald) !important;
    background: rgba(16, 185, 129, .10) !important;
    color: var(--sp-emerald) !important;
}

body.space-ui .upload-box.error {
    border-color: var(--sp-rose) !important;
    background: rgba(244, 63, 94, .10) !important;
    color: var(--sp-rose) !important;
}

/* login */

body.space-ui .card-login {
    border-radius: 26px !important;
    background: linear-gradient(160deg, rgba(13, 20, 51, .72), rgba(5, 8, 22, .82)) !important;
    border: 1px solid var(--sp-line-strong) !important;
    box-shadow: 0 30px 90px -30px rgba(0, 0, 0, .95), 0 0 60px -25px rgba(34, 211, 238, .7) !important;
}

body.space-ui #card-login-header {
    background: transparent !important;
    border-bottom: 0 !important;
}

body.space-ui #img_logo {
    filter: drop-shadow(0 0 18px rgba(34, 211, 238, .45));
}

body.space-ui .nav-tabs {
    border-bottom: 1px solid var(--sp-line);
}

body.space-ui .nav-tabs .nav-link {
    border: 0 !important;
    border-radius: 999px !important;
    margin: 0 4px 8px;
}

body.space-ui .nav-tabs .nav-link.active {
    background: var(--sp-grad) !important;
    color: #fff !important;
    box-shadow: var(--sp-glow);
}

/* side menu (_LayoutNew) */

body.space-ui .sidebar {
    background: var(--sp-glass-strong) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-left: 1px solid var(--sp-line);
    box-shadow: -10px 0 40px -20px rgba(0, 0, 0, .9);
}

body.space-ui .sidebar ul li a {
    color: var(--sp-text) !important;
    border-radius: var(--sp-radius-sm);
}

body.space-ui .sidebar ul li a:hover {
    background: rgba(34, 211, 238, .12);
}

@media (max-width: 576px) {
    body.space-ui .navbar:not(.fixed-bottom) {
        margin: 8px;
        padding: 6px 12px;
    }

    body.space-ui main {
        padding-inline: 8px;
    }

    body.space-ui .card-header {
        padding: 12px 14px;
    }

    body.space-ui .table tbody td {
        padding: 8px 6px;
        font-size: 13px;
    }
}