@import url(../../www/CSS/table_grid_common.css);

@media only screen and (max-width: 1000px) {
    table.striped thead,
    table.form_data_grid thead {
        display: none;
    }
    table.striped tr,
    table.form_data_grid tr,
    div.login-history-table table tr {
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px;
        display: inline-block;
    }
    table.striped td span.title-mobile,
    table.form_data_grid td span.title-mobile {
        box-sizing: border-box;
        display: block;
        font-family: inherit;
        text-transform: uppercase;
        text-align: left;
    }
    table.striped tbody td,
    table.form_data_grid tbody td {
        box-sizing: border-box;
        padding: .5rem;
        width: 100%;
        display: inline-block;
        clear: both;
        text-align: right;
        word-break: break-all;
    }
    table.striped td span.title-mobile,
    table.form_data_grid td span.title-mobile {
        width: 40%;
        float: left;
    }
    table.striped td > div,
    table.form_data_grid td > div {
        width: 60%;
        float: left;
    }
    table.striped td#trans_detailed_info_td_cell > div,
    table.striped td#trans_detailed_info_td_cell > div span#trans_detailed_info_td_element #transfer_details {
        width: 100%;
        word-break: break-word;
    }
    .accounts_payment_summary td#trans_detailed_info_td_cell .print_btn_confirm {
        margin: 1rem 0 1rem 3%;
    }
    .accounts_payment_summary td#trans_detailed_info_td_cell#trans_detailed_info_td_cell .print_btn_confirm {
        display: inline-block;
    }
    table.striped td#trans_detailed_info_td_cell {
        text-align: left;
    }
    .page-id-7714 .ico-file {
        width: 32px;
        float: right;
    }
    .historical-rates-content table.small-table .title-mobile {
        display: none;
    }
    .historical-rates-content table.small-table td > div {
        width: 100%;
        text-align: center;
    }
    .form_beneficary_list tbody {
        position: inherit;
    }
    .form_data_grid a[data-letter]:before,
    .form_data_grid a[data-letter]:after {
        display: none;
    }
    .form_beneficary_list {
        max-height: none;
    }
    .form_beneficary_list .amount_cell .text_type_input,
    .form_beneficary_list td input,
    .form_beneficary_list .transfer_reason_id_cell div {
        max-width: none;
    }
    .form_beneficary_list .select-type-input.loading {
        width: 60%;
    }
    table.striped td.service_url_cell {
        display: flex;
    }
    table.striped td.service_url_cell span.title-mobile {
        width: auto;
        float: none;
        flex: 1;
    }
    table.striped td.service_url_cell > div {
        width: auto;
        float: none;
        flex: 1;
    }
    table.striped .transfer_reason_cell > div,
    table.striped .reference_cell > div,
    .actions_cell > div,
    .cancel_select_request_cell > div,
    .payment_status_cell > div,
    .approve_cell span,
    table.striped .active_cell,
    table.striped .vrn_id_cell,
    .table-virtual-account-details .status_cell > div,
    table.striped .action_cell {
        text-align: right;
    }
    .referral-summary .not-active, .referral-summary .active {
        float: right;
    }
}

table {
    min-width: 100%;
    width: auto;
}
table.striped span.multi_line_cell_row {
    display: block;
    clear: both;
}
table td, table th {
    padding: 0.5rem .35rem;
    font-size: .84rem;
}
table.striped thead td,
table.striped thead th {
    font-size: .75rem;
}
table.striped thead th,
table.form_data_grid thead th {
    font-weight: normal;
}

table.striped thead td,
table.form_data_grid thead td,
table.striped thead th,
table.form_data_grid thead th {
    text-transform: uppercase;
}

table.striped .table_hide_row {
    display: none;
}
/* max 100% width of the container */
table.striped {
    max-width: 100%;
}
div:is(.table-global-account-details, .table-virtual-account-details) table.striped td {
    -ms-word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    word-break: break-all;
    word-break: break-word;
    hyphens: auto;
}

/* export links */
.export_parent_block {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    width: 100%;
    padding: 20px 0;
}

.export_parent_block a {
    padding: 8px 0 7px 25px;
    line-height: 20px;
    position: relative;
}

div.export_csv_block a:hover, div.export_excel_block a:hover {
    text-decoration: underline;
}

.export-dropdown-wrapper {
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px 0;
    position: relative;
}

.export-dropdown-wrapper .export_parent_block {
    position: absolute;
    bottom: 50px;
    flex-flow: column nowrap;
    white-space: nowrap;
    padding: 0;
    margin-bottom: 5px;
    width: auto;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    box-shadow: 1px 1px 3px 0;
    display: none;
}

.export-dropdown-wrapper .export_parent_block a {
    background: none;
    padding: 5px;
    display: inline-block;
    width: 100%;
}

.export-dropdown-wrapper .export-options-btn:focus + .export_parent_block,
.export-dropdown-wrapper .export_parent_block:hover{
    display: flex;
}

