/*////////////////////////////////////////////
// Copyright © 2023 Windex Bedrijfssoftware //
////////////////////////////////////////////*/

.businessObjectView, .wccGridview th, .businessObjectView td, a.ContextMenuItem {
    font-family: 'Segoe UI Variable Text', 'Segoe UI';
    font-size: 10pt;
}

    .businessObjectView[disabled] {
        color: #999990;
    }

.businessObjectView_TransienceRow {
    background-color: #EFEFEF;
    padding: 4px 0px;
}

/* #region GridView */

table.wccGridview /* tabel met zoekresultaten */ {
    table-layout: fixed;
    border: 0px solid transparent;
}

table.wccGridviewAuto th.businessObjectView_AutoWidth {
    width: auto !important;
}

.businessObjectView_SingleSelect table.wccGridview > thead > tr > th:nth-child(3),
.businessObjectView_SingleSelect table.wccGridview > tbody > tr > td:nth-child(3) {
    padding-left: 3px;
}

td.wccGridview {
    color: #000;
    padding-right: 2px;
    text-align: right;
}

.wccGridViewPanel div {
    overflow: hidden;
}

.wccGridView tbody {
    overflow-x: hidden;
}

.wccGridview th {
    border-left: 1px transparent solid;
    color: #999999;
    font-weight: normal;
    height: 24px;
    overflow: hidden;
    padding: 0px 0px 3px 2px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* 31-01-2020: Fix voor Firefox */
    border-color: white;
}

.wccGridview tbody tr {
    height: 31px;
}

.wccGridview td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* 31-01-2020: Fix voor Firefox */
    border-color: white;
}

tr.wccGridViewRow td, tr.wccSelectedRow td {
    border-left: 1px transparent solid;
}

.wccSelectedRowStyle, .wccSelectedRowStyle tr, .wccSelectedRowStyle td {
}

td.wccGridViewCheckBox {
    padding: 0px;
}

label.wccGridViewCheckBox {
    display: inline-block;
    text-align: center;
    width: 24px;
}

/* Toevoeging rules die opgenomen mochten worden in de standaard (feedback PS) */
.wccSelectedRow td {
    border-color: #0191D2;
}

    .wccSelectedRow td span, .wccSelectedRow td, .wccSelectedRow td span {
        color: white !important;
    }

.wccSelectedRow:hover td {
    border-color: #0180B6;
}

tr.wccGridViewRow:not(.wccSelectedRow):hover td {
    border-color: #efefef;
}

/* #endregion GridView */

/* #region GridViewRow */

