/*
 http://stackoverflow.com/questions/6936972/draw-circle-using-css-alone
*/


/* =Reset CSS (v2.0) http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    -webkit-font-smoothing: antialiased; /* Mejor para macOS/iOS */
    -moz-osx-font-smoothing: grayscale;  /* Mejor para macOS */
}
/********************************/
.day_text,
.day_title .day_info,
.day_title .to_Top{
    /*border: 1px solid black !important;*/
}
.day_header, .day_st_ev, .title_img{
    /*border: 1px solid black !important;*/
}
.day_header {
    /*border: 0px solid black !important;*/
}
/********************************/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* --- end reset ------------------------------------------------------ */

html, body {
    margin:0;
    min-width: 270px;
    padding:0;
    height:100%;
}
.body_idays {
    overflow-y: scroll;
}

#id_idays li{
    padding-left:0.25rem;
}
.show {
    display: "";
}
.now_hide,
.hide_hm,
.hide {
    display: none !important;
}
.now_hidden,
.hidden {
    visibility: hidden !important;
}
a {
    outline: none;
    text-decoration: none;
}
a {
    background: none repeat scroll 0 0 transparent;
}
/* --- general --- */

*, *:active {
  -webkit-tap-highlight-color: transparent;
}
.form_field b {
    font-family: 'Open Sans', sans-serif;
}
.idz_valley{
    background: #eff2f5;
    background-image: url(/static/img/valley_1154.webp);
    background-position: center;
    background-size: cover;
}
.idz_valley_278 {
    height: 278px;
}
.idz_valley_150{
    height: 150px;
    margin: 1.5rem 0 2rem;
    padding-top: 2rem;
}
.idz_valley_150blog{
    height: 150px;
    margin: 2.2rem 0 2rem;
    padding-top: 2rem;
}
.idz_valley_h {
    background-image: url(/static/img/valley_h_1154.webp);
    height: 660px;
}
.idz_valley h2{
    padding-bottom: 0.75rem !important;
}
.form_valley {
    padding: 1rem 0.5rem;
    max-width: 360px;
    margin: 0 auto;
}
#id_home_general {
    margin-top: 10px;
    width: 100%;
}
#id_home_internal {
    width: 100%;
    text-align: center;
}
.idz_middle li {
    display: inline-block;
    vertical-align: top;
}
.idz_middle .m_middle {
    width: 100%;
    /*padding: 0 3em;*/
}
#id_home_general .idz_middle .m_middle {
    padding-bottom: 8rem;
}
.img_logo{
    max-width: 100%;
    height: auto;
    width: 80% !important;
}
.home_logo  {
    display: inline-block;
    margin: 1rem auto 3rem;
    text-align: center;
/*    width: 360px;*/
}
.home .home_logo {
    margin: 0 auto 2rem;
}
.home_text {
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin: 0 auto 1.2rem;
    text-align: center;
    /*max-width: 360px;*/   /*width img/idazki_logo.png*/
}
.home_div {
    /*margin: 1.2rem auto 2rem auto;*/
    overflow: hidden;
    padding-bottom: 3px;
    text-overflow: ellipsis;
}.home_title {
    font-size:1.2em;
    margin-bottom: 0.5rem;
}
.home_title h1,
.tit_forgot h1{
    font-weight: inherit;
}
.settings_home {
    margin: 0 auto;
    text-align: center;
}
.settings_home fieldset{
    padding-bottom: 9rem;
    max-width: 360px;
}
.tit {
    font-size:1.2em;
    margin-bottom: 1rem;
}
.tit_forgot {
    font-family: 'DM Sans Medium', serif;
    font-size:1.1em;
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
}
.tit_forgot_es {
    margin-bottom: 0.6rem;
}
.tit_change {
    font-size:1.2em;
    margin-bottom: 2.1rem !important;
}
.tit_change_es {
    margin-bottom: 0.6rem !important;
}
.last {
    margin-bottom: 0.5rem;
    font-size: 1.15rem;
}
.home_username {
    margin-bottom: 1.4rem;
    overflow: hidden;
    padding-bottom: 3px;
    text-overflow: ellipsis;
}
.home_options {
    font-size: 1rem;
    margin-left:30px;
    margin-bottom: 20px;
    text-align: left;
}
.home_options div{
    margin-top: 1rem;
}
.home_options ul {
    margin-left: 60px;
    list-style-type: square;
}
.home_options ul li {
    display: list-item;
}
.home_buttons ul{
    list-style-type: none;
}
.home_buttons li{
    float: left;
    width: 47%;
}
.home_buttons a{
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}
.btn {
    cursor: pointer;
    display: block;
    font-family: inherit;
    margin: 11px auto;
    text-align: center;
    width: 70%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 26px;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
}
.btn_label {
    margin: 5px auto;
}
.btn_middle {
    font-size: 1rem;
    width: 50%;
    padding: 0.5rem;
    margin-top: 1.5rem;
}
.btn_bar {
    font-size: 1rem;
    padding: 0.18rem;
    width: 6.5rem;
}
.btn_bar:disabled, .btn_bar:disabled:hover {
    cursor: default;
}
.btn_2{
    margin-left: 20px;
}
/* --- signup --- */
#id_form_signup {
    display: inline-block;
    text-align: center;
    width: 100%;
}
fieldset {
    margin: 0 auto;
    min-width: 250px;
    /* width: 360px; */
}
.form_adv input[type=password],
.form_adv input[type=text]{
    width: calc(100% - 98px);
}
.form_adv {
    height: 2.85rem;
    white-space: nowrap;
    overflow: hidden;
}
.form_input {
    height: 3rem;
    white-space: nowrap;
    overflow: hidden;
}
/*.select2-container,*/
.form_input {
    height: 3rem;
    white-space: nowrap;
    /*overflow: hidden;*/
}
.eye {
    display: inline-block;
    width: 22px;
    height: 22px;
    padding: 12px 10px 14px;
    opacity: 0.5;
    position: absolute !important;
}
.eye:hover {
    opacity: 0.6;
    background-color: rgb(217, 235, 243);
    cursor: pointer;
}
.eye_on {
    content: url(/static/img/eye-on.svg);
}
.eye_off {
    content: url(/static/img/eye-off.svg);
}
.form_input::placeholder {
/*    font-family: Lato; */
    font-size: 1rem;
}
select {
    height: 2rem;
}
.form_img {
    background-size: 16px 16px;
    display: inline-table;
    padding-right: 30px;
}

.form_adv {
    background-color: var(--bg--main);
}

.form_adv {
    font-family: 'Open Sans', sans-serif;
    margin: 6px 0px !important;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.form_adv_inner{
    -webkit-appearance: none;
    outline: none;
}
.form_adv input {
    font-family: 'Open Sans', sans-serif;
    padding: 0.8rem 2.5rem 0.6rem 1rem;
}

/*.select2-container--default, select,*/
.form_field {
    font-family: 'Open Sans', sans-serif;
    margin: 6px 0px !important;
    padding: 14px 2.5rem 0.8rem 15px !important;
    text-align: left;
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: var(--fg--form-field);
}
.idz_signup .form_field{
    padding: 14px 2.5rem 14px 15px !important
}
.idz_signup #id_card_name {
    padding: 14px 2.5rem 0.8rem 15px !important;
}

.settings_home .form_field {
    padding: 14px 2.5rem 14px 15px !important;
}
.form_input: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_field_focus,
.select2_focus, select:focus, .StripeElement--focus {
    padding: 0.8rem 2.5rem 0.7rem 17px !important;
}
select {
    height: 3rem;
    color: var(--fg--main);
    background-color: var(--bg--form-field);
    border: 1px solid var(--fg--border-form-field);
}
select:disabled{
    background-color: var(--bg--form-disabled);
    border: 1px solid var(--fg--border-form-disabled);
}
.form_adv input {
    border: 1px transparent;
}
.form_field:focus, .select2_focus, select:focus, .StripeElement--focus {
    outline: none;
    /*overflow: hidden;*/
}
.select2-no-results {
    height: 1.1em;
}
select {
    padding: 0.6rem 46px 0.7rem 0.8rem;
}
#id_reminder_popup select {
    margin: 0rem 0rem 6px 0rem !important;
}
.form_readonly {
    padding-top: 15px !important;
}
#id_password_ro.form_readonly {
    padding-top: 17px !important;
}
.form_readonly_title {
    border: 0px;
    padding: 1rem 0 ;
    text-align: center;
}
.form_div {
    margin-bottom: 0.5rem !important;
    display: inline-block;
    text-overflow: ellipsis;
}
.form_div_noellipsis {
    margin-bottom: 0.5rem !important;
    display: inline-block;
}
.form_tooltip:before {
    border-style: solid;
    border-width: 9px 9px 0;
    bottom: -9px;
    content: "";
    display: block;
    right: 17px;
    position: absolute;
    width: 0;
}
.form_tooltip:after {
    border-style: solid;
    border-width: 9px 9px 0;
    bottom: -8px;
    content: "";
    display: block;
    right: 17px;
    position: absolute;
    width: 0;
}
.form_tooltip {
    font-size: 1rem;
    line-height: 1.1em;
    margin: 1em 0 3em;
    opacity: 0.95;
    padding: 0.6rem;
    position: absolute;
    text-align: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: auto;
    white-space: normal;
    z-index: 1000;
}
.form_footer {
    font-size: 0.8rem;
    color: #666666;
    line-height: 1.2rem;
    text-align: center;
    max-width: 360px;
    margin: 0 auto;
    padding: 1rem 0 5rem;
    text-align: justify;
}
.form_footer a{
    font-family: 'DM Sans Medium', serif;
    padding: 0 1px;
}
.form_footer p {
    margin-bottom: 1rem;
}
.mini_link, .b_link {
    cursor: pointer;
    margin-bottom: 0.4rem;
}
.c-topics .b_link {
    padding-left: 1rem;
    color: var(--fg--inv);
    padding: 0.55rem 1.2em 0.55rem 1em;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    display: inline-block;
}
.c-topics .b_link:hover {
    color: var(--fg-hover--inv-topics);
    background-color: var(--bg-hover--menu);
    border: 0 !important;
}
.idz_s_topics .b_link {
    margin-left: 0.7rem;
    border-bottom: 0;
    padding: 0.55rem 1.2em 0.55rem 1em;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    position: relative;
    top: 1rem;
}
.idz_s_topics .b_link:hover {
    border-bottom: 0 !important;
    background-color: var(--bg-hover--lateral);
    color: var(--fg-hover--lateral-a);;
}
.pointer {
    cursor: pointer;
}

/* --- menu --- */
.menu_all {
    display: block;
    height: 45px;
    list-style-type: none;
    margin: 0 auto;
    max-width: 1200px;
    padding: 1px 20px 0px 20px;
}
.menu_all_edit {
}
.menu_all_logged{
    padding: 1px 1rem 0px 1rem;
}
.menu_all li {
    border: 1px solid transparent;
    display: block;
    height: 48px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0px;
    position: relative;
    text-align: center;
}
.menu_all li a {
    display: block;
    text-decoration: none;
}
.menu_all .top_links li a:hover {
    /* border-bottom: 0 !important;*/
}
.menu_lang, .menu_user {
    height: 50px;
}
ul.top_links li {
    list-style-type: none;
    display: inline-block;
    height: auto;
    vertical-align: text-bottom;
}
.f_left ul.top_links .tl_a {
    padding: 0.5rem 1rem !important;
    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;
}
.f_left ul.top_links .tl_a:hover {
    background-color: var(--bg-hover--menu);
}
.f_left ul.top_links .tl_a:hover span {
    color: var(--fg-hover--menu) !important;
}
.f_left_w .tl_t {
    position: relative;
    top: -11px;
    margin-left: 1rem;
    padding: 0.5rem 1rem !important;
    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;
}
.f_left_w .tl_t:hover {
    background-color: var(--bg-hover--menu);
}
.f_left_w .tl_t span {
    margin:0 !important;
}
.f_left_w ul.top_links li span {
    top: -4px;
    margin: 0 1rem 0 1.5rem;
}
.i {
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border:1px solid var(--fg--border-brand);
    cursor: pointer;
    margin-top: 8px;
    height: 20px;
    width: 32px;
    padding-top: 0.72rem;
    padding-left: 0;
    font-size: 1.2rem;
    text-align: right;
}
.back_dialog {
    cursor: pointer;
    margin-top: 12px;
    height: 24px;
    width: 24px;
    margin-right: 10px;
    margin-bottom: 3px;
    padding-top: 3px;
}
.no_click {
    pointer-events: none !important;
}
/* -------------------------- */
#id_search_top {
    display: none;
    text-align: center;
    position: relative;
    top: 5px;

}
#id_search_top .back_search {
    width: 1.2rem;
    display: inline-block;
    left: 1rem;
    position: relative;
    height: 1.55rem;
    float: left;
    top: 0.6rem;
    background: transparent var(--im--left24) center right no-repeat;
    cursor: pointer;
}
#id_search_top .right_search {
    width: 0.4rem;
    float: right;
    height: 1rem;
}
#id_search_top #id_search {
    margin-right: 0;
    width: 100%;
}
#id_search_top #id_search form {
    width: 50%;
}
#id_search_top .input_search {
    width: 100%;
    background-color: var(--bg-focus--form-field);
    box-shadow: 0px 0px 0px 2px var(--fg-focus--border-form);
    transition: box-shadow 0.1s linear;
}
#id_search_top .button_search {
    top: 0.2rem;
}
/* -------------------------- */
#id_search , #id_search_big {
    display: inline-block;
    margin: 0.5rem 0 0 0;
    position: relative;
}
#id_search_big .input_search{
    box-shadow: 0px 0px 0px 2px var(--fg-focus--border-form);
}
#id_search{
    margin-right: 10px;
    margin-top: 0.1rem;
    top: 0px;
}
#id_search form {
    display: inline-block;
}
.input_search {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 15px;
    height: 32px;
    line-height: 16px;
    padding: 8px 32px 8px 15px;
    /*transition: all .2s ease-in-out;*/
    width: 15rem;
}
#id_search_big .input_search {
    width: 30rem;
    font-size: 1rem;
    margin-top: 1rem;
    padding: 22px 32px 21px 15px;
    margin-left: 0.7rem;
}
.input_search:focus {
    /*box-shadow: none;*/
    outline: none;
    opacity: 1;
    font-size: 15px;
}
#id_search_big .input_search:focus {
    font-size: 1rem;
}
.button_search {
    display: block;
    position: absolute;
    right: 0.5rem;
    top: 0.9rem;
    border: 0;
    font-size: 18px;
    height: 1rem;
    cursor: pointer;
    background-size: 1rem;
}
#id_search .button_search{
    width: 1rem;
}
#id_search_big .button_search {
    background-size: 1.3rem;
    right: 0.7rem;
    top: 0.7rem;
    width: 1.4rem;
    height: 1.4rem;
}

#id_menu_text-user {
    display: none;
}
.menu_search_cab {
    display: none;
}
.menu_profile,
.menu_search,
.menu_hover {
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border: 1px solid transparent;
}
.menu_hover .top_a{
    color: var(--fg-hover--menu);
}
.menu_search_cab{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.menu_hover {
    background-color: var(--bg--menu);
}
@media (hover: hover) {
    .menu_profile:hover,17
    .menu_search_cab:hover {
        background-color: var(--bg--menu);
    }
}
.menu_profile {
    display: inline-block;
    padding-bottom: 5px;
    border: 1px solid transparent;
    position: relative;
    top: 4px;
}
#id_menu_icon-profile {
    cursor: pointer;
    display: inline-block;
    margin-top: 8px;
    padding: 0px 8px;
    content: var(--im--profile);
    width: 24px;
    height: 24px;
}
.menu_profile.menu_hover #id_menu_icon-profile {
    content: var(--im-hover--profile);
}
.menu_search_cab:hover #id_menu_icon-search{
    content: var(--im-hover--search);
}
.top_a {
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: 1.2rem;
    margin-top: 11px;
    padding-right: 6px;
/*    padding: 12px 0px 5px;*/
}

