:root {
    --general-color: rgb(4, 91, 107);
    --fg--border-plan-lines: rgb(4, 91, 107);
    --bg--plan-no-selected-title: rgba(4, 91, 107, 0.6);
    --bg--plan-over-title: rgba(4, 91, 107, 0.7);
    --bg--plan-selected-title: rgb(4, 91, 107);
    --bg--plan-selected-desc: rgba(4, 91, 107, 0.1);
    --bg--plan-over-desc: rgba(4, 91, 107, 0.05);
    --bg--plan-current-title: rgb(177, 202, 203);
    --bg--plan-current-desc: rgba(4, 91, 107, 0.1);
    --fg--past: rgb(230, 58, 54);
    --fg--future: rgb(32, 201, 151);
}

/*------------ --bg--main ------------------------*/
html, body,
.idz_central,
.day .day_title,
.day_content p,
.idz_valley .form_field,
.idz_valley .form_adv,
.idz_valley .form_adv input,
.top_fixed,
.topBtnB,
#id_footer {background-color: var(--bg--main);}

.day .rem {background: var(--bg--day-rem) url(/static/img/bell.png) top 4px left 7px no-repeat;}
.title_rem {background: var(--bg--main) url(/static/img/bell.png) top 1px left no-repeat;}

/*------------ general colors ---------------*/
.text_logo, .text_legend{
    color: var(--fg--brand);
}
.idz_pricing .plans .title span {
    background-color: var(--bg--plan-no-selected-title);
}
.idz_pricing .plans .title_over span {
    background-color: var(--bg--plan-over-title);
    cursor: pointer;
}
.idz_pricing .plans .title_selected span {
    background-color: var(--bg--plan-selected-title);
}
.idz_pricing .plans .t_selected {
    background-color: var(--bg--plan-selected-desc);
}
.idz_pricing .plans .title_current span {
    color: #333333 !important;
    background-color: var(--bg--plan-current-title);
    opacity: 0.4;
}
.idz_pricing .plans .t_current {
    background-color: var(--bg--plan-selected-desc);
    opacity: 0.4;
}
.idz_pricing .plans .t_over {
    /*background-color: var(--bg--plan-over-desc);*/
    cursor: pointer;
}
.idz_pricing .plans td {
    border-left: 1px solid var(--fg--border-plan-lines);
    border-right: 1px solid var(--fg--border-plan-lines);
}
/*------------ --bg--idz-cal-topics ---------------*/
.idz_cal_topics {background-color: var(--bg--idz-cal-topics);}

/*------------ --bg--btn -------------------------*/
.btn {
    background-color: var(--bg--btn);
    border: 1px solid var(--fg--border-btn);
}

/*------------ --bg--day-prev-next -------------------*/
.idz_link_prev_next a {background-color:var(--bg--day-prev-next);}

/*------------ --bg--cal-selected ----------------*/
.month_selected {background-color: var(--bg--cal-selected);}

/*------------ --bg--cal-today -------------------*/
.idz_calendar .today{
    background-color: var(--bg--cal-today) !important;
    color: rgb(33, 90, 103) !important;
}

/*------------ --bg--day-rem --------------------*/
/*.day .rem .rem_content{background-color: var(--bg--day-rem);}*/

/*------------ --bg-hover--btn -------------------*/
.btn:hover {
    background-color: var(--bg-hover--btn);
    border: 1px solid var(--bg-hover--btn);
}

/*------------ --bg-hover--day-prev-next -------------*/
.idz_link_prev_next a:hover {background-color: var(--bg-hover--day-prev-next);}

/*------------ --bg-hover--cal ------------*/
.idz_calendar .prev,
.idz_calendar .next,
.sel_cal .prev,
.sel_cal .next,
.month_link,
.idz_calendar .topic_none,
.idz_calendar .search_none,
.idz_calendar .a {transition: background-color 0.1s ease, color 0.1s ease;}


.idz_calendar .prev:hover,
.idz_calendar .next:hover,
.sel_cal .prev:hover,
.sel_cal .next:hover,
.month_link:hover,
.idz_calendar .cal_past:hover,
.idz_calendar .cal_fut:hover,
.idz_calendar .topic_none:hover,
.idz_calendar .search_none:hover,
.idz_calendar .a:hover {
    background-color: var(--bg-hover--cal);
}

/*------------ --bg-disabled--btn ----------------*/
.btn_bar:disabled,
.btn_bar:disabled:hover {background-color: var(--bg-disabled--btn);}
.btn_bar:disabled,
.btn_bar:disabled:hover {border-color: var(--bg-disabled--btn);}

/*------------ --fg--main ------------------------*/
html, body,
.idazki,
.top_a,
.top_btn,
.idz_central,
.day_header,
.day_content,
.month_link span,
.idz_options li span,
.idz_form h1,
.idz_form h2,
.no_topics .new,
.settings_home .annual,
.settings_home .one_time,
.idz_pricing li.plan .price .number,
.idz_pricing li.plan .custom,
#id_footer,
.c-topics .new,
.idz_s_topics .new {
    color: var(--fg--main);
}

/*------------ --fg--main-a ----------------------*/
.idz_calendar .prev a,
.idz_calendar .next a,
.idz_calendar .a,
.idz_calendar .a a,
a.back_home,
.sel_cal .prev a,
.sel_cal .next a,
.idz_statistics .title_year a,
.idz_reminders .title_year a,
.idz_export .title_year a,
.idz_export .idz_year a span,
.mini_link, .b_link,
.settings_home .receipt a,
.about a,
.idz_article a,
.idz_article .nav a,
#id_footer a,
.reminder_email a,
.import a,
.idz_csv a,
.month_link span {color: var(--fg--main-a);}

.reminder_email a,
.import a{
    border-bottom: 1px dotted var(--fg--main-a) !important;
}
.reminder_email .confirm a {
    border-bottom: transparent !important;
}
.reminder_email a:hover,
.import a:hover{
    border-bottom: 1px dotted var(--fg-hover--main-a) !important;
}
.reminder_email .select2-choice:hover{
    border-bottom: 0px transparent !important;
}

.idz_export .idz_year a span,
.idz_article .nav a {
/*    border-bottom: 1px dotted var(--fg--main-a) !important; */
    color: var(--fg--main-a);
    border-bottom: 1px solid transparent;
}

.mini_link, .b_link,
.a_login_again,
#id_footer a,
.idz_csv a,
.idz_article .back_home {
    /*    border-bottom: 1px dotted var(--fg--main-a) !important; */
    color: var(--fg--main-a);
    padding: 0.2rem 1rem;
    transition: background-color 0.1s ease, color 0.1s ease;
    border-bottom: 0 !important;
    border-radius: 19px !important;
    -moz-border-radius: 19px !important;
    -webkit-border-radius: 19px !important;
}


/*------------ --fg--top-a ----------------------*/
ul.top_links li span {color: var(--fg--top-a);}

a.back_home{
/*    border-bottom: 1px dotted var(--fg--top-a) !important;*/
    border-bottom: 1px solid transparent;
}

/*------------ --fg--lateral-a -------------------*/
.idz_s_topics a .to,
.idz_s_topics a .num,
.browse_topics a .to,
.browse_topics a .num {color: var(--fg--lateral-a);}

/*------------ --fg--titles -----------------------*/
.month a,
.day_name,
.day_mmm_yy,
.f_to {color: var(--fg--titles);}
.month a,
.idz_roll .day_header {
    /*border-bottom: 1px dotted var(--fg--titles);*/
    border-bottom: 1px solid transparent;
}

.pending_text,
.idz_statistics .title_year h1,
.idz_reminders .title_year h1,
.idz_export .title_year h1 {
    color: var(--fg--titles);
}
/*------------ --fg--border-day -------------------*/