table.striped .grid-options {
    text-align: right;
}
table.striped .actions_cell {
    text-align: center;
}
table.striped .options_cell > div {
    display: ruby;
}
/* quick fix for the div to take the full lenght */
table.striped td.cancel_select_request_cell label {
    margin: 0 auto;
    float: none;
}
.msg_no_results_found {
    margin: 2rem 0;
    font-size: 1.1rem;
    font-weight: bold;
}
/* table headers */
.grid_header_box .order-buttons {
    display: inline-block;
    margin-right: 1rem;
}
.grid_header_box .inp_date_0,
.grid_header_box .inp_ip_0,
.grid_header_box .inp_admin_user_email_0,
.grid_header_box .inp_local_0,
.grid_header_box .inp_country_0,
.grid_header_box .inp_date_1,
.grid_header_box .inp_ip_1,
.grid_header_box .inp_admin_user_email_1,
.grid_header_box .inp_local_1,
.grid_header_box .inp_country_1,
.grid_header_box.company_name .order_button_0,
.grid_header_box.company_name .order_button_1 {
    content: ' ';
    display: inline-block;
    width: 10px;
    height: 6px;
    cursor: pointer;
    padding: .2rem;
}
.grid_header_box .inp_date_0,
.grid_header_box .inp_ip_0,
.grid_header_box .inp_local_0,
.grid_header_box .inp_admin_user_email_0,
.grid_header_box .inp_country_0,
.grid_header_box.company_name .order_button_0 {
    transform: rotate(180deg);
}
/* active cell icons */
td.active_cell div.active0 span,
td.active_cell div.active1 span,
td.active_cell div.active4 span,
td.active_cell div.active5 span,
td.actions_cell .edit-link a span, td.is_default_cell div.default1 span {
    display: none;
}
td.active_cell div.active_icon_show_link1 > span, td.active_cell div.active_icon_show_link0 > span {
    display: inline-block;
}
td.active_cell .active0,
td.active_cell .active1,
td.active_cell .active4,
td.active_cell .active5,
td.vrn_id_cell .active0,
td.vrn_id_cell .active1,
td.is_default_cell .default1 {
    width: 30px;
    height: 30px;
    display: inline-block;
    float: none;
}
/* switch accounts icons */
td.switch_account_cell {
    text-align: center;
}

table.striped td.switch_account_cell .ico-thunder {
    width: 30px;
    height: 30px;
}
/* Hidden table rows/cells */
.form_data_grid .id_cell,
.form_data_grid .header_id,
.form_data_grid .country_id_cell,
.form_data_grid .header_country_id,
.form_data_grid .header_account_type,
.form_data_grid .account_type_cell,
.form_data_grid .header_sepa_compliant,
.form_data_grid .sepa_compliant_cell,
.form_data_grid .header_bene_country_states_id,
.form_data_grid .bene_country_states_id_cell,
.form_data_grid .header_invoices_id,
.form_data_grid .invoices_id_cell,
.form_data_grid .header_num_trans,
.form_data_grid .num_trans_cell,
.form_data_grid .header_transfer_reason,
.form_data_grid .transfer_reason_cell,
.form_data_grid .header_country_states_id,
.form_data_grid .country_states_id_cell,
.form_data_grid .header_currency_type_id,
.form_data_grid .currency_type_id_cell,
.form_data_grid .header_client_data,
.form_data_grid .client_data_cell,
.form_data_grid .header_payee_country_id,
.form_data_grid .payee_country_id_cell,
    /* virtual accounts */
.page-id-7839 table.striped .user_bank_id_header,
.page-id-7839 table.striped .user_bank_id_cell,
    /* beneficiaries_list.asp */
.page-id-574 table.striped .id_header,
.page-id-574 table.striped .id_cell,
.page-id-574 table.striped .user_email_header,
.page-id-574 table.striped .user_email_cell,
.page-id-574 table.striped .email_alert_flag_header,
.page-id-574 table.striped .email_alert_flag_cell {
    display: none;
}
/* Receive a payment grid */
#multy_receive_payment .statement_account_cell input {
    /* display: none; */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}
#multy_receive_payment .statement_account_cell input:focus + span.file-upload-icon {
    outline:none;
    box-shadow: 0 0 0 3px #161616;
}
#multy_receive_payment .statement_account_cell .apply-grid-input-cell::before,
#multy_receive_payment .statement_account_cell .file-upload-icon {
    float: left;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: inline-block;
}
#multy_receive_payment thead {
    text-align: left;
}

/* Login history */
.form_table_outframe_45 .form_table_frame .button_subscribe_row {
    margin-top: 28px;
}
/* Encrease specific table data font size */
.usr_bank_from_data_cell,
.simp_table {
    font-size: .95rem;
}
/* Upload docs */
.file_type_cell {
    text-align: center;
}
.file_type_cell div {
    display: inline-block;
}
td.is_default_cell {
    text-align: center;
}
.incoming-request-pay span {
    word-break: normal;
    white-space: nowrap;
}
table.striped td.id_cell {
    word-break: normal;
}
table.striped .loader-row {
    display: none;
}
table.striped .loader-row .loader-col {
    text-align: center;
}

table.striped tr.inactive-row td > div:not(.inactive-row-ignore) {
    opacity: 0.5;
}
/* Responsive */
@media (max-width: 992px) {
    /* Login history */
    .form_table_outframe_45 .form_table_frame .form_table {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }
    .form_table_outframe_45 .form_table_frame .date_from_row,
    .form_table_outframe_45 .form_table_frame .date_to_row {
        width: 45%;
    }
}