/* Minification failed. Returning unminified contents.
(93,34): run-time error CSS1039: Token not allowed after unary operator: '-sd2-border-color'
(102,21): run-time error CSS1039: Token not allowed after unary operator: '-sd2-menu-color'
(116,35): run-time error CSS1039: Token not allowed after unary operator: '-sd2-border-color'
(124,25): run-time error CSS1039: Token not allowed after unary operator: '-sd2-menu-active-color'
(125,42): run-time error CSS1039: Token not allowed after unary operator: '-sd2-menu-active-right'
(129,36): run-time error CSS1039: Token not allowed after unary operator: '-sd2-border-color'
(137,35): run-time error CSS1039: Token not allowed after unary operator: '-sd2-border-color'
(142,21): run-time error CSS1039: Token not allowed after unary operator: '-sd2-menu-active-color'
(151,38): run-time error CSS1039: Token not allowed after unary operator: '-sd2-menu-active-right'
(355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(420,17): run-time error CSS1039: Token not allowed after unary operator: '-sd2-label-color'
(426,17): run-time error CSS1039: Token not allowed after unary operator: '-sd2-label-color'
(430,28): run-time error CSS1039: Token not allowed after unary operator: '-sd2-input-border-color'
(439,17): run-time error CSS1039: Token not allowed after unary operator: '-sd2-alert-warning-label-color'
(443,17): run-time error CSS1039: Token not allowed after unary operator: '-sd2-alert-info-label-color'
(447,17): run-time error CSS1039: Token not allowed after unary operator: '-sd2-alert-danger-label-color'
(451,41): run-time error CSS1046: Expect comma, found '0'
(451,45): run-time error CSS1046: Expect comma, found '/'
(451,82): run-time error CSS1046: Expect comma, found '0'
(451,86): run-time error CSS1046: Expect comma, found '/'
(456,28): run-time error CSS1039: Token not allowed after unary operator: '-sd2-card-header-bg-color'
(460,35): run-time error CSS1046: Expect comma, found '0'
(460,39): run-time error CSS1046: Expect comma, found '/'
(460,68): run-time error CSS1046: Expect comma, found '0'
(460,72): run-time error CSS1046: Expect comma, found '/'
(470,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(502,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(513,22): run-time error CSS1039: Token not allowed after unary operator: '-sd2-input-focus-color'
(530,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(531,24): run-time error CSS1039: Token not allowed after unary operator: '-sd2-grid-bd-color'
(532,35): run-time error CSS1046: Expect comma, found '0'
(532,39): run-time error CSS1046: Expect comma, found '/'
(532,68): run-time error CSS1046: Expect comma, found '0'
(532,72): run-time error CSS1046: Expect comma, found '/'
(536,22): run-time error CSS1039: Token not allowed after unary operator: '-sd2-grid-filter-bg-color'
(540,28): run-time error CSS1039: Token not allowed after unary operator: '-sd2-grid-header-bg-color'
(541,24): run-time error CSS1039: Token not allowed after unary operator: '-sd2-grid-header-bd-color'
(545,22): run-time error CSS1039: Token not allowed after unary operator: '-sd2-grid-filter-bg-color'
(549,28): run-time error CSS1039: Token not allowed after unary operator: '-sd2-grid-filter-bd-color'
(553,24): run-time error CSS1039: Token not allowed after unary operator: '-sd2-grid-data-bd-color'
(557,28): run-time error CSS1039: Token not allowed after unary operator: '-sd2-grid-header-bg-color'
(584,32): run-time error CSS1039: Token not allowed after unary operator: '-sd2-grid-header-bd-color'
(585,28): run-time error CSS1039: Token not allowed after unary operator: '-sd2-grid-header-bg-color'
(589,28): run-time error CSS1039: Token not allowed after unary operator: '-sd2-grid-filter-bg-color'
(594,35): run-time error CSS1046: Expect comma, found '0'
(594,39): run-time error CSS1046: Expect comma, found '/'
(594,68): run-time error CSS1046: Expect comma, found '0'
(594,72): run-time error CSS1046: Expect comma, found '/'
(598,28): run-time error CSS1039: Token not allowed after unary operator: '-sd2-grid-header-bg-color'
(602,28): run-time error CSS1039: Token not allowed after unary operator: '-sd2-grid-header-bg-color'
(613,28): run-time error CSS1039: Token not allowed after unary operator: '-sd2-grid-header-bg-color'
(618,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(619,28): run-time error CSS1039: Token not allowed after unary operator: '-sd2-input-border-color'
(789,28): run-time error CSS1039: Token not allowed after unary operator: '-sd2-input-focus-color'
 */
