@CHARSET "UTF-8";

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'],
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_header'],
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_footer']
{
    --i_width_name: 0.5fr;
    --i_width_s_collected_last: 0.4fr;
    --i_width_s_spent_last: 0.4fr;
    --i_width_s_manual_last: 0.4fr;
    --i_width_s_collected_current: 0.4fr;
    --i_width_s_spent_current: 0.4fr;
    --i_width_s_manual_current: 0.4fr;
    --i_width_s_balance: 0.4fr;
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] .iui_list_intersect_page>div.iui_content_tr,
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_header'] div.iui_content_tr,
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_footer'] div.iui_footer_row
{
    display: grid;
    grid-template-columns:
    	35px
    	var(--i_width_name)
    	var(--i_width_s_collected_last)
    	var(--i_width_s_spent_last)
    	var(--i_width_s_manual_last)
    	var(--i_width_s_collected_current)
    	var(--i_width_s_spent_current)
    	var(--i_width_s_manual_current)
    	var(--i_width_s_balance)
		120px;
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr
{
    cursor: initial;
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_footer'] div.iui_footer_row
{
    padding-left: 20px;
    padding-right: 24px;
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="pic"]
{
    height: 24px;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_collected_last"],
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_collected_current"],
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_spent_last"],
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_spent_current"],
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_manual_last"],
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_manual_current"],
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_balance"]
{
    text-align: right;
    padding-right: 5px;
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr [data-aid='buttons']
{
    padding-left: 0px;
    display: flex;
    flex-wrap: nowrap;
    cursor: initial;
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr>[data-aid='buttons'] div
{
    height: 25px;
    width: 25px;
    margin: 2px;
    cursor: pointer;
    border-radius: 3px;
    background-size: 75%;
    background-color: var(--color_main);
    background-position: center center;
    background-repeat: no-repeat;
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr>[data-aid='buttons'] [data-aid='op_add'].iui_disabled,
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr>[data-aid='buttons'] [data-aid='op_minus'].iui_disabled,
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr>[data-aid='buttons'] [data-aid='op_commission'].iui_disabled
{
    opacity: 0.5;
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr>[data-aid='buttons'] [data-aid='op_add']
{
    background-image: url(../icon/iui_loyalty_account_plus.svg);
}
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr>[data-aid='buttons'] [data-aid='op_minus']
{
    background-image: url(../icon/iui_loyalty_account_minus.svg);
}
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr>[data-aid='buttons'] [data-aid='op_commission']
{
    background-image: url(../icon/iui_loyalty_account_commission.svg);
}
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr>[data-aid='buttons'] [data-aid='op_history']
{
    background-image: url(../icon/iui_loyalty_account_chart.svg);
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content'] div.iui_content_tr [data-aid='buttons'] div
{
    color: white;
    font-weight: 600;
    text-align: center;
    line-height: 25px;
    height: 25px;
    width: 25px;
    margin: 2px;
    cursor: pointer;
    border-radius: 3px;
    background-size: 80%;
    background-color: var(--color_main);
    background-position: center center;
    background-repeat: no-repeat;
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_footer'] div.iui_footer_row > [data-aid="name"]
{
    text-align: left !important;
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_footer'] div.iui_footer_row [data-aid="name"] span
{
    color: var(--color_font_inverse);
    background-color: var(--color_main);
    border-radius: 4px;
    padding: 5px;
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_footer'] div.iui_footer_row [data-aid="s_collected_last"],
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_footer'] div.iui_footer_row [data-aid="s_collected_current"],
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_footer'] div.iui_footer_row [data-aid="s_spent_last"],
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_footer'] div.iui_footer_row [data-aid="s_spent_current"],
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_footer'] div.iui_footer_row [data-aid="s_manual_last"],
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_footer'] div.iui_footer_row [data-aid="s_manual_current"],
[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_footer'] div.iui_footer_row [data-aid="s_balance"]
{
    font-weight: bold;
    width: 100%;
    padding-right: 5px;
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid='w_content_footer'] div.iui_footer_row > div:not(:empty)
{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    text-align: right;
}

[data-mod*='c_rec_mod_loyalty_account_list'] [data-aid="w_contentbar_right"]>span,
[data-mod*='c_rec_mod_loyalty_account_history'] [data-aid="w_contentbar_right"]>span
{
    padding-left: 25px;
    background-size: 20px 20px;
    background-position: 0px center;
    background-repeat: no-repeat;
    background-image: url(../../../skin_profile_1/global/icon/iui_filter_b.svg);
}




[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'],
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content_header']
{
    --i_width_i_key: 0.4fr;
    --i_width_i_time_from: 0.5fr;
    --i_width_type: 0.5fr;
    --i_width_s_open: 0.5fr;
    --i_width_s_value: 0.5fr;
    --i_width_s_balance: 0.5fr;
    --i_width_s_id_related: 0.5fr;
}

[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] .iui_list_intersect_page>div.iui_content_tr,
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content_header'] div.iui_content_tr
{
    display: grid;
    grid-template-columns:
    	var(--i_width_i_key)
    	var(--i_width_i_time_from)
    	var(--i_width_type)
    	var(--i_width_s_open)
    	var(--i_width_s_value)
    	var(--i_width_s_balance)
    	var(--i_width_s_id_related);
}

/*
 * A listasor két soros: az első az oszlopokat tartalmazza, a második a megjegyzést.
 * A második sor min-content, így megjegyzés hiányában összeomlik.
 */
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] .iui_list_intersect_page>div.iui_content_tr
{
    height: auto;
    grid-template-rows: 35px min-content;
}

[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] div.iui_content_tr>[data-aid="s_comment"]
{
    grid-column: 1 / -1;
    padding-left: 0px;
    white-space: pre-wrap;
}

[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] div.iui_content_tr>[data-aid="s_comment"]:not(:empty)
{
    padding-bottom: 5px;
    color: var(--color_font_aux);
    font-size: calc(var(--i_font_main_size) - 1px);
}

[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_collected_current"],
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_open"],
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_value"],
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] div.iui_content_tr [data-aid="s_balance"]
{
    text-align: right;
    padding-right: 5px;
}

[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] div.iui_content_tr.c_loyalty_credit [data-aid="s_value"],
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] div.iui_content_tr.c_loyalty_technical_credit [data-aid="s_value"],
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] div.iui_content_tr.c_loyalty_deposit [data-aid="s_value"],
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content_footer'] div.iui_footer_row [data-aid="s_credit_interval"]
{
    color: green;
}
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] div.iui_content_tr.c_loyalty_debit [data-aid="s_value"],
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] div.iui_content_tr.c_loyalty_technical_debit [data-aid="s_value"],
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] div.iui_content_tr.c_loyalty_withdrawal [data-aid="s_value"],
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content'] div.iui_content_tr.c_loyalty_commission [data-aid="s_value"],
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content_footer'] div.iui_footer_row [data-aid="s_debit_interval"]
{
    color: red;
}

[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content_footer'] div.iui_footer_row
{
    padding-left: 20px;
    padding-right: 24px;
}


[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content_footer'] div.iui_footer_row
{
    display:grid;
    grid-template-rows: 1fr;
    grid-template-columns: 4fr 1fr 1fr 1fr 1fr;
}
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content_footer'] div.iui_footer_row>div:not(:first-child)
{
    display:grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
}


[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content_footer'] div.iui_footer_row > [data-aid="i_key"]
{
    text-align: left !important;
}

[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content_footer'] div.iui_footer_row [data-aid="i_key"] span
{
    color: var(--color_font_inverse);
    background-color: var(--color_main);
    border-radius: 4px;
    padding: 5px;
}

[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content_footer'] div.iui_footer_row > [data-aid="s_credit_interval"]
{
    color: green;
}
[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content_footer'] div.iui_footer_row > [data-aid="s_debit_interval"]
{
    color: red;
}

[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_content_footer'] div.iui_footer_row > div:not(:empty)
{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    text-align: right;
}

[data-mod='c_rec_mod_loyalty_account_history']  [data-aid='w_toolbar'] div.iui_toolbar_row
{
    display:grid;
    grid-template-rows: 44px;
    grid-template-columns: 1fr 1fr;
    border-radius: 5px;
    border: 1px solid #1BB946;
    padding: 10px;
    background-color: #B3E6BF;
}
[data-mod='c_rec_mod_loyalty_account_history']  [data-aid='w_toolbar'] div.iui_toolbar_row>div:first-child
{
    display:grid;
    grid-template-rows: 1fr;
    grid-template-columns: 46px 1fr;
    grid-column-gap: 10px;
}
[data-mod='c_rec_mod_loyalty_account_history']  [data-aid='w_toolbar'] div.iui_toolbar_row>div:nth-child(2)
{
    display:grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
}

[data-mod='c_rec_mod_loyalty_account_history']  [data-aid='w_toolbar'] div.iui_toolbar_row div.iui_monogram
{
    font-size: 20px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    background-size: 85%;
    border-radius: 4px;
    margin-top: 2px;
    margin-right: 3px;
    margin-bottom: 1px;
    margin-left: 5px;
}

[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_toolbar'] div.iui_toolbar_row [data-aid="pic"]
{
    height: 40px;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 4px;
}

[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_toolbar'] div.iui_toolbar_row [data-aid="s_shell_name"]
{
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    border-right: 1px solid #1BB946;
}

[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_toolbar'] div.iui_toolbar_row div.iui_list_sum > div.iui_list_sum_label
{
    font-size: calc(var(--i_font_main_size) - 2px);
    color: initial;
}

[data-mod='c_rec_mod_loyalty_account_history'] [data-aid='w_toolbar'] div.iui_toolbar_row div.iui_list_sum > div.iui_list_sum_value
{
    font-size: calc(var(--i_font_main_size) + 8px);
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
}

[data-mod*='c_rec_mod_loyalty_account_modify'] [data-aid="w_content"]
{
    padding: 20px !important;
    display: grid;
    grid-template-columns: 150px 20px 150px 20px 1fr;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-template-rows: repeat(3, minmax(min-content, min-content));
    grid-template-areas:
        "explanation explanation explanation explanation explanation"
        "current_balance modify_mark modify_value equal_mark new_balance"
        "comment comment comment comment comment";
}
[data-mod*='c_rec_mod_loyalty_account_modify'] [data-aid="w_content"] [data-aid="explanation"]
{
    grid-area: explanation;
    font-size: var(--i_font_main_size);
    font-style: normal;
    color: var(--color_font_text);
}
[data-mod*='c_rec_mod_loyalty_account_modify'] [data-aid="w_content"] [data-aid="current_balance"]
{
    grid-area: current_balance;
    text-align: right;
}
[data-mod*='c_rec_mod_loyalty_account_modify'] [data-aid="w_content"] [data-aid="modify_mark"]
{
    grid-area: modify_mark;
    font-size: 25px;
}
[data-mod*='c_rec_mod_loyalty_account_modify'] [data-aid="w_content"] [data-aid="modify_value"]
{
    grid-area: modify_value;
}
[data-mod*='c_rec_mod_loyalty_account_modify'] [data-aid="w_content"] [data-aid="equal_mark"]
{
    grid-area: equal_mark;
    font-size: 25px;
}
[data-mod*='c_rec_mod_loyalty_account_modify'] [data-aid="w_content"] [data-aid="new_balance"]
{
    grid-area: new_balance;
    text-align: right;
}
[data-mod*='c_rec_mod_loyalty_account_modify'] [data-aid="w_content"] [data-aid="comment"]
{
    grid-area: comment;
}

/* Jutalék modul: a partner, a kapcsolattartó és a levonásra kerülő pont miatt bővebb rács */
[data-mod='c_rec_mod_loyalty_account_modify_commission'] [data-aid="w_content"]
{
    grid-template-rows: repeat(5, minmax(min-content, min-content));
    grid-template-areas:
        "explanation explanation explanation explanation explanation"
        "partner partner partner contact contact"
        "modify_value modify_value modify_value modify_value modify_value"
        "current_balance modify_mark modified_point equal_mark new_balance"
        "comment comment comment comment comment";
}
[data-mod='c_rec_mod_loyalty_account_modify_commission'] [data-aid="w_content"] [data-aid="partner"]
{
    grid-area: partner;
}
[data-mod='c_rec_mod_loyalty_account_modify_commission'] [data-aid="w_content"] [data-aid="contact"]
{
    grid-area: contact;
}
[data-mod='c_rec_mod_loyalty_account_modify_commission'] [data-aid="w_content"] [data-aid="modified_point"]
{
    grid-area: modified_point;
    text-align: right;
}

/* Kedvezménykeret beállítások modul */
[data-mod='c_rec_mod_loyalty_account_rc_modify'] [data-aid="w_content"]
{
    padding: 20px !important;
    display: grid;
    grid-template-columns: 1fr;
}

/* Kedvezménykeret beállítások menübár gomb ikonja */
.iui_button_loyalty_account_rc [data-aid='icon']
{
    background-size: 60% !important;
    background-image: url(../../global/icon/c_rec_rc.svg);
}
