/* DARK THEME */

body {
	--dark_theme_1: #000;
	--dark_theme_2: #222;
	--dark_theme_3: #444;
	--dark_theme_4: #666;
	--dark_theme_5: #777;
	--dark_theme_6: #888;
	--dark_theme_7: #999;
	--dark_color:rgb(255 255 255);
}


.theme_ico {
    width: 30px;
    height: 30px;
    display: block;
    padding: 7px;
    box-sizing: border-box;
	border-radius: 50%;
	background:#fff;
	transition: background 0.3s;
}

.theme_ico_active {
    border-radius: 50%;
    background: var(--color-1);
}

.dark_theme .theme_select {
	background:var(--dark_theme_3);
}


.dark_theme .theme_ico {
    background: var(--dark_theme_3);
}

.dark_theme .theme_ico.theme_ico_active {
    background: var(--color-1);
}

.dark_theme .theme_ico use,
.dark_theme .dan_editor_icon svg, .dark_theme .dan_editor_icon_event svg, .dark_theme .dan_editor_color_wrap label svg {
	fill: var(--dark_color);
}

.dark_theme .section {
    background: #0000009f !important;
	color:var(--dark_color) !important;
}

.dark_theme #dan_modal_cross {
    background: #454545b3 !important;
    color: var(--dark_color) !important;
}

.dark_theme #dan_modal_cross svg, .dark_theme .com_profile_account_back svg,
.dark_theme .com_profile_account_details .part_ico svg {
    fill: #fff !important;
}

.dark_theme #modal_del_button:hover {
    background: var(--dark_theme_2) !important;
}

.dark_theme .com_profile_account_details .part_ico:hover, .dark_theme .com_profile_account_details .dep_ico:hover,
.dark_theme .com_profile_account_details_inner {
    background: var(--dark_theme_3);
}

.theme_ico.theme_ico_active use, .dark_theme .lock_ico {
    fill: #fff;
}

.theme_svg {
	width: 15px;
    height: 15px;
}

.theme_select {
	width: 60px;
    margin: 0 auto;
	display: flex;
    background: #fff;
    border-radius: 30px;
	margin-top: 15px;
	cursor:pointer;
}

.theme_select svg {
    width: 100%;
    height: 100%;
}

.dark_theme .theme_select {
	color:var(--dark_color);
}

.dark_theme {
	color:var(--dark_color);
	background: var(--dark_theme_1);
}

/**/

.dark_theme input, .dark_theme .input, .dark_theme select, .dark_theme textarea, .dark_theme .priority_result {
    border-color: var(--dark_theme_3) !important;
    background-color: var(--dark_theme_3) !important;
    color: var(--dark_color) !important;
}

.dark_theme .dan_editor,
.dark_theme .dan_editor_content,
.dark_theme .dan_editor_icon_event,
.dark_theme .file_name,
.dark_theme .com_profile_account_menu_user_name {
	color: var(--dark_color) !important;
}


.dark_theme #dan_modal_content input, .dark_theme #dan_modal_content .input, .dark_theme #dan_modal_content select, .dark_theme #dan_modal_content textarea {
    border-color: var(--dark_theme_2) !important;
    background-color: var(--dark_theme_2) !important;
}

.dark_theme input[type='checkbox'].dan_input +label:after {
    background: var(--dark_theme_4);
}

.dark_theme input[type='checkbox'].dan_input +label { 
    background-color: var(--dark_theme_2);
}

.dark_theme .com_profile_account_details > summary,
.dark_theme .com_profile_account_details_inner > summary {
    background: var(--dark_theme_2) !important;
}

.dark_theme .day_wrap {
    background: var(--dark_theme_2) !important;
}

.dark_theme .com_profile_account_back.active, .dark_theme .part_wrap, .dark_theme .part_wrap_inspector, .dark_theme .task_wrap, .dark_theme .comp_wrap, .dark_theme .faq_wrap, .dark_theme .sum_wrap,
.dark_theme .com_profile_admin_panel_button:not(.com_profile_admin_panel_account_link) {
	color:var(--dark_color) !important;
	background: var(--dark_theme_2) !important;
}

.dark_theme .com_profile_account_back:hover svg path, .dark_theme .com_profile_account_back.active svg path,
.dark_theme .com_profile_account_back:hover svg circle, .dark_theme  .com_profile_account_back.active svg circle {
	stroke:#fff;
}

.dark_theme .com_profile_account_back:not(.active) {
	color:var(--dark_color) !important;
}

.dark_theme #dan_modal_white {
    background: var(--dark_theme_3) !important;
}

.dark_theme #dan_modal_content .com_profile_account_details_text[open],
.dark_theme #dan_modal_content .com_profile_account_details_text > summary,
.dark_theme #dan_modal_content .com_profile_account_details_text[open] > summary,
.dark_theme #dan_modal_content .com_profile_account_details_edit[open],
.dark_theme #dan_modal_content .com_profile_account_details_edit > summary,
.dark_theme #dan_modal_content .com_profile_account_details_edit[open] > summary {
    background: var(--dark_theme_3) !important;
}

.dark_theme .dan_input_file span {
    background-color: var(--dark_theme_2);
    border: 1px solid var(--dark_theme_1);
}

.dark_theme .com_profile_account_details_text[open] > div {
    background: var(--dark_theme_2) !important;
}

.dark_theme .tel, a[href^="mailto:"], .dark_theme a[href^="tel:"] {
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
    color: var(--dark_theme_7);
    font-weight: 400;
}

.dark_theme .com_profile_account_save {
    background: var(--dark_theme_3) !important;
}

.dark_theme #dan_modal_content .com_profile_account_save,
.dark_theme #dan_modal_content .com_profile_account_delete,
.dark_theme .dan_editor_icons,  .dark_theme .dan_editor_icon, .dark_theme .dan_editor_icon_event {
    background: var(--dark_theme_2) !important;
}

.dark_theme .dan_button_gray, .dark_theme .dan_button_white {
    color: var(--dark_color) !important;
    border: 1px solid  var(--dark_theme_2) !important;
    background: var(--dark_theme_2) !important;
}

.dark_theme .com_profile_account_save:hover {
    background: var(--color-active) !important;
}

.dark_theme .com_profile_account_delete:hover {
    background: #df8670 !important;
}

.dark_theme #complaint_wrap .com_profile_account_back,
.dark_theme #complaint_wrap .com_profile_account_save {
	background: var(--dark_theme_3);
}

.dark_theme #complaint_wrap .com_profile_account_back:hover {
	background: var(--dark_theme_4) !important;
}

.dark_theme #complaint_wrap .com_profile_account_save:hover {
	background: var(--color-active) !important
}

.dark_theme #select_user_wrap input, .dark_theme #select_user_wrap .input, .dark_theme #select_user_wrap select, .dark_theme #select_user_wrap textarea {
    border-color: var(--dark_theme_3) !important;
    background-color: var(--dark_theme_3) !important;
}