/* ----------------------------------------------------------------------------  */
/* misc */
/* ----------------------------------------------------------------------------  */

.ld_template {
    display: none !important;
}

.ld_clone { }

.ld_ignored {
    display: none !important;
}

.ld_hidden {
    visibility: hidden !important;
}

.ld_unsupported {
    display: none !important;
}

.ld_clickable {
    cursor: pointer;
}


/* ----------------------------------------------------------------------------  */
/* scrolling  */
/* ----------------------------------------------------------------------------  */

 /* Hide scrollbar for Chrome, Safari and Opera */
.ld_scroll_hidden::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.ld_scroll_hidden {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}



/* ----------------------------------------------------------------------------  */
/* font */
/* ----------------------------------------------------------------------------  */

.ld_txt_norm   { font-size: 1em; }
.ld_txt_normer { font-size: 1.25em; }
.ld_txt_big    { font-size: 1.5em; }
.ld_txt_bigger { font-size: 1.75em; }
.ld_txt_bigger { font-size: 1.75em; }
.ld_txt_huge   { font-size: 2em; }
.ld_txt_hugeer { font-size: 2.25em; }
.ld_txt_giga   { font-size: 2.5em; }
.ld_txt_gigaer { font-size: 2.5em; }





/* ----------------------------------------------------------------------------  */
/* buttons */
/* ----------------------------------------------------------------------------  */

.ld_btn {
    padding-inline: 1em;
    text-align: center;
    cursor: pointer;
}

.ld_btn_accept {
    background-color: var(--ld_col_accept, Lime);
    color: var(--ld_col_accept_txt, Black);
}

.ld_btn_accept:hover {
    background-color: var(--ld_col_accept_hov, LightGreen);
    color: var(--ld_col_accept_hov_txt, White);
}

.ld_btn_deny {
    background-color: var(--ld_col_deny, Red);
    color: var(--ld_col_deny_txt, Black);
}

.ld_btn_deny:hover {
    background-color: var(--ld_col_deny_hov, Grey);
    color: var(--ld_col_deny_hov_txt, White);
}

.ld_btn_accept.ld_disabled,
.ld_btn_deny.ld_disabled
{
    background-color: var(--ld_col_deac, Grey) !important;
    color: var(--ld_col_deac_txt, Black) !important;
    cursor: not-allowed;
}

.ld_btn_accept:disabled:hover
.ld_btn_deny:disabled:hover
{
    background-color: var(--ld_col_deac_hov, Grey) !important;
    color: var(--ld_col_deac_hov_txt, Black) !important;
}


/* ----------------------------------------------------------------------------  */
/* layouts */
/* ----------------------------------------------------------------------------  */

/* vert - small - big */
.ld_lay_vert_sb {
    height: 100%;
    width: 100%;
    padding: 1em;
    gap: 2em;

    display: grid;
    grid-template-columns: 1fr 2fr;
}



/* ----------------------------------------------------------------------------  */
/* ld-grid */
/* ----------------------------------------------------------------------------  */

.ld_span_2 {
    grid-column: span 2;
}

.ld_span_4 {
    grid-column: span 4;
}




/* ---------------------------------------------------------------------------- */
/* ld-box */
/* ---------------------------------------------------------------------------- */

.ld_box_big {
    padding: .75em;
}

.ld_box_small {
    padding: .5em;
}

.ld_box_dark {
    background-color: var(--ld_col_black_800);
    color: var(--ld_col_black_800_txt);
}

.ld_box_dark.ld_clickable:hover {
    background-color: var(--ld_col_black_200, Black);
    color: var(--ld_col_black_200_txt);
}



/* ---------------------------------------------------------------------------- */
/* ld-list */
/* ---------------------------------------------------------------------------- */

.ld_list {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* NOTE: enables odd / even color switching on entries */
/* .ld_list_switch {} */

/* .ld_list_dark {} */

/* .ld_list_entry {} */


.ld_list_entry_dark {
    background-color: var(--ld_list_entry_odd_bg, Grey);
    color: var(--ld_list_entry_odd_fg, White);
}

.ld_list_entry_odd_dark {
    background-color: var(--ld_list_entry_odd_bg, Grey);
    color: var(--ld_list_entry_odd_fg, White);
}

.ld_list_switch .ld_list_entry_dark:nth-child(odd) {
    background-color: var(--ld_list_entry_odd_bg, Grey);
    color: var(--ld_list_entry_odd_fg, White);
}

.ld_list_entry_even_dark {
    background-color: var(--ld_list_entry_even_bg, Grey);
    color: var(--ld_list_entry_even_fg, White);
}

.ld_list_switch .ld_list_entry_dark:nth-child(even) {
    background-color: var(--ld_list_entry_even_bg, Grey);
    color: var(--ld_list_entry_even_fg, White);
}

.ld_list_entry_dark.ld_disabled {
    color: var(--ld_col_white_800, Grey) !important;
}

.ld_list_entry_dark.ld_clickable:hover {
    background-color: var(--ld_list_entry_hov_bg, LightGrey);
    color: var(--ld_list_entry_hov_fg, White);
}

.ld_list_entry_dark.ld_selectable:hover {
    background-color: var(--ld_list_entry_hov_bg, LightGrey);
    color: var(--ld_list_entry_hov_fg, White);
}

.ld_list_entry_dark.ld_selectable {
    background-color: var(--ld_list_entry_hov_bg, LightGrey);
    color: var(--ld_list_entry_hov_fg, White);
}

.ld_list_entry_dark.ld_selected {
    font-weight: bold;
    border: 2px solid var(--ld_list_entry_sel_bg, Yellow) !important;
    color: var(--ld_list_entry_sel_fg, Yellow) !important;
}