.idz_roll .day {
    border-top: 1px solid transparent;
    /*border-bottom: 1px solid var(--fg--border-day);*/
    margin-bottom: 0rem;
    padding-bottom: 0rem;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-image: var(--img--bg-day);
    background-position: center calc(100% - 30px);
    background-size: 100% 20px;
    background-repeat: no-repeat;
}

.topics_timeline_edit_home .day{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    background-size: 0px 0px;
}

/*------------ --fg--label -----------------------*/
fieldset label{
    color: var(--fg--label);
}
/*------------ --fg--options ----------------------*/
ul.options li a {
    color: var(--fg--options);
/*    border-bottom: 1px dotted var(--fg--options);*/
    border-bottom: 1px solid transparent;
    padding: 0.35rem 1rem !important;
    transition: background-color 0.1s ease, color 0.1s ease;
    border-radius: 19px !important;
    -moz-border-radius: 19px !important;
    -webkit-border-radius: 19px !important;
}
ul.options li a:hover {
    color: var(--fg-hover--menu) !important;
    background-color: var(--bg-hover--menu);
    border-bottom: 0 !important;
}

/*------------ --fg-tasks -------------------------*/
.day_dones .at, .pending .at{color: var(--fg--tasks);}

/*------------ --fg--btn -------------------------*/
.btn,
.btn:focus {color: var(--fg--btn);}

.btn:hover {
    border: 1px solid var(--fg-hover--border-btn);
    color: var(--fg-hover--btn) !important;
}

/*------------ --fg--day-prev-next -------------------*/
.idz_link_prev_next a {color: var(--fg--day-prev-next);}

/*------------ --fg--sublabel --------------------*/
.tasks_data .label {
    color: var(--fg--sublabel);
}

/*------------ --fg--cal-selected ----------------*/
.month_selected {
    color: var(--fg--cal-selected);
}

/*------------ --fg--cal-today -------------------*/
.idz_calendar .today a{
    color: var(--fg--cal-today);
}

/*------------ ;--fg--placeholder-input -----------*/
.form_adv input::placeholder,
.form_input::placeholder {
    color: var(--fg--placeholder-input);
}

/*------------ --fg--placeholder-day -------------*/
[contentEditable=true]:empty:not(:focus):before{
    color: var(--fg--placeholder-day);
}

/*------------ --fg--day-rem --------------------*/
.day .rem,
.day .rem .rem_content{
    color: var(--fg--day-rem);
}
/*------------ --fg--group-bef-aft ---------------*/

.to_btn:before, .to_btn:after {
    color: var(--fg--group-bef-aft);
}
/*------------ --fg--inv -----------------*/
.c-topics .title,
.c-topics a .to {
    color: var(--fg--inv);
    border-bottom: 1px solid transparent;
}
.f_left_w ul.top_links li span,
.c-topics a .num {
    color: var(--fg--inv);
}
.c-topics a:hover .to,
.c-topics a:hover .num {
    color: var(--fg-hover--inv-topics);
}
/*------------ --fg--inv-top-link-shadow ----------*/
.f_left_w ul.top_links li span {
    text-shadow: 1px 1px var(--fg--inv-top-link-shadow);
}

/*------------ --fg--border-bottom-header -----------*/
.top_first_child {
    /*border-bottom: 1px solid var(--fg--border-bottom-header);*/
}

/*------------ --fg--border-top-footer -----------*/
#id_footer {
    border-top: 1px solid var(--fg--border-top-footer);
}

/*------------ --fg--border-bottom-lateral-a -----*/
.idz_s_topics .title,
.c-topics a .to,
.idz_s_topics a .to,
.topic_selected {
/*    border-bottom: 1px dotted var(--fg--border-bottom-lateral-a);*/
/*    border-bottom: 1px solid transparent; */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 192px;
    display: inline-block;
    position: relative;
    height: auto;
}
.topic_selected {
    color: rgb(0, 0, 0);
}
/*------------ --fg-hover--main-a ----------------*/
a:hover,
.topBtn:hover,
.menu_options-lang a:hover,
.sel_btn_close:hover:before, .sel_btn_close:hover:after,
.day_dones .group .lk:hover,
.idz_statistics .title_year a:hover,
.idz_reminders .title_year a:hover,
.idz_export .title_year a:hover {
    color: var(--fg-hover--main-a);
}
a.back_home:hover,
#id_link a:hover,
.idz_csv .link_day:hover .cel_day span,
.idz_export .idz_year a:hover span,
.home_feature article a:hover,
.form_footer a:hover,
.settings_home .receipt a:hover,
.about a:hover,
.day_content a:hover,
.about a:hover,
.idz_article a:hover,
.idz_article .nav a:hover {
    color: var(--fg-hover--main-a);
    border-bottom: 1px dotted var(--fg-hover--main-a) !important;
}

.mini_link:hover, .b_link:hover,
.a_login_again:hover,
#id_footer a:hover,
.idz_csv a:hover,
.idz_article .back_home:hover {
    background-color: var(--bg-hover--link);
    color: rgb(33, 33, 33);
    border-bottom: 0 !important;
}

/*------------ --fg-hover--top-a ----------------------*/
a.back_home:hover {
    color: var(--fg-hover--top-a);
}
.logo_center span a:hover {
    color: var(--fg-hover--brand);
}



/*------------ ---fg-hover--titles ----------------*/
.f_to:hover {
    color: var(--fg-hover--titles);
}
.li_over .f_to:hover,
.li_edit .f_to:hover {
    color: var(--fg--titles);
}

/*------------ --fg-hover--day-prev-next ----------------*/
.idz_link_prev_next a:hover {
    color: var(--fg-hover--day-prev-next);
}

/*------------ --fg-hover--cal -----------------------*/
.idz_calendar .prev:hover a,
.idz_calendar .next:hover a,
.sel_cal .prev:hover a,
.sel_cal .next:hover a,
.month_link:hover span,
.idz_calendar .a:hover a,
.idz_calendar .prev_next:hover,
#id_calendar_popup .a:hover{
    color: var(--fg-hover--cal);
}

.idz_calendar .day_none:hover,
.idz_calendar .future:hover a{
    color: var(--fg-hover--cal);
    opacity: 0.6;
}
/*------------ --fg-hover--inv-topics -----------------*/
.c-topics .title:hover {
    color: var(--fg-hover--inv-topics);
    background-color: var(--bg-hover--menu);
}
.f_left_w ul.top_links li span:hover,
.c-topics a .num:hover {
    color: var(--fg-hover--inv-topics);
}

/*------------ --fg-hover--border-bottom-lateral-a -----*/
.c-topics a,
.idz_s_topics a,
.browse_topics a {
    border-bottom: 1px dotted transparent;
    transition: background-color 0.1s ease, color 0.1s ease;
}
.c-topics a:hover {
    color: var(--fg-hover--inv-topics);
    background-color: var(--bg-hover--menu);
}
.idz_s_topics a:hover,
.browse_topics a:hover {
    background-color: var(--bg-hover--lateral);
}
.idz_s_topics a:hover .to,
.idz_s_topics a:hover .num,
.browse_topics a:hover .to{
    color: var(--fg-hover--lateral-a);
}
.idz_s_topics .title:hover {
    color: var(--fg-hover--lateral-a);
    background-color: var(--bg-hover--lateral);
}

/*------------ --fg--day-content-a ----------------------*/
.day_content a {
    color: var(--fg--day-content-a);
    border-bottom: 1px solid transparent;
}
.day_content a:hover {
    color: var(--fg-hover--day-content-a) !important;
    border-bottom: 1px dotted var(--fg-hover--day-content-a) !important;
    cursor: pointer;
}
/*------------ --fg-focus--assignments -----------*/
.day_dones .at:focus,
.pending_tasks .at:focus {
    color: var(--fg-focus--assignments) !important;
}

