/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/**/
.dx-accordion-item-title {
    padding: 0px; 
}

.dx-accordion-item-body{
    padding: 0px;
}

.dx-tabs {
    /*border: 1px solid #dee1e3;*/
    border-color: transparent;
}

.dx-tabs-scrollable .dx-tabs-wrapper {
    border: 1px solid #dee1e3;
}

.dx-tab.dx-state-hover {
    background-color: #ffe1c2;
}

.dx-tab.dx-state-active {
    background-color: rgba(91, 91, 91, 0.2);
    color: #333;
}

.dx-tab.dx-state-focused:after {
    content: '';
    pointer-events: none;
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border-right: 1px solid #f77F00;
    border-left: 1px solid #f77F00;
    border-top: 1px solid #f77F00;
    border-bottom: 1px solid #f77F00;
    z-index: 1;
}

.dx-tab.dx-tab-selected {
    /*background-color: #f77F00;*/
    color: #333;
}

.dx-tab-selected:after {
    content: '';
    pointer-events: none;
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border-right: 0px solid white;
    border-left: 0px solid white;
    border-top: none;
    border-bottom: none;
    z-index: 1;
}

.dx-tab-selected .dx-icon {
    color: #8899a8;
}

.GreenBackground {
    background-color: lightgreen !important; 
}

.RedBackground {
    background-color: lightcoral !important;
}