/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.bootstrap-switch{display:inline-block;direction:ltr;cursor:pointer;border-radius:4px;border:1px solid;border-color:#ccc;position:relative;text-align:left;overflow:hidden;line-height:8px;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bootstrap-switch .bootstrap-switch-container{display:inline-block;top:0;border-radius:4px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block !important;height:100%;padding:6px 12px;font-size:14px;line-height:20px}.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-handle-off{text-align:center;z-index:1}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{color:#fff;background:#428bca}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info{color:#fff;background:#5bc0de}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success{color:#fff;background:#5cb85c}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning{background:#f0ad4e;color:#fff}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger{color:#fff;background:#d9534f}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{color:#000;background:#eee}.bootstrap-switch .bootstrap-switch-label{text-align:center;margin-top:-1px;margin-bottom:-1px;z-index:100;color:#333;background:#fff}.bootstrap-switch .bootstrap-switch-handle-on{border-bottom-left-radius:3px;border-top-left-radius:3px}.bootstrap-switch .bootstrap-switch-handle-off{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch input[type='radio'],.bootstrap-switch input[type='checkbox']{position:absolute !important;top:0;left:0;opacity:0;filter:alpha(opacity=0);z-index:-1}.bootstrap-switch input[type='radio'].form-control,.bootstrap-switch input[type='checkbox'].form-control{height:auto}.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{padding:1px 5px;font-size:12px;line-height:1.5}.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label{padding:5px 10px;font-size:12px;line-height:1.5}.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label{padding:6px 16px;font-size:18px;line-height:1.33}.bootstrap-switch.bootstrap-switch-disabled,.bootstrap-switch.bootstrap-switch-readonly,.bootstrap-switch.bootstrap-switch-indeterminate{cursor:default !important}.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label{opacity:.5;filter:alpha(opacity=50);cursor:default !important}.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container{-webkit-transition:margin-left .5s;transition:margin-left .5s}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on{border-bottom-left-radius:0;border-top-left-radius:0;border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off{border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:3px;border-top-left-radius:3px}.bootstrap-switch.bootstrap-switch-focused{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label{border-bottom-left-radius:3px;border-top-left-radius:3px}

/*
 * Require Font-Awesome
 * http://fortawesome.github.io/Font-Awesome/
*/


.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

#page-wrapper {
    padding-top: 2rem;
    min-height: 93vh;
    background-color: #fff;
    padding: 0 0.5rem 0 0.5rem;
}

#page-wrapperNoMenu {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
    padding: 0.5rem;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 200px;
    }
}


@media(min-width:768px) {
    #page-wrapperNoMenu {
        position: inherit;
        margin: 0 0 0 200px;
    }
}



@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 200px;
    }
}

.spinmenu {
    border: 8px solid transparent;
    border-top: 8px solid #64748b;
    border-bottom: 8px solid #64748b;
    border-radius: 50%;
    display: inline-block;
    animation: spin 1.5s linear infinite;
    margin-top: 2px;
    width: 14px;
    height: 14px;
    float: right;
}

.sidebar {
    font-family: Arial;
    font-size: 0.9rem;
    border-right: 1px solid var(--sd2-border-color);
    height: 94vh;
    display: flex;
    flex-direction: column;
}

    .sidebar a {
        text-decoration: none;
        display: block;
        color: var(--sd2-menu-color);
    }

.sidebar li {
    width: 100%;
}

.sidebar ul {
    list-style: none;
    padding: 0; margin: 0;
}

li.sidebar-item {
    padding: 0;
    border-bottom: 1px solid var(--sd2-border-color);
}

    li.sidebar-item a {
        padding: 0.5rem;
    }

        li.sidebar-item a:hover {
            color: var(--sd2-menu-active-color);
            border-right: 2px solid var(--sd2-menu-active-right);
        }

    li.sidebar-item.active > ul {
        border-top: 1px solid var(--sd2-border-color);
    }

        li.sidebar-item.active a.sidebar-title {
            font-weight: bold;
        }

