body {
    color: #969B9F;
}

a {
    color: #2A2A2A;
}

label {
    color: #2A2A2A;
}

.btn-primary {
    background-color: #7c3aed;
    border-color: #7c3aed;
}

.btn-primary:hover {
    background-color: #6d28d9;
    border-color: #6d28d9; }

.deznav .metismenu > li.mm-active > a, .menu-toggle .deznav .metismenu > li.mm-active > a {
    background-color: #7c3aed !important;
}

.logout-form {
    padding: 8px 24px;
}

.paginate_button.current {
    background-color: #7c3aed !important;
}

.paginate_button.current:hover {
    background-color: #6d28d9 !important;
}

.paginate_button.previous.disabled, .paginate_button.next.disabled {
    background-color: #6d28d9 !important;
}

.paginate_button.previous.disabled:hover, .paginate_button.next.disabled:hover {
    background-color: #6d28d9 !important;
}

table.dataTable th {
    text-transform: none !important;
}

.card-title {
    text-transform: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled {
    color: #fff !important;
}

.buttons_div {
    text-align: right;
    margin-bottom: 15px;
}

.deznav .metismenu ul a:hover, .deznav .metismenu ul a:focus, .deznav .metismenu ul a.mm-active {
    color: #7c3aed !important; 
}

.toast-success {
    background-color: #7c3aed !important;
}

table#reports thead th, table#reports tbody td {
    font-size: 15px;
}

.btn-sm, .btn-group-sm > .btn {
    border-radius: 0.5rem;
}

.form-group.has-error .form-control, .form-group.has-error .input-group-addon {
    border-color: #dd4b39;
    box-shadow: none;
}

.invalid-feedback {
    display: block;
}

.card-element {
    margin-bottom: 1.875rem;
    background-color: #fff;
    transition: all .5s ease-in-out;
    position: relative;
    border: 0px solid transparent;
    border-radius: 0.75rem;
    box-shadow: 0px 0px 13px 0px rgb(82 63 105 / 5%);
}

.odl_add_box {
    margin-bottom: 15px;
    /* border-bottom: 1px solid #ddd; */
    padding: 10px;
}

.tab-element .dd-handle {
    color: #000;
    background: #fff;
    border-radius: 5px;
    padding: 8px 15px;
    height: auto;
    border: 2px solid #7c3aed;
}

.group-element .dd-handle{
    color: #000;
    background: #fff;
    border-radius: 5px;
    padding: 8px 15px;
    height: auto;
    border: 1px solid #7c3aed;
}


.item-element .dd-handle{
    color: #fff;
    background: #7c3aed;
    border-radius: 5px;
    padding: 8px 15px;
    height: auto;
    border: 1px solid #7c3aed;
}

.dd-item > button {
    color: #000;
}

.btn-box {
   float: right;
   cursor: pointer;
}

.clear {
    clear: both;
}

.element_list_box {
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 10px;
    margin-bottom: 5px;
}

.element_checkbox {
    margin-left: 25px;
}

.clear {
    clear: both;
}

.limit_box {
    display: block;
    clear: both;
}

#restore_admin_button, #add_admin_button {
    margin-top: 15px;
}

.email-list .unread {
    font-weight: 800;
}

.group_box {
    margin-bottom: 15px;
}

.group_name {
    font-weight: bold;
    border: 1px solid #888;
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 10px;
    color: #7c3aed;
    margin-bottom: 15px;
}