/*------------ --fg-disabled--btn ----------------*/
.btn:disabled,
.btn_bar:disabled,
.btn_bar:disabled:hover {
    color: var(--fg-disabled--btn);
}
/*------------ --images -------------------------*/
.i {background: transparent var(--im--i-idazery-32) top left no-repeat;}

.i_w:hover,
.i:hover {
    background: transparent var(--im--i-idazery-32-hover) top left no-repeat;
}
.expand_on {background: transparent var(--im--expand-on) center right no-repeat;}
.expand_off {background: transparent var(--im--expand-off) center right no-repeat;}

.f_sidebar_b {
    background: var(--im--menu_b) no-repeat scroll left 6px top 7px / 0.2rem auto;
    background-size: 28px 26px;
}
.f_sidebar_w {
    background: url(/static/img/close_w.png) no-repeat scroll left 13px top 12px / 0.2rem auto;
    border-radius: 23px;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
}
.op, .cl_opened {background-image: var(--im--topic_op);}
.cl_opened {margin-right: 0.4rem; top: -2px;}
.cl {background-image: var(--im--topic_cl);}
.cl_sel {background: transparent var(--im--select2) no-repeat scroll left 0 top -10px / 5rem auto;}
.to_Top {background: var(--im--up-day) top 18px center no-repeat;}
.topBtn {background: transparent var(--im--top) no-repeat scroll center top 4px / 29px auto;}
.checkbox {background: transparent var(--im--checkbox) 3px 5px no-repeat;}
.checkbox.checked {background: transparent var(--im--checked) 3px 5px no-repeat;}

/*
.chk {border: 1px solid white !important;}
.items {border: 1px solid yellow !important;}
.items .at {border: 1px solid white !important;}
*/

/*------------ --fonts-- ------------------------*/
.month {font-family: var(--fn--month), serif;}
.day_name {font-family: var(--fn--day-name), serif;}

#id_dropdown .today,
.day_mmm_yy {font-family: var(--fn--day-mmm-yy), serif;}


/*------------ opacity --------------------------*/
.day_dones .group_sel, .day_dones .group_sel .new {
    opacity: var(--c--opacity-sel-a);
    color: transparent;
}
.day:hover .day_dones .group_sel .cl,
.day:hover .group_sel .cl_sel, .day:hover .group_sel .new {
    color: transparent;
}
.day_dones .group_sel:hover,
.group_sel .new:hover, .c-topics .new:hover, .idz_s_topics .new:hover {
    opacity: var(--c--opacity-sel-c);
    color: var(--select2--text) !important;
}
.to_Top {
    opacity: var(--c--opacity-toT-a);
}
.day:hover .to_Top {
    opacity: var(--c--opacity-toT-b);
}
.topBtn {
    opacity: var(--c-opacity-topBtn);
}

.idz_link_prev_next .arrow_prev,
.idz_link_prev_next .arrow_next {color: var(--fg--main-a);}


/* ============================================== */

/* search field background-color: #415460*/

.browse_topics .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #bbbbbb !important;
}
.browse_topics .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #999999 !important;
}

.at_selected {
    /* text-shadow: 1px 1px var(--fg--at-text-shadow-1), 2px 2px var(--fg--at-text-shadow-2); */
    background-color: var(--bg--at-selected );
}
#id_link {
    background-color: #ffffff;
    border: 1px solid #383838;
    color: #383838;
}
#id_link a {
    border-bottom: 1px dotted #333333;
    color: #333333;
}
#id_link a:hover {
    border-bottom: 1px dotted #000000;
}
.highlightedText {
    background-color : #585858;
    color: #ffffff;
}
.group .fas,
.items .fas {
    color: var(--fg--fa);
}
li[t=open-topic] .fa-expand {
    left: -4px;
}
li[t=open-topic] span{
    padding-left: 0.35rem !important;
}
.group .fas:hover,
.items .fas:hover {
    color: var(--fg-hover--fa);
}
.no_topics .new {
    background: transparent var(--im--new_b) top 0px left 0px no-repeat;
}
.card_error_field {
    background: #eeeeee url(/static/img/form_error.png) top 0.6rem right no-repeat;
}
.card_error {
    color: #eb1c26;
}
.contact .header h4 {
    color: #666666;
}
.contact .header .text {
    text-shadow: 1px 1px #eeeeee;
}
.idz_table li {
    border-bottom: 1px solid #cccccc;
}
.idz_table .idz_row a {
    border-bottom: 1px dotted #666666;
}
.idz_table .idz_row a:hover {
    border-bottom: 1px dotted #333333;
}
.idz_table .idz_head {
    color: var(--fg--table-head);
    border-bottom: 1px solid var(--fg--border-head);
}
.idz_table .idz_row {
    color: var(--fg--table-row);
}
.idz_invoices .year_price {
    color: #333333;
}
.idz_reminders_list .idz_row:hover,
.idz_csv .idz_row:hover {
    background-color: var(--bg-hover--table);
    color: var(--fg-hover--table);
}
.idz_reminders_list .idz_head td,
.idz_csv .idz_head td {
    color: var(--fg--top-a);
}
.currencies {
    background-color: #f9fafb;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.rd_checkmark {
  background-color: #f9fafa;
  border: 1px solid #999999;
}
/* On mouse-over, add a grey background color */
.rd_container:hover input ~ .rd_checkmark {
  background-color: #ffffff;
}
.rd_container:hover input ~ .currency,
.rd_container:hover input ~ .currency_text {
    color: #000000 !important;
}
.rd_container {
    min-width: 174px;
    display: block;
    text-align: left;
    padding: 0.6rem 0;
}

