body {
    font: normal normal normal 15px/27px Lexend;
    background-color: #fff;
}

h1 {
    font: normal normal semi-condensed 36px/45px Lexend;
    letter-spacing: 0;
    color: #1E2133;
}

.dashboard-page {
    padding-top: 105px;
}

.dashboard-page .main {
    margin-left: 280px;
    padding-top: 48px;
}

.feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

thead {
    background-color: #F5F5F6;
}
tbody, td, tfoot, th, thead, tr {
    border-color: #F5F5F6;
}

/* Poznámky */
#sidenotes {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 100; /* Behind the navbar */
    padding: 105px 0 0; /* Height of navbar */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
    background-color: #F5F5F6;
    width: 520px;

    overflow-y: auto;
}

.notes-wrapper {
    padding: 42px 32px;
}


/*
 * Sidebar
 */

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100; /* Behind the navbar */
    padding: 105px 0 0; /* Height of navbar */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
    background-color: #F5F5F6;
    width: 280px;
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar-heading {
    font-size: .75rem;
    text-transform: uppercase;
}

/* Hlavní odkazy */
.sidebar .nav-link {
    color: #606066;
    padding: 0.35rem 1.5rem;
    font: normal normal normal 15px/27px Lexend;
}
.sidebar .nav-link.active {
    font-weight: 600;
}

.sidebar .nav-link.item-level1  {
    color: #3F4DA7;
    padding: 0.75rem 1rem;
    font: normal normal normal 16px/27px Lexend;
}

.sidebar .nav-link:hover,
.sidebar .nav-link:focus {
    color: #2d2d72;
}

/* Ikona + text */
.sidebar .nav-link i {
    font-size: 16px;
    line-height: 27px;
}

.sidebar .nav-link[aria-expanded="true"] .bi-chevron-down {
    transform: rotate(180deg);
    transition: transform 0.2s;
}

/*
 * Navbar
 */

.navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font: normal normal bold 36px/45px Lexend;
    color: #FDC50B;
}

.navbar .navbar-toggler {
    top: .25rem;
    right: 1rem;
}

.navbar .form-control {
    padding: .75rem 1rem;
    border-width: 0;
    border-radius: 0;
}

/**/
.form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
    border-color: transparent;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

/*****  tabulka klientů  *****/
.client-status {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
}
.client-active .client-status {
    background-color: #00a65a;
}
.client-inactive .client-status {
    background-color: #6D6D6D;
}

/***** záložky *****/
.tab-content {
    margin-top: 36px;
}

.nav-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    color: #787880;
    font-weight: normal;
}

.nav-tabs .nav-link.active {
    border: none;
    border-bottom: 2px solid #3F4DA7; /* modrá linka */
    color: #3F4DA7;
    font-weight: normal;
}

.field-title {
    color: #787880;
    text-align: left;
    font: normal normal 300 14px/20px Lexend;
    letter-spacing: 0;
    margin-bottom: 2px;
}

/*************** navigace pro novou zakázku - stepper **********************/
/* Wrapper */
.stepper-nav {
    border-bottom: 1px solid #e5e7eb; /* světle šedá spodní čára */
    margin-bottom: 1rem;
    width: fit-content;
}
.notes-nav {
    border-bottom: 1px solid #e5e7eb; /* světle šedá spodní čára */
    margin-bottom: 1rem;
}
.content-project-detail {
    margin-right: 480px;
}

/* Odkazy/kroky */
.stepper-nav .nav-link, .notes-nav .nav-link {
    position: relative;
    padding: .75rem 1rem;
    font-weight: 500;
    color: #6b7280; /* šedý text */
    border: none;
    background: none;
}

/* Hover pro dostupné kroky */
.stepper-nav .nav-link:hover {
    color: #374151;
}

/* Aktivní krok */
.stepper-nav .nav-link.active,
.notes-nav .nav-link.active {
    color: #1e3a8a; /* tmavě modrá */
}
.stepper-nav .nav-link.active::after,
.notes-nav .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #3b5ccc; /* modrá čára pod aktivním krokem */
    border-radius: 2px 2px 0 0;
}

/* Disabled krok */
.stepper-nav .nav-link.disabled {
    color: #9ca3af; /* světle šedá */
    pointer-events: none;
}

.note-actions {
    margin-top: 24px;
    margin-bottom: 36px;
}
.note-item {
    margin-bottom: 24px;
}
.note-title {
    color: #606066;
    font: normal normal bold 14px/20px Lexend;
    letter-spacing: 0;
}
.note-title.is-private {
    color: #A65A3F;
}
.note-description *, .note-description {
    color: #606066;
    font: normal normal normal 14px/20px Lexend;
    letter-spacing: 0;
}