.question_box {
    margin-left: 25px;
    margin-bottom: 25px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

label {
    font-weight: 500;
}

hr {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

.label_box {
    font-weight: 500;
    color: #000;
}

.question_desc {
    margin-bottom: 10px;
}

.text_limit {
    text-align: right;
    margin-top: 10px;
    font-style: italic;
}

.btn-form-box {
    text-align: right;
}

.elem_box {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 15px;
}

.add_element_box {
    text-align: right;
    margin-bottom: 15px;
}

.question_subgroup {
    margin-top: 15px;
}

.headerTr td{
    font-weight: 500;
    color: #000;
    background-color: #f9f9f9;
}

.headerTrColor {
    font-weight: 500;
    color: #fff;
    background-color: #7c3aed ;
}

.transparent_td {
    background-color: #fff;
}

.picker__select--year {
    width: auto;
}

.picker__select--month {
    width: auto;
}

.display_elem {
    display: none;
}

.margin-top {
    margin-top: 5px;
    float: right;
}

.clear-div {
    clear: both;
}

.margin-left {
    margin-left: 5px;
}

.select2-container {
    margin-bottom: 10px;
}

#toast-container > div {
    max-width: 600px;
}

.elem_box_new_0 {
    display: none;
}

.hidden_element {
    display: none;
}

.btn-edit {
    cursor: pointer;
}

.del_button {
    margin-bottom: 5px;
    float: right;
}

.form-register-label {
    font-weight: 300;
    line-height: 1.2rem;
    font-size: 0.8rem;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 100px;
  background-color: white;
  padding: 10px 10px 0px 10px;
  border-bottom: 3px solid #dee2e6;
  width: 75%;
  z-index: 100;
  
}

.odlAppsTable th {
    font-size: 12px !important;
}

.odlAppsTable td {
    font-size: 11px !important;
}

#dataTableBuilder {
    width: 100% !important;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.karuzel {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .9 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .karuzel {
    display: block;
}

.chatbox .msg_cotainer_send .msg_time_send, .chatbox .msg_cotainer .msg_time {
    font-size: 9px;
}

.chatbox .msg_cotainer .msg_time::selection,
.chatbox .msg_cotainer .mBody::selection{
    background: red;
}

.chatbox .mBody {
    font-size: 13px;
}

.chatbox .edit-btn i {
    font-size: 14px;
    margin-left: 5px;
}

.chatbox .delete-btn i {
    font-size: 14px;
    margin-left: 5px;
}

.nosidebar {
    margin-left: 0rem !important;
}

.notessheet th {
    font-size: 12px !important;
}

.notessheet td {
    font-size: 11px !important;
}

.question_box .table .elem_box_harm textarea {
    height: 100vh !important;
}

.budget_div .question_box .table textarea {
    height: auto !important;
}

/* Idealne dopasowanie Select2 multiple do form-control (wysokość 38px, placeholder na środku) */
#status_id + .select2-container {
    width: 100% !important;
}

#status_id + .select2-container .select2-selection--multiple {
    height: 56px !important; /* Dokładna wysokość jak w zwykłym select/input */
    min-height: 56px !important;
    padding: 0.375rem 2.5rem 0.375rem 0.75rem !important; /* Padding jak w form-control + miejsce na fake strzałkę */
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.75rem !important;
    background-color: #fff !important;
    display: flex !important;
    align-items: center !important; /* Wyśrodkowanie pionowe placeholder/tagów */
    position: relative !important;
    box-sizing: border-box !important;
}

/* Fake strzałka w prawo (jak w zwykłym select, gdy puste) */
#status_id + .select2-container .select2-selection--multiple::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-top-color: #6c757d;
    pointer-events: none;
}

/* Gdy są tagi, ukryj strzałkę (niepotrzebna w multiple) */
#status_id + .select2-container.select2-container--open .select2-selection--multiple::after,
#status_id + .select2-container .select2-selection--multiple:focus::after,
.select2-selection--multiple .select2-selection__choice ~ .select2-search__field::after {
    display: none;
}

/* Placeholder i input wyszukiwania – wyśrodkowane */
#status_id + .select2-container .select2-selection__rendered {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

#status_id + .select2-container .select2-search__field {
    height: auto !important;
    margin: 0 !important;
    padding: 0 5px !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    border: none !important;
    font-weight: 400;
}

#status_id + .select2-container .select2-selection__placeholder {
    color: #6c757d !important; /* Szary jak w inputach */
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* Tagi wyboru – mniejsze, wyśrodkowane */
#status_id + .select2-container .select2-selection__choice {
    background-color: #e9ecef !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.75rem !important;
    padding: 0 8px !important;
    margin: 2px 4px 2px 0 !important;
    font-size: 0.875rem !important;
    line-height: 1.6 !important;
    display: flex !important;
    align-items: center !important;
}

/* Lista opcji (dropdown) – dopasowana */
.select2-dropdown {
    border: 1px solid #ced4da !important;
    border-radius: 0.75rem !important;
    font-size: 1rem !important;
}

.select2-results__option {
    padding: 0.375rem 0.75rem !important;
}
/* ApliFlow - czcionka Inter serwowana lokalnie */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/inter/inter-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/inter/inter-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body, body[data-typography], h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ApliFlow - logo w nagłówku panelu i na ekranach logowania */
.nav-header .brand-logo .logo-abbr {
    width: 40px;
    height: 40px;
}

.nav-header .brand-logo .brand-name {
    margin-left: 12px;
    font-size: 1.375rem;
    font-weight: 700;
    color: #2A2A2A;
}

[data-sidebar-style="mini"] .nav-header .brand-name,
.menu-toggle .nav-header .brand-name {
    display: none;
}

.brand-auth-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.brand-auth-logo img {
    width: 56px;
    height: 56px;
}

.brand-auth-logo span {
    margin-left: 14px;
    font-size: 2rem;
    font-weight: 700;
    background: linear-gradient(90deg, #7c3aed, #0ea5e9);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Lista naborów wnioskodawcy - kafelki */
.edition-tile {
    transition: box-shadow .15s ease, transform .15s ease;
}
.edition-tile:hover {
    box-shadow: 0 8px 24px rgba(124, 58, 237, .15);
    transform: translateY(-2px);
}
.edition-tile-title {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.35;
}
.edition-tile-facts li {
    display: flex;
    align-items: baseline;
    margin-bottom: .6rem;
}
.edition-tile-facts li i {
    width: 22px;
    flex-shrink: 0;
    color: #7c3aed;
}