.btn_user {
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

button:focus {outline:0;}

.top_btn{
    margin: 5px 0 2px 2px;
    cursor: pointer;
    font-family: inherit;
    font-size: 1.1rem;
    padding: 9px 12px 7px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.capitalize{
    text-transform: capitalize;
}
.expand {
    display: inline-block;
    height: 16px;
    left: -3px;
    margin-bottom: 2px;
    margin-right: 10px;
    padding-right: 4px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 16px;
}
.menu_arrow {
    left:-999em;
    position:absolute;
}
.menu_arrow_visible {
    top: 42px;
    right:0px;
    left: 0px !important;
}
.triangle {
    border-style: solid;
    border-width: 0 12px 12px;
    display: block;
    height: 0;
    position: absolute;
    visibility:visible;
    width: 0;
    z-index: 1060;
}
.triangle1 {
    margin-top: -4px;
    border-width: 0 11px 11px;
    right: 7px;
}
.triangle2 {
    margin-top: -2px;
    border-width: 1px 9px 9px;
    right: 9px;
}
.triangle1_group {
    margin-top: -4px;
    border-width: 0 11px 11px;
    right: 37px;
}
.triangle2_group{
    margin-top: -2px;
    border-width: 1px 9px 9px;
    right: 39px;
}
.triangleD {
    border-style: solid;
    border-width: 12px 12px 0;
    display: block;
    height: 0;
    position: absolute;
    visibility:visible;
    width: 0;
    z-index: 1060;
}
.triangle1D {
    right: 4px;
    margin-top: -2px;
}
.triangle1D_group {
    right: 35px;
    margin-top: -2px;
}
.triangle2D {
    margin-top: -2px;
    border-width: 10px 10px 0;
    right: 6px;
}
.triangle2D_group {
    margin-top: -2px;
    border-width: 10px 10px 0;
    right: 37px;
}
.menu_options {
    left:-999em;
    margin: 9px auto;
    margin-top: 7px;
    position:absolute;
    text-align:left;
    border-radius: 20px 0 20px 20px;
    -moz-border-radius: 20px 0 20px 20px;
    -webkit-border-radius: 20px 0 20px 20px;
    overflow: hidden;
    z-index: 2;
    /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
}
.menu_options a {
    float: left;
    font-family: inherit;
    margin: 0;
    padding: 6px 0;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}
.menu_options-lang{
    padding: 4px 0 !important;
}
.menu_options-lang a.selected {
    /* font-family: 'Klinic Slab Bold', serif; */
}
.menu_options-lang a:hover {
    text-decoration: none;
}
.menu_options {
    padding: 0;
    width: 180px;
}
.menu_options-lang a {
    padding: 4px 0 4px 32px;
    width: 146px;
    text-transform: capitalize;
}
#id_menu_btn-lang {
    text-transform: capitalize;
    font-size: 1.1rem;
}
.menu_hover #id_menu_btn-lang {
    color: rgb(255, 255, 255) !important;
}
#id_language_edit,
#id_language_ro {
    text-transform: capitalize;
}
#id_language_edit .mini_link {
    text-transform: none;
}
#id_language_select li span{
    text-transform: capitalize;
}
.menu_options-profile {
    width: 200px;
}
.menu_options-profile a{
    width: 200px;
}
.menu_options a div{
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    margin: 0 4px;
    padding: 13px 17px;
    transition: background-color 0.1s ease, color 0.1s ease;
}
#id_menu_logout .bg_img {
    -webkit-mask-size: 1.2rem;
    mask-size: 1.2rem;
    padding-left: 1.2rem;
}
#id_menu_logout .bg_text {
    position: relative;
    top: -1px;
    left: 0.9rem;
}
.data_user {
    padding: 1rem;
}
.menu_visible {
    left: auto;
    right: 0px;
    top: 40px;
}
.menu_options-lang.menu_visible {
    right: -1px;
}
.top_fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.top_notfixed {
    left: 0;
    top: 0;
    margin-bottom:2.95rem;
    width: 100%;
}
.top_fixed,
.top_notfixed {
    height: 61px;
}
.top_first_child {
    height: 50px;
}
.idz_center {
    margin:0 auto;
    text-align: center;
}
.idz_business {
    padding-bottom: 4.2rem;
}
.idz_business .logo {
    font-size: 5rem;
    margin: 1rem 0 0.8rem;
}
.idz_business h1 {
    font-size: 2.2rem;
    padding: 3rem 2rem 0.5rem;
}
.idz_home h1{
    padding: 1rem 1rem 1.5rem !important;
}
.idz_business h1 span {
    padding-left: 0.4rem;
    font-weight: normal;
}
.idz_basque {
    font-size: 1.3em;
    line-height: 2rem;
    padding: 1rem 0rem 2rem;
    font-weight: normal;
    margin: 0 auto;
}

.idz_statistics,
.idz_reminders,
.idz_export,
.idz_import {
    max-width: 1150px;
}
.idz_statistics .title_year,
.idz_reminders .title_year,
.idz_export .title_year {
    margin: 3rem auto 0;
}
.idz_statistics .title_year a,
.idz_reminders .title_year a,
.idz_export .title_year a {
    font-family: 'Advent Pro', sans-serif;
    font-size: 2.5rem;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 2.5rem;
    display: block;
}
.idz_statistics .title_year a:hover,
.idz_reminders .title_year a:hover,
.idz_export .title_year a:hover {
    border-bottom: 1px transparent;
}
.idz_statistics .idz_year,
.idz_reminders .idz_year,
.idz_export .idz_year {
    padding-bottom: 5rem;
}
.idz_statistics .idz_month,
.idz_reminders .idz_month {
    display: inline-table;
    padding: 2rem;
}
.idz_cancel {
    padding-bottom: 8rem;
}
.idz_cancel h1 {
    font-size: 1.7rem;
    padding: 2rem 2rem 0.5rem;
    line-height: 2.3rem;
    font-weight: normal;
}
.idz_cancel .actions {
    max-width: 750px;
    padding: 1rem;
    margin: 0 auto;
}
.idz_cancel .consider {
    font-size: 1.2rem;
    text-align: left;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.idz_cancel .actions .action_group {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 auto;
    padding: 0;
}
.idz_cancel ul.action {
    padding: 0.5rem 0;
    list-style-type: none;
}
.idz_cancel ul.action li {
    display: inline-block;
    vertical-align: middle;
}
.idz_cancel ul.action li.description {
    width: 62%;
    text-align: left;
    line-height: 1.4rem;
    padding: 1rem 2.5rem 1rem 0rem;
}
.idz_cancel .action .text {
    text-align: left;
    display: block;
    font-size: 1.2rem;
    margin-bottom: 0.7rem;
    font-weight: 600;
}
.idz_cancel .action .comment {
    font-size: 1.1rem;
}
.idz_cancel .action .btn {
    padding: 0.5rem 0.5rem 0.6rem;
    font-size: 1.1rem;
    white-space: normal;
    max-width: 18rem;
}
input[type=button].disabled {
    cursor: default;
}
.idz_cancel ul.action li.command {
    width:27%;
}
.command_text {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 0.9rem;
    line-height: 1.2rem;;
}
.f_subs .command_text {
    font-size: 1rem;
    line-height: 1.4rem;
    text-align: center;
    margin-top: 3rem;
}
.btn_turn_off,
.idz_cancel ul.action li.command .btn_turn_off {
    padding: 0.1rem 0rem 0rem;
    white-space: normal;
    margin: 0 auto;
    margin-top: 0.5rem;
    border: 0;
    background-color: transparent !important;
    width: auto;
    border-radius: 0;
}
.idz_form {
    margin: 0 auto;
}
.idz_form h1 {
    font-size: 2rem;
    padding: 2rem 2rem 0rem;
    margin: 0 auto;
}
.idz_form h2 {
    font-size: 1.6rem;
    font-weight: normal;
    padding: 0.9rem 0rem 1rem;
    margin: 1rem auto 0rem;
    line-height: 2rem;
    border-top: 1px solid #ccc;
    max-width: 360px;
}
.idz_form h3 {
    font-size: 1.17rem;
    font-weight: normal;
    max-width: 22rem;
    margin: 0 auto 0.5rem;
    line-height: 1.5rem;
    text-align: left;
    padding: 0 0 1rem;
}
.idz_welcome h1 {
    font-family: 'DM Sans Regular', serif;
    text-shadow: 0.03rem 0.03rem 0px #696969;
    font-weight: 500;
    font-size: 3rem;
    padding: 0rem 0 2rem;
}
.idz_welcome h2 {
    font-size: 1.4rem;
    font-family: 'DM Sans Regular', serif;
    line-height: 2rem;
    padding: 1rem 5rem 0rem;
}
.idz_welcome h2 b{
    font-family: 'DM Sans Medium', serif;
}
.idz_welcome h3 {
    font-size: 1.2rem;
    padding: 2rem 1rem;
    font-family: 'DM Sans Regular', serif;
    line-height: 1.8rem;
    font-weight: 100;
}
.idz_welcome h3 b {
    font-family: 'DM Sans Medium', serif;
}
.idz_welcome div{
    font-size: 1.2rem;
    padding-bottom: 1rem;
}
.idz_change_plan h3{
    font-size: 1.4rem;
}
.idz_welcome btn {
    font-family: 'DM Sans Regular', serif;
}
.idz_welcome .pic {
    margin: 3rem 1rem 10rem;
    max-width: 450px;
    height: 100%;
    width: 93%;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 1px solid var(--fg--border-img);
}
.trial_msg {
    font-family: 'DM Sans Medium', serif;
    color: #36bd9c !important;
    font-size: 1.17rem;
    text-align: center;
    position: relative;
}
.terms_desc {
    font-size: 1rem;
    text-align: justify;
    margin: 1rem 0 1.5rem;
    line-height: 1.2rem;
}
.terms_desc span {
    font-family: 'Lato', sans-serif;
    font-size: 0.8rem;
}
.terms_desc .currency {
    color: #666666;
}
.terms_desc .price {
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0 0.15rem;
}
.settings_home .current_membership{
    padding-bottom: 0.5rem;
}
.settings_home .plan_details {
    font-size: 1.5rem;
    padding-bottom: 0.5rem;
}
.settings_home .plan_details div {
    font-size: 0.9rem;
    padding-left: 0.5rem;
}
.settings_home .price_year_month {
    text-align: left;
    margin: 0.8rem 0 2rem;
    font-size: 1.2rem;
}
.settings_home .currency,
.settings_home .currency_price,
.current_plan .currency,
.current_plan .currency_price,
.new_plan .currency,
.new_plan .currency_price{
    font-family: 'Lato', sans-serif;
    font-size: 0.7rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}
.settings_home .currency_price,
.current_plan .currency_price,
.new_plan .currency_price {
    font-size: 1rem;
}
s.settings_home .period_price,
.current_plan .period_price {
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
    font-weight: bold;
}
.settings_home .year_price,
.current_plan .year_price {
    font-family: 'Lato', sans-serif;
    font-size: 0.8rem;
}
.settings_home .period,
.current_plan .period {
    font-size: 0.9em;
    font-family: 'Lato', sans-serif;
}
.settings_home .annual .period,
.current_plan .annual .period {
    font-size: 0.8rem;
}
.settings_home .annual,
.current_plan .annual {
    display: block;
}
.settings_home .change_plan {
    text-align: right;
}
.settings_home .change_plan a {
    margin-right: 1rem;
    color: var(--fg--change-a);
    border-bottom: 1px dotted var(--fg--change-a);
}
.settings_home .change_plan a:hover {
    color: var(--fg-hover--change-a);
    border-bottom: 1px dotted var(--fg-hover--change-a);
}
.settings_home .links {
    margin-top: 1.5rem;
}
.idz_form .trial {
    font-size: 1.5rem;
    padding: 0.5rem 0;
}
.arrow_back {
    padding: 2rem 0 4rem;
    text-align: center;
    position: relative;
    left: -1rem;
}
.idz_signup .arrow_back{
    margin: 1rem auto 0;
    max-width: 187px;
    padding: 0;
}
.l_arrow {
    background-size: 14px 14px;
    width: 1.7rem;
    display: inline-block;
}
.arrow_back:hover .l_arrow {
    background-size: 14px 14px;
    width: 1.7rem;
    display: inline-block;
}
ul.cards {
    list-style-type: none;
    text-align: left;
    margin-bottom: 0.3rem;
}
ul.cards li {
    background-size: 37px 25px;
    width: 37px;
    height: 25px;
    display: inline-block;
    padding-right: 0.5rem;
}
.card_visa {
    background: transparent url(/static/img/icon_visa.png) no-repeat center center;
}
.card_mastercard {
    background: transparent url(/static/img/icon_master.png) no-repeat center center;
}
.card_amex {
    background: transparent url(/static/img/icon_amex.png) no-repeat center center;
}
.btn_arrow{
    padding: 0.6rem 0.6rem 0.6rem 1.5rem;
    margin: 0.6em 0;
}
.r_arrow {
    background-size: 14px 14px;
    width: 2rem;
    display: inline-block;
}
.idz_reminders_list .filter {
    text-align: left;
    top: 1rem;
    position: relative;
    margin-left: 1rem;
    z-index: 1;
}
#id_topic_popup .filter {
    text-align: center;
    top: 0.7rem;
    position: relative;
    z-index: 1;
    margin-bottom: 1rem
}
#id_topic_popup .form_filter,
.idz_reminders_list .form_filter{
    /*box-shadow: 0px 0px 0px 2px var(--fg-focus--border-form);*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
    font-family: 'Lato', serif;
    display: inline;
    font-size: 15px;
    height: 35px;
    line-height: 16px;
    padding: 9px 32px 10px 15px !important;
    width: 300px;
}
.idz_reminders_list .btn {
    padding: 0.35rem 0.6rem;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: var(--c-opacity-filter-placeholder);
    color: var(--fg--main);
}
#id_topic_popup .form_filter:focus,
.idz_reminders_list .form_filter:focus{
    outline: none;
    opacity: 1;
    font-size: 15px;
}
.idz_reminders_list .add {
    text-align: right;
    padding-bottom: 0.3rem;
    padding-right:0.5rem;
    position: relative;
    top: -1rem;
    float: right;
    z-index: 1;
}
.idz_reminders_list .icon_add {
    background: transparent url(/static/img/add_reminder.png) no-repeat scroll left 0em top 0em;
    width: 24px;
    height: 27px;
    display: inline-block;
    padding-left: 0.5rem;
    top: -0.1rem;
    position: relative;
}
.idz_reminders_list .btn_add {
    display: inline;
    text-align: right;
}
.idz_reminders_list .nwt{
    display: none;
}
/*------------ svg ----------------------------*/
.a_left {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23000' d='M15.269 28.146a.498.498 0 0 1-.36-.153L7.55 20.362a.498.498 0 0 1 0-.693l7.391-7.662a.5.5 0 1 1 .72.693l-7.056 7.315l7.024 7.284a.5.5 0 0 1-.36.847'/%3E%3Cpath fill='%23000' d='M32.09 20.516H7.91a.5.5 0 0 1 0-1h24.18a.5.5 0 0 1 0 1'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
}
.a_right {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23000' d='M24.73 28.146a.498.498 0 0 0 .36-.153l7.359-7.631a.498.498 0 0 0 0-.693l-7.391-7.662a.5.5 0 1 0-.72.693l7.056 7.315l-7.024 7.284a.5.5 0 0 0 .36.847'/%3E%3Cpath fill='%23000' d='M7.91 20.515h24.18a.5.5 0 0 0 0-1H7.91a.5.5 0 0 0 0 1'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
}

/*------------ ribbon ----------------------------*/
/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
}
.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 5px 0;
    font: 400 14px/1 'Lato', sans-serif;
    text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -4px;
  right: -4px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
    left: 3px;
    top: 27px;
    transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}