/* When the radio button is checked, add a  background */
.rd_container input:checked ~ .rd_checkmark {
  background-color: #ffffff;
}
.rd_container input:checked ~ .currency,
.rd_container input:checked ~ .currency_text {
    color: #000000 !important;
    white-space: nowrap;
}
.rd_container .rd_checkmark:after {
	background: #666666;
}
.topBtn:hover {
  /*  background-color: #dfdfdf; */
}
.idz_export .idz_year a.pdf {
    background: transparent url(/static/img/pdf.png) no-repeat left 0 top 0px ;
}
.idz_export .idz_year a.csv {
    background: transparent url(/static/img/list1.svg) no-repeat left 5px top 2px ;
    background-size: 17px;
}
.idz_export .idz_year .no_data {
    color: #444444 !important;
}
.reminder_delete {
    border-top: 1px dashed var(--fg--label);
    border-bottom: 1px dashed var(--fg--label);
}
.reminder_delete .chk{
    position: relative;
    top: 5px;
}
.reminder_email .detail span,
.import .detail span {
    color: var(--fg--label);
}
.reminder_email .detail_line_top{
    margin-top: 1rem;
    border-top: 1px dashed var(--fg--label);
}
.reminder_email .detail_line_bottom{
    padding-bottom: 1.5rem !important;
    border-bottom: 1px dashed var(--fg--label);
}
.reminder_email span.block,
.import span.block {
    text-align: center;
    display: block;
    padding: 0.5rem 0;
}
#id_reminder_btn_delete {
    background-color: var(--bg--btn);
}
#id_reminder_btn_delete.enabled:hover {
    background-color: var(--bg-hover--btn);
}
.m_what_r {
    background-color: #f9fafb;
}
.home_feature article p {
    text-shadow: 1px 1px #eeeeee;
}
.home_feature img{
    border: 1px solid #ddd;
    box-shadow: 0 10px 40px rgba(107,115,133,0.2);
    -webkit-appearance: none;
}
.home_feature article a {
    border-bottom: 1px dotted #333333;
}
.home_feature blockquote {
    text-shadow: 1px 1px #eeeeee;
}
.home_feature blockquote p:before {
    color: #aaaaaa;
}
.form_adv,
.form_field,
.form_readonly_title,
.form_readonly {
    color: var(--fg--form-readonly);
}
.form_adv, .form_field {
    background-color: var(--bg--form-field);
    border: 0px solid transparent;
    box-shadow: 0px 0px 0px 1px var(--fg--border-form-field);
    transition: box-shadow 0.1s linear;
    -webkit-appearance: none;
}
.form_readonly_title,
.form_readonly {
    background-color: var(--bg--form-readonly) !important;
    box-shadow: 0px 0px 0px 1px var(--fg--border-form-readonly);
}
.form_adv input:focus {
    border: 1px transparent;
    outline-color: transparent;
    -webkit-appearance: none;
}
.form_adv_focus, .form_field:focus, .select2_focus, select:focus, .StripeElement--focus {
    background-color: var(--bg-focus--form-field);
    box-shadow: 0px 0px 0px 2px var(--fg-focus--border-form);
    outline-color: #6a85b1;
    -webkit-appearance: none;
}
.form_adv input:focus:hover,
.form_field:focus:hover, select:focus:hover {
    background-color: var(--bg-hover--form-field);
    -webkit-appearance: none;
}
.form_adv input:hover,
.form_field:hover {
    background-color: var(--bg-hover--form-field);
}
.form_readonly:hover {
    background-color: #f9f9f9;
}
.form_readonly_title:hover {
    background-color: #ffffff;
}
.form_img {
    background: transparent var(--im--edit-form) center right 10px no-repeat;
}
.form_ok {
    background: var(--bg--form-field) url(/static/img/form_ok.png) top 0.7rem right no-repeat;
}
.form_error {
    background: var(--bg--form-field) url(/static/img/form_error.png) top 0.7rem right no-repeat;
}
#id_topic_title.form_error {
    background: var(--bg-hover--topic-title) url(/static/img/form_error.png) top 0.2rem right -0.5rem no-repeat;
}
.form_tooltip:before {
    border-color: #222222 transparent;
}
.form_tooltip:after {
    border-color: #cccccc transparent;
}
.form_tooltip {
    background: none repeat scroll 0 0 #cccccc;
    border: 1px solid #444444;
    color: #333333;
}
.form_footer a{
    border-bottom: 1px dotted #333333;
    color: #666666;
}
c-topics .b_link {
    color: #eeeeee;
    border-bottom: 1px dotted #eeeeee !important;
}
.c-topics .b_link:hover {
    color: #ffffff;
    border-bottom: 1px dotted #ffffff !important;
}
.f_left_w ul.top_links li span {
    color: #efefef;
}
.f_left_w ul.top_links li a:hover span {
    color: #000000;
}
.f_left_w ul.top_links li span:hover {
    color: #ffffff;
}
.back_dialog{
    background: transparent var(--im--left24) center right no-repeat;
}
#id_topic_popup .form_filter,
.idz_reminders_list .form_filter,
.input_search {
    /*
    background-color: var(--bg--search);
    box-shadow: 0px 0px 0px 2px var(--fg-focus--border-form);
    -webkit-appearance: none;
    outline: none;
    */
}
.idz_reminders_list .form_filter:hover,
#id_search:hover .input_search,
#id_search_big:hover .input_search {
/*    background-color: var(--bg-hover--search);*/
/*    border: 1px solid var(--fg-hover--border-search) !important;*/
}
.input_search::placeholder {
    color: var(--fg--placeholder-search);
/*    font-family: Lato; */
}
.idz_reminders_list .form_filter:focus,
.input_search:focus {
    /*
    border: 1px solid var(--fg-focus--border-search);
    background-color: var(--bg-focus--search);
    color: var(--fg-focus--search);
    */
}
.input_search:focus:hover {
    /*
    border: 1px solid var(--fg-focus--border-search) !important;
    background-color: var(--bg-hover--search);
    */
}
.button_search {
    background: transparent var(--im--search) no-repeat center center;
}
.top_a {
    /*text-shadow: 1px 1px #eeeeee;*/
    color: var(--fg--top-a);
}
.top_btn{
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--fg--top-a);
    border: 1px solid var(--fg--top-a);
}
.top_btn:hover {
    background-color: var(--bg-hover--btn);
    color: #ffffff;
    border: 1px solid var(--fg-hover--border-btn);
}
.triangle1 {
    border-color: transparent transparent var(--fg--triangle-1);
}
.menu_user .triangle1 {
    border-color: transparent transparent var(--fg--triangle-1);
}
.triangle2 {
    border-color: transparent transparent var(--bg--inv);
}
.menu_user .triangle2 {
    border-color: transparent transparent var(--bg--inv);
}
.triangle1D {
    border-color: var(--fg--triangle-1) transparent transparent;
}
.triangle2D {
    border-color: var(--fg--triangle-2) transparent transparent;
}
.menu_options {
    background-color: var(--bg--menu);
    border-top: 0;
}
.menu_options a {
    color: var(--fg--menu);
    /*border-bottom: 1px solid rgb(77 79 96);*/
}
.menu_options-lang a.selected {
    background: url(/static/img/selected-light.png) left 12px top 17px no-repeat;
    /* color: #333333; */
}
.menu_options a:hover{
    background-color: var(--bg--menu);
    color: #ffffff;
}
.menu_options a:hover div {
    background-color: var(--bg-hover--menu);
    color: var(--fg-hover--menu);
}
#id_menu_logout .bg_img {
    background: url("/static/img/logout.png") no-repeat top 2px left 1px;
}
#id_menu_logout:hover .bg_img {
    background: var(--im--logout-on) no-repeat top 2px left 1px;
}
.idz_business h1 {
    color: #333333;
}
.idz_business h1 span {
    color: #36bd9c;
}
.idz_business h2,
.idz_basque {
    color: #333;
    /*text-shadow: 1px 1px #eeeeee;*/
}
.idz_basque a {
    border-bottom: 1px dotted #666666;
}
.idz_basque a:hover {
    border-bottom: 1px dotted #333333;
}
.about h1{
    color: rgb(0, 0, 0);
}
.settings_home h2,
.idz_statistics h2,
.idz_reminders h2,
.idz_export h2,
.idz_import h2,
.idz_tools h2,
.idz_cancel h1,
#id_popup_browse_topics, #id_popup_new_topic, #id_popup_form_reminder,
#id_calendar_popup .popup_title .text{
    color: var(--fg--h2);
}
#id_popup_browse_topics, #id_popup_new_topic {
    background-color: var(--bg--main) !important;
}
#id_popup_form_reminder {
    background-color: var(--bg--main) !important;
}
#id_popup_browse_topics h2, #id_popup_new_topic h2, #id_popup_form_reminder h2 {
    font-weight: normal;
}

