/* background-color: #111b21; */
/* background-color: #111111; */
/* background-color: #323232; */

/* color: #8696a0;*/

.day_content a {
    font-weight: 600;
}
.idz_reminders .idz_head td,
.idz_csv .idz_head td,
.idz_csv .title {
    font-family: "DM Sans Medium";
}
.settings_home .change_plan a {
    font-family: 'DM Sans Medium', serif;
}
.reminder_email .detail span,
.import span.block {
    font-family: "DM Sans Medium"
}
fieldset label {
    font-family: 'DM Sans Medium', sans-serif;
}
:root {
    --bg--main: rgb(255, 255, 255);
    --bg--idz-cal-topics: rgb(246, 246, 246);
    --bg--btn: rgb(51, 51, 51);
    --bg--cal-selected: rgb(0, 0, 0);
    --bg--cal-today: lightblue;
    --bg--day-rem: rgb(253, 225, 173);
    --bg--format: rgb(245, 245, 245);
    --bg--st-ev: rgb(251, 251, 251);
    --bg--menu: rgb(101, 128, 141);
    --bg--day-options: rgb(251, 251, 251);
    --bg--planner-day: rgb(246, 246, 246);
    --bg--planner-current-day: rgba(246, 246, 246, 0.6);
    --bg--planner-topic: rgba(246, 246, 246, 0.8);
    --bg--planner-topic-row: rgba(246, 246, 246, 0.8);
    --bg--planner-dropdown: rgb(233, 233, 233);
    --bg--planner-placeholder: rgb(203, 205, 193);
    --bg--planner-editing: rgb(241, 241, 241);
    --bg--search: rgb(250, 250, 250);
    --bg--day-prev-next: rgb(236, 236, 236);
    --bg--tab-on: rgb(236, 236, 236);
    --bg--at-selected: rgb(245, 245, 245);
    --bg--dropdown: rgb(249, 249, 249);
    --bg--form-readonly: rgb(245, 248, 250);
    --bg--form-disabled: rgb(204, 204, 204);
    --bg--form-field: rgb(245, 248, 250);
    --bg--dialog-inner: rgb(245, 245, 245);
    --bg--loader-square: rgb(255, 255, 255);
    --bg--loader: rgb(0, 0, 0);
    --bg--shadow-loader: rgb(102, 102, 102);
    --bg--inv: rgb(101, 128, 141);
    --bg--tool: rgb(255, 255, 255);
    --bg--select2-list: rgb(245, 248, 250);
    --bg--select2-search: rgba(255, 255, 255);
    --bg--select2-option: rgba(130, 157, 169);

    --bg-hover--btn: steelblue;
    --bg-hover--cal: rgb(123, 157, 173);
    --bg-hover--cal-future: rgba(123, 157, 173, 0.7);
    --bg-hover--format: rgba(229, 229, 229, 1);
    --bg-hover--cab: rgba(229, 229, 229, 1);
    --bg-hover--st-ev: rgb(245, 245, 245);
    --bg-hover--menu: lightblue;
    --bg-hover--lateral: rgb(123, 157, 173);
    --bg-hover--search: rgb(247, 247, 247);
    --bg-hover--day-prev-next: rgb(220, 220, 220);
    --bg-hover--topic-title: rgb(247, 247, 247);
    --bg-hover--dropdown: rgb(103, 110, 119);
    --bg-hover--table: lightblue;
    --bg-hover--form-field: rgb(251, 254, 255);
    --bg-hover--to_btn: lightblue;
    --bg-hover--to_btn_border: transparent;
    --bg-hover--planner-day: rgb(237, 237, 237);
    --bg-hover--planner-topic: rgb(237, 237, 237);
    --bg-hover--planner-task_border: rgb(215, 215, 215);
    --bg-hover--planner-task: rgb(237, 237, 237);
    --bg-hover--item: rgb(245, 245, 245);
    --bg-hover--m: lightblue;
    --bg-hover--select2-option: rgba(75, 97, 107);
    --bg-hover--link: lightblue;
    --bg-hover--tab-off: lightblue;

    --bg-focus--search: rgb(247, 247, 247);
    --bg-focus--form-field: rgb(250, 250, 250);

    --bg-disabled--btn: rgb(170, 170, 170);

    --fg--brand: rgb(36, 143, 163);
    --fg--main: rgb(0, 0, 0);
    --fg--main-a: rgb(51, 51, 51);
    --fg--change-a: rgb(69, 145, 223);
    --fg--top-a: rgb(4, 91, 107);
    --fg--day-content-a: rgb(86, 153, 223);
    --fg--h2: rgb(51, 51, 51);
    --fg--lateral-a: rgb(85, 85, 85);
    --fg--titles: rgb(51, 51, 51);
    --fg--label: rgb(0, 0, 0);
    --fg--options: rgb(85, 85, 85);
    --fg--tasks: rgb(51, 51, 51);
    --fg--btn: rgb(255, 255, 255);
    --fg--day-prev-next: rgb(34, 34, 34);
    --fg--sublabel: rgb(102, 102, 102);
    --fg--content-b: rgb(85, 85, 85);
    --fg--cal-selected: rgb(255, 255, 255);
    --fg--cal-today: rgb(0, 0, 0);
    --fg--cal-search-none: rgba(187, 187, 187, 0.8);
    --fg--placeholder-input: rgb(0, 0, 0);
    --fg--placeholder-day: rgb(200, 200, 200);
    --fg--placeholder-search: rgb(153, 153, 153);
    --fg--top-link-shadow: rgb(238, 238, 238);
    --fg--day-rem: rgb(67, 67, 67);
    --fg--day-options: rgb(85, 85, 85);
    --fg--planner-day: rgb(85, 85, 85);
    --fg--planner-editing-border: rgb(26, 26, 26);
    --fg--planner-editing: rgb(26, 26, 26);
    --fg--day-options-selected: rgb(85, 85, 85);
    --fg--form-readonly: rgb(102, 102, 102);
    --fg--form-field: rgb(64, 64, 64);
    --fg--group-btn: rgb(102, 102, 102);
    --fg--group-bef-aft: rgb(153, 153, 153);
    --fg--menu: rgb(255, 255, 255);
    --fg--inv: rgb(255, 255, 255);
    --fg--inv-top-link-shadow: rgba(255, 255, 255, 0);
    --fg--search: rgb(51, 51, 51);
    --fg--tab-on: rgb(0, 0, 0);
    --fg--tab-off: rgb(34, 34, 34);
    --fg--at-text-shadow-1: rgb(238, 238, 238);
    --fg--at-text-shadow-2: rgb(239, 239, 239);
    --fg--fa: rgb(187, 187, 187);
    --fg--dropdown-1: rgb(56, 56, 56);
    --fg--dropdown-2: rgb(128, 128, 0);
    --fg--dropdown-3: rgb(30, 128, 0);
    --fg--triangle-1: rgb(204, 204, 204);
    --fg--triangle-2: rgb(245, 245, 245);
    --fg--table-head: rgb(68, 68, 68);
    --fg--table-row: rgb(51, 51, 51);
    --fg--dialog-inner: rgb(0, 0, 0);
    --fg--blog-p-b: rgb(0, 0, 0);
    --fg--planned: rgb(0, 163, 214);
    --fg--select2-search: rgba(0, 0, 0);

    --fg--border-brand: cadetblue;
    --fg--border-day: rgba(0, 0, 0, 0.2);
    --fg--border-bottom-header: rgb(221, 221, 221);
    --fg--border-btn: rgb(0, 0, 0);
    --fg--border-planner: rgb(221, 221, 221);
    --fg--border-popup: rgb(221, 221, 221);
    --fg--border-top-footer: rgb(221, 221, 221);
    --fg--border-bottom-lateral-a: rgb(85, 85, 85);
    --fg--border-day-options: rgb(191, 191, 191);
    --fg--border-form-readonly: rgb(204, 204, 204);
    --fg--border-form-disabled: rgb(170, 170, 170);
    --fg--border-form-field: rgb(170, 170, 170);
    --fg--border-search: rgb(221, 221, 221);
    --fg--border-tab: rgb(204, 204, 204);
    --fg--border-head: rgb(204, 204, 204);
    --fg--border-drop-down: rgb(204, 204, 204);
    --fg--border-span-table: rgb(102, 102, 102);
    --fg--border-dialog-inner: rgb(204, 204, 204);
    --fg--border-loader-square: rgb(204, 204, 204);
    --fg--border-loader: rgba(0, 0, 0, 0.2);
    --fg--border-img: rgb(210, 210, 210);
    --fg--border-format: rgba(0, 0, 0, 0.04);
    --fg--border-selection-arrow: rgb(150, 150, 150);
    --fg--border-selection-arrow-open: rgb(139, 173, 228);
    --fg--border-select2-search: rgba(189, 189, 189);

    --fg-hover--brand: darkcyan;
    --fg-hover--main-a: rgb(0, 0, 0);
    --fg-hover--change-a: rgb(61, 172, 223);
    --fg-hover--top-a: rgb(0, 109, 129);
    --fg-hover--lateral-a: rgb(255, 255, 255);
    --fg-hover--day-content-a: rgb(48, 145, 247);
    --fg-hover--titles: rgb(0, 0, 0);
    --fg-hover--day-prev-next: rgb(0, 0, 0);
    --fg-hover--cal: rgb(255, 255, 255);
    --fg-hover--turn_off: rgb(0, 0, 0);
    --fg-hover--inv-topics: rgb(0, 0, 0);
    --fg-hover--topic-title: rgb(51, 51, 51);
    --fg-hover--tab-off: rgb(0, 0, 0);
    --fg-hover--fa: rgb(102, 102, 102);
    --fg-hover--dropdown-3: rgb(134, 222, 41);
    --fg-hover--border-bottom-lateral-a: rgb(0, 0, 0);
    --fg-hover--border-search: rgb(204, 204, 204);
    --fg-hover--border-topic-title: rgb(204, 204, 204);
    --fg-hover--border-item: rgb(215, 215, 215);
    --fg-hover--border-btn: steelblue;
    --fg-hover--btn: rgb(243, 243, 243);
    --fg-hover--menu: rgb(0, 0, 0);
    --fg-hover--select2-option: rgb(255, 255, 255);
    --fg-hover--cl-sel: rgb(255, 255, 255);
    --fg-hover--sel-topic: rgb(255, 255, 255);

    --fg-focus--assignments: rgb(0, 0, 0);
    --fg-focus--search: rgb(51, 51, 51);
    --fg-focus--topic-title: rgb(51, 51, 51);
    --fg-focus--border-search: rgb(139, 173, 228);
    --fg-focus--border-topic-title: rgb(139, 173, 228);
    --fg-focus--border-form: rgb(139, 173, 228);

    --fg-disabled--btn: rgb(204, 204, 204);

    --fn--month: 'DM Sans Medium';
    --fn--day-name: 'DM Sans Medium';
    --fn--day-mmm-yy: 'DM Sans Medium';

    --im--i-idazery-32: url(/static/img/brand/idazery_32-light.png);
    --im--i-idazery-32-hover: url(/static/img/brand/idazery_32-over-light.png);
    --im--curve_top: url(/static/img/brand/curve_top-light.png);
    --im--expand-on: url(/static/img/expand_on-light.png?q=1);
    --im--expand-off: url(/static/img/expand_off-light.png?q=1);
    --im--menu_b: url(/static/img/menu_b-light.png?q=1);
    --im--menu_b-on: url(/static/img/menu_b-on-light.png);
    --im--topic_op: url(/static/img/topic_op-light.svg);
    --im--topic_cl: url(/static/img/topic_cl-light.svg);
    --im--finished: url(/static/img/finished-light.png);
    --im--pl-finished: url(/static/img/pl-finished-light.png);
    --im--select2: url(/static/img/select2-light.svg);
    --im--up-day: url(/static/img/up-day-light.svg);
    --im--top: url(/static/img/top-light.svg);
    --im--checkbox: url(/static/img/checkbox-light.png);
    --im--checkbox-h: url(/static/img/checkbox_h-light.png);
    --im--checked: url(/static/img/checked-light.png);
    --im--topic-back: url(/static/img/topic_back-light.svg);
    --im--new_b: url(/static/img/new_b-light.svg);
    --im--new_b_on: url(/static/img/new_b_on-light.png);
    --im--pending: url(/static/img/pending-light.png);
    --im--planned: url(/static/img/planned-light.png);
    --im--today: url(/static/img/today-light.png);
    --im--today-hover: url(/static/img/today-light-hover.png);
    --im--tasks-on: url(/static/img/tasks-on-light.svg);
    --im--tasks-off: url(/static/img/tasks-off-light.svg);
    --im--pencil-on: url(/static/img/pencil-on-light.svg);
    --im--pencil-off: url(/static/img/pencil-off-light.svg);
    --im--edit-form: url(/static/img/new_edit-light.svg);
    --im--edit-topic: url(/static/img/edit_tp_on-light.svg);
    --im--edit-topic-on: url(/static/img/edit_tp_on-light.svg);
    --im--view-topic: url(/static/img/view-light.svg?q=3);
    /*--im--view-topic: url(/static/img/close_sq-light.svg);*/
    --im--view-topic-on: url(/static/img/view-light-on.svg);
    /*--im--view-topic-on: url(/static/img/close_sq_on-light.svg);*/
    --im--left24: url(/static/img/left_24-light.png);
    --im--cancel: url(/static/img/cancel-light.svg);
    --im--search: url(/static/img/search-light.svg);
    --im--img: url(/static/img/img-light.png);
    --im--img-add: url(/static/img/img_add-light.png);
    --im--img-del: url(/static/img/img_del-light.png);
    --im--img-rotate: url(/static/img/img_rotate-light.png);
    --im--ellipsis-v: url(/static/img/ellipsis-v-light.svg);
    --im--ellipsis-v-on: url(/static/img/ellipsis-v-on-light.svg);
    --im--ed-B: url(/static/img/ed/B-light.svg);
    --im--ed-I: url(/static/img/ed/I-light.svg);
    --im--ed-U: url(/static/img/ed/U-light.svg);
    --im--ed-undo: url(/static/img/ed/Undo-light.svg);
    --im--ed-redo: url(/static/img/ed/Redo-light.svg);
    --im--ed-link: url(/static/img/ed/Link-light.svg);
    --im--ed-close: url(/static/img/ed/X-light.svg);
    --im--d-close: url(/static/img/X-dd-light.svg);
    --im--logout-on: url(/static/img/logout_on.png);

    --im--status-g-circle: url(/static/img/status/light/g_circle.png);
    --im--status-o-circle: url(/static/img/status/light/o_circle.png);
    --im--status-r-circle: url(/static/img/status/light/r_circle.png);
    --im--status-x-circle: url(/static/img/status/light/x_circle.png);
    --im--status-g-circle-st: url(/static/img/status/light/g_circle.png);
    --im--status-o-circle-st: url(/static/img/status/light/o_circle.png);
    --im--status-r-circle-st: url(/static/img/status/light/r_circle.png);

    --img--bg-day: url(/static/img/bkgrnd_light.png);

    --im--btn-search: url(/static/img/search_btn-light.svg);
    --im--profile: url(/static/img/profile-light.png?q=1);

    --im-hover--profile: url(/static/img/profile_over-light.png?q=1);
    --im-hover--search: url(/static/img/search_btn_over-light.svg);

    --c--opacity-m: 0.6;
    --c--opacity-sel-a: 0.20;
    --c--opacity-sel-b: 0.5;
    --c--opacity-sel-c: 1 !important;
    --select2--text: rgb(255, 255, 255);

    --c--opacity-toT-a: 0.3;
    --c--opacity-toT-b: 0.5;

    --c-opacity-topBtn: 0.4;
    --c-opacity-filter-placeholder: 0.2;

    --c--opacity-day-options-no-selected: 0.3;

    --c--border-day-options: dotted;
    --c--bold-h2-a: bold;
}

.settings_home h2,
.idz_statistics h2,
.idz_reminders h2,
.idz_export h2,
.idz_import h2,
.idz_tools h2,
.about h1,
.about h3{
    background: linear-gradient(90deg, #07a3c0 0%, #03323b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: cover;
    color: transparent !important;
}
.about h1 {
    font-family: "DM Sans Medium";
    font-weight: normal;
}