/*------------ ribbon ----------------------------*/

.topics_timeline_edit_home .idz_options {
    margin-left: 10px;
}
.settings_home .idz_options {
    margin: 0 auto;
    width: 350px;
}
.idz_statistics .idz_options,
.idz_export .idz_options,
.idz_import .idz_options {
    margin: 0 auto;
    width: 250px;
}
.idz_reminders .idz_options {
    margin: 0 auto;
    width: 336px;
}
.settings_home h3 {
    text-align: left;
    font-size: 1.5rem;
    font-family: 'Open Sans', sans-serif;
}
.settings_home h3 span {
    font-size: 1.2rem;
    padding-left: 0.9rem;
}
.tabs {
    max-width: 500px;
}
.settings_home .tabs,
.idz_statistics .tabs,
.idz_export .tabs,
.idz_import .tabs {
    margin: 0 auto 1rem;
}
.idz_reminders .tabs {
    margin: 0 auto;
}
.idz_statistics .tabs,
.idz_reminders .tabs,
.idz_export .tabs,
.idz_import .tabs {
    max-width: 90%;
}
.topics_timeline_edit_home .tabs {
    max-width: 100%;
}
.idz_options li {
    display: table-cell;
}
.idz_statistics .idz_options li,
.idz_reminders .idz_options li,
.idz_export .idz_options li,
.idz_import .idz_options li {
    padding: 0 0.4rem;
}
.idz_options .opt_edit {
    margin-left: 2rem;
}
.idz_options .opt_subscription {
    margin-left: 0.4rem;
}
.idz_options .opt_invoice {
    margin-left: 0.4rem;
}
.idz_options .opt_on,
.idz_options .opt_off {
    display: block;
    margin-top: 0.3em;
    padding: 0.5em 0.5em 0.5em 2em;
    border-top-left-radius: 5px;
    white-space: nowrap;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
.idz_options .opt_off {
    opacity: 0.9;
    cursor: pointer;
}
.idz_options .opt_off:hover {
    opacity: 1;
}
.topic_title {
    float: right;
    font-size: 1.5em;
    height: 1.25em;
    padding-bottom: 0.3em;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 100%;
    white-space: nowrap;
}
.topic_title_archived {
    font-size: 1.2em;
    padding: 0.8em 1em 1em;
    text-align:left;
    white-space: nowrap;
}
.topic_back {
    display: inline-block;
    padding: 0.15em 0em;
    overflow-x: hidden;
    width: 31px;
    border-radius: 50%;
    opacity: 0.9;
    overflow-y: hidden;
}
.topic_back:hover {
    opacity: 1;
}

.topic_back:hover {
    cursor: pointer;
    border: 0px;
}
#id_topic_title[contentEditable=true]:hover {
    cursor: text;
}
#id_topic_title[contentEditable=true]:focus {
    outline: none;
    background-color: var(--bg-hover--form-field);
}
#id_topic_title {
    border: 1px solid transparent;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0.15em 0.5em;
    max-width: 440px;
    overflow-x: hidden;
    display: inline-block;
    overflow-y: hidden;
}
#id_topic_title:hover {
    border: 1px solid var(--fg--border-form-field);
    background-color: var(--bg-hover--form-field);
}
.topic_title_error, .reminder_title_error {
    padding-right: 2em !important;
}
.body_top_fixed_topic_title {
    padding-top: 90px;   /* Height of the top */
}
.f_right {
    float: right;
    margin-right: 0px;
}
.f_right_search {
    float: right;
}
#id_menu .logo_center,
#id_menu .logo_center_show {
    font-family: 'harmattanregular', sans-serif;
    font-size: 2rem;
}
.logo_center, .logo_center_about, .logo_center_show {
    left: calc(50% - 40px);
    position: absolute !important;
    font-size: 2em;
    background: transparent var(--im--curve_top) no-repeat scroll left 0px top 35px
}
.logo_center span a,
.logo_center_show span a {
    cursor: pointer;
    display: inline-block;
    margin-top: 6px;
    color: var(--fg--brand);
}
.logo_center span a:hover,
.logo_center_show span a:hover {
    border-bottom: 0;
}
.ahome .logo_center {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: white;
  z-index: 1000;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.h_top {
  position: sticky;
  top: 0;
  z-index: 10000;
  background: white;
  box-shadow: none;
  transition: box-shadow 0.3s ease;
}

.top_shadow {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.home .logo_center {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* visible cuando se hace sticky */
.home .logo_center.visible {
  opacity: 1;
  visibility: visible;
}


/* --- loader --- */
.load-container {
    /* background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); */
    box-sizing: border-box;
    overflow: hidden;
    position: fixed;
    top: 0; left: 0; bottom: 0; right: 0;
    z-index: 1070;
}
.loader_square {
    display: block;
    left:50%;
    margin-left: -70px;
    padding: 10px 50px;
    position: absolute;
    top:25%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.loader {
    font-size: 3px;
    text-indent: -9999em;
    border-style: solid;
    border-width: 1.5em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.loader,
.loader:after {
    width: 9em;
    height: 9em;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
#id_growl_working .loader_head, #id_growl_paused {
    display: none;
}
#id_growl_paused {
    height: 22px;
    width: 0px;
}
.loader_head {
    font-size: 2px;
    text-indent: -9999em;
    border-style: solid;
    border-width: 1.4em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.loader_head,
.loader_head:after {
    width: 7em;
    height: 7em;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.infinite {
  -webkit-animation: load8 0.7s infinite linear;
  animation: load8 0.7s infinite linear;
}
.paused {
  -webkit-animation: load8 0.7s paused linear;
  animation: load8 0.7s paused linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* --- page --- */
.idz_page {
    margin: 0 auto;
    padding: 1rem 0;
}
.about_content{
    max-width: 600px;
    margin: 0 auto;
    padding: 0 1rem;
}
.idz_idays_page {
    margin: 0 auto;
    max-width: 800px;
    padding: 0 ;
}
.idz_idays_page ul {
	list-style-type: none;
    padding: 0px 4px 0px 3px;
}
.pending_tasks ul {
    padding: 0px;
}
h2 {
    padding: 1rem 0 0.8rem 0;

}
.about h1{
    font-size: 2.5rem;
    padding: 2rem 0 0.8rem 0;
    text-align: center;
}
.settings_home h2,
.idz_statistics h2,
.idz_reminders h2,
.idz_export h2,
.idz_import h2,
.idz_tools h2 {
    padding: 1.5rem 0 2rem 0;
}
.idz_tools h2{
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.idz_tools {
    padding-bottom: 10rem;
}
h3 {
    font-size: 1.4rem;
    padding-top: 2rem;
    line-height: 2rem;
}
h4 {
    font-size: 1rem;
    font-weight: bold;
    padding-top: 1rem;
}
/* --- about --- */
.about{
    padding-bottom: 5rem;
}
.about p {
    margin: 1.2rem 0;
}
.about .last_update {
    padding-bottom: 50px;
}
.about .footer {
    margin-top: 40px;
    padding-top: 10px;
}
.about_list {
    padding-left: 2em;
    font-size: 1.1rem;
}
ul.letters {
    list-style-type: lower-latin;
}
ul.up-letters {
    list-style-type: upper-latin;
}
ul.roman {
    list-style-type: lower-roman;
}
.about_list li {
    padding-bottom: 0.5em;
}
.about a{
    padding: 0 1px;
}
.about_date {
    margin: 0 !important;
}
/* --- footer --- */
#id_page{
    min-height: 100%;
    position: relative;
}
.body_top_fixed {
    padding-top: 50px;   /* Height of the top */
}
.clear{
    clear: both;
}
.idz_home #id_footer {
    background-image: url(/static/img/home/bgq.webp);
}
#id_footer {
    bottom: 0;
    display: block;
    line-height: 22px;
    padding: 8px 0 7px;
    text-align: center;
    width: 100%;
    z-index: 20;
}

.idz_central #id_footer {
    max-width: 800px;
}

#id_footer .items {
    margin: 0 auto;
    padding: 0 16px;
    position: relative;
}

#id_footer nav, #id_footer .copyright, #id_footer li {
    display: inline-block;
    padding: 0;
}
#id_footer nav {
    padding: 1rem;
}
/* --- days --- */
.month {
    padding: 55px 0 35px 0;
    text-align: center;
    border: 1px solid transparent;
}
.month a{
    padding: 0.3rem 0.8em;
    border-radius: 28px;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    transition: background-color 0.1s ease, color 0.1s ease;
}
a.day_header:hover,
.month a:hover {
    color: var(--fg-hover--menu);
    background-color: var(--bg-hover--menu);
}
.idays_year_month_day .day_header:hover {
    /*color: var(--fg--main-a);
    background-color: var(--bg--main);*/
}
.day_header {
    left: -8px;
    top: 9px;
    padding: 0.7rem 0.6em 0.4rem 0.4em;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    transition: background-color 0.1s ease, color 0.1s ease;
    vertical-align: middle;
    display: inline-block;
}
.topics_timeline_edit_home .day_header {
    left: 0;
    top: 4px;
}
.day_header:hover .day_name,
.day_header:hover .day_mmm_yy {
    color: var(--fg-hover--menu);
}
.idays_year_month_day .day_header:hover .day_name,
.idays_year_month_day .day_header:hover .day_mmm_yy {
    color: var(--fg--main-a);
    cursor: default;
}

.day, .pending {
    display: block;
}
.pending {
    margin-top: 1rem;
}
.idays_year_month_day .day {
    /*padding-top: 1px;*/
}
.idz_roll .day:hover {
/*
    border-top: 1px solid white;
    border-bottom: 1px dotted #c1c1c1;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.10);
    transition: box-shadow 0.3s ease-in-out 0s;
    -webkit-transition: box-shadow 0.3s ease-in-out 0s;
    -moz-transition: box-shadow 0.3s ease-in-out 0s;
    -o-transition: box-shadow 0.3s ease-in-out 0s;
    -ms-transition: box-shadow 0.3s ease-in-out 0s;
*/
}
.day_header {
    position:relative;
    /*top: 13px;*/
}
.topics_timeline_edit_home .day_header {
    display: table-cell;
    padding: 0.5rem 0.6em 0.1rem 0.4em;
}
.day_name {
    display: inline-block;
}
.day {
    position: relative;
    /*max-width: 800px;*/
    /*margin: 0 auto;*/
}
.day .day_title {
    padding: 0;
    width: 100%;
    z-index: 1100;
    white-space: nowrap;
    min-width: 345px;
}

.topics_timeline_edit_home .day .day_title {
    padding: 0;
    position: relative;
    top: 0px;
}
.topics_timeline_edit_home .day_dones {
    padding-bottom: 0rem;
}
.day.sticky .day_title {
    position: sticky;
    z-index: 1002;
}
.pending.sticky .pending_title{
    position: sticky;
    z-index: 1001;
    background-color: var(--bg--main);
}

.rem_with_status_expanded_1R {
    margin-top: 6.2em !important;
}
.rem_with_status_expanded_2R {
    margin-top: 11.2em !important;
}
.topics_timeline_edit_home .day.sticky .day_title {
    /*top:84px;
    padding-top: 1.8rem;*/
}
.day_title, .pending_title {
    padding-bottom: 0   ;
}
.no_tasks_month {
    margin: 1rem auto 4rem;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.5rem;
}
.pending_text {
    cursor: pointer;
    font-size: 1.3em;
}
.c-topics .num,
.idz_s_topics .num {
    font-size: 0.8em;
    padding-left: 0.45em;
    position: relative;
    top: -4px;
}
.day_mmm_yy {
    text-transform :lowercase;
    /*background-color: var(--bg--main);*/
}
.day_mmm_yy:before {
    content: '';
}
#id_today_month_year{
    display: none;
}
.day_more {
    display:none;
}
.day_text,
.day_title .day_info,
.day_title .to_Top{
    display: table-cell;
}
.day_title .day_text {
    min-width: 290px;
}
.day_title .day_info {
    width: 60%;
}
.day_title .to_Top {
    min-width: 40px;
}
.idz_central_topics .day_title .to_Top {
    min-width: 10px;
    background: var(--im--up-day) top 12px center no-repeat;
    background-size: 1rem;
    right: 0px;
}
.day_month_year, .day_info {
    font-size: 1.3rem;
}
.day_edit {
    background-size: 16px;
    display: inline-table;
    float: right;
    height: 17px;
    width: 25px;
    opacity: 0.3;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.day_edit:hover {
    cursor: pointer;
    opacity:1;
}
.day_content {
    min-height: 1.5em;
    outline: none;
    padding: 0.1rem 0 0.5rem;
}
.day_content p {
    margin-bottom: 0.6em;
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-word;
    overflow-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
/*------*/
.day_content a {
    display: inline-block;
}
.day_content a:hover{
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 6px;
    text-decoration-thickness: 1px;
    border-bottom: 1px solid transparent !important;
}
/*------*/

.form_textarea {
    font-size: 0.70em;
    outline: none;
    padding: 0.5rem 0.6rem !important;
    word-wrap: break-word;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.multiline {
    white-space: pre-wrap;
    word-wrap: break-word;
    height: auto;
    line-height: 1.7rem;
}
.idz_business .form_textarea {
    height: 10rem;
    font-size: 0.97rem;
    padding-right: 1.4rem !important;
}
.idz_business fieldset {
    margin-bottom: 5rem;
}
.form_clean {
    line-height: 1.2em;
    min-height: 150px !important;
    overflow: hidden;
    outline: none;
    resize: none;
}
.timeline_home, .month_home, .day_home, .topics_timeline_edit_home, .search_results {
    padding: 0.1em 2em 0;
}
.day_name {
    /*padding-bottom: 1rem;*/
}
.idz_central_topics .day_name {
    padding-bottom: 0.1rem;
}
day_home .day_name {
    font-size: 1.82em;
    background-color: var(--bg--main);
    padding-bottom: 1rem;
}
.day_home #id_day_text {
    /*font-size: 1.10em;
    line-height: 120%;*/
}
.day_home .day_dones {
    /*font-size: 1.10em;*/
}
#id_dropdown {
    min-width: 50px;
    min-height: 50px;
    display: none;
    position: absolute;
    font-size: 0.95em;
    padding: 0.5em 0;
    white-space: nowrap;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 2000;
    max-width: 500px;
    border: 1px solid var(--fg-hover--border-item) !important;
}
#id_dropdown ul li {
    list-style-type: none;
    padding: 1em 2.2em 0.6em 2em;
    cursor: pointer;
}
#id_dropdown ul li i {
    display: inline-block;
    overflow: hidden;
    font-face: 1rem;
    position: relative;
    top: -1px
}
#id_dropdown ul li span {
    display: inline-block;
    overflow: hidden;
    font-weight: normal;
    padding-left: 0.6em;
    padding-bottom: 1px;
}
#id_dropdown ul li .date{
    padding-left: 0;
    display: inline;
}
#id_dropdown .today,
#id_dropdown ul li .day_name,
#id_dropdown ul li .day_mmm_yy {
    display: inline-block;
    min-width: 1em;
    font-size: 1em;
    padding-bottom: 1px;
    padding-left: 0.3rem;
}
#id_dropdown ul li .day_mmm_yy {
    padding-left: 0.3rem;
}
#id_dropdown ul li .txt,
#id_dropdown .txt_d {
    padding-left: 0.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 1px;
}
#id_dropdown .tit_d {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--fg--dropdown-2);
    padding: 0.5rem 1rem;
    margin-bottom: 0.6rem;
}
#id_dropdown .txt_d {
    flex-grow: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#id_dropdown .close_d {
    text-align: right;
    float: right;
    right: -8px;
    height: 25px !important;
    position: relative;
    width: 25px !important;
    padding: 0 !important;
    content: var(--im--d-close);
    opacity: 0.9;
}
#id_dropdown .close_d:hover {
    cursor: pointer;
    opacity: 1;
}
#id_dropdown ul .m {
    margin-left: 10px;
}
#id_dropdown .sel_cal {
    cursor: default;
    margin: 1em auto;
}
#id_dropdown .triangle1,
#id_dropdown .triangle1_group {
    border-color: transparent transparent rgb(89, 91, 91);
}
#id_dropdown .triangle1D,
#id_dropdown .triangle1D_group {
    border-color: rgb(89, 91, 91) transparent transparent;
}
#id_dropdown .triangle2,
#id_dropdown .triangle2_group {
    border-color: transparent transparent var(--bg--dropdown);
}
#id_dropdown .triangle2D,
#id_dropdown .triangle2D_group {
    border-color: var(--bg--dropdown) transparent transparent;
}
.idz_h_topics {
    display: table;
    font-size: 1.2em;
    margin: 0.6em auto;
    width: 210px;
}
.idz_h_topics li {
    border: 1px solid transparent;
    display: block;
}
.idz_h_topics .selected {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.idz_h_topics .selected:hover {
    cursor: text;
}
.idz_h_topics li[contentEditable=true]:focus {
    cursor: text;
}
.idz_h_topics li{
    line-height: 1em;
    margin:0.7em 0;
    padding: 0.35em;
}
.idz_calendar,
.sel_cal {
    font-family: 'robotolight', serif;
    margin: 0 auto 0.6em;
}
.idz_calendar .caption,
.sel_cal .caption {
    font-weight: bold;
    margin: 0.7em 0.4em 0.3em 0em;
    padding: 0;
    width: 100%;
}
.idz_calendar .caption td a {
    padding: 0em;
}

.idz_calendar .prev, .idz_calendar .next,
.sel_cal .prev, .sel_cal .next {
    font-family: 'Advent Pro', sans-serif;
    font-size: 1.2em;
    text-align: center;
    vertical-align: middle;
    width: 1.4rem;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.idz_calendar .prev a, .idz_calendar .next a{
    display: block;
    padding: 10px;
}
.idz_calendar .prev a:hover, .idz_calendar .next a:hover{
    border-bottom: 1px transparent;
}
.month_link, .month_selected{
    padding: 2px 0 !important;
    vertical-align: inherit;
    border-radius: 25px !important;
    width: 45%;
    -moz-border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
}
.month_link span, .month_selected span {
    vertical-align: inherit;
}
.month_link:hover {
    border-bottom: 1px transparent;
}
.idz_calendar .title{
    width: 8rem;
}
.idz_calendar .title span,
.sel_cal .title span {
    display: block !important;
    padding: 0px;
    text-align: center;
}
.idz_calendar .title .t_year,
.sel_cal .title .t_year {
    padding-bottom: 1px;
}
.idz_calendar td a:hover{
    border-bottom: 0px;
}
.idz_calendar .th, .idz_calendar td {
    text-align: center;
}
.idz_calendar .th,
.sel_cal .th {
    font-weight: 600;
    font-size: 0.9em;
    padding: 0.7em;
}
.idz_calendar .prev_next{
    cursor: default;
    opacity:0.7;
}
.idz_calendar td, .idz_calendar td a{
    margin: 0rem 0.1rem;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.idz_calendar .prev_next:hover{
    cursor: pointer;
}
.idz_calendar .selected{
    font-weight: bold;
}
.idz_calendar .sunday{
    font-weight: bold;
}
.about .go_back {
    text-align: center;
}
a.back_home, .a_login_again {
    display: inline-block !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    padding: 0.8em 0 0.1em 0 !important;
}
.idz_cal_topics a.back_home{
    padding: 0.55rem 2.5em 0.55rem 2.8em !important;
    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;
}
.idz_cal_topics a.back_home:hover {
    background-color: var(--bg-hover--menu);
    color: var(--fg-hover--menu) !important;
    border-bottom: 0;
}
a.bigger {
    font-size:1.1em;
}
.a_in_error a.back_home {
    line-height: 1em;
    padding-top: 2em !important;
}
.a_login_again {
    line-height: 1em;
}
.dont_have {
    font-size: 0.85em;
    padding: 0.5rem;
    margin-top: 1rem;
}
.dont_have .mini_link{
    font-size: 0.95em;
    border-bottom: 1px dotted #999999;
}
.idz_link_prev_next {
    visibility: hidden;
    margin: 0 auto 1em;
    text-align: center;
    display: table;
    margin-bottom: 2em;
 }
.topics_timeline_edit_home .idz_link_prev_next {
    margin-top: 3rem;
 }
.idz_link_prev_next li {
    display: inline-block;
    padding: 0 2em;
}
.idz_link_prev_next a {
    padding: 0.3em 1rem 0.1em !important;
    width: 6em;
    font-size: 1rem;
}
.idz_link_prev_next a:hover {
    width: 6em;
    padding: 0.4em 1.7em;
    font-size: 1rem;
}
.idz_link_prev_next .arrow_prev,
.idz_link_prev_next .arrow_next {
    position: relative;
    top: -1.1em;
    font-size: 1.5rem;
    font-family: 'Advent Pro', sans-serif;
    height: 0.1em;
}
.idz_link_prev_next .arrow_prev {
    float: left;
    right: 1.5em;
}
.idz_link_prev_next .arrow_next {
    float: right;
    left: 1.5em;
}
.c-topics .title {
    cursor: pointer;
    margin-left: 0.2rem;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    padding: 0.55rem 4em 0.55rem 1.2em;
    transition: background-color 0.1s ease, color 0.1s ease;
}
.idz_s_topics .title{
    cursor: pointer;
    margin-left: 0.2rem;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    padding: 0.65rem 4em 0.55rem 0.8em;
    transition: background-color 0.1s ease, color 0.1s ease;
}
.c-topics .mCustomScrollbar,
.idz_s_topics .mCustomScrollbar{
    font-size: 1.2em;
    margin: 0.5em 0 0 0;
    box-sizing: border-box;
    overflow: hidden;
}
.idz_s_topics .mCustomScrollbar  {
    margin: 0 0 0 0.6rem;
    height: calc(98.5vh - 460px);
    width: 300px;
}
.c-topics .mCustomScrollbar {
    height: calc(97vh - 100px);
    /*width: 225px;*/
    margin-left: 0.7rem;
}
.c-topics .mCSB_inside > .mCSB_container {
    margin-right: 10px;
}
.mCustomScrollbar {
    padding-top: 0.5rem;
}
.c-topics {
    margin: 1em 0.2em 0em 0em;
}
.c-topics ul li,
.idz_s_topics ul li {
    list-style-type: none;
    margin: 0;
}
.browse_topics a {
    width: 85%;
}
.c-topics a:hover,
.idz_s_topics a:hover,
.browse_topics a:hover {
    /*border-bottom:0px !important;*/
}
.browse_topics .info {
    font-size: 0.8em;
    line-height: 1.3em;
    padding-left: 1.5rem;
}
#idz_payment_form step {
    padding-top: 1rem;
}

.browse_topics .info:before,
.idz_form_center .infogroup div:before{
    content: "- "
}
.idz_form_center .infogroup {
    font-size: 1rem;
    margin: 1.2em 0;
    text-align: left;
}
.idz_form_center .infogroup div {
    margin-bottom:0.2em;
}
.infogroup .topic_status {
    font-size: 1.2rem;
    margin-top: 1.2em;
}
.day_dones ul {
    padding: 0;
    display: inline-block;
}
.idz_s_topics a {
    max-width: 250px;
}
.c-topics .lk,
.idz_s_topics .lk {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:1.05em;
    padding: 0.7rem 0.8em 0.5rem 0.8em;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    display: inline-block;
    position: relative;
    width: 100%;
}
.lk_selected {
    padding: 0.35rem 0.5em 0.75rem 0.8em;
    background-color: lightblue;
}
.idz_s_topics .lk_selected{
    width: 250px !important;
    color: rgb(33, 33, 33);
}
.c-topics a {
    max-width: 238px;
}
.c-topics .lk_selected{
    width: 238px !important;
}
.topics_filter{
    text-align: center;
}
.browse_topics {
    margin: 0 auto;
    text-align: left;
    padding-left: 0.4em;
}
.browse_topics .mCustomScrollbar {
    height: calc(90vh - 160px);
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 1rem;
}
.browse_topics li {
    list-style-type: none;
    margin: 0.6em 0;
    font-size: 1.2rem;
    min-height: 4em;
    width: 97%;
    padding: 0 0 1em 0em;
}
.browse_topics,
.select_topic,
#id_topic_popup fieldset,
#id_reminder_popup fieldset{
    position: relative;
    top: 5.5rem;
    background-color: var(--bg--dialog-inner);
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}
.select_topic {
    max-width: 440px;
}
.select_topic li {
    margin: 0;
    min-height: 1em;
    padding: 0.45em 0 0.45em 0.3em;
    font-size: 1.2rem;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
}
.select_topic li:hover {
    cursor: pointer;
    background-color: var(--bg-hover--lateral);
    color: var(--fg-hover--sel-topic);
}
.select_topic li span {
    padding-left: 0.5rem;
    font-size: 1.16rem;
}
#id_popup_browse_topics, #id_popup_new_topic, #id_popup_form_reminder {
    height: 4rem;
    position: fixed;
    padding-top: 1rem;
    width: 100%;
    max-width: 400px;
    margin-bottom: 0.3em;
    z-index: 10000;
}
#id_popup_browse_topics {
    /*width: 70%;*/
    max-width: 465px;
}
#id_popup_form_reminder {
    max-width: 1000px;
}
#id_popup_browse_topics h2, #id_popup_new_topic h2, #id_popup_form_reminder h2 {
    padding: 0;
    max-width: 400px;
    margin: 0 auto;
    display: block;
    line-height: 2.4rem;
    text-align: center;
}
#id_popup_form_reminder h2 {
    max-width: 1000px;
}
#id_reminder_popup fieldset,
#id_topic_popup fieldset,
.browse_topics {
    /*padding-top: 4em;*/
}
.no_select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}
.idz_calendar td span,
.idz_calendar td a {
    display: block;
    padding: 0.8em;
    font-size: 0.95rem;
}
/* ---------------------------------*/
#id_calendar_popup{
    line-height: 100%;
    margin: 3.5rem auto 0;
    max-width: 400px;
}
#id_calendar_popup .popup_title{
    padding-bottom: 1.9rem;
    max-width: 350px;
    margin: 0 auto;
}
#id_calendar_popup .popup_title span{
    display: table-cell;
}
#id_calendar_popup .popup_title .text {
    font-size: 2.5rem;
    width: 285px;
    padding-left: 23px;
}
#id_calendar_popup .popup_title .X {
    float: none;
    cursor: pointer;
    width: 1.5em;
    height: 1em;
    opacity: 0.6;
    margin-top: 1.5em;
    margin-right: 1em;
    top: 0;
    z-index: 10001;
    background-size: 22px 22px;
    vertical-align: bottom;
    width: 24px
}
#id_calendar_popup .text span{
    display: inline-block !important;
}
#id_calendar_popup_numbers{
    background-color: var(--bg--dialog-inner);
    border-radius: 15px;
    max-width: 350px;
    margin: 0 auto;
    padding-bottom: 1px;
}
#id_calendar_popup .prev_next{
    opacity: 0.5;
    color: #888888 !important;
}
#id_calendar_popup .prev_next:hover{
    color: #000000 !important;
}
#id_calendar_popup .month_link{
    line-height: 28%;
}
#id_calendar_popup td.month_link:hover {
    background-color: transparent !important;
}
#id_calendar_popup td.month_link:hover span{
    color: var(--fg--main-a);
}
#id_calendar_popup .caption td{
    padding: 0.3em;
}
#id_calendar_popup .idz_calendar td span,
#id_calendar_popup .idz_calendar td a {
    padding: 0.6em !important;
}
#id_calendar_popup .idz_calendar #idz_cal_caption td span,
#id_calendar_popup .idz_calendar #idz_cal_caption td a {
    padding: 0 !important;
}
#id_calendar_popup .prev:hover,
#id_calendar_popup .next:hover {
    cursor: pointer;
}
#id_calendar_popup .th {
    font-size: 1rem;
}
#id_calendar_popup .tr_month td{
    width: 46px;
    height: 38px;
}
#id_calendar_popup .tr_month td:hover{
    cursor: pointer;
}
/* ---------------------------------*/
.edit_day, .edit_today {
    text-align: left;
}
.edit_today {
    border-bottom: 1px solid transparent;
    font-size: 1.4em;
}
.edit_day {
    padding: 10px 10px 0.7em 10px;
    font-size: 1.02em;
}
#id_edit_day {
    margin: 0 auto;
    max-width: 800px;
}
#id_edit_day {
    min-height: 475px;
}
#id_topic_popup .legend,
#id_reminder_popup .legend{
    line-height: 1.2em;
    padding: 1.5em 0 0.8em;
    text-align: left;
    max-width: 500px;
    margin: 0 auto;
}
#id_topic_edit .form_link {
    margin: 0px;
}
#id_reminder_popup .form_link {
    text-align: center;
}