.idz_cancel .actions .action_group {
    border: 1px solid var(--fg--border-day-options);
    background-color: var(--bg--day-options);
}
.idz_cancel .action .text {
    color: var(--fg--label);
}
.idz_cancel .sep {
    border-bottom: 1px solid var(--fg--border-day-options);
}
input[type=button].disabled {
    background-color: #dddddd;
    border: 1px solid #cccccc;
    color: #999999;
}
.command_text {
    color: #36bd9c;
}
.b_border,
.btn_turn_off,
.idz_cancel ul.action li.command .btn_turn_off {
    color: var(--fg--main-a);
    border-bottom: 1px dotted var(--fg--main-a) !important;
    white-space: nowrap !important;
}
.btn_turn_off:hover,
.idz_cancel ul.action li.command .btn_turn_off:hover {
    color: var(--fg-hover--turn_off);
    border: 0 !important;
    border-bottom: 1px dotted var(--fg-hover--turn_off) !important;
}
.btn_turn_off:focus {
    color: var(--fg-hover--turn_off);
}
.idz_form h2 {
    border-top: 1px solid #ccc;
}
.idz_form h3 {
    color: #333333;
}
.idz_welcome h2 {
    color: #666;
}
.idz_welcome h3 {
    color: #333333;
}
.idz_welcome h2 b {
    color: #333333;
}
.trial_c {
    color: #36bd9c !important;
}
.terms_desc .price {
    color: #333333;
}
.l_arrow {
    background: transparent url(/static/img/black-left-arrow.svg) no-repeat bottom 0.03em right 0.3em;
    color: #ffffff;
}
.arrow_back:hover .l_arrow {
    background: transparent url(/static/img/black-left-arrow.svg) no-repeat bottom 0.03em right 0.4em;
    color: #ffffff;
}
.idz_pricing .plans .currencies .currency {
    color: #666666;
}
.idz_pricing .plans .currencies .currency_text {
    color: #666666;
}
.idz_pricing li.plan {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    -webkit-box-shadow: 0 0 5px 0 rgba(141,152,179,0.3);
    moz-box-shadow: 0 0 5px 0 rgba(141,152,179,0.3);
    box-shadow: 0 0 5px 0 rgba(141,152,179,0.3);
    -webkit-appearance: none;
}
.idz_pricing li.plan:hover {
    border: 1px solid #bbbbbb;
    -webkit-box-shadow: 0 0 10px 0 rgba(141,152,179,0.3);
    moz-box-shadow: 0 0 10px 0 rgba(141,152,179,0.3);
    box-shadow: 0 0 10px 0 rgba(141,152,179,0.3);
    -webkit-appearance: none;
    cursor: pointer;
}
.idz_pricing li.default:hover {
    border: 1px solid #666666;
    -webkit-box-shadow: 0 0 10px 0 rgba(141,152,179,0.5);
    moz-box-shadow: 0 0 10px 0 rgba(141,152,179,0.5);
    box-shadow: 0 0 10px 0 rgba(141,152,179,0.5);
    -webkit-appearance: none;
}
.idz_pricing li.default {
    border: 1px solid #666666;
}
.idz_pricing li.plan .title{
    color: #333333;
}
.idz_pricing li.plan .subtitle{
    color: #333333;
    text-shadow: 1px 1px #eeeeee;
}
.idz_pricing li.plan .price {
    color: #333333;
}
.idz_pricing li.plan .price .currency {
    color: #333333;
}
.idz_pricing li.plan .annual {
    color: #777777;
}
.idz_pricing .arrow,
.more_info .arrow {
    background: transparent url(/static/img/right-arrow.svg) no-repeat bottom 0rem right 0rem;
}
.idz_pricing ul.features li {
    /*text-shadow: 1px 1px #eeeeee;*/
}
.idz_pricing ul.features .not-included {
    background: transparent url(/static/img/not-included.png) 2px 4px no-repeat !important;
    color: #999999;
    text-shadow: 0px 0px #ffffff;
}
.r_arrow {
    background: transparent url(/static/img/white-right-arrow.svg) no-repeat bottom 0em right 0.3em;
    color: #ffffff;
}
.ribbon::before,
.ribbon::after {
    border: 5px solid #2980b9;
}
.ribbon span {
    background-color: #333333;
    box-shadow: 0 2px 2px rgba(0,0,0,.4);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    -webkit-appearance: none;
}
.settings_home h3 {
    color: #333333;
}
.settings_home h3 span {
    color: #666666;
}
.tabs {
    border-bottom: 1px dotted var(--fg--border-tab);
}
.idz_options .opt_assignments_off:hover,
.idz_options .opt_assignments_on {
    background: var(--im--tasks-on) no-repeat scroll left 0.5em top 0.5em / 1.2rem auto;
}
.idz_options .opt_assignments_off {
    background: var(--im--tasks-off) no-repeat scroll left 0.5em top 0.5em / 1.2rem auto;
}
.idz_options .opt_edit_off:hover,
.idz_options .opt_edit_on {
    background: var(--im--pencil-on) no-repeat scroll left 0.5em top 0.5em / 1.2rem auto;
}
.idz_options .opt_edit_off {
    background: var(--im--pencil-off) no-repeat scroll left 0.5em top 0.5em / 1.2rem auto;
}
.idz_options .opt_profile {
    background: url("/static/img/profile1.svg") no-repeat scroll left 0.5em top 0.5em / 1.2rem auto;
}
.idz_options .opt_subscription {
    background: url("/static/img/membership1.svg") no-repeat scroll left 0.5em top 0.5em / 1.2rem auto;
}
.idz_options .opt_invoice {
    background: url("/static/img/invoice1.svg") no-repeat scroll left 0.5em top 0.5em / 1.2rem auto;
}
.idz_options .opt_annual {
    background: url("/static/img/calendar1.svg") no-repeat scroll left 0.45em top 0.45em / 1.3rem auto;
}
.idz_options .opt_pdf {
    background: url("/static/img/pdf.png") no-repeat scroll left 0.45em top 0.45em / 1.3rem auto;
}
.idz_options .opt_daily-email {
    /*background: url("/static/img/time.svg") no-repeat scroll left 0.45em top 0.35em / 1.3rem auto;*/
    background: url("/static/img/daily-email.svg") no-repeat scroll left 0.45em top 0.35em / 1.3rem auto;
}
.idz_options .opt_evolution {
    background: url("/static/img/evolution.svg") no-repeat scroll left 0.45em top 0.45em / 1.3rem auto;
}
.idz_options .opt_list {
    background: url("/static/img/list1.svg") no-repeat scroll left 0.57em top 0.55em / 1rem auto;
}
.idz_options .opt_on {
    background-color: var(--bg--tab-on);
    border-top: 1px dotted var(--fg--border-tab);
    border-left: 1px dotted var(--fg--border-tab);
    border-right: 1px dotted var(--fg--border-tab);
    color: var(--fg--tab-on);
}
.idz_options .opt_off {
    color: var(--fg--tab-off);
}
.idz_options .opt_off:hover {
    color: var(--fg-hover--tab-off);
    border-bottom: 0px solid transparent;
    background-color: var(--bg-hover--tab-off);
}
.topic_title {
    background-color: var(--bg--main);
    /*border-bottom: 1px solid var(--fg--border-bottom-header);*/
    color: var(--fg--titles);
}
.topic_title_archived {
    background-color: #ffffff;
    color: #666666;
}
.topic_back {
    background: transparent var(--im--topic-back) no-repeat scroll center top 5px / 21px auto;
}
#_id_topic_title[contentEditable=true]:hover {
    background-color: var(--bg-hover--topic-title);
    border: 1px solid var(--fg-hover--border-topic-title);
    color: var(--fg-hover--topic-title);
}
.id_topic_title_focus {
    background-color: var(--bg-hover--topic-title);
    border: 1px solid var(--fg-focus--border-topic-title) !important;
    color: var(--fg-focus--topic-title);
}
.loader_square {
    background-color: var(--bg--loader-square);
    border: 1px solid var(--fg--border-loader-square);
    -webkit-box-shadow: 0 2px 8px var(--bg--shadow-loader);
    moz-box-shadow: 0 2px 8px var(--bg--shadow-loader);
    box-shadow: 0 2px 8px var(--bg--shadow-loader);
    -webkit-appearance: none;
}
.loader {
    border-color: var(--fg--border-loader) var(--fg--border-loader) var(--fg--border-loader) var(--bg--loader);
}
.loader_head {
    border-color: var(--fg--border-loader) var(--fg--border-loader) var(--fg--border-loader) var(--bg--loader);
}
.about .footer {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.about_date {
    color: var(--fg--titles);
}
.form_textarea {
    background-color: #f5f8fa;
    border: 1px solid #cccccc;
    outline-color: #6a85b1;
}
#id_dropdown {
    background-color: var(--bg--dropdown);
    border: 1px solid var(--fg--border-drop-down);
    color: var(--fg--dropdown-1);
    -webkit-box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.25);
    box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.25);
}
#id_dropdown ul li:hover {
    background-color: var(--bg-hover--dropdown);
    color: #ffffff !important;
}
#id_dropdown .today,
#id_dropdown ul li .day_name,
#id_dropdown ul li .day_mmm_yy {
    color: var(--fg--dropdown-3);
}
#id_dropdown ul li .txt,
#id_dropdown .txt_d {
    color: var(--fg--dropdown-2);
}
#id_dropdown ul li:hover .today,
#id_dropdown ul li:hover .txt,
#id_dropdown ul li:hover .txt_d,
#id_dropdown ul li:hover .day_name,
#id_dropdown ul li:hover .day_mmm_yy,
#id_dropdown ul li:hover .sel_cal {
    color: var(--fg-hover--dropdown-3);
}
.idz_h_topics .selected:hover {
    border: 1px solid #cccccc;
}
.idz_h_topics li[contentEditable=true]:focus {
    border: 1px solid #8bade4;
    background-color: #f9f9f9;
}
.idz_h_topics a {
    border-bottom: 1px dotted #cccccc;
}
.idz_h_topics a:hover {
    border-bottom: 1px dotted #000000;
}
/*-----------------------*/
.idz_calendar .cal_past { background: transparent url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px}
.idz_calendar .cal_pres { background: transparent url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px}
.idz_calendar .cal_fut { background: transparent url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px}