li.sidebar-second-item {
    border-bottom: 1px solid var(--sd2-border-color);
}

    li.sidebar-second-item:hover {
        background-color: white;
        color: var(--sd2-menu-active-color);
        transition: 0.3s;
    }

    li.sidebar-second-item a {
        padding-left: 30px;
    }

    li.sidebar-second-item.active {
        border-right: 2px solid var(--sd2-menu-active-right);
    }

        li.sidebar-second-item.active a {
            font-weight: bold;
        }

.sidebar div.active a.sidebar-title {
    font-weight: bold;
}

.sidebar .arrow {
    float: right;
}

li.sidebar-item .fa.arrow:before {
    content: "\f105";
}

li.sidebar-item.active .fa.arrow:before {
    content: "\f107";
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 2380px;
}

.btn-link-black {
    color: black;
}

.btn-link-grey {
    color: grey;
}

.padding-top-5 {
    padding-top: 5px;
}
/* eTrace START */
.nodeView
{
    margin: 0;
    padding: 0;
    list-style:none;
    font-weight:bold;
    border-left: 1px solid #555;
    margin-left: -1px
}
.content th, #tableContainer th
{
    text-align: left;
}
.nodeView a
{
    color: inherit;
    text-decoration: inherit;
    display: block;

}
.nodeView 
{
    border: 1px solid #3a4f63;
    padding: 0;
}
.nodeInfo, .nodeinfo a, .treeDetails, .treeNode a {
	margin: 0;
	padding: 0;
	border: 0;
}
div.node
{
	margin: 0;
	padding: 0;
    border: 1px solid #88f;
}
.tracer .tree ul li.parentNode 
{
    background: none;
    padding-left: 0;
}
div.level0 {
	background: #F3E5F5;
	/*	background: linear-gradient(45deg, #f7f7f7, #eeeeee)*/
}
div.level2 {
	background-color: #E3F2FD;
	/*	background: linear-gradient(45deg, #F0F4C3, #F9FBE7)*/
}
div.level3 {
	background-color: #aaefff;
	/* background: linear-gradient(45deg, #ccefff, #bbefff) */
}
.blocked, .blockedInfo {
	background-color: #FFCDD2;
	/* background: linear-gradient(45deg, #FFCDD2, #FFEBEE); */
	border: 1px solid Red;
	border-radius: 4px;
	margin: 1px;
	padding: 2px;
}
.blockedInfo h2 {
	margin: 0;
}
p.blockedInfo {
	font-size: 1.3em;
	padding: 5px;
	margin: 1em 1em;
	font-weight: bold;
}
div.treeDetails 
{
    font-weight:normal;
}
.subTree {
	margin-left: 2em;
}
.treeHeader 
{
    padding: 0;
    margin: 0;
	border: 0;
    font-weight: bold;
	font-size: 1.2em;
}
div.treeInformation
{
    font-size: 1em;
    font-style: italic;
}
div.treeNode {
	border: 1px solid #4b6c9e;
	border-radius: 4px;
	padding: 1px 2px;
	margin: 0;
	margin-top: -15px;
}
div.treeNode a:hover 
{
	text-decoration: none;
    background-color: #4b6c9e;
}
/* eTrace END */

/*HOVER POPUP LINKS*/

a.popup + img {
	display: none;
}

a.popup:hover + img {
	display: block;
	position: absolute;
	margin: 0px;
	padding: 10px;
	color: #335500;
	font-weight: normal;
	background: #e5e5e5;
	text-align: left;
	border: 1px solid #666;
}

.info-icon {
	color: #428bca;
}

#overlay {
	position: fixed; /* Sit on top of the page content */
	display: none; /* Hidden by default */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5); /* Black background with opacity */
	z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
	cursor: wait; /* Add a pointer on hover */
}


/* sD2 */

