/* --------------------------------------------------------------------------------------------- */
/* ######################################## TOGGLE THEME ####################################### */
/* --------------------------------------------------------------------------------------------- */
:root body.dark { --theme: #131c21; }
body.dark ::-webkit-input-placeholder { color: #999 !important; }
body.dark :-ms-input-placeholder { color: #999 !important; }
body.dark ::placeholder { color: #999 !important; }
body.dark ::-webkit-calendar-picker-indicator { filter: invert(.7); }
body.dark .modal-backdrop { opacity: .8; }
body.dark .form-check-input:checked + label { color: #fff; } 
body.dark .link, body.dark .link:hover, body.dark .item_link > a:hover { color: #00dcff; }
body.dark .form-check-input { background-color: transparent; }
body.dark .form-check-input:checked { border-color: #fff; }
body.dark .btn-close { filter: invert(1); }
body.dark .modal-content { background-color: #505658; color: #ccc; }
body.dark p, body.dark label { color: #fff; }
body.dark label > .fa-exclamation, body.dark .error { color: var(--bs-yellow); }
body.dark a.btn-link, body.dark i.btn_add:hover { color: #00dcff; }
body.dark section { background: #131c21; }
body.dark #notifications { box-shadow: 0 0 8px 1px rgb(255 255 255 / 60%) }
body.dark #notifications .content { background: #29363d; }
body.dark #notifications .content > li { color: #ddd; }
body.dark #notifications .content > li:hover { background: #445a66; }
body.dark #notifications .content > li > i { color: #fff; }
body.dark #notifications .foot { background: var(--theme); color: #fff; }
body.dark #notifications .foot:hover { background: #1a272d; }
body.dark #user_details > .head > img { outline-color: #505658; }
body.dark #user_details, body.dark #user_details a { background: #505658; color: #bbb; }
body.dark #menu > .body > ul a, body.dark header { color: #999; }
body.dark #menu > .body > ul > li.active > a, 
body.dark #content > header .icon:hover,
body.dark #content_profile > header .icon:hover,
body.dark #user_details ul > li:hover, body.dark #user_details ul > li:hover a { color: #fff; }
body.dark .slider { background: #ccc; }
/* body.dark .alert { background: #ccc; color: #444; } */
body.dark .modal-body, body.dark .modal-footer { background: #505658; }
body.dark .card, body.dark .card_consolidated > .content { background-color: #505658 !important; }
body.dark .select2-search__field { background-color: #131c21; color: #fff; border-color: #131c21 !important; }
/* body.dark .form-control, body.dark .form-select, 
body.dark .select2-container--default .select2-selection--single,
body.dark .select2-container .select2-selection--single .select2-selection__rendered,
body.dark .select2-dropdown { background-color: var(--dark_theme); color: #fff !important; border-color: var(--dark_theme) !important; } */
/* body.dark .modal .form-control, body.dark .modal .form-select { background-color: #505658; color: #fff; border-color: #3d4244 !important; } */
body.dark .form-control, body.dark .form-select,
body.dark .form-control[readonly].mdtimepicker-input,
body.dark .select2-container--default .select2-selection--single,
body.dark .select2-container .select2-selection--single .select2-selection__rendered,
body.dark .select2-dropdown { background-color: #505658; color: #fff !important; border-color: #3d4244 !important; }
/* body.dark .form-select, body.dark .select2-container .select2-selection--single .select2-selection__rendered { background-blend-mode: screen; } */
body.dark .form-control:disabled, body.dark .form-select:disabled, 
body.dark .select2-container--default.select2-container--disabled .select2-selection__rendered { background-color: #3d4244; border-color: #3d4244; }
body.dark .item_disabled textarea.texteditor { background-color: #3d4244 !important; border-color: #3d4244 !important; }
body.dark #menu > footer .copyright { color: rgba(255,255,255,.2); }
body.dark #menu > .body footer > img { opacity: .2; }
body.dark #menu > .body footer .icon { filter: none; opacity: .1; }
body.dark #menu > .body .user_role, body.dark #menu > .body footer small { color: rgba(255,255,255,.2); }

body.dark .content_multiple_options { border-color: #3d4244 !important; font-weight: 500; }

body.dark .note-toolbar { background-color: #373b3d; border-color: #373b3d; }
body.dark .note-editor.note-frame .note-editing-area .note-editable { background: #505658; }
body.dark .note-editor.note-frame .note-editing-area .note-editable *:not(font) { color: #fff; }
body.dark .note-btn { background-color: #131c21; border-color: #373b3d; color: #fff; }

body.dark .mdtimepicker .mdtp__clock_holder { background-color: #505658; }
body.dark .mdtimepicker .mdtp__clock_holder .mdtp__clock,
body.dark .mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__am, 
body.dark .mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__pm { background-color: #373b3d; }
body.dark .mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__digit span { color: #fff; }
body.dark .mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__digit.digit--disabled span { color: #666; }

body.dark .toolbar_table_cards input[type=search] { background-color: #131c21; }
body.dark .cards_mode > div > .item { background: #505658; }
body.dark .cards_mode > div > .item > .info > p { color: #ddd; }

body.dark #alertMessage { border-color: #fff; background: #131c21; color: #fff; box-shadow: 0 0 0px 2px #131c21, 0 0 4px 2px rgb(0 0 0 / 20%); }
body.dark #alertMessage .icon { box-shadow: 0 0 0px 4px #131c21; }

body.dark #btns_projects_modules, body.dark #arts_content { filter: brightness(0.8); }

body.dark .modal[data-type='complete_information_art'] .modal-body,
body.dark #component_project_sources .links_items .source > .body { background-color: #3d4346; }

body.dark .modal[data-type='complete_information_art'] .modal-header,
body.dark .modal[data-type='complete_information_art'] .modal-body .column_menu .content > .body,
body.dark .modal[data-type='complete_information_art'] .modal-body .accordion .accordion-item,
body.dark .modal[data-type='complete_information_art'] .modal-body ul > li .actions ,
body.dark .modal[data-type='costs_and_income'] .modal-header,
body.dark .modal[data-type='costs_and_income'] .modal-body .card_table,
body.dark #menu_components_analysis .menu_item .body,
body.dark #component_project_field .content > ul > li,
body.dark #component_project_comments .comments > ul > li,
body.dark .modal[data-type='costs_and_income'] .modal-body table tbody > tr:nth-child(odd) { background: #505658; }

body.dark #component_project_sources .links_items .source > .body p { color: #ccc; }

body.dark .modal[data-type='complete_information_art'] .modal-header .column_title h5,
body.dark .modal[data-type='costs_and_income'] .modal-header .column_title h5,
body.dark #component_project_comments .comments > ul > li .form-check label { color: #fff; }

body.dark .modal[data-type='complete_information_art'] .modal-header .column_menu,
body.dark .modal[data-type='costs_and_income'] .modal-header .column_menu,
body.dark .modal[data-type='complete_information_art'] .modal-body .column_menu,
body.dark .modal[data-type='costs_and_income'] .modal-body { background: var(--background); }

body.dark #menu_components_analysis .menu_item .head,
body.dark #component_project_sources .links_items .source > .head,
body.dark .modal[data-type='complete_information_art'] .modal-body .accordion .accordion-item .accordion-button,
body.dark .modal[data-type='costs_and_income'] .modal-body table:not(.subtable) > thead > tr:nth-child(2) > th,
body.dark .modal[data-type='costs_and_income'] .modal-body table > tfoot > tr > th:not(.calculated),
body.dark .modal[data-type='costs_and_income'] .modal-body table.subtable > thead > tr > th { background-color: #27333b; }

body.dark #component_project_field .content,
body.dark #component_project_comments .comments,
body.dark .modal[data-type='complete_information_art'] .modal-body .graph .progress,
body.dark #component_project_sources .links_items .source .actions { background: #5f6668; }

body.dark .modal[data-type='complete_information_art'] .modal-body ul > li .actions { outline-color: #5f6668; }
body.dark .modal[data-type='complete_information_art'] .modal-body .graph h5 { font-weight: 500; color: #fff; }

body.dark .modal[data-type='costs_and_income'] .modal-body table:not(.subtable) > thead > tr:first-child > th { background-color: var(--theme); }

body.dark #table_evaluation_matrix tfoot > tr { background: #35393b; }

body.dark #table_evaluation_matrix tbody > tr:nth-child(even),
body.dark .modal[data-type='costs_and_income'] .modal-body table tbody > tr:nth-child(even) { background: #424749; }