#id_topic_edit .mini_link,
 .topics_timeline_edit_home .mini_link {
    border: 1px transparent;

}
.topics_timeline_edit_home .form_link {
    margin: 15px 0 30px;
}
 #id_topic_edit .mini_link:hover,
 .topics_timeline_edit_home .mini_link:hover {
    border-bottom: 1px solid black;
    cursor: pointer;
 }
.today_assignments, .day_assignments {
    font-size: 0.95em;
    line-height: 19px;
    min-height: 50px;
    padding: 10px 5px;
}
.today_assignments ul, .day_assignments ul{
    list-style-type: none;
}
.today_options, .day_options {
    font-family: 'robotolight', serif;
    font-size: 0.9rem;
    margin-bottom: 10px;
    padding-bottom: 0.6rem;
    text-align: center;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    position: relative;
    z-index: 2;
}
.today_options > div, .day_options > div{
    display: inline-table;
    line-height: 14px;
    margin: 8px 0 0;
    text-align: left;
    width: 50%;
}
.edit_day_status {
    display: inline-table;
    text-align: center;
    width: 260px;
}
.edit_day_evolution {
    display: inline-table;
    text-align: center;
    width: 260px;
}
.today_options ul, .day_options ul {
    line-height: 14px;
    text-align: left;
    width: 100%;
}
.today_options li, .day_options li {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    display: inline-table;
    font-size: 0.9rem;
    margin-top: 3px;
    text-align: center;
    padding: 23px 2px 5px;
    width: 74px;
}
.today_options li:hover, .day_options li:hover {
    background-color: transparent;
    opacity: 1;
}
.today_options li.selected, .day_options li.selected {
    font-family: 'robotomedium', serif;
    font-weight: normal;
    background-color: transparent;
    cursor: default;
    opacity: 1;
}
#id_today_st_ev, #id_day_st_ev{
    font-size:1.3rem;
}
.st_ev {
    padding-left: 6px !important;
    padding-right: 4px !important;
    position: relative;
    top: 9px;
}
.st_ev > span{padding:0px 8px;}