:root {
    --sd2-input-focus-color: #efe;
    --sd2-input-border-color: #c6c6c6;
    --sd2-label-color: #475569; /* slate-600 */
    --sd2-border-color: #d1d5db; /* slate-400 */
    --sd2-menu-color: #075985; /* sky-800 */
    --sd2-menu-active-color: #082f49; /* sky-950 */
    --sd2-menu-active-right: #fdba74;
    --sd2-alert-label-color: #111827; /* gray-900 */
    --sd2-alert-warning-label-color: #422006; /* yellow-950 */
    --sd2-alert-info-label-color: #172554; /* blue-950 */
    --sd2-alert-danger-label-color: #450a0a; /* red-950 */
    --sd2-card-header-bg-color: #f1f5f9; /* slate-200 */
    --sd2-grid-bd-color: #c6c6c6; /* slate-100 */
    --sd2-grid-header-bg-color: #e2e8f0; /* slate-200 */
    --sd2-grid-header-bd-color: #94a3b8; /* slate-400 */
    --sd2-grid-filter-bg-color: #f1f5f9; /* slate-100 */
    --sd2-grid-filter-bd-color: #94a3b8; /* slate-400 */
    --sd2-grid-data-bd-color: #cbd5e1; /* slate-300 */
}


html {
    box-sizing: border-box;
}

body {
    background-color: white;
}


.hide {
    display: none;
}

.clickable {
    cursor: pointer;
}

/* loader/spinner */

.loader {
    border: 8px solid #ffffff; /* Light grey */
    border-top: 8px solid #3498db;
    border-bottom: 8px solid #3498db;
    border-radius: 50%;
    display: inline-block;
    animation: spin 1.5s linear infinite;
    width: 32px;
    height: 32px
}

.spin16 {
    border: 8px solid transparent;
    border-top: 8px solid #0000ff;
    border-bottom: 8px solid #0000ff;
    border-radius: 50%;
    display: inline-block;
    animation: spin 1.5s linear infinite;
    width: 16px;
    height: 16px
}

/* bootstrap overrides */

h1, h2, h3, h4, h5 {
    color: var(--sd2-label-color);
}

.form-label, .col-form-label, .form-check-label {
    font-size: 0.9rem;
    font-weight: bold;
    color: var(--sd2-label-color);
}

.form-control, .form-select, .form-check-input, .dxeButtonEdit, .dxeButtonEditSys {
    border: 1px solid var(--sd2-input-border-color);
    color: black;
}

.alert .col-form-label, .alert .form-label {
    font-size: 1.0rem;
}

.alert.alert-warning label {
    color: var(--sd2-alert-warning-label-color);
}

.alert.alert-info label {
    color: var(--sd2-alert-info-label-color);
}

.alert.alert-danger label {
    color: var(--sd2-alert-danger-label-color);
}

.alert .btn {
    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}


.card .card-header {
    background-color: var(--sd2-card-header-bg-color);
}

.card, .alert {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}


/* devex overrides */


.dxeButtonEdit, .dxeButtonEditSys {
    font: inherit;
    max-height: 39px;
    border-radius: var(--bs-border-radius);
}


input.dxeTokenBoxInput {
    min-height: 31px;
}

.dxeButtonEditSys td.dxic {
    padding: 0;
}

.dxEditors_edtDropDown {
    background-position: -202px -95px;
    width: 10px;
    height: 14px;
}

.dxeButtonEditButton {
    padding: 0px 2px 1px 3px;
    border-radius: 2px;
    height: 16px;
    background: white;
    border: 1px solid #a6a6a6;
}

.dxeSpinIncButton, .dxeSpinDecButton {
    padding: 2px 2px 1px 3px;
    height: 8px;
}

table.dxeTextBoxSys {
    border-radius: var(--bs-border-radius);
    border-color: #c6c6c6;
}

input.dxeEditArea, input.dxeEditAreaSys {
    font-size: 1rem;
    font-family: inherit;
    line-height: 1.5;
}

.dxeEditArea:focus {
    background: var(--sd2-input-focus-color);
    outline: 2px solid red;
}

.dxeButtonEdit {
    font-size: inherit;
}

span.dxeToken {
    font-size: 0.9rem;
}