.idz_calendar .status_g { background: transparent url("/static/img/status/g_cal.png") no-repeat scroll right 4.5px top 7px}
.idz_calendar .status_o { background: transparent url("/static/img/status/o_cal.png") no-repeat scroll right 4.5px top 7px}
.idz_calendar .status_r { background: transparent url("/static/img/status/r_cal.png") no-repeat scroll right 4.5px top 7px}
.idz_calendar .status_n { background: transparent url("/static/img/status/n_cal.png") no-repeat scroll right 4.5px top 7px}
.idz_calendar .status_chk { background: url("/static/img/status/cal_chk.png") right 1.5px top 20px no-repeat}

.idz_calendar .status_g_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal.png") no-repeat scroll right 4.5px top 7px}
.idz_calendar .status_o_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal.png") no-repeat scroll right 4.5px top 7px}
.idz_calendar .status_r_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal.png") no-repeat scroll right 4.5px top 7px}

.idz_calendar .status_g_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal.png") no-repeat scroll right 4.5px top 7px}
.idz_calendar .status_o_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal.png") no-repeat scroll right 4.5px top 7px}
.idz_calendar .status_r_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal.png") no-repeat scroll right 4.5px top 7px}

.idz_calendar .status_g_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal.png") no-repeat scroll right 4.5px top 7px}
.idz_calendar .status_o_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal.png") no-repeat scroll right 4.5px top 7px}
.idz_calendar .status_r_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal.png") no-repeat scroll right 4.5px top 7px}

.idz_calendar .status_g_chk_g { background: url("/static/img/status/g_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/g_cal_chk.png") right 3.4px top 21px no-repeat}
.idz_calendar .status_o_chk_o { background: url("/static/img/status/o_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/o_cal_chk.png") right 3.4px top 21px no-repeat}
.idz_calendar .status_r_chk_r { background: url("/static/img/status/r_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/r_cal_chk.png") right 3.4px top 21px no-repeat}
.idz_calendar .status_n_chk_n { background: url("/static/img/status/n_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/cal_chk.png") right 3.4px top 21px no-repeat}

.idz_calendar .status_g_chk_g_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/g_cal_chk.png") right 3.4px top 21px no-repeat}
.idz_calendar .status_o_chk_o_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/o_cal_chk.png") right 3.4px top 21px no-repeat}
.idz_calendar .status_r_chk_r_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/r_cal_chk.png") right 3.4px top 21px no-repeat}
.idz_calendar .status_n_chk_n_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/n_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/cal_chk.png") right 3.4px top 21px no-repeat}

.idz_calendar .status_g_chk_g_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/g_cal_chk.png") right 3.4px top 21px no-repeat}
.idz_calendar .status_o_chk_o_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/o_cal_chk.png") right 3.4px top 21px no-repeat}
.idz_calendar .status_r_chk_r_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/r_cal_chk.png") right 3.4px top 21px no-repeat}
.idz_calendar .status_n_chk_n_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/n_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/cal_chk.png") right 3.4px top 21px no-repeat}

.idz_calendar .status_g_chk_g_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/g_cal_chk.png") right 3.4px top 21px no-repeat}
.idz_calendar .status_o_chk_o_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/o_cal_chk.png") right 3.4px top 21px no-repeat}
.idz_calendar .status_r_chk_r_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/r_cal_chk.png") right 3.4px top 21px no-repeat}
.idz_calendar .status_n_chk_n_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/n_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/cal_chk.png") right 3.4px top 21px no-repeat}

.idz_calendar .chk_g { background: url("/static/img/status/g_cal_chk.png") right 3.4px top 21px no-repeat}
.idz_calendar .chk_o { background: url("/static/img/status/o_cal_chk.png") right 3.4px top 21px no-repeat}
.idz_calendar .chk_r { background: url("/static/img/status/r_cal_chk.png") right 3.4px top 21px no-repeat}
/*-----------------------*/
.idz_calendar .rem { background: url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .rem_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .rem_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .rem_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}

