/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
(c) 2017 Joachim Legat
+43 (699) 123 69 874
joachim.legat@jolegat.com 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
jolegat joTableSorter
    Adds sorting functionality to a table (asc/desc sorting by click onto th cell)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/

/* --------------------------------------------------------------------------------------------------------------- */

th.jo_tablesorter
{
    padding-right: 16px;
    position: relative;
}

.jo_tablesorter_button
{
    background-color: white;
    border-radius: 2px;
    color: #a0a0a0;
    cursor: pointer;
}

.jo_tablesorter_button
{
    position: absolute;
    top: 2px;
    right: 2px;
}

.jo_tablesorter_button:hover
{
    color: #000000;
}

.jo_tablesorter_button.active
{
    background-color: #ff0000;
    color: #ffffff;
}


.jo_tablesorter_button:disabled
{
    background-color: #a0a0a0;
}

.jo_tablesorter_button:before,
.jo_tablesorter_button.asc:before 
{
    content: '\e01e';
}

.jo_tablesorter_button.desc:before 
{
    content: '\e01d';
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* iOS */
/* ------------------------------------------------------------------------------------------------------------------- */

body.iOS .jo_tablesorter_button::before
{
    font-family: 'San-Serif', Helvetica, Arial;
    content: '˄';
}

body.iOS .jo_tablesorter_button.desc::before
{
    font-family: 'San-Serif', Helvetica, Arial;
    content: '˅';
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* SelectMultiSortColsDlg */
/* ------------------------------------------------------------------------------------------------------------------- */

.sort_field_select_dlg
{
    background-color: #f0f0f0;
    width: 90%;
}

.sort_field_select_dlg .sort_field_select_dlg_menu button
{
    margin-right: 4px;
}

.joListSelector_list_block
{
    width: calc(50% - 4px);
}

.sort_field_select_dlg h1
{
    font-weight: normal;
    margin-bottom: 4px;
}

.sort_field_select_dlg .joListSelector_list 
{
    background-color: white;
    box-shadow: 4px 4px 7px -8px rgb(0 0 0 / 60%);
    height: 60vh;
}

.sort_field_select_dlg .joListSelector_list .sort_field_item > div
{
    display: inline-block;
}

.sort_field_select_dlg .joListSelector_item
{
    background-color: #fafafa;
    border: #f0f0f0 1px solid;
}

.sort_field_select_dlg .joListSelector_list_result .joListSelector_item
{
    background-color: #acd4e2;
    border: #87bdd1 1px solid;
}

.sort_field_select_dlg .joListSelector_list .sort_field_item > *
{
    vertical-align: middle;
}

.sort_field_select_dlg .joListSelector_list .sort_field_item .fid
{
    margin-right: 2px;
    font-size: .9em;
    background-color: white;
    border: #ccc 1px solid;
    border-radius: 4px;
    padding: 2px;
    width: 6em;
    text-align: center;
}

.sort_field_select_dlg .joListSelector_list .sort_field_item .type,
.sort_field_select_dlg .sort_field_type_filter
{
    text-align: center;
}

.sort_field_select_dlg .joListSelector_list .sort_field_item .type
{
    width: 16px;
    margin: 0 8px;
    font-size: 1.4em;
    color: #0d80a9;
}

.sort_field_select_dlg .sort_field_type_filter
{
    width: 17px;
    margin-right: 4px;
    font-size: 1.2em;
    display: inline-block;
    background-color: #ddd;
    color: black;
    padding: 2px;
    cursor: pointer;
    border-radius: 3px;
}

.sort_field_select_dlg .sort_field_type_filter:hover
{
    background-color: #acd4e2;
}

.sort_field_select_dlg .sort_field_type_filter.active
{
    color: white;
    background-color: #0d80a9;
}

.sort_field_select_dlg .sort_direction
{
    float: right;
    background-color: #cc515c;
    border-radius: 2px;
    padding: 3px 4px;
    color: white;
    vertical-align: middle;
}

.sort_direction.asc::before
{
    content: '\e01e'
}

.sort_direction.desc::before
{
    content: '\e01d'
}

.sort_field_select_dlg .joListSelector_list_avail .sort_field_item .sort_direction
{
    display: none;
}