.st_g_opt {
    margin-right: 3px;
}
.st_r_opt {
    margin-left: 3px;
}
.ev_g_b_opt {
    margin-right: 3px;
}
.ev_g_w_opt {
    margin-left: 3px;
}
.ev_o_b_opt {
    margin-right: 3px;
}
.ev_o_w_opt {
    margin-left: 3px;
}
.ev_r_b_opt {
    margin-right: 3px;
}
.ev_r_w_opt {
    margin-left: 3px;
}
.idz_central_topics .day.sticky .to_Top {
    /*display: none !important;*/
}
.to_Top {
    background-size: 1rem;
    height: 2rem;
    display: none;
    /* padding-right: 0.5rem; */
    position: relative;
    right: 0.3rem;
    visibility: hidden;
}
.day.sticky .to_Top {
    visibility: visible;
}
.to_Top:hover {
    opacity: 1 !important;
    cursor: pointer;
}
sub {
    vertical-aling: sub;
    font-size: smaller;
}
.btn_day {
    max-width: 225px;
}
.edit_day_footer{
    height: 60px;
    position: relative;
    width: 100%;
}
.edit_day_num{
    font-family: 'robotolight', serif;
    font-size: 0.9rem;
    letter-spacing: 0.1rem;
    padding-right: 220px;
    padding-top: 5px;
    position: absolute;
}
.edit_day_actions {
    margin: 0 10px;
    position: absolute;
    right: 0px;
    text-align: right;
    top: -1px;
    width: 80%;
}
.edit_day_action_msg {
    font-family: 'robotolight', serif;
    font-size: 0.9rem;
    height: 25px;
    line-height: 15px;
    text-align: right;
    padding-top: 5px;
}
.edit_day_action_msg b {
    font-family: inherit;
}
#id_top_growl{
    float: left;
    height: 22px;
    left: 25%;
    margin-top: 17px !important;
    width: 25px;
}
#id_top_growl:focus{
    outline: none;
}
.idz_growl {
    display: none;
    bottom: 0;
    font-family: 'robotolight', serif;
    font-size: 0.9rem;
    height: 40px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 1000;
}
.idz_growl div {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    height: 40px;
    overflow: hidden;
    padding-top: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.idz_growl, .idz_growl div  {
}
.img-ok-growl {
    background: url(/static/img/saved_ok.png) left center no-repeat;
}
.img-ko-growl {
    background: url(/static/img/saved_ko.png) left center no-repeat;
}
.msg_txt {
    padding-bottom: 0.5rem;
}
.msg_txt .a_login_again{
    font-size:0.9em !important;
}
.msg_txt,
.msg_contact {
    font-size:0.9em;
    line-height: 1.3;
    position: relative;
    top: 6px;
}
.edit_day_action_msg_ok {
    font-size: 0.9rem;
    padding-left: 20px;
    background: url(/static/img/saved_ok.png) left center no-repeat;
}
.edit_day_action_msg_ko {
    font-size: 0.9rem;
    padding-left: 20px;
    background: url(/static/img/saved_ko.png) left 1px no-repeat;
}

[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-ph);
}
/* --- medium --- */
.medium-editor-toolbar-actions {
    display: none !important;
}
.medium-editor-toolbar  {
    display: none !important;
}
/* --- checkbox --- */
.chk, .checkbox, .new_assign {
    border: 1px dotted transparent;
    box-sizing: border-box;
    /*display: table-cell;*/
    cursor: pointer;
    float: left;
    height: 37px;
    margin: 0;
    min-width: 15px;
    outline: none;
    padding: 17px 0 15px 30px;
    border: 0;
    position: relative;
}
.pending_tasks .chk,
.pending_tasks .checkbox,
.pending_tasks .new_assign {
    padding-left: 26px;
}

.topics_timeline_edit_home .chk, .checkbox, .new_assign {
    /* padding: 18px 0 15px 26px;*/
}
.today_assignments .group .checkbox, .day_assignments .group .checkbox {
    margin: 2px 2px 0 12px;
}
.chk.chk_fin {
    cursor: default;
}
.new_assign {
    cursor: default;
}
.checktext, .new_assign_text {
    box-sizing: border-box;
   display: block;
    line-height: 1.1em;
    margin-left: 28px;
    min-height: 32px;
    outline: none;
    padding: 3px 25px 7px 0px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.checktext em, .grouptext em, .idz_h_topics .selected em, .at em, #id_topic_title em, .day_content em {
    font-style: normal;
}

.today_assignments .group .checktext, .day_assignments .group .checktext {
    margin-left: 38px;
}
.new_assign_text {
    cursor: default;
}
.checkdel, .checkdelempty {
    border: 1px dotted transparent;
    box-sizing: border-box;
    float: right;
    margin-top: 4px;
    opacity: 0.6;
    outline: none;
    padding: 5px 11px 0px;
    width: 20px;
}
.today_assignments .grouptext, .day_assignments .grouptext {
    display: block;
    font-size: 1em;
    line-height: 1.15em;
    min-height: 24px;
    margin: 12px 0 7px 3px;
    outline: none;
}
.day_dones {
    position:relative;
    left: -1px;
}
.day_dones .group {
    padding: 0;
    border: 1px solid transparent;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.day_dones li{
    padding-left: 0 !important;
}
.op, .op-a, .cl_opened {
    left: 2px;
}
.cl, .cl-a {
    left: 1px;
}
.op, .cl, .op-a, .cl-a, .cl_opened {
    background-size:100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    /*background-size:cover;*/
    height: 18px;
    position: relative;
    width: 27px;
}
.op, .cl, .op-a, .cl-a, .cl_opened {
    border-bottom: 1px solid transparent;
    display: table-cell;
    height: 1.4em;
}
.op:hover, .cl:hover, .cl_opened:hover,
.op-a:hover, .cl-a:hover{
    border-bottom: 1px solid transparent;
}
.folder, .f_to {
    cursor: default;
}
.folder {
    display: table-cell;
    min-width: 27px;
}
.f_topic {
    display: table-cell;
    width: 100%;
    max-width: 120px;
}
.to_btn {
    display: table-cell;
}
.day_dones .group .m{
    display: table-cell;
    padding-left: 10px;
    background-color: var(--bg--main);
    min-width: 9px;
}
.cl_sel {
    background-size: cover;
    display: inline-block;
    height: 1.72rem;
    min-width: 10rem;
    padding-left: 0.5em;
    font-size: 0.85rem;
    margin-left: 0.6rem;
    margin-bottom: 2px;
}
.cl_sel_opened {
    display: inline-block;
    margin-bottom: 47px;

}
.f_to {
    /*height: 1.5em; */
    position: relative;
    padding-left: 9px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    position: relative;
    display: inline-block;
    top: 4px;
}
.day_dones .group_sel .cl {
    top: 7px;
}
.day_dones .group_sel .cl_opened,
.day_dones .group_sel .cl,
.day_dones .group_sel .op{
    cursor: pointer;
}

.day_dones .group_sel .cl_sel, .day_dones .group_sel .new {
    display: inline-block;
    cursor: pointer;
    position: relative;
}
.group_sel .cl_sel:hover {
    /*color: rgb(0, 0, 0) !important;*/
    /*color: rgb(255, 255, 255) !important;*/
    color: var(--fg-hover--cl-sel) !important;
}
.group_sel {
    margin-bottom: 100px !important;
    display: inline-block;
}
.group_sel_focus {
    opacity: 1 !important;
}
.group_sel_focus .select2-container, .group_sel_focus select {
    /*
    height: 2.2rem;
    position: relative;
    top: -2px; */
    left: 5px;
    min-width: 17rem;
    max-width: 17rem;
    /*
    padding-left: 0.6rem;
    padding-top: 0.2rem;
    overflow: hidden; */
}
.select2-results .select2-result-label {
    padding: 0.5rem !important;
    text-transform: capitalize;
}
.group_sel .sel_btn_close {
    display: none;
}
.group_sel_focus .sel_btn_close {
    cursor: pointer;
    display: inline-block;
    font-size: 0.95rem;
    padding-left: 2rem;
    position: relative;
    white-space: nowrap;
 }
.add_val {
    /*min-height: 1.8em !important;*/
    /*padding-top: 6px !important;*/
}
.sel_btn_close_top {
    position: relative;
    top: 0.7em;
}
.browse_topics .lk {
    padding: 0.1rem 1.33rem !important;
    transition: background-color 0.1s ease, color 0.1s ease;
    display: inline-block;
    border-radius: 19px !important;
    -moz-border-radius: 19px !important;
    -webkit-border-radius: 19px !important;
}
.day_dones .group .lk, .day_dones .group .lk:hover {
    text-decoration: none;
    border-bottom: 0px solid transparent;
}
.day_dones .group .lk:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 12px;
    top: 11px;
    left: 0;
    bottom:1px;
    border-width: 0 0 1px;
    border-style: dotted;
}
.day_dones .group .lk, .day_dones .new, .c_topics .new, .idz_s_topics .new {
    display: inline-block;
    position: relative;
    max-width: 280px;
}
.day_dones .new {
    position: relative;
    background-size: 1.3rem auto;
    height: 1.4rem;
    top: -3px;
    width: 1.4rem;
    margin-left: 1.5rem;
 }
.c-topics .new,
.idz_s_topics .new {
    cursor: pointer;
    position: relative;
    background-size: 1.3rem auto !important;
    height: 1.4rem;
    width: 1.4rem;
    margin-left: 1.5rem;
 }
.to_btn {
    cursor: pointer;
    position: relative;
    right: -1px;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    opacity: 0.4;
}
.topics_timeline_edit_home .pending .to_btn {
    top: 0px;
}
.to_btn span {
    padding: 0.2rem 0.8rem 0.3em;
    position: relative;
    top: -5px;
}
.idz_central_topics .pending .to_btn span{
    display: table-cell;
    padding: 0.2rem 0.9rem 0.2rem 0.85rem;
    height: 25px;
    top: 0px;
}
.idz_central_topics .day .to_btn span{
    display: table-cell;
    padding: 0.2rem 0.9rem 0.3rem 1rem;
    height: 24px;
    top: -4px;
}
.idz_central_topics .to_btn {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    right: -12px;
}
.idz_central_topics .day_dones ul li ul{
    margin-bottom: 2rem;
}
.idz_central_topics .pending .to_btn .b_edt {
    background: var(--im--edit-topic) no-repeat scroll left 0.25em top 0.25em / 1.4rem auto;
}
.idz_central_topics .pending .to_btn .b_edt_hover {
    background: var(--im--edit-topic-on) no-repeat scroll left 0.25em top 0.25em / 1.4rem auto;
}
.idz_central_topics .pending:hover .to_btn,
.idz_central_topics .day_title:hover .to_btn{
    opacity: 1 !important;
}
.to_btn_hover{
    background-color: var(--bg-hover--menu);
}
.topic_status {
    display: inline-block;
    font-family: 'DM Sans Italic', serif;
    left: 1.5em;
    position: relative;
    font-size: 1rem;
    top: 3px;
    color: var(--fg--dropdown-2);
}
.browse_topics .topic_status {
    top: 0px;
}
.topic_status:before,
.topic_status:after {
    content: " - ";
}
.day_dones .topic_status {
    display: table-cell;
    min-width: 125px;
    top: -5px;
}
.t_archived {
    opacity: 0.7;
}
.day_dones ul li ul{
    border: 1px solid transparent;
}
.day_dones .items,
.pending_tasks .items {
    padding: 0px !important;
    border: 1px solid transparent;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.items {
    padding: 1px 0;
}
.items .pl {
    padding: 0px;
    display: inline !important;
    height: 20px;
}
.items .pl div {
    /*height: 23px;*/
    /*padding: 0;*/
    display: table-cell;
}
.items .pl span {
  user-select: none;
  text-transform: capitalize;
}
.at_scheduled_a {
    padding-top: 2px !important;
}
.topics_timeline_edit_home .at_scheduled_without_a {
    padding-top: 4px !important;
}
.day_dones .at_arch,
.pending_tasks .at_arch {
    cursor: default;
}
.day_dones .at,
.pending_tasks .at,
.day_dones .at_arch,
.pending_tasks .at_arch {
    padding: 4px 4px 2px 0;
    border: 1px solid transparent;
    box-sizing: border-box;
    /*display: table-cell;*/
    margin: 0;
    min-height: 1.1em;
    outline: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    width: 100%;
    max-width: 120px;
    /*border: 1px solid white;*/
    height: 37px;
}
.topics_timeline_edit_home .pending_tasks .at,
.topics_timeline_edit_home .pending_tasks .at_arch {
    /* margin: 2px 0 0 0;
    padding-top: 4px; */
}
.pending_text .num {
    font-size: 18px;
    padding-left: 0.8rem;
}
.pending_tasks .at,
.pending_tasks .at_arch {
    margin-left: 29px;
}
.topics_timeline_edit_home .day_header_topic{
    display: table-cell;
    width: 100%;
}
.topics_timeline_edit_home .btn_topic{
    display: table-cell;
    min-width: 44px;
}
.at:empty::before,
.at_ed:empty::before {
    content: attr(data-empty);
}
.topics_timeline_edit_home .day_dones .items{
    margin-left: 0px;
}
.pending_tasks .items,
.day_dones .items {
    /*display: inline-block;*/
    width: calc(100% - 1px);
}
.pending_tasks .item {
    /*display: inline-block;*/
    width: 100%;
    padding-top: 2px !important;
}
.pending_tasks .items span {
    display: table-cell;
}
.topics_timeline_edit_home .chk.past,
.topics_timeline_edit_home .chk.present,
.topics_timeline_edit_home .chk.future{
    position: relative;
    top: 1px;
}
.day_dones .items span{
    display: table-cell;
}
.day_dones .group a,
.day_dones .group div {
    display: table-cell;
}
.pending_title .pending_text {
    width: 100%;
    display: table-cell;
    position: relative;
    top: 3px;
}
.pending_title .to_btn {
    display: table-cell;
    right: -5px;
    padding: 1px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.idz_central_topics .pending_title .to_btn span {
    display: table-cell;
    padding: 0.2rem 0.9rem 0.2rem 0.85rem;
    height: 25px;
    top: 0px;
}
.topics_timeline_edit_home .day_dones .items {
    padding-left: 0px !important;
}
.item_clon_chk {
    position: relative;
    left: 0px;
    top: -1px;
}
.item_clon_div {
    display: inline !important;
}
.item_clon_div:after {
    position: relative;
    left: 0px;
}
.item_clon_a {
    display: table-cell;
    top: -1px;
    left: 3px;
    position: relative;
}
.topics_home .item_clon_a {
    display: table-cell;
    left: 3px;
    top: 3px;
    position: relative;
}
.item_clon_at {
    display: table-cell;
    left: 1px;
    position: relative;
}
.topics_home .item_clon_at{
    display: table-cell;
    /*top: 4px !important;
    left: 1px !important;*/
    position: relative;
}
.item_clon_at_planned_without_a {
    display: table-cell;
    left: 1px;
    /*top: 4px !important;*/
    position: relative;
}
.item_clon_at_planned_with_a {
    display: table-cell;
    left: -2px;
    position: relative;
}
.topics_home .item_clon_at_planned_with_a {
    display: table-cell;
    left: -2px;
    top: 3px;
    position: relative;
}
.topics_home .item_clon_chk {
    top: -1px;
}
/* --- select2 tuning --- */
.select2-container {
    margin-bottom: 4px !important;
}
.settings_home .select2-container {
    width: 360px !important;
}
.select2-container .select2-selection--single{
    height: 44px !important;
}
.select2-container--default {
    height: 55px !important;
    top: 6px;
    position: relative;
    /*padding: 0.6rem 6px 0.7rem 1rem;*/
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--fg--border-selection-arrow) transparent transparent transparent !important;
    border-width: 13px 7px 0px 7px !important;
    margin-left: -16px !important;
    margin-top: 3px !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--fg--border-selection-arrow-open) transparent !important;
    border-width: 0 7px 13px 7px !important;
}
.select2-container--open .select2-dropdown--above {
    top: -6px !important;
}
.select2-container--open .select2-dropdown--below {
    top: -5px !important;
}
.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    background-color: var(--bg--select2-list) !important;
    box-shadow: 0px 0px 0px 2px var(--fg-focus--border-form) !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--fg--border-select2-search) !important;
    outline: none !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: var(--bg--select2-search) !important;
    margin-bottom: 5px;
    border: 1px solid var(--fg--border-form-field);
}
.select2-selection__rendered {
    -webkit-appearance: none;
    background-color: var(--bg--form-field);
    box-sizing: border-box;
    color: var(--fg--form-field) !important;
    font-family: 'Open Sans', sans-serif;
    height: 44px;
    text-align: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.select2-selection__rendered:hover {
    background-color: var(--bg-hover--form-field);
}

.select2-container--open .select2-selection__rendered {
    box-shadow: 0px 0px 0px 2px var(--fg-focus--border-form);
}
.reminder_email .select2-container {
    position: relative;
    top: 9px;
}
.select2-container .select2-selection--single {
    /*height: 38px !important;*/
}
.select2-container--default .select2-selection--single{
    border: 0 !important;
    box-shadow: 0px 0px 0px 1px var(--fg--border-form-field);
}
.reminder_email .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 1px !important;
}

