body {
    color: #969B9F;
}

a {
    color: #2A2A2A;
}

label {
    color: #2A2A2A;
}

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

.btn-primary:hover {
    background-color: #9f0c37;
    border-color: #9f0c37; }

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

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

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

.paginate_button.current:hover {
    background-color: #9f0c37 !important;
}

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

.paginate_button.previous.disabled:hover, .paginate_button.next.disabled:hover {
    background-color: #9f0c37 !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: #990033 !important; 
}

.toast-success {
    background-color: #990033 !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 #990033;
}

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


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

.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: #990033;
    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: #990033 ;
}

.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;
}