.wccGridViewRow input, .wccGridViewCheckAll {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

.wccSelectedRow td {
    background-color: #0191D2;
    color: white;
}

.wccSelectedRow a {
    color: white;
}

tr.wccGridViewRow:hover td {
    background-color: #EFEFEF;
}

tr.wccSelectedRow:hover td {
    background-color: #0180B6;
}

tr.wccSelectedRow:active td {
    background-color: #017099;
    color: white;
}

tr.wccGridViewRow:hover input, .wccSelectedRow input {
    opacity: 100;
    -moz-opacity: 100;
    filter: alpha(opacity=100);
}

/* Terugwaartse compabiliteit voor in gebruik zijnde custom tooltips in views */
.wccButtonBar {
    background-color: #fafafa;
    border: lightgrey 1px solid;
    color: black;
    text-indent: 1px;
}

/* #endregion GridViewRow */

/* #region GridView-header */

.businessObjectView_SingleSelect .businessObjectView_CheckBoxHeader {
    padding: 0px;
}

.businessObjectView_CheckBoxHidden {
    visibility: hidden;
}

th.wccHeader {
    padding-left: 2px;
}

.wccGridview thead th:hover {
    background-color: #EFEFEF !important;
    color: black;
}

th.wccSelectedHeader {
    color: #1952a4 !important;
    padding-left: 2px;
}

.wccGridview thead th:active {
    background-color: #0191D2 !important;
    color: white !important;
}

.wccHeader a:link {
    color: #999999;
}

.wccGridview th a {
    text-decoration: none !important;
}

.wccSelectedHeader a:link {
    color: #999999;
}

.wccGridview th:hover a {
    color: #999999;
    cursor: default;
}

.wccGridview th:hover:active a {
    color: white;
    cursor: default;
}

.wccGridview th:active a {
}

.wccSortedColumn {
}

/* #endregion GridView-header */

/* #region Webpartcontextmenu */

/* 	Workitem 3849 (08-11-2021)
	Contextmenu via ControlService laten verlopen (uitfasering Configuration.asmx) */

.businessObjectView_ContextMenuPanel .actions_Container a {
    border-top: 1px white solid;
    border-left: 1px white solid;
    border-radius: 2px;
    color: white;
    line-height: 26px;
    padding: 0px 10px;
    height: 36px;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
}

.businessObjectView_ContextMenuPanel .ContextMenuPanel,
.businessObjectView_ContextMenuPanel .actions_Container {
    background-color: #0191D2;
    border: 1px solid white;
    border-radius: 3px;
    box-shadow: 5px 5px 10px -5px gray;
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: default;
    z-index: 1000;
    display: inline-block;
}

.businessObjectView_ContextMenuPanel a.ContextMenuItem,
.businessObjectView_ContextMenuPanel .actions_MenuNode a,
.businessObjectView_ContextMenuPanel .actions_ParentMenuNode a {
    border: 0px solid transparent;
    font-size: 9.5pt;
    display: block;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    padding: 5px 25px 7px 10px;
    height: 32px;
}

    .businessObjectView_ContextMenuPanel a.ContextMenuItem:link {
        color: white;
    }

    .businessObjectView_ContextMenuPanel a.ContextMenuItem img {
        padding: 2px;
    }

    .businessObjectView_ContextMenuPanel a.ContextMenuItem:hover,
    .businessObjectView_ContextMenuPanel .actions_MenuNode a:hover {
        background-color: #0180B6;
        text-decoration: none;
    }

    .businessObjectView_ContextMenuPanel a.ContextMenuItem:active,
    .businessObjectView_ContextMenuPanel .actions_MenuNode a:active {
        background-color: #017099;
    }

.businessObjectView_ContextMenuPanel .ContextMenuPanel .ContextMenuPanel,
.businessObjectView_ContextMenuPanel .actions_ParentMenuContainer {
    background-color: #30C0FE;
    border: 1px solid #30C0FE;
    border-radius: 3px;
}

    .businessObjectView_ContextMenuPanel .ContextMenuPanel .ContextMenuPanel a.ContextMenuItem:hover,
    .businessObjectView_ContextMenuPanel .actions_ParentMenuContainer a:hover {
        background-color: #0191D2;
    }

    .businessObjectView_ContextMenuPanel .ContextMenuPanel .ContextMenuPanel a.ContextMenuItem:active,
    .businessObjectView_ContextMenuPanel .actions_ParentMenuContainer a:active {
        background-color: #0180B6;
    }

.businessObjectView_ContextMenuPanel .actions_ParentMenuNode {
    background-image: url('/Theming/Styles/Images/CollectionEditor/Right.svg');
    background-position: right center;
    background-repeat: no-repeat;
    color: white;
}

/* #endregion Webpartcontextmenu */

/* #region Toevoegingen Bijeenkomst nieuwe stijl */

input.wccMultiselectSearchBox:focus {
    color: black;
}

.CriterionSelectorCell div {
    background-image: url('/Theming/Styles/Images/DownArrow.svg');
    background-repeat: no-repeat;
    background-position: right center;
}

.CriterionSelectorCell img {
    display: none;
}

img.wccSortAsc {
    background-image: url('/Theming/Styles/Images/BusinessObjectView/SortUp.svg');
    background-position: center center;
    height: 10px;
    width: 7px;
}

img.wccSortDesc {
    background-image: url('/Theming/Styles/Images/BusinessObjectView/SortDown.svg');
    background-position: center center;
    height: 10px;
    width: 7px;
}

th:active img.wccSortAsc {
    background-image: url('/Theming/Styles/Images/BusinessObjectView/SortUpActive.svg');
}

th:active img.wccSortDesc {
    background-image: url('/Theming/Styles/Images/BusinessObjectView/SortDownActive.svg');
}

/* t.b.v. vaste positionering actieknopje */
th.businessObjectView_ActionHeader {
    max-width: 0px;
    padding: 0px;
    width: 0px;
}

td.businessObjectView_ActionCell {
    overflow: visible;
    max-width: 0px;
    padding: 0px;
    vertical-align: top;
    white-space: nowrap;
    width: 0px;
}

.wccGridview tr .wcc_ActionPanel {
    padding-right: 5px;
}

.wccGridview tr:hover .wcc_ActionPanel a {
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    visibility: visible;
}

.wccGridview tr .wcc_ActionPanel a[disabled] {
    border: 1px solid #F0F0F0;
    background-color: #FAFAFA;
    cursor: default;
}

.wccGridview tr.wccSelectedRow .wcc_ActionPanel a[disabled] {
    background-color: #AAC9E6;
}

.wccGridview tr .wcc_ActionPanel .businessObjectView_Loading {
    visibility: visible;
}

/* #endregion Toevoegingen Bijeenkomst nieuwe stijl */

/* #region Pager */

.businessObjectView_Pager {
    border-top: 1px solid #E3E3E3;
    color: #999990;
    font-family: 'Segoe UI Variable Text', 'Segoe UI';
    font-size: 10pt !important;
    margin: 0px 5px;
    width: 100%;
}

.businessObjectView_Pager_Total {
    float: left;
    padding: 8px 0px;
}

.businessObjectView_Pager_Buttons {
    height: 35px;
    margin: auto;
    width: 145px;
}

.businessObjectView_Pager_Position {
    float: right;
    padding: 4px 2px 4px 0px;
}

.businessObjectView_Pager_PageLabel, .businessObjectView_Pager_PageCountLabel {
    padding: 7px;
}

.businessObjectView_Pager_Buttons a {
    display: inline-block;
    float: left;
    padding: 8px;
}

    .businessObjectView_Pager_Buttons a span {
        background-image: url('/Theming/Styles/Images/BusinessObjectView/Pager.svg');
        background-repeat: no-repeat;
        background-position-y: -20px;
        display: inline-block;
        height: 20px;
        width: 20px;
    }

    .businessObjectView_Pager_Buttons a:hover span {
        background-position-y: -40px;
    }

    .businessObjectView_Pager_Buttons a:active span {
        background-position-y: -60px;
    }

    .businessObjectView_Pager_Buttons a[disabled] span {
        background-position-y: 0px;
    }

a.businessObjectView_Pager_First span {
    background-position-x: 0px;
}

a.businessObjectView_Pager_Prev span {
    background-position-x: -20px;
}

a.businessObjectView_Pager_Next span {
    background-position-x: -40px;
}

a.businessObjectView_Pager_Last span {
    background-position-x: -60px;
}

input[type=text].businessObjectView_Pager_Page {
    border: 1px solid silver !important;
    font-family: 'Segoe UI Variable Text', 'Segoe UI' !important;
    font-size: 10pt !important;
    height: 26px !important;
    padding-left: 1px !important;
}

.wccGridViewButtonRow td {
    overflow: visible; /* T.b.v. volledig tonen pager in Chrome */
}

/* #endregion Pager */

tr.businessObjectView_EmptyDataText {
    font-style: italic;
    height: auto;
}

    tr.businessObjectView_EmptyDataText td {
        padding-left: 5px;
    }

/* Toevoeging rule die opgenomen mocht worden in de standaard (feedback PS) */
/* presentielijst */
.vulpresentielijst tr.wccGridViewRow.wccSelectedRow td {
    color: black !important;
}

/*
	Workitem 2338 (12-05-2021)
	Verbeterde opmaak van popups
*/
.businessObjectView_Popup {
    background-color: #EFEFEF;
    border: solid 1px #777777;
    box-sizing: border-box;
    color: black;
    max-height: 300px;
    overflow: auto;
    padding: 5px;
    white-space: normal;
}

    .businessObjectView_Popup table {
        table-layout: initial;
    }

    .businessObjectView_Popup td {
        background-color: #EFEFEF !important;
        color: black !important;
        height: auto;
        overflow: initial;
        text-overflow: initial;
        white-space: initial;
        vertical-align: top;
    }


/*#region Uitvouwbare vervolgactieknoppen*/

/*	Workitem 3682 (20-10-2021)
	Selectievakjes zichtbaar maken i.c.m. uitklapmechanisme */

.businessObjectView_CheckBoxOnly,
.businessObjectView_ExpandCollapseOnly {
    width: 24px;
}

.businessObjectView_ExpandCollapseAndCheckBox {
    width: 45px;
}

    .businessObjectView_ExpandCollapseAndCheckBox label.wccGridViewCheckBox {
        padding: 4px 0px;
    }

.businessObjectView_ExpandCollapse {
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    margin-left: 6px;
    padding: 6px 0px 6px 0px;
    height: 16px;
    width: 16px;
}

.businessObjectView_Expand {
    background-image: url('/Theming/Styles/Images/BusinessObjectView/Expand.svg');
}

    .businessObjectView_Expand:hover {
        background-image: url('/Theming/Styles/Images/BusinessObjectView/ExpandHover.svg');
    }

    .businessObjectView_Expand:active {
        background-image: url('/Theming/Styles/Images/BusinessObjectView/ExpandActive.svg');
    }

.businessObjectView_Collapse {
    background-image: url('/Theming/Styles/Images/BusinessObjectView/Collapse.svg');
}

    .businessObjectView_Collapse:hover {
        background-image: url('/Theming/Styles/Images/BusinessObjectView/CollapseHover.svg');
    }

    .businessObjectView_Collapse:active {
        background-image: url('/Theming/Styles/Images/BusinessObjectView/CollapseActive.svg');
    }

.businessObjectView_ActionButton {
    background-color: #30C0FE;
    background-position: 5px;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    font-size: 10pt;
    height: 26px;
    color: white;
    line-height: 23px;
    margin: 0px 5px 0px 0px;
    padding: 0px 8px 0px 28px;
    white-space: nowrap;
    text-align: center;
}

    .businessObjectView_ActionButton:hover {
        background-color: #50D0FF;
        border: 1px solid white;
        cursor: pointer;
        color: white;
        text-decoration: none;
    }

    .businessObjectView_ActionButton:focus,
    .businessObjectView_ActionButton:focus:hover,
    .businessObjectView_ActionButton:visited {
        text-decoration: none;
        color: white;
    }

    .businessObjectView_ActionButton:active {
        background-color: #0191D2;
        border: 1px solid #30C0FE;
        color: white;
    }

tr.wccSelectedRow .businessObjectView_ActionButton:nth-child(1) {
    background-image: url('/Theming/Styles/Images/ViewActive.svg');
}

tr.wccSelectedRow .businessObjectView_ActionButton:nth-child(2) {
    background-image: url('/Theming/Styles/Images/MutateActive.svg');
}


/*New positioning svg*/
a.businessObjectView_Pager_Last span {
    background-position-x: -49px;
}

.businessObjectView_Pager_Buttons a span {
    background-position-y: -18px;
}

.businessObjectView_Pager_Buttons a:hover span {
    background-position-y: -37px;
}

a.businessObjectView_Pager_Next span {
    background-position-x: -34px;
    width: 15px;
}

.businessObjectView_Pager_Buttons a span {
    background-position-y: -18px;
}

a.businessObjectView_Pager_Next span {
    background-position-x: -34px;
    width: 15px;
}

.businessObjectView_Pager_Buttons a span {
    background-position-y: -18px;
}

.businessObjectView_Pager_Buttons a[disabled] span {
    background-position-y: 0px;
}

.businessObjectView_Pager_Buttons a span {
    background-position-y: -18px;
}

/*#endregion*/