.select2-choice {
    background: transparent none !important;
    border: 0 !important;
    color: inherit !important;
    line-height: inherit !important;
    padding: 0 !important;
    text-align: left;
}
.select2-arrow {
    background: transparent none !important;
    border: 0 !important;
    text-align: right;
}
.select2-chosen {
    padding-left: 0px;
    overflow: visible !important;
    border: 0 !important;
    padding-top: 0.3rem;
}
#id_reminder_popup .select2-chosen {
    padding-top: 0rem;
    top: -0.2rem;
    position: relative;
}
.select2-search input {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1em !important;
    color: var(--fg--select2-search) !important;
    padding: 8px 10px !important;
}
.select2-results__option{
    font-size: 1em !important;
    font-family: 'Open Sans', sans-serif !important;
    padding: 11px 10px !important;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    margin: 1px 2px;
}
.select2-container--default .select2-results__option--selected{
    background-color: transparent !important;
    color: var(--fg--main) !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--bg--select2-option) !important;
}
.select2-results__option--selectable {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}
.select2-container--default .select2-results>.select2-results__options {
    scrollbar-width: thin;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: var(--fg-hover--select2-option) !important;
    text-transform: capitalize;
}
.select2-container--default .select2-selection--single:focus {
    outline: none;
}
.select2-results__option[data-select2-id="opt_new_topic"] {
    font-style: italic;
}

/* --- scrollbar --- */
::-webkit-scrollbar {
    width: 8px; /* Ancho de la barra de scroll */
}
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}
/* Estilo para el riñón cuando se pasa el mouse sobre él */
::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Color del riñón al pasar el mouse */
}
/* Estilo para la pista (el fondo de la barra de scroll) */
::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Color de fondo de la pista */
}
/* --- chart --- */
.chart_title {
    padding: 20px 0px 0px 10px
}
.chart_body {
    height: 160px !important;
    margin-top: 0rem !important;
    padding-bottom: 10px;
    width: 100% !important;
}
/* --- options --- */
ul.options {
    font-size: 1.1rem;
    text-align: right;
    padding: 0;
}
ul.options li {
    display: inline-table;
    padding-left:2rem;
}
/* --- --- */
.form_link {
    margin: 10px 0;
}
#id_calendar_popup .form_link {
    margin: 30px 0;
}
.settings_home .form_link {
    padding-top: 10px;
    padding-bottom: 2rem;
}
.settings_home .btn_label {
    margin-top: 6px;
}
fieldset label {
    display: block;
    margin: 15px 0 3px 0;
    text-align: left;
}
.label_space {
    padding-bottom: 8px;
}
.label_field {
    position: relative;
    top: -4px;
}
.day_weekday_sep {
    display: none
}
.anchor_day{
    display: block;
    position: relative;
    visibility: hidden;
    display: none;

    /*visibility: visible;
    height:20px;
    background-color: white;
    color: black;*/
}
.ed_st_ev, .ed_lst_to {
    display:none;
}
.m_st_ev {
    display: none;
    padding: 0;
    max-width: 530px;
    min-width: 255px;
    z-index: 1;
}
.m_st_ev .day_status,
.m_st_ev .day_evolution {
    padding-top:0.6rem;
}
.day_st_ev {
    position: relative;
    top: 0px;
    z-index: 3;
    display: inline-block;
    padding-right: 0.25rem;
    padding-top: 0;
    margin-right: 1rem;
    vertical-align: baseline;
    height: 46px;
}
.idays_year_month_day .day_st_ev {
    /* padding-bottom: 0.3rem;*/
}
.day_st_ev {
    cursor: pointer;
/*    height: 1.8rem;*/
}
.day_st_ev_on:hover {
/*    height: 2rem; */
}
.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.title_rem {
    margin-top: 0px;
    display: none;
    padding-top: 0px;
    padding-left: 2rem;
    min-height: 1.3rem;
    margin-bottom: 8px;
    position: relative;
    margin-left: 1rem;
}
.title_rem:hover {
    cursor: pointer;
}

