/* Parent class for shared tab styles */
.tabBase {
    background-repeat: no-repeat;
    background-position: center left; /* Default position for the image */
    /*padding-left: 6px; */
    text-align: left; /* Align text */
    display: flex;
    align-items: center; /* Vertically center content */
    height: 36px; /* Default height */
    cursor: pointer;
}

/* Utility classes for specific tab images */
.tabVisit {
    background-image: url('/Content/svgicons/visit-32.svg');
}

.tabImage {
    background-image: url('/Content/svgicons/image-32.svg');
}

.tabDelete {
    background-image: url('/Content/svgicons/delete-image.svg');
}

.tabDeleteImage {
    background-image: url('/Content/svgicons/delete-image-32.svg');
}

.tabErrors {
    background-image: url('/Content/svgicons/errors-32.svg');
}

.tabImageUpload {
    background-image: url('/Content/svgicons/image-upload-32.svg');
    background-color: #2196F3; /* Blue for active tab */
    color: white; /* White text for active tab */
}

.tabOptions {
    background-image: url('/Content/svgicons/options-32.svg');
}

.tabProcess {
    background-image: url('/Content/svgicons/process-32.svg');
}

.tabInfo {
    background-image: url('/Content/svgicons/info-32.svg');
}

.tabView {
    background-image: url('/Content/svgicons/view-32.svg');
}

.tabSend {
    background-image: url('/Content/svgicons/send-email-32.svg');
}

.tabPdf {
    background-image: url('/Content/svgicons/pdf-32.svg');
}

.tabTeam {
    background-image: url('/Content/svgicons/team-32.svg');
}

.tabContacts {
    background-image: url('/Content/svgicons/team-32.svg');
}

.tabMoney {
    background-image: url('/Content/svgicons/money-32.svg');
}


.dxTab {
    background-color: #f0f0f0; /* Light gray for inactive tabs */
    color: #666; /* Darker text color for inactive tabs */
}

/* Active tab override */
.dxTabActive {
    background-color: #54c1f1; /* Blue for active tab */
    color: white; /* White text for active tab */
}

.dxtcLite_Moderno .dxtc-tab {
    background-color: white;
    
}




.dxtcLite_Moderno .dxtc-stripContainer .dxtc-activeTab {
    /*background-color: #2196F3;*/
    background-color: #54c1f1;
    color: white;
}

    .dxtcLite_Moderno .dxtc-stripContainer .dxtc-activeTab .dxtc-link {
        color: white;
    }


        .dxtcLite_Moderno .dxtc-stripContainer .dxtc-activeTab .dxtc-link:hover {
            color: white;
            background-size: 24px 24px;
        }

    .dxtcLite_Moderno .dxtc-stripContainer .dxtc-activeTab .dxtc-link {
        color: white;
 
    }

/* Main header area */
/*.dxtcLite .dxtc-strip {
    height: 60px !important;
    min-height: 60px !important;
}*/

/* Tabs inside header */
/*.dxtcLite .dxtc-tab {
    height: 60px !important;
    line-height: 60px !important;*/ /* vertically centers text */
/*}

.dxtcLite_Moderno .dxtc-stripContainer .dxtc-tab .dxtc-link {
    background-color: #54c1f1;*/ /*60% gl light blue*/
    /*color: white;
 
}*/


.dxtcLite_Moderno .dxtc-stripContainer .dxtc-tab {
    background-color: #bbe6f9;
    background-size: 24px 24px;
    height: 40px !important;
    color:white;
}

    .dxtcLite_Moderno > .dxtc-stripContainer .dxtc-tab:hover { /*hover over inactive tab*/
        font-size: 18px;
    }



.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-activeTab {
    background-color: #2196F3; /* Light gray background on hover */
    background-size: 24px 24px;
    height:40px !important;
}

.dxpcLite_Moderno .dxpc-headerImg dx-vam {
    background-image: url('/Content/svgicons/team-32.svg');
}

/*popup control*/
.dxpcLite_Moderno .dxpc-header {
    background-color: darkgray !important;
}

.dxpc-headerContent {
    /*background-color: darkgray !important;*/
}






/* Scope to this theme variant */
.dxpcLite_Moderno .dxpc-header,
.dxpcLite_Moderno .dxpc-headerContent {
    background: none !important; /* kill gradients/images */
    background-color: #54c1f1 !important;
    /*border-color: silver !important;*/ /* header bottom border (if any) */
    color:white; /*pop up header panel text*/
    font-size:1.2em;

}

/* Match the outer frame/border so it doesn't look different from the header */
.dxpcLite_Moderno .dxpc-mainDiv,
.dxpcLite_Moderno .dxpc-contentWrapper {
    border-color: #54c1f1 !important;
}

/* If there’s a thin divider between header and content, force it to match */
.dxpcLite_Moderno .dxpc-header + .dxpc-contentWrapper,
.dxpcLite_Moderno .dxpc-header + .dxpc-contentWrapper .dxpc-content {
    border-top-color: #54c1f1 !important;
    color: white !important;
}
/* Optional: remove the drop shadow tint around the popup */
.dxpcLite_Moderno .dxpc-shadow {
    box-shadow: none !important;
}

/* Keep the close button cell from reintroducing a background tint */
.dxpcLite_Moderno .dxpc-closeBtn {
    background: transparent !important;
    
}



/* If “featuredContent” adds its own styling, flatten it too */
.dxpcLite_Moderno .dxpc-header.featuredContent {
    background: none !important;
    background-color: #54c1f1 !important;
    border-color: darkgray !important;
    
}

.dxpcLite_Moderno .dxpc-header + .dxpc-contentWrapper, .dxpcLite_Moderno .dxpc-header + .dxpc-contentWrapper .dxpc-content {
    color: black !important;
}



/* Active tab (Moderno theme) */
.dxtcLite_Moderno .dxtc-activeTab,
.dxtcLite_Moderno .dxtc-activeTab td,
.dxtcLite_Moderno .dxtcLiteActiveTab,
.dxtcLite_Moderno .dxtcLiteActiveTab td,
.dxheControl_Moderno .dxheActiveTab,
.dxheControl_Moderno .dxheActiveTab td {
    background-color: #2196F3 !important; /* solid blue */
    color: black !important; /* white text */
}



.gllightblue {
    background: #54c1f1;
    color: #fff;
}

.gldarkblue {
    background: #25638d;
    color: #fff;
}