﻿
/**
 * Author: Somesh B 
 * Version: v1
 * Created: 09/18/2025
 * Description: Created to maintain css code for peer group data page.
 */










.inline-radio-groups {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
}

    .inline-radio-groups > * {
        flex: 1 1 0;
    }

.years-radio-group .k-radio-label {
    min-width: 150px;
    display: inline-block;
}
/* Custom CSS */
.k-group-header {
    background-color: #f0f0f0; /* Light gray background */
    font-weight: bold; /* Bold text */
    color: #333; /* Dark text color */
    padding: 5px 10px; /* Add some padding */
    border-bottom: 1px solid #ccc; /* Optional border */
}

#section-PGD .k-input:not(:-webkit-autofill) {
    animation-name: autoFillEnd;
    border-bottom: 2px solid #E2B23D !important;
}


.disabled-item {
    color: #ccc; /* Lighter text color */
    cursor: not-allowed; /* Change cursor on hover */
    /* Add other styling as needed, e.g., background color */
}

.k-group-header {
    font-weight: bold;
    background-color: #f0f0f0;
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
}

.k-list-group-sticky-header {
    /* border-color: inherit; */
    box-shadow: none;
    border-color: white;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    color: initial;
    background-color: initial;
    font-weight: bold;
}

.my-custom-listbox {
}


.custom-mdg-modal .k-window {
    border: none !important;
    background: #fff !important;
}

.custom-mdg-modal .k-window-titlebar {
    background: #74943D !important;
    color: #fff !important;
}



.custom-mdg-modal .form-group {
    margin-bottom: 0;
}

.custom-mdg-modal .k-listbox {
    border-radius: 8px;
    border: 1px solid #e5e5e5;
}

.custom-mdg-modal .k-window-content {
    padding-left: 31px !important;
    padding-right: 31px !important;
    padding-bottom: 10px;
}

.row.divmargin {
    margin-bottom: 8px;
}

/* code added by somesh */
/* Root wrapper scope so it applies only to the Peer Group Data pages */
#section-PGD .k-combobox {
    font-weight: 600;
    font-size: 12pt;
    border: none;
}

/* Dropdown Popup (equivalent to .dropdown-menu) */
#section-PGD .k-combobox-popup .k-list-container {
    /*max-height: 480px !important;
    min-width: 300px;*/
    width: auto;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #74953D #E2B23D;
    border: 1px solid #74943D;
}

/* Scrollbar for WebKit */
/*#section-PGD .k-list-container::-webkit-scrollbar {
    width: 6px !important;
}
#section-PGD .k-list-container::-webkit-scrollbar-thumb {
    background-color: #74953D;
}
#section-PGD .k-list-container::-webkit-scrollbar-track {
    background-color: #E2B23D;
}*/

/* List Item (equivalent to .dropdown-item) */
#section-PGD .k-combobox-popup .k-list-item {
    color: #74943D !important;
    font-weight: 500;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 12pt;
}

/* Hover behavior (from your Bootstrap styling) */
#section-PGD .k-combobox-popup .k-list-item:hover,
#section-PGD .k-combobox-popup .k-list-item.k-hover {
    color: #E2B23D !important;
    background-color: #f8f9fa !important;
    font-weight: 600;
}

/* Highlighted/selected item */
#section-PGD .k-combobox-popup .k-list-item.k-selected {
    background-color: #74943D !important;
    color: white !important;
    font-weight: 600;
}

/* Group Header (equivalent to .dropdown-header) */
#section-PGD .k-combobox-popup .k-list-groupheader {
    font-size: 12pt;
    font-weight: 600;
    color: #444;
    margin-top: 6px;
    padding: 4px 10px;
    border-bottom: 1px solid #ccc;
}

/* Remove Telerik default blue focus outline */
#section-PGD .k-combobox:focus-within,
#section-PGD .k-combobox .k-input:focus {
    box-shadow: none !important;
    border-color: #74943D !important;
    color: #E2B23D;
}

/* Change Telerik ComboBox group header styling */
#section-PGD .k-combobox-popup .k-list-header-text, #section-PGD .k-combobox-popup .k-list-item-text {
    font-size: 12pt;
    font-weight: 500;
    font-style: italic;
}

#section-PGD #page-steps .step-1 {
    width: 322px;
}
/* code added by somesh */