.day .rem {
    display: inline-block;
    padding-top: 1px;
    padding-left: 2rem;
    min-height: 1.3rem;
    margin-bottom: 4px;
    margin-top:1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.idays_year_month_day .day .rem {
    /*margin-top: 10px;*/
}
.day .rem .rem_content{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 1.2em;
}
.rem_content .sep {
    padding: 1px;
}
.rem_content .b{
    padding: 2px 6px 3px 12px;
    vertical-align: text-top;
}
.rem_content .txt{
    padding: 3px 17px 3px 0px;
}
.rem_content .num {
    font-family: 'robotolight', serif;
    font-size: 0.9rem;
    padding-left: 3px;
}
.idz_h_topics .hint--top::after, .hint--top::before {
    left: 35%;
}
.idz_h_topics .hint--top::before {
    left: calc(35% - 6px);
}
[class*="hint--"]::after {
    font-weight: normal !important;
    font-size: 0.9rem !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
  -webkit-transition-delay: 600ms !important;
  -moz-transition-delay: 600ms !important;
  transition-delay: 600ms !important;
}
.f_sidebar {
    display: inline;
}
.idz_s_topics {
    display: none;
    max-width: 270px;
}
.f_left_w {
    margin-top: 8px;
    position: fixed;
    cursor: pointer;
    top: 4px;
    left: 15px;
    z-index: 30000;
}
.i_w {
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border:1px solid navajowhite;
    display: inline-block;
    margin-top: 0px;
    height: 32px;
    width: 32px;
}
.f_sidebar {
    height: 23px;
    width: 25px;
    cursor: pointer;
    position: fixed;
    top: 7px;
    left: 5px;
    z-index: 30000;
    padding: 0.5rem;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
}
.f_sidebar_b {
    background-size: 28px 26px;
}
.f_sidebar_w {
    background-size: 16px 16px !important;
    left: 244px;
    top: 11px;
}
.menu_yes .i{
    visibility: hidden;
}
.menu_yes .f_left{
    z-index: 1;
}
.menu_all .f_left, .f_left_search {
    float: left;
    margin-left: 0px;
}
.idz_form_center {
    left: 5%;
    max-width: 360px;
    position: relative;
    margin-top: 1em;
    text-align: center;
    padding-bottom: 2rem;
}
.topics_timeline_edit_home .idz_form_center{
    width: 346px;
}
.tasks_data {
    text-align: left;
    font-size: 1.1rem;
}
.tasks_data div {
    width: 300px;
}
.tasks_data .label {
    display: inline-block;
    padding: 0.3em 0.7em 0.3em 1em;
    text-align: right;
}
.tasks_data .task_pending .label {
    padding-left: 3rem;
}
.tasks_data .label:before {
    content: ' · ';
}
.tasks_data .task_pending .label,
.tasks_data .task_pending .value {
    font-size: 0.9em;
}
.tasks_data .value {
    display: inline-block;
    padding: 0.3em 0.7em 0.3em 0;
}
.tasks_data .task_completed {
    padding-top: 1rem;
}

/* --- error pages --- */
.idz_error {
    margin-top: 1em;
    text-align: center;
    max-width: 380px;
}
.idz_error .msg {
    font-size: 1.8rem;
    line-height: 2rem;
}
.idz_error .desc {
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding-top: 1rem;
}
.idz_error .imge {
    height: 200px;
    margin: 2.5em 0 0.5em;
}
.idz_error a {
    display: inline-block;
    font-size: 1.2rem;
    margin-top: 2.5rem;
    padding-bottom: 5px;
    color: var(--fg--main-a);
}
.X {
    float: right;
    cursor: pointer;
    width: 1.5em;
    height: 1.5em;
    opacity: 0.6;
    margin-top: 1.5em;
    margin-right: 1em;
    top: -3.3em;
    z-index: 10001;
    background-size: 22px 22px;
}
#id_reminder_popup .X{
    top: -3.7rem;
}
.X:hover,
#id_calendar_popup .popup_title .X:hover{
    opacity: 1;
}
.at_selected {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
}
#id_link {
    position: absolute;
    display: none;
    width: 300px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.95em;
    padding: 8px 10px 10px;
    /*text-shadow: 0 -1px 0 #000;*/
    white-space: nowrap;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 10002;
}
#id_link [contentEditable=true] {
    outline:none;
    overflow:hidden;
}
#id_link a {
    margin-left: 0.5em;
    font-weight: 600;
}
.li_over {
    background-color: var(--bg-hover--item);
    border: 1px solid var(--fg-hover--border-item) !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.li_edit {
    background-color: var(--bg--planner-editing);
    border: 1px solid var(--fg--planner-editing-border) !important;
    color: var(--fg--planner-editing);
    opacity: 1 !important;
}
.group .m {
    cursor: pointer;
    font-size: 1rem;
    padding: 0.2rem 0.9rem;
    background: var(--im--ellipsis-v) no-repeat scroll left 3px top 1px / 1.7rem auto;
    width: 1rem;
    height: 0.7rem;
    opacity: var(--c--opacity-m);
    position: relative;
    padding-bottom: 0;
    right: -3px;
}
.items .m {
    cursor: pointer;
    font-size: 1rem;
    padding: 0.7rem 0.9rem;
    background: var(--im--ellipsis-v) no-repeat scroll left 0.05em top 0.2em / 1.7rem auto;
    width: 1rem;
    height: 0.7rem;
    opacity: var(--c--opacity-m);
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
}
.items .m_selected {
    background-color: var(--bg-hover--item);
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
}
.group .m_selected {
    background-color: var(--bg-hover--item) !important;
}
.m_over {
    opacity: 1;
    background: var(--bg-hover--m) var(--im--ellipsis-v-on) no-repeat scroll left 0.05em top 0.2em / 1.7rem auto !important;
}
.group .m_over {
    background: var(--bg-hover--m) var(--im--ellipsis-v-on) no-repeat scroll left 3px top 1px / 1.7rem auto !important;
}
.group.li_over .to_btn {
    opacity: 1;
}
.group.li_over .m{
    background-color: var(--bg-hover--item);
}
.group.li_over .f_topic,
.group.li_over .f_topic .f_to {
    cursor: default !important;
}
.f_to:focus{
    border: 0;
    outline: 0;
}
.no_topics {
    position: relative;
    top: -1rem;
    left: 0.5rem;
    height: 1.7em;
    display: inline-table;
}
.no_topics .line {
    height: 3px;
    min-width: 11rem;
    display: inline-block;
}
.no_topics .new {
    font-size: 1.1rem;
    opacity: 0.9;
    background-size: 1.3rem auto;
    height: 1.7rem;
    width: 10rem;
    /* margin-left: 2rem; */
    padding-left: 1.4em;
    position: relative;
    top: 7px;
    display: block;
    left: -24px;
}
.no_topics .new:hover {
    cursor: pointer;
    opacity: 1;
}
.no_scroll {
    overflow: hidden;
}
.idz_central {
    /*padding-bottom: 5rem;*/
}
.topics_timeline_edit_home .idz_central {
    padding-bottom: 20rem;
    padding-right: 3px;
}
.centered_in_800_1000 {
    text-align: center;
}
.search_block {
    padding-bottom:1rem;
}
.a_fancy:hover {
    border-bottom: 0;
}
.fancybox-image {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.search_title:after {
    content:': ';
}
.contact {
    clear: both;
    margin: 0 auto;
    margin-bottom: 3rem;
    border: 1px solid #ddd;
    box-shadow: 0 10px 40px rgba(107,115,133,0.2);
    max-width: 900px;
    padding: 2.5rem 0;
}
.contact .header h4 {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8rem;
    letter-spacing: 0.09rem;
}
.contact .header h3 {
    padding: 1rem 0 1.5rem;
    font-size: 2rem;
}
.contact .header .text {
    max-width: 620px;
    margin: 0 auto;
    line-height: 2.1rem;
    padding: 0 1rem;
}
.contact fieldset {
    max-width: 360px;
}
.contact .dont_have {
    font-size: 1.2rem !important;
    padding: 0.5rem !important;
    margin-top: 1rem !important;
}
.contact .dont_have a {
    font-size: 1.2rem !important;
}
.contact fieldset {
    margin-bottom: 2rem;
}
.contact .btn {
    margin: 1.25rem auto 3rem;
}
.idz_home_form {
    padding-bottom: 5rem;
}
.idz_invoices {
    margin: 0 auto;
    max-width: 690px;
    padding-top: 1.5rem;
    padding-bottom: 9rem;
}
.idz_invoices ul {
    list-style-type: none;
}
.idz_table {
    font-size: 1rem;
    clear: both;
    margin: 0 auto;
}
.idz_table li div {
    display: table-cell;
    text-align: left;
    padding: 0.9rem 1rem;
    line-height: 1.3rem;
}
.idz_table .no_data{
    padding: 1.5rem;
    font-size: 1.1rem;
}
.idz_invoices .cel_date {
    width: 110px
}
.idz_invoices .cel_desc {
    width: 150px;
}
.idz_invoices .cel_per {
    width: 310px;
}
.idz_invoices .cel_tot {
    width: 90px;
    text-align: right;
}
.idz_invoices .year_price {
    font-size: 0.9rem;
    font-weight: bold;
}
.idz_invoices .currency {
    font-size: 0.75rem;
}
.idz_reminders_list {
    margin: 0 auto;
    padding-bottom: 9rem;
    position: relative;
    max-width: 800px;
}
.idz_reminders_list .no_data{
    padding: 1.5rem 0;
    font-size: 1.2rem;
    display: none;
}
.idz_reminders_list .idz_row {
    line-height: 1.4rem;
}
.idz_reminders_list .idz_row:hover {
    cursor: pointer;
}
.idz_reminders_list .not_active{
    opacity: 0.5;
}
.idz_csv .link_day:hover {
    cursor: pointer;
}
.idz_csv .summary{
    margin: 1rem auto;
    max-width: 300px;
    text-align: left;
}
.idz_csv .summary .title {
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 1.5rem;
}
.idz_csv .summary div{
    white-space: nowrap;
    margin-bottom: 0.3rem;
    padding-bottom:0.5rem;
}
.idz_csv .summary span{
    padding-left: 0.5rem;
    font-size: 1.2rem;
    font-weight: bold;
}
.idz_reminders_list .idz_table {
    width: 100%;
}
.idz_reminders_list td,
.idz_csv td {
    padding: 0.7rem 0.5rem;
    line-height: 1.2rem;
}
.idz_reminders_list .idz_head td {
    padding-bottom: 1.2rem
    text-align: center;
}
.idz_reminders_list .idz_head .cel_text,
.idz_csv .idz_head .cel_text {
    text-align: left;
}
.idz_reminders_list .cel_month_abr {
    width: 40px;
    text-align:center;
    display: none;
}
.idz_reminders_list .cel_month {
    width: 70px;
    text-align:center;
}
.idz_reminders_list tr:hover .cel_month {
  border-top-left-radius: 19px;
  border-bottom-left-radius: 19px;
}
.idz_reminders_list .cel_day,
.idz_csv .cel_day{
    width: 40px;
    text-align:center;
}
.idz_reminders_list .cel_text {
    text-align: left;
    position: relative;
    vertical-align: baseline;
}
.idz_reminders_list .cel_text span{
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 0;
    right: 0;
}
.idz_reminders_list .cel_type {
    max-width: 40px;
    text-align: left;
    white-space: nowrap;
}
.idz_reminders_list tr:hover .cel_type {
    border-top-right-radius: 19px;
    border-bottom-right-radius: 19px;
}
.idz_reminders_list .cel_starts_in,
.idz_reminders_list .cel_ends_in {
    display: none
}
.crossed_out {
    text-decoration: line-through;
}
.idz_csv {
    max-width: 800px;
    margin:0 auto;
    padding-bottom: 6rem;
    padding-left: 1rem;
}
.idz_csv .ok_tit {
    color: var(--fg--top-a);
}
.idz_csv table{
    padding-left: 1rem;
}
.idz_csv .cel_row {
    width: 50px;
}
.idz_csv tr:hover .cel_row {
  border-top-left-radius: 19px;
  border-bottom-left-radius: 19px;
}
.idz_csv .title {
    text-align: left;
    margin-top: 1.5rem;
    padding-top: 3.5rem;
    padding-bottom: 1.25rem;
}
.idz_csv .idz_table {
    border-collapse: collapse;
    width: 96%;
}
.idz_csv .cel_columns {
    width: 40px;
}
.idz_csv .cel_day {
    padding: 0 1rem;
}
.idz_csv .cel_text {
    position: relative;
    vertical-align: baseline;
    text-align: left;
}
.idz_csv tr:hover .cel_text {
    border-top-right-radius: 19px;
    border-bottom-right-radius: 19px;
}
.idz_csv .cel_text span {
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.idz_csv .error_tit a{
    color: rgb(230, 58, 54) !important;
    font-size: 1.1rem;
}
.idz_csv .error_tit:hover a{
    border-bottom: 1px dotted rgb(230, 58, 54);
}
.idz_csv .error_cel {
    color: rgb(247, 172, 38) !important;
}
.idz_csv .idz_head td{
    text-align: center !important;
}
.back_csv {
    padding-top: 1rem;
    display: inline-block;
}
/* --- radio buttons --------------- */

.currencies .rd_container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 8rem;
  text-align: left;
}

/* Hide the browser's default radio button */
.rd_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.rd_checkmark {
  position: absolute;
  top: 9px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.rd_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.rd_container input:checked ~ .rd_checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.rd_container .rd_checkmark:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.idays_year_month_day .day {
    /*margin-top: 2rem;*/
}
.idays_year_month_day .day_title {
    /*padding-top: 0.5em;*/
    /*padding-bottom: 1rem !important;*/
}
.topBtn, .topBtnB {
    display: none;
    position: fixed;
    border: none;
    outline: none;
    cursor: pointer;
    bottom: 20px;
    width: 37px;
    height: 37px;
    padding: 0.15em 0em;
    overflow-x: hidden;
    border-radius: 50%;
}
.topBtn {
    z-index: 10001;
}
.topBtnB {
    z-index: 10000;
}
.topBtn:hover {
    opacity: 1;
}
.idz_export .idz_year {
    margin: 0 auto;
    text-align: left;
    margin-top: 1rem;
    padding-bottom: 8rem;
    max-width: 620px;
    text-align: center;
}
.idz_export .idz_year div {
    margin: 0 auto;
    padding: 1em 2.8em 1em 0.6em;
    display: inline-block;
    width: 110px;
    font-size: 1.1rem;
}
.idz_export .idz_year a {
    border-bottom: 0px;
    white-space: nowrap;
}
.idz_export .idz_year a span.principal {
    margin: 2rem;
    opacity: 0.8;
}
.idz_export .idz_year a span.principal span{
    font-size: 1rem;
}
.idz_export .idz_year a:hover span.principal {
    opacity: 1;
}
.idz_export .idz_year a:hover span.principal span {
    border-bottom: 0px !important;
}
.idz_export .idz_year .no_data {
    margin: 2rem;
    opacity: 0.5;
    white-space: nowrap;
}
#id_topic_btn_save {
    margin: 0.75rem auto 0.5rem;
    width: 100%;
}
#id_reminder_btn_save {
    margin: 1.5rem auto 0;
    width: 237px;
}
.reminder_delete,
.reminder_email,
.import,
.export {
    padding: 1rem 0;
    font-size: 1rem;
    max-width: max-content;
}
.reminder_delete,
.reminder_email {
    margin: 2rem auto;
}
.import,
.export {
    margin: 0rem auto;
}
.reminder_email {
    padding: 1rem 0 9rem;
}
.reminder_delete .text,
.reminder_email .text,
.reminder_email .detail,
.import .detail,
.export .detail {
    display: block;
    line-height: 1.5rem;
    padding: 0 1rem;
    max-width: 525px;
    text-align: left;
}
.reminder_email .detail {
    padding-top: 0.7rem;
}
.reminder_email .detail,
.import .detail,
.export .detail {
    padding-bottom: 5.7rem;
    line-height: 1.4rem;
}
.reminder_email .detail p,
.import .detail p,
.export .detail p {
    margin-top: 0.5rem;
}
.export .detail {
    text-align: center;
}
.export .detail span {
    white-space: pre;
    font-family: monospace;
    font-weight: bold;
    display: block;
    text-align: center;
    padding: 0.5rem 0;
    font-size: 1.1rem;
}
.export ul{
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    max-width: 500px;
}
.export ul li {
    min-width: 180px;
}
.reminder_email .detail ul {
    padding-left: 2rem;
}
.reminder_email .detail ul li{
    margin: 0.5rem 0;
}
.reminder_email .chk {
    margin-top: 14px;
}
.reminder_email .msg{
    padding-right: 8px;
    position: relative;
    top: 3px;
}
.reminder_delete .confirm,
.reminder_email .confirm {
    max-width: max-content;
    margin: 0 auto;
}
.reminder_email .confirm {
    padding-top: 1rem;
    min-width: 330px;
}
.reminder_email .email_yes {
    display: inline-block;
    padding-left: 2px;
}
.reminder_email .email_yes span{
    white-space: nowrap;
    display: inline-block;
}
.reminder_email .reply {
    margin-top: 4rem;
    border: 1px solid #cccccc;
    background-color: #efefef;
    padding: 1rem;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#id_reminder_btn_delete {
    width: 80px;
    height: 30px;
    font-size: 1rem;
    padding: 0.3rem;
    display: inline-block;
    margin-left: 0.3rem;
}
.reminder_delete .disabled {
    opacity: 0.5;
}
.reminder_delete .enabled {
    opacity: 1;
}
#id_topic_popup {
    max-width: 610px;
    margin: 0 auto;
    padding-bottom: 3rem;
}
.idzdialog #id_topic_popup .browse_topics {
    border: 1px solid var(--fg--border-popup);
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
}
#id_popup_browse_topics,
#id_popup_new_topic {
    max-width: 610px;
    margin: 0 auto;
}
#id_reminder_popup {
    max-width: 1000px;
    margin: 0 auto;
}
#id_reminder_popup .form_field {
    margin-top: 0px !important;
}
#id_reminder_popup label{
    margin-bottom: 0px;
    margin-bottom: 0px;
}
#id_topic_popup fieldset{
    width: 300px;
    text-align: center;
    padding: 1rem 2rem;1
}
#id_reminder_popup fieldset{
    width: 1000px;
    text-align: center;
}
#id_topic_text .form_field {
    width: 260px;
    position: relative;
}
#id_reminder_month_edit .form_field {
    width: 130px;
}
#id_reminder_day_edit .form_field {
    width: 80px;
}
#id_reminder_text_edit .form_field {
    width: 360px;
}
#id_reminder_starts_in_edit .form_field,
#id_reminder_ends_in_edit .form_field{
    width: 95px;
}
#id_reminder_email_select,
#s2id_id_reminder_email_select {
    margin: 0 0.5rem !important;
    width: 100px;
}
.labfield {
    display: inline-block;
    margin: 0 0.5rem;
}
.labfield2 {
    display: inline-block;
}
#id_reminder_popup .select2-container {
    margin-top: 0px !important;
}
.select2-container-disabled {
    background-color: #dddddd !important;
    width: 110px;
    margin-top: 0px !important;
}
.select2-container--open .select2-dropdown {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
#id_reminder_type_edit{
    display: block;
    margin: 0 auto;
    width: fit-content;
}
#id_reminder_type_edit input[type="radio" i] {
    display: inline-block;
}
#id_reminder_type_edit .label {
    display: inline-block;
}
#id_reminder_month_select,
#s2id_id_reminder_month_select {
    width: 168px;
}
#id_id_reminder_day_select,
#s2id_id_reminder_day_select {
    width: 80px;
}
#id_reminder_starts_in_select,
#s2id_id_reminder_starts_in_select,
#id_reminder_ends_in_select,
#s2id_id_reminder_ends_in_select {
    width: 123px;
}
.labfield table{
    list-style-type: none;
    display: block;
    max-width: 500px;
}
.labfield table td{
    text-align: left;
    vertical-align: top;
}
.labfield table .label {
    margin: 0 0 0 0.2rem;
    line-height: 1.5rem;
    font-size: 1.2rem;
}
.labfield table .definition td,
.labfield table .example td{
    line-height: 1.3rem;
    position: relative;
    top: -0.2rem;
    padding-left: 0.2rem;
}
#id_reminder_popup .labfield table td{
    padding-top:0.4rem;
}
.idz_cal_topics {
    border-radius: 34px;
    -moz-border-radius: 34px;
    -webkit-border-radius: 34px;
    margin-top: 9px;
    height: calc(100% - 68px);
}
.topics_timeline_edit_home .idz_cal_topics {
    margin-top: 3px;
    height: calc(100% - 103px);
}
.day .a_fancy img{
    width: 99%;
    height: 100%;
    max-width: 438px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 1px solid var(--fg--border-img);
    margin-bottom: 0.1rem;
    position: relative;
    top: 1px;
}
.idays_year_month_day .day .a_fancy img{
    /*top: 3px;
    position: relative;*/
}
.idays_year_month_day .day_home .day_name{
    /*padding-bottom: 0;*/
}
.idays_year_month_day .day_header {
    /*top: 16px;*/
}
.import form {
    max-width: 400px;
    margin: 0 auto;
}
.import input[type="file"] {
    display: none;
}
.import .btn,
.export .btn {
    margin: 1rem auto;
    max-width: 160px;
}
.img_scheduled_past,
.img_scheduled_present,
.img_scheduled_future {
    display: table-cell;
    white-space: nowrap;
}
.img_scheduled_past div,
.img_scheduled_present div,
.img_scheduled_future div {
    /*border-bottom: 1px solid transparent;*/
    /*padding-left: 0.2rem;*/
    margin-left: 0.2rem;
    border-top: 2px solid transparent;
}
.img_scheduled_past div:after,
.img_scheduled_present div:after,
.img_scheduled_future div:after{
    content: ' :';
    padding-right: 4px;
    padding-left: 1px;
    display: table-cell;
}
/*
.pending_tasks .img_scheduled_present:after,
.img_scheduled_present:after
.img_scheduled_future:after
.img_scheduled_past:after{
    content: ' :';
    color: rgb(230, 58, 54);
}
.num .planned_past,
.num .planned_present,
.num .planned_future {
    font-weight: bold;
}
*/
.tfoot_home {
    text-align: center;
}
.prevday {
    height: 11px;
}
/* --- first breakpoint ------------------------------------------------------ */