.idz_calendar .status_g_rem { background: url("/static/img/status/g_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_o_rem { background: url("/static/img/status/o_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_r_rem { background: url("/static/img/status/r_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_n_rem { background: url("/static/img/status/n_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_chk_rem { background: url("/static/img/status/cal_chk.png") right 1.5px top 20px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}

.idz_calendar .status_g_rem_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_o_rem_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_r_rem_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_n_rem_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/n_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}

.idz_calendar .status_g_rem_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_o_rem_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_r_rem_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_n_rem_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/n_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}

.idz_calendar .status_g_rem_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_o_rem_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_r_rem_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_n_rem_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/n_cal.png") no-repeat scroll right 4.5px top 7px, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}

.idz_calendar .status_g_chk_g_rem { background: url("/static/img/status/g_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/g_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_o_chk_o_rem { background: url("/static/img/status/o_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/o_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_r_chk_r_rem { background: url("/static/img/status/r_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/r_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_n_chk_n_rem { background: url("/static/img/status/n_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}

.idz_calendar .status_g_chk_g_rem_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/g_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_o_chk_o_rem_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/o_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_r_chk_r_rem_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/r_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_n_chk_n_rem_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/n_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}

.idz_calendar .status_g_chk_g_rem_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/g_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_o_chk_o_rem_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/o_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_r_chk_r_rem_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/r_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_n_chk_n_rem_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/n_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}

.idz_calendar .status_g_chk_g_rem_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/g_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_o_chk_o_rem_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/o_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_r_chk_r_rem_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/r_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .status_n_chk_n_rem_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/n_cal.png") right 4.5px top 7px no-repeat, url("/static/img/status/cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}

.idz_calendar .chk_g_rem { background: url("/static/img/status/g_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .chk_o_rem { background: url("/static/img/status/o_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .chk_r_rem { background: url("/static/img/status/r_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}

/*
.idz_calendar .chk_g_rem_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .chk_o_rem_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .chk_r_rem_past { background: url("/static/img/icons/cal_past.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}

.idz_calendar .chk_g_rem_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .chk_o_rem_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .chk_r_rem_pres { background: url("/static/img/icons/cal_pres.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}

.idz_calendar .chk_g_rem_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/g_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .chk_o_rem_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/o_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
.idz_calendar .chk_r_rem_fut { background: url("/static/img/icons/cal_fut.png") no-repeat scroll left 5px top 7px, url("/static/img/status/r_cal_chk.png") right 3.4px top 21px no-repeat, url("/static/img/status/g_rem.png") left 4.4px top 21px no-repeat}
*/

/*-----------------------*/
.idz_calendar .prev_next:hover {
/*    background-color: #cccccc;*/
}
.idz_calendar .selected{
    background-color: var(--bg--cal-selected) !important;
    color: var(--fg--cal-selected) !important;
}
.idz_calendar .day_none,
.idz_calendar .topic_none,
.idz_calendar .search_none {
    color: var(--fg--cal-search-none);
}
.idz_calendar .future,
.idz_calendar .future a,
.idz_calendar .future_no_link {
    color: var(--fg--future);
}
.idz_calendar .topic_none.future,
.idz_calendar .topic_none.future a,
.idz_calendar .topic_none.future_no_link,
.idz_calendar .search_none.future,
.idz_calendar .search_none.future a,
.idz_calendar .search_none.future_no_link {
    opacity: 0.6;
}
#id_calendar_popup .future a.selected{
    background-color: var(--fg--future) !important;
    color: #fff !important;
}
#id_calendar_popup .past a.selected{
    background-color: var(--fg--past) !important;
    color: #fff !important;
}
#id_calendar_popup .present a.selected{
    background-color: var(--fg--planned) !important;
    color: #fff !important;
}

.idz_business a.back_home{
    color: #666666;
}
.day_dones a .to {
    border-bottom: 1px dotted #cccccc;
    color: #555555;
}
.day_dones a .to:hover {
    border-bottom: 1px dotted #000000;
    color:#000000;
}
.browse_topics li {
    border-bottom: 1px solid #eeeeee;
}
.select_topic li {
    border-bottom: 0px;
}
a:focus {
    color: var(--fg-hover--main-a);
}
.today_options li, .day_options li {
    opacity: var(--c--opacity-day-options-no-selected);
}
.today_options, .day_options, .img_options {
    background-color: var(--bg--st-ev);
    color: var(--fg--day-options);
    border: 1px var(--c--border-day-options) var(--fg--border-day-options);
}
.today_options li.selected, .day_options li.selected {
    color: var(--fg--day-options-selected);
}
.st_g {background: transparent var(--im--status-g-circle) center center no-repeat;}
.st_o {background: transparent var(--im--status-o-circle) center center no-repeat;}
.st_r {background: transparent var(--im--status-r-circle) center center no-repeat;}
.st_ {background: transparent var(--im--status-x-circle) center center no-repeat;}
.ev_g_b {background: transparent url(/static/img/status/g_up.png) left 2px center no-repeat;}
.ev_g_s {background: transparent url(/static/img/status/g_equal.png) left 2px center no-repeat;}
.ev_g_w {background: transparent url(/static/img/status/g_down.png) left 2px center no-repeat;}
.ev_o_b {background: transparent url(/static/img/status/o_up.png) left 2px center no-repeat;}
.ev_o_s {background: transparent url(/static/img/status/o_equal.png) left 2px center no-repeat;}
.ev_o_w {background: transparent url(/static/img/status/o_down.png) left 2px center no-repeat;}
.ev_r_b {background: transparent url(/static/img/status/r_up.png) left 2px center no-repeat;}
.ev_r_s {background: transparent url(/static/img/status/r_equal.png) left 2px center no-repeat;}
.ev_r_w {background: transparent url(/static/img/status/r_down.png) left 2px center no-repeat;}
.ev__ {background: transparent url(/static/img/status/x_equal.png) left 2px center no-repeat;}

.st_g_opt {background: transparent var(--im--status-g-circle-st) top 7px center no-repeat;}
.st_o_opt {background: transparent var(--im--status-o-circle-st) top 7px center no-repeat;}
.st_r_opt {background: transparent var(--im--status-r-circle-st) top 7px center no-repeat;}
.ev_g_b_opt {
    background: transparent url(/static/img/status/g_up.png) top 7px center no-repeat;
}
.ev_g_s_opt {
    background: transparent url(/static/img/status/g_equal.png) top 7px center no-repeat;
}
.ev_g_w_opt {
    background: transparent url(/static/img/status/g_down.png) top 7px center no-repeat;
}
.ev_o_b_opt {
    background: transparent url(/static/img/status/o_up.png) top 7px center no-repeat;
}
.ev_o_s_opt {
    background: transparent url(/static/img/status/o_equal.png) top 7px center no-repeat;
}
.ev_o_w_opt {
    background: transparent url(/static/img/status/o_down.png) top 7px center no-repeat;
}
.ev_r_b_opt {
    background: transparent url(/static/img/status/r_up.png) top 7px center no-repeat;
}
.ev_r_s_opt {
    background: transparent url(/static/img/status/r_equal.png) top 7px center no-repeat;
}
.ev_r_w_opt {
    background: transparent url(/static/img/status/r_down.png) top 7px center no-repeat;
}
.edit_day_action_msg {
    color: #333333;
}
.idz_growl {
    background-color: #ffffff;
}
.idz_growl div {
    background-color: #ffffff;
}
.msg_contact a {
    color: #d40d12;
}
.msg_contact a:hover {
    border-bottom: 1px solid #d40d12;
}
.checkbox:hover, .checkbox:focus {
    background: transparent var(--im--checkbox-h) 3px 5px no-repeat;
    color: var(--fg--main);
}
.checkbox:focus {
    border: 1px dotted black;
}
.idz_idays_page .chk.chk_pending {
    cursor: default !important;
}
a.img_scheduled_present, a.img_scheduled_past, a.img_scheduled_future {
    padding-left: 1.4rem !important;
}
span.img_scheduled_present, span.img_scheduled_past, span.img_scheduled_future {
    padding-left: 1.2rem !important;
    margin-right: 3px;
}
.img_scheduled_present,
.tasks_data .sched span,
.num .planned_future {
    color: rgb(32, 201, 151);
    padding: 0.5rem 0;
}
.img_scheduled_present,
.tasks_data .sched span,
.num .planned_present {
    color: var(--fg--planned);
    /*padding: 0.5rem 4px;*/
}
.past .img_scheduled_present,
.img_scheduled_past {
    padding: 0.5rem 0;
}
.future .img_scheduled_present,
.img_scheduled_future {
    padding: 0.5rem 0;
}
span.img_scheduled_future,
span.img_scheduled_present,
span.img_scheduled_past {
    width: 6px;
    top: 0px;
    position: relative;
}
span.img_scheduled_present {
    top: 0px;
}
span.img_scheduled_future,
span.img_scheduled_past {
    /*top: 2px;*/
}
.past .img_scheduled_present,
.tasks_data .past span,
.num .planned_past,
.img_scheduled_past span,
.img_scheduled_past div,
.sortable .past {
    color: var(--fg--past) !important;
}
.future .img_scheduled_present,
.tasks_data .future span,
.num .planned_future,
.img_scheduled_future span,
.img_scheduled_future div,
.sortable .future {
    color: var(--fg--future) !important;
}
.sortable .present,
.tasks_data .present div{
    color: var(--fg--planned) !important;
}
.idz_idays_page .img_scheduled_present:hover {
    border-bottom: 0px transparent;
}
.idz_idays_page a.img_scheduled_present:hover {
    cursor: pointer;
}
.topics_timeline_edit_home .img_scheduled_present:hover div{
/*    border-bottom: 1px dotted rgb(0, 169, 221); */
    color: rgb(1, 169, 221);
}
a.img_scheduled_past:hover,
a.img_scheduled_present:hover,
a.img_scheduled_future:hover {
    cursor: pointer;
}
a.img_scheduled_past:hover div,
a.img_scheduled_present:hover div,
a.img_scheduled_future:hover div {
    /*border-bottom: 1px dotted;*/
    text-decoration: underline;
    text-decoration-color: yellow;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    text-decoration-style: dotted;
}
a.img_scheduled_past:hover div {
    text-decoration-color: var(--fg--past);
}
a.img_scheduled_present:hover div {
    text-decoration-color: var(--fg--planned);
}
a.img_scheduled_future:hover div {
    text-decoration-color: var(--fg--future);
}
.day_dones .img_scheduled_present:hover div {
    color: var(--fg--planned);
    /* border-bottom: 1px dotted var(--fg--planned);*/
}
.topics_timeline_edit_home .past .img_scheduled_present:hover div{
    border-bottom: 1px dotted rgb(230, 58, 54);
    color: rgb(230, 58, 54) !important;
    cursor: pointer;
}
.topics_timeline_edit_home .future .img_scheduled_present:hover div{
    border-bottom: 1px dotted rgb(32, 201, 151);
    color: rgb(32, 201, 151) !important;
    cursor: pointer;
}
.checkbox.checked:hover, .checkbox.checked:focus {
    background: transparent url(/static/img/checked_h.png) 3px 5px no-repeat;
    color: #000000;
}
.new_assign {
    background: transparent url(/static/img/plus.png) 3px 5px no-repeat;
}
.new_assign:hover {
    background: transparent url(/static/img/plus_h.png) 3px 5px no-repeat;
}
.checkdate.checked, .checktext.checked {
    color: #333333;
}
.checktext, .new_assign_text {
    color: #666666;
}
.checktext em, .grouptext em, .idz_h_topics .selected em, .at em, #id_topic_title em, .day_content em {
    background-color: #ffcccc;
}
.new_assign_text {
    color: #a0a0a0;
}
.checkdel-img, .checktext-del-img {
    background: url("/static/img/delete.png") no-repeat scroll 3px 5px transparent;
}
.checkdel:focus, .checkdel:hover {
    background: url("/static/img/delete.png") no-repeat scroll 3px 5px transparent;
    cursor: pointer;
    opacity: 1;
}
.checkdel:focus {
    border: 1px dotted black;
}
.editable_checktext, .editable_grouptext {
    color: #666666;
}
.today_assignments .grouptext, .day_assignments .grouptext {
    color: #555555;
}
.op-a {
    background-image: url(/static/img/topic_op_a.svg);
}
.cl-a {
    background-image: url(/static/img/topic_cl_a.svg);
}

.group_sel_focus .select2-container, .group_sel_focus select {
/*    background-color: #f5f5f5;
    border: 2px solid #8bade4;*/
}
.group_sel_focus .sel_btn_close {
    color: #333333;
}
.sel_btn_close .b_close {
    display: none;
    color: var(--fg--main-a);
    padding: 0.4rem 1.3rem;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    transition: background-color 0.1s ease, color 0.1s ease;
}
.sel_btn_close .b_close:hover {
    color: var(--fg-hover--menu) !important;
    background-color: var(--bg-hover--menu);
}

.day_dones .group .lk:after {
    border-color: #cccccc;
}
.day_dones .group .lk:hover:after{
    border-color: #000000;
}
.day_dones .group .lk, .day_dones .new, .c_topics .new, .idz_s_topics .new {
    color: #222222;
}
.day_dones .new {
    /*background: transparent var(--im--new_b) top 0px center no-repeat;*/
}
.c-topics .new {
    background: transparent url(/static/img/new_w.svg) top 8px left 8px no-repeat;
    top: 11px;
    border-radius: 19px;
    padding: 7.5px;
 }
.idz_s_topics .new {
    top: -3px;
    background: transparent var(--im--new_b) top 6px left 6px no-repeat;
    border-radius: 19px;
    padding: 5.5px;
}
.idz_s_topics .new:hover {
    background: var(--bg-hover--lateral) var(--im--new_b_on) top 6px left 6px no-repeat;
}
.c-topics .new:hover {
    background: var(--bg-hover--menu) url(/static/img/new_w_on.png) top 8px left 8px no-repeat;
}
.select2-choice {
    box-shadow: 0 0 0 #fff inset !important;
}
.select2-highlighted {
    background: #333333 !important;
}
.select2-drop-active {
    border: 2px solid #8bade4 !important;
}
.day_st_ev {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-left: 1px var(--c--border-day-options) var(--bg--main) !important;
    border-right: 1px var(--c--border-day-options) var(--bg--main) !important;
    border-top: 1px var(--c--border-day-options) var(--bg--main) !important;
}
.day_st_ev_on {
    border-left: 1px var(--c--border-day-options) var(--fg--border-day-options) !important;
    border-right: 1px var(--c--border-day-options) var(--fg--border-day-options) !important;
    border-top: 1px var(--c--border-day-options) var(--fg--border-day-options) !important;
    background-color: var(--bg--day-options) !important;
}
.day_st_ev:hover {
    background-color: var(--bg-hover--st-ev);
}
.i_w {
    background: #fff var(--im--i-idazery-32) center right no-repeat;
    background-color: var(--bg--inv);
}
.img_401 {
    background: transparent url("/static/img/unauthorized.svg") no-repeat scroll center center / 180px 180px
}
.img_403 {
    background: transparent url("/static/img/forbidden.svg") no-repeat scroll center center / 180px 180px
}
.img_404 {
    background: transparent url("/static/img/lost.svg") no-repeat scroll center center / 180px 180px
}
.img_500 {
    background: transparent url("/static/img/surprised.svg") no-repeat scroll center center / 180px 180px
}
.idz_error a {
    border-bottom: 1px dotted #cccccc;
}
.idz_error a:hover {
    border-bottom: 1px dotted #000000;
}
.X {
    background: transparent var(--im--cancel) top 0px center no-repeat;
}
#id_link {
    -webkit-box-shadow: 6px 5px 7px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 6px 5px 7px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 6px 5px 7px -2px rgba(0, 0, 0, 0.75);
}
.no_topics .line {
    background-image: linear-gradient(to right, #ccc , #fff);
}
.contact .header .text {
    text-shadow: 1px 1px #eeeeee;
}
.snippet_blog {
    text-shadow: 1px 1px #eeeeee;
}
.img {
    border: 1px solid var(--fg--border-img);
}

.highcharts-title tspan,
.highcharts-xaxis-labels text,
.highcharts-yaxis-labels text,
.highcharts-legend-item text,
.highcharts-tooltip text {
    fill: var(--fg--main) !important;
}
.highcharts-tooltip-box {
    fill: var(--bg--day-options);
}

:root {
    --im--pl-past: url(/static/img/pl-past.png);
    --im--pl-present: url(/static/img/pl-present.png);
    --im--pl-future: url(/static/img/pl-future.png);
}

/* --- first breakpoint ------------------------------------------------------ */
@media (hover: hover) and (pointer: fine) {
    .f_sidebar_b:hover {
        background: var(--im--menu_b-on) no-repeat scroll left 6px top 7px / 0.2rem auto;
        background-color: var(--bg-hover--menu);
        background-size: 28px 26px;
    }
    .f_sidebar_w:hover {
        background: var(--bg-hover--menu) url(/static/img/close_w_on.png) no-repeat scroll left 13px top 12px / 0.2rem auto;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (min-width : 587px) {
/*    .chk.chk_fin {background: transparent var(--im--finished) 3px 9px no-repeat;}
    .chk.chk_no {background: transparent var(--im--checkbox) 1px 9px no-repeat;}
    .chk.chk_yes {background: transparent var(--im--checked) 1px 9px no-repeat;}*/
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 587px) {
    .idz_roll .day {
        background-position-x: -10px;
    }
    .f_sidebar_b {background: transparent var(--im--menu_b) no-repeat scroll left 6px top 7px / 0.2rem auto;}

    .browse_topics a {
        width: 90% !important;
    }
    .browse_topics .to {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 350px;
        display: table-cell;
        position: relative;
        height: auto;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 450px) {
    .browse_topics a {
        width: 80% !important;
    }
    .browse_topics .to {
        max-width: 250px;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 350px) {
    .browse_topics .to {
        max-width: 150px;
    }
}