table.dxgvControl { /* grid */
    background-color: white;
    color: black;
    padding: 1px;
    border-radius: var(--bs-border-radius);
    border-color: var(--sd2-grid-bd-color);
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

div.dxgvGroupPanel { /* group panel */
    background: var(--sd2-grid-filter-bg-color);
}

table.dxgvControl td.dxgvHeader {
    background-color: var(--sd2-grid-header-bg-color);
    border-color: var(--sd2-grid-header-bd-color);
}

table.dxgvControl tr.dxgvFilterRow {
    background: var(--sd2-grid-filter-bg-color);
}

    table.dxgvControl tr.dxgvFilterRow td {
        border-color: var(--sd2-grid-filter-bd-color);
    }

table.dxgvControl tr.dxgvDataRow td {
    border-color: var(--sd2-grid-data-bd-color);
}

table.dxgvControl tr.dxgvDataRow:hover {
    background-color: var(--sd2-grid-header-bg-color);
    color: black;
    transition: 0.3s;
}

table.dxgvControl tr.dxgvDataRow {
}

table.dxgvControl tr.dxgvDataRowAlt {
    background-color: #fafafe; /* stripe */
}

table.dxgvControl tr.dxgvDataRow.dxgvFocusedRow { /* focused */
    background-color: #eeffee;
    color: black;
}

.dxgvHSDC { /* grid header bg */
}

.dxgvTable { /* grid rows bg */
    background-color: transparent;
}



div.dxgvPagerBottomPanel {
    border-top: 1px solid var(--sd2-grid-header-bd-color);
    background-color: var(--sd2-grid-header-bg-color);
}

table.dxgvStatusBar {
    background-color: var(--sd2-grid-filter-bg-color);
}


table.dxeListBox { /* listbox */
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

div.dxeHD table {
    background-color: var(--sd2-grid-header-bg-color);
}

table.dxtlDataTable th.dxtlHeader { /* treelist */
    background-color: var(--sd2-grid-header-bg-color);
}

td.dxeListBoxItem, td.dxeHCC {
}

tr.dxeListBoxItemRow {
    /* listbox item row */
}

td.dxeCalendarHeader, td.dxeCalendarFooter {
    background-color: var(--sd2-grid-header-bg-color);
}

/* bootstrapswitch override */
.bootstrap-switch {
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--sd2-input-border-color);
    font-size: 1rem;
}

.bootstrap-switch-container {
    border: none;
    height: 35px;
    font-family: inherit;
    line-height: 1.5;
}

.bootstrap-switch-label {
    font-size: 1rem;
}

/* gridview buttons */

a.grid-button {
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding: 0 0.25rem 0 0.25rem;
}

    a.grid-button:hover {
        color: black;
        transition: 0.5s;
    }

/*a.grid-clear-filters-button {
    border: 1px solid blue;
    color: blue;
}

a.grid-reset-config-button {
    border: 1px solid red;
    color: red;
}
*/
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* display, visibility */

.invisible {
    visibility: hidden
}
/* invisible but still takes place in DOM */
.visible {
    visibility: visible
}

.hidden {
    display: none
}

.inline {
    display: inline
}

.block {
    display: block
}

/* flex */

.distributed-evenly {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .distributed-evenly.margin-top, .distributed-evenly.margins {
        padding-top: 1rem;
    }

    .distributed-evenly.margin-bottom, .distributed-evenly.margins {
        padding-bottom: 1rem;
    }

    .distributed-evenly.start {
        justify-content: start;
    }


    .distributed-evenly h2 {
        margin: 0;
    }

    .distributed-evenly h3 {
        margin: 0;
    }

    .distributed-evenly h4 {
        margin: 0;
    }


.grow {
    flex-grow: 1
}

.nogrow {
    flex-grow: 0
}

.justify-content-end {
    justify-content: end;
}

.center {
    justify-content: center;
}

.between {
    justify-content: space-between;
}

/* widths */

.w-50 {
    width: 50%
}

.w-33 {
    width: 33.333333%
}

.w-66 {
    width: 66.666667%
}

.w-25 {
    width: 25%
}

.w-75 {
    width: 75%
}

.w-full {
    width: 100%
}

.no-wrap {
    white-space: nowrap;
}

/* horizontally align row items */
.justify-center {
    justify-content: center
}

/* vertically align table rows */

td.va {
    vertical-align: middle
}

/* input focus */

input[type='text'].form-control:focus, input[type='search'].form-control:focus, input[type='password'].form-control:focus, input[type='number'].form-control:focus, textarea.form-control:focus {
    background-color: var(--sd2-input-focus-color)
}