@media only screen and (min-width : 2300px) {
    .idz_valley {
        background-image: url(/static/img/valley_2300.webp);
    }
    .idz_valley_h {
        background-image: url(/static/img/valley_h_2300.webp);
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (min-width : 1900px) {
    .idz_valley {
        background-image: url(/static/img/valley_1900.webp);
    }
    .idz_valley_h {
        background-image: url(/static/img/valley_h_1900.webp);
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (min-width : 1300px) {
    .idz_valley {
        background-image: url(/static/img/valley_1500.webp);
    }
    .idz_valley_h {
        background-image: url(/static/img/valley_h_1500.webp);
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (min-width : 1291px) {
    .day.sticky .day_title {
        /*padding-left: 1px;*/
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (min-width : 955px) and (min-height: 570px) {
    .menu_yes .f_left {
        display: inline-block;
    }
    .menu_yes .i{
        visibility: visible;
    }
    .timeline_home, .month_home, .day_home, .topics_timeline_edit_home, .search_results {
        padding: 0.1em 0 0;
    }
    .idz_cal_topics {
        margin-left:-163px;
        position: fixed;
        padding-right: 0.2rem;
        padding-left: 0.2rem;
    }
    .c-topics {
        display: block;
        margin: 2em 1em;
    }
    .f_sidebar {
        display: none;
    }
    .idz_s_topics {
        display: block;
        margin: 1em 1em 2em 0;
    }
    .idz_h_topics {
        margin-top: 1.5em;
        margin-left:-100px;
        position: fixed;
    }
    .idz_central_iday {
        min-height: calc(100vh - 133px);
    }
    .idz_central_topics {
        min-height: calc(100vh - 171px);
    }
    .idz_central_search  {
        min-height: calc(100vh - 131px);
    }
    .top_in_search_page {
        display: none !important;
    }
    .display_in_big  {
        display: inline-block !important;
    }
    .centered_in_800_1000 {
        text-align: left;
    }
    .idays_year_month_day .day {
        /*margin-top: 0rem;*/
    }
    .idays_year_month_day .to_Top {
        /*display: none;*/
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width: 954px) {
    .prevday{
        display: none;
    }
    .idz_cal_topics {
        background-color: transparent;
        margin-top: -4px;
    }
    .topics_timeline_edit_home .idz_options {
        margin: 0 auto;
        width: 250px;
    }
    .idz_calendar .th, .idz_calendar td {
        /*margin: 0 0.5rem !important;*/
    }
    .idz_cal_topics .idz_calendar td a{
        margin: 0 0.5rem !important;
        padding: 0.8rem 0.4rem !important;
    }
    #idz_cal_caption td a,
    .idz_cal_topics .back_home {
        margin: 0 0.1rem !important;
        padding: 0 !important;
    }
    .idz_cal_topics .back_home {
        margin-bottom: 2rem !important;
    }
    #id_footer {
        visibility: visible !important;
    }
    .idz_reminders_list {
        max-width: 650px;
    }
    .idz_csv {
        padding-left: 0.5rem;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-height: 700px) {
    .idz_cal_topics {
        height: 88.5%;
        margin-top: 3px;
    }
    .topics_timeline_edit_home .idz_cal_topics {
        margin-top: 0;
        height: 83.5%;
    }
    .idz_calendar .caption, .sel_cal .caption {
        margin: 0.3em 0.4em 0em 0em;
    }
    .idz_calendar .th, .sel_cal .th {
        padding: 0.5em 0.7em;
    }
    .idz_calendar .tr_month td a {
/*        padding: 0.7rem 0;
        font-size: 0.95rem;
        width: 2.5rem; */
    }
    .idz_s_topics .mCustomScrollbar {
        height: calc(98.5vh - 380px);
    }
    .topics_timeline_edit_home .idz_s_topics .mCustomScrollbar {
        height: calc(98.5vh - 406px);
    }
    .c-topics ul li, .idz_s_topics ul li {
        margin: 0.6em 0;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (min-width: 955px) and (max-height: 700px) {
    .tfoot_home {
        display:none;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-height: 600px) {
    #a_id_menu_product,
    #a_id_menu_settings,
    #a_id_menu_blog {
        display: none;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-height: 569px) {
    .idz_cal_topics {
        background-color: transparent;
    }
}

/* --- breakpoint ------------------------------------------------------ */
@media only screen and (min-width : 1000px) and (min-height: 570px) {

    .idz_central{
        left: 22%;
        position: relative;
    }
    .idz_cal_topics {
        margin-left: -161px;
        position: fixed;
        padding-right: 0.6rem;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (min-width : 1225px) and (min-height: 600px) {
    .idz_cal_topics {
/*        margin-left:-225px;*/
    }
    .idz_h_topics {
/*        margin-left:-150px;*/
    }
    .idz_central{
/*        left:20%;*/
    }
}
/* ---  breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 5000px) {
    #id_top_growl {
        left:8%;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 1005px) {
    .idz_middle .m_what,
    .idz_middle .m_right {
        display: none;
    }
    .idz_middle .m_middle{
        padding: 0;
    }
    .m_what_r {
        display: block;
    }
    #id_reminder_popup fieldset{
        width: 97%
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 950px) {
    .idz_basque {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 860px) {
    .home #id_top_planner {
        display: none;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 800px) {
    #id_search{
        /*display: none !important;*/
    }
    .f_right_search {
        position:relative;
        display: inline-block;
    }
    #id_search {
        display: none;
    }
    .menu_search_cab {
        display: inline-block;
        cursor: pointer;
        margin-right: 10px;
        position: absolute;
        top: 4px;
        right: 0px;
        padding-bottom: 5px;
        z-index: 2;
    }
    #id_menu_icon-search {
        margin-top: 9px;
        padding: 0px 8px;
        content: var(--im--btn-search);
        width: 25px;
        height: 25px;
    }
    .timeline_home, .month_home, .day_home, .topics_timeline_edit_home, .search_results {
        padding: 0.1em 1em 0;
    }
    .btn_user {
        max-width: 180px;
    }
    .show_logo .logo_center {
        display: block !important;
    }
    #id_top_growl {
        left: 5%;
    }
    .centered_in_800 {
        text-align: center;
    }
    .centered_in_800_1000 {
        text-align: left;
    }
    .search_central {
        display: none;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 670px) {
    #id_search_top #id_search form {
        width: 70%;
    }
    #id_top_growl{
        left: 3%;
    }
    .idz_reminders_list {
        max-width: 600px;
    }
    .idz_reminders_list {
        /*max-width: 360px;*/
    }
    .idz_reminders_list .cel_month {
        display: none;
    }
    .idz_reminders_list .cel_month_abr {
        display: table-cell;
    }
    .idz_reminders_list tr:hover .cel_month_abr {
      border-top-left-radius: 19px;
      border-bottom-left-radius: 19px;
    }
    .idz_reminders_list .cel_ends_in {
        display: none;
    }
    .idz_reminders_list .form_filter {
        width: 250px;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 650px) {
    .idz_welcome h2 {
        font-size: 1.4rem;
    }
    .idz_cancel ul.action li.command {
        width:23%;
    }
    .idz_statistics .tabs,
    .idz_reminders .tabs,
    .idz_export .tabs,
    .idz_import .tabs {
        max-width: 80%;
    }
    #id_topic_popup .legend,
    #id_reminder_popup .legend,
    #id_reminder_popup .labfield table {
        max-width: 385px;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 640px) {
    .idz_cancel ul.action li {
        display: block;
    }
    .idz_cancel ul.action li.description {
        width: 80%;
    }
    .idz_cancel ul.action li.command {
        margin: 1rem auto;
        width: 100%;
    }
    .idz_cancel ul.action li.description {
        padding-left: 1rem;
    }
    .idz_cancel .action .btn {
        max-width: 18rem;
        margin: 0 auto;
        margin-bottom: 1rem;
        width: 90%;
    }
    #id_top_planner {
        display: none;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (min-width : 650px) {
    #id_reminder_type_edit .new {
        width: 500px !important;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 600px) {
    .body_idays .tl_h,
    .body_planner .tl_h {
        display: none;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 590px) {
    .tl_h {
        display: none !important;
    }
    .steps .tl_blog {
        display: none;
    }
    .f_right_search {
/*      float: none;
        display: inline-block !important;
        left: 10%;*/
    }
    .menu_all_logged {
        padding-right: 0;
    }
    .logo_center_show{
        /*display:none !important;*/
    }
    #id_top_products {
        display: none;
    }
    #id_topic_title {
        max-width: 300px;
    }
    .timeline_home, .month_home, .day_home, .topics_timeline_edit_home, .search_results {
       padding: 0.1em 0 0;
    }
    .day_home {
        /*padding: 9px 0px 0.7em;*/
    }
    .btn_user {
        max-width: 140px;
    }
    .idz_error {
        font-size: 1.25rem;
        max-width: 300px;
    }
    .idz_business h1 span {
        display: block;
        padding-top: 0.5rem;
    }
    .idz_business .ult {
        padding-top: 0;
    }
    .idz_business h2 {
        padding-right: 2rem;
        padding-left: 2rem;
    }
    .to_Top {
        padding-right: 1rem;
    }
    .idz_reminders_list {
        max-width: 500px;
    }
    .reminder_email .text,
    .reminder_email .detail,
    .import .detail,
    .export .detail {
        max-width: 400px;
    }
    .pending_tasks .img_scheduled_present:after,
    .img_scheduled_present:after,
    .img_scheduled_future:after,
    .img_scheduled_past:after{
        content: '';
    }
    .pending_tasks .img_scheduled_present,
    .past .img_scheduled_present,
    .img_scheduled_past,
    .future .img_scheduled_present,
    .img_scheduled_future {
        /* padding-top: 5px; */
    }
    .item_clon_a {
        padding-left: 25px !important;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 515px) { /*515=(width img/idazki_logo.png)*100/W1) */
    #id_topic_title {
        max-width: 350px;
    }
    .btn_user {
        max-width: 100px;
    }
    .img_logo  {
        width: 70% !important; /*W1*/
    }
    .home_text {
        /*width: 95%;*/ /*W*/
    }
    .home_div {
        /*width: 90%*/; /*W*/
    }
    fieldset {
        /* width: 90%;*/ /*W*/
    }
    #id_menu_text-user {
        display: none;
    }
    .idz_form h3 {
        padding: 0 0.8rem 1rem;
    }
    .tabs {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .idz_statistics .tabs,
    .idz_reminders .tabs,
    .idz_export .tabs,
    .idz_import .tabs {
        max-width: 95%;
    }
    .only_home .book {
        margin-top: 0.6rem;
    }
    .only_home .book,
    .book {
        background: transparent url("/static/img/logo_idazki_online_diary_104.png") no-repeat scroll right 0px top 0px;
        width: 109px;
        height: 104px;
        margin-right: 0.7rem;
    }
    .only_home .text_logo,
    .text_logo {
        font-size: 6rem;
    }
    .only_home .text_legend,
    .text_legend {
        font-size: 1.25rem;
        padding-left: 6px;
    }
    .day_title .day_text {
        min-width: 195px;
    }
   .idz_reminders_list .cel_type {
        display: none;
    }
    .idz_reminders_list .cel_text {
        border-top-right-radius: 19px;
        border-bottom-right-radius: 19px;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 500px) {
    #id_top_growl {
        left: 0.4rem;
    }
    .idz_link_prev_next li {
        padding: 0 1em;
    }
    .idz_welcome h1 {
        font-size: 3rem;
    }
    .menu_all {
        padding-right: 5px;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 470px) {
    .reminder_email .email_yes {
        padding-top: 19px;
    }
    .reminder_email .email_yes .msg{
        display: block;
        padding-bottom: 1rem;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 460px) {
    .idz_reminders_list .form_filter {
        width: 200px;
    }
    .idz_reminders_list td{
        padding: 0.9rem 0.5rem;
    }
    .timeline_home, .month_home, .day_home, .topics_timeline_edit_home, .search_results {
        padding: 0.1em 0 0;
    }
    .day .day_title {
        min-width: 290px;
    }
    #id_reminder_popup fieldset{
        padding: 10px;
        width: 95%;
    }
}/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 455px) {
    #id_popup_browse_topics h2, #id_popup_new_topic h2, #id_popup_form_reminder h2 {
        max-width: 300px;
    }
    #id_popup_form_reminder {
        /*padding-bottom: 1rem;*/
    }
    #id_reminder_popup .x_es {
        top: -4.5em;
    }
    #id_reminder_popup .legend_es {
        margin-top: 2rem;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width: 450px) {
    .chk, .checkbox, .new_assign {
        /* padding-left: 26px; */
    }
    .home .tl_blog {
        display: none;
    }
    .settings_home fieldset {
        width: 90%;
    }
    .settings_home .select2-container,
    .settings_home .form_input {
        max-width: 100% !important;
    }

}/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 422px) {
    #id_topic_title {
        max-width: 300px;
    }
    .home_div {
        font-size: 1.3rem;
        margin-bottom: 0.5rem;
    }
    .last {
        margin-bottom: 0.5rem;
    }
    .home_options {
        margin-left: 10px;
    }
    .home_options ul{
        margin-left:30px;
    }
    .home_buttons li{
        clear: both;
        width: 100%;
    }
    .home_buttons input{
        width: 100%;
    }
    .btn_2{
        margin-left: 0px;
    }
    .form_textarea{
       padding: 0.3rem 0.5rem !important;
    }
    .btn_day {
        margin-bottom: 1.7rem;
        max-width: 100%;
    }
    .only_home .book,
    .book {
        background: transparent url("/static/img/logo_idazki_online_diary_94.png") no-repeat scroll right 0px top 0px;
        width: 77px;
        height: 94px;
        margin-right: 0.9rem;
        margin-right: 0.9rem;
    }
    .only_home .text_logo,
    .text_logo {
        font-size: 5.5rem;
    }
    .only_home .text_legend,
    .text_legend {
        padding-left: 5px;
        font-size: 1.2rem;
        /* letter-spacing: 0.1em; */
    }
    .idz_business {
        padding-bottom: 5.5rem;
    }
    .i span{
        display: none;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 410px) {
    .idz_reminders_list .form_filter {
        width: 250px;
    }
    .idz_reminders_list .nwt {
        display: block;
    }
    .idz_reminders_list .wt {
        display: none;
    }
    .logo_center_about {
        top: -28px;
    }
    .group_sel_focus .select2-container, .group_sel_focus select {
        max-width: 15rem;
    }
    .idz_link_prev_next li {
        padding: 1em 0.5em;
    }
    .menu_user .expand {
       top: -5px;
    }
    .settings_home .plan_details span {
        display: block;
        padding-left: 0;
    }
    #id_reminder_text_edit .form_field {
        width: 300px;
    }
    .li_statistics {
        padding-left: 0 !important;
    }
    ul.options li {
        padding-left: 1.5rem;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 395px) {
    .day_title .day_text {
        min-width: 170px;
    }
    .day_st_ev {
        margin-right: 0;
    }
    .top_btn {
        margin-left: 0;
        padding: 9px 6px 6px;
        margin-top: 7px;
    }
    #id_menu .expand {
        left: 0;
        width: 14px;
        margin-right: 8px;
        padding-right: 2px;
    }
    #id_dropdown ul li {
        padding-left: 1.25em;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 377px) {
    idz_calendar .caption td, .sel_cal .caption td {
        padding: 0.2em 0.3em;
    }
    .idz_calendar .title {
       width: 8rem;
    }
    #id_calendar_popup{
        margin-top: 2rem;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 374px) {
    .idz_reminders_list .form_filter {
        width: 200px;
    }
    #id_reminder_text_edit .form_field {
        width: 280px;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 359px) {
    .logo_center {
        /*display: none !important;*/
    }
    #id_topic_title {
        max-width: 240px;
    }
    .day_st_ev {
        margin-right: 0.1rem;
    }
    .today_weekday_sep, .today_weekday_name {
        display: none
    }

    .today_assignments, .day_assignments {
        padding: 3px 0px;
    }

    .today_assignments .group .checkbox, .day_assignments .group .checkbox {
        margin-left: 0px;
    }

    .today_assignments .group .checktext, .day_assignments .group .checktext {
        margin-left: 26px;
    }

    .group_sel_focus .select2-container, .group_sel_focus select {
        max-width: 12rem;
    }

    .idz_reminders .idz_options {
        width: 145px;
    }
    .idz_options .opt_on,
    .idz_options .opt_off {
        width: 0px;
        overflow: hidden;
        padding: 0.5em 0 0.5em 2em
    }
    .idz_business h1 {
        padding: 3rem 1rem 1rem;
    }
    .idz_business h2,
    .idz_basque {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .top_btn {
        display: none !important;
    }
    .only_home .book,
    .book {
        background: transparent url("/static/img/logo_idazki_online_diary_80.png") no-repeat scroll right 0px top 0px;
        width: 66px;
        height: 80px;
        margin-top: 1rem;
        margin-right: 1rem;
    }
    .only_home .text_logo,
    .text_logo {
        font-size: 5rem;
    }
    .only_home .text_legend,
    .text_legend {
        font-size: 1.1rem;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 342px) {
    .idz_cal_topics .idz_calendar td a{
        padding: 0.8rem 0.2rem !important;
    }
    .idz_calendar .title{
        width: 7.7rem;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 323px) {
    .idz_reminders_list .form_filter {
        width: 150px;
    }
    #id_reminder_text_edit .form_field {
        width: 100%;
    }
    .li_statistics {
        padding-left: 0 !important;
    }
    ul.options li {
        padding-left: 1rem;
    }
    .home_logo {
        margin-top: 0rem;
    }
    .home_logo ul li {
        display: block;
    }
    .only_home .book,
    .book {
        background: transparent url("/static/img/logo_idazki_online_diary_94.png") no-repeat scroll right 0px top 0px;
        width: 99px;
        height: 94px;
        margin-right: 0rem;
        margin-bottom: 1rem;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-height: 800px) {
    #id_home_general {
        margin-top: 0px;
    }
    .home_text {
        margin: 0 auto 1.2rem;
    }
    .home_div {
        margin-bottom: 0.5rem;
    }
}
@media only screen and (max-height: 550px) {
    #a_id_menu_export {
        display:none;
    }
    #a_id_menu_statistics {
        display:none;
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 1200px) {
    .idz_cal_topics {
        left:12px;
        margin-left: 0px;
    }
    .idz_idays_page {
      /*  max-width: 700px;*/
    }
    .idz_central{
        left: 345px;
        position: absolute;
        max-width: 800px;
    }
}/* --- breakpoint ------------------------------------------------------ */
@media only screen and (max-width : 954px) {
    .idz_central{
        left: 0px;
        position: relative;
        max-width: 900px;
    }
    .idz_idays_page {
        max-width: 900px;
    }
    .timeline_home, .month_home, .day_home, .topics_timeline_edit_home, .search_results {
        /*padding: 0.1em 1em 0;*/
    }
}
/* --- breakpoint ------------------------------------------------------ */
@media only screen and (min-width : 1200px) {
    .idz_cal_topics {
        /*margin-left: -161px;*/
    }
    .idz_idays_page {
        max-width: 800px;
    }

    .idz_central {
        max-width: 800px;
        left:22%;
    }
}