:root {
    --primary-color: -webkit-link;
    --secondary-color: #005fa3;
    --accent-color: #FFCC00;
    --text-color: #000000;
    --background-light: #f3f6fc;
    --background-dark: #eef2f7;
    --border-color: #d0d7e2;
    --font-family-base: Manrope, sans-serif;
    --grid-extender-font-family: Manrope, sans-serif;
    --grid-extender-font-family-empty: Manrope, sans-serif;
    --grid-extender-font-size-header: 13px;
    --grid-extender-font-size-details: 12px;
    --grid-extender-font-size-footer: 12px;
    --grid-extender-font-size-pager: 12px;
    --grid-extender-bg-color-header: #eef3ff !important;
    --grid-extender-bg-color-details: white;
    --grid-extender-bg-color-footer: #d3e3fd;
    --grid-extender-bg-color-pager: #d3e3fd;
    --grid-extender-height: 20px;
    --grid-extender-line-height: 20px;
    --grid-extender-padding-header: 2px 5px 2px 5px;
    --grid-extender-padding-details: 2px 5px 2px 5px;
    --grid-extender-border-header: 1px solid #e0e0e0;
    --grid-extender-border-details: 1px solid #e0e0e0;
    --grid-extender-border-pager: 1px solid #e0e0e0;
}

body {
    margin: 0;
    padding: 0;
    color: var(--text-color);
    background-color: #ffffff;
    font-family: var(--font-family-base);
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

/* Modernized link styles */
a {
    color: var(--primary-color);
    /* text-decoration: none;*/
}

    a:hover {
        /*text-decoration: underline;*/
    }


/* Original styles below */

/*A:active	     {color:#CC3333}
A:link               {color:#0000DD}
A:visited            {color:#660066}
*/
B {
    font-weight: 600;
}

BODY {
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    color: #000000;
}

.bg0 {
    background-color: #EEEEEE;
}

.bg1 {
    background-color: #AAAAAA;
}

.bg2 {
    background-color: #DDDDDD;
}

.bg_nav {
    background-color: #FFCC00;
}

.pagetitle {
    font: bold 16px var(--font-family-base);
    color: #333333;
}

.headtitle1 {
    font: bold 16px var(--font-family-base);
    color: #000000;
    font-style: italic;
}

.headtitle2 {
    font: bold 15.2px var(--font-family-base);
    color: #000000;
}

.subheading {
    background: #DDDDDD;
    color: #000000;
    font: bold 13px var(--font-family-base);
}

.subheading2 {
    color: #000000;
    font: bold 13px var(--font-family-base);
}

.error {
    font: bold 13px var(--font-family-base);
    color: #CC0000;
}

.success {
    font: bold 13px var(--font-family-base);
    color: darkgreen;
}

.nav {
    font: bold 12px var(--font-family-base);
    color: #FFFFFF;
    background-color: #000066;
}

.submenu {
    font: 12px var(--font-family-base);
    color: #000066;
    background-color: #d3e3fd;
}
    /* Hover effect */
    .submenu:hover {
        background-color: #f0f0f0; /* light gray background on hover */
    }


/*InactiveCaptionText;}*/
.menu {
    font: bold 12px var(--font-family-base);
    color: #FFFFFF;
    background-color: #000066;
}

.dropmenu {
    font: bold var(--font-family-base);
    color: #FFFFFF;
    text-decoration: underline;
    background-color: #000066;
}

.menuhover {
    color: #FFFFFF;
    text-decoration: underline;
    background-color: #000066;
}

.menuselected {
    color: #000066;
    text-decoration: underline;
    background-color: #d3e3fd;
}
/*lightcyan;}*/

.igridHeader {
    font: bold 13px var(--font-family-base);
    color: Black;
    background-color: #d3e3fd;
}
/*InactiveCaptionText;}*/
.igridRow {
    font: 12px var(--font-family-base);
}

.igridPager {
    font: 12px var(--font-family-base);
    background-color: #d3e3fd;
}
/*InactiveCaptionText;}*/
.igridBorder {
    border-color: DarkSlateBlue;
    border-style: Solid;
    border-width: 1px;
}

.igridPagerBorder {
    border-style: Solid;
    border-top-color: DarkBlue;
    border-left-width: 0px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    text-align: center;
}

.igridrowselect {
    color: White;
    background-color: DarkBlue;
}

.tableBorder {
    border-right: darkblue 1px solid;
    border-top: darkblue 1px solid;
    border-left: darkblue 1px solid;
    border-bottom: darkblue 1px solid;
}

.subnav {
    font: bold 12px var(--font-family-base);
    color: #000066;
    text-decoration: none;
    background-color: #FFFFFF;
}

.link {
    font: bold 12px var(--font-family-base);
    color: #000066;
}

.required {
    font: bold 13px var(--font-family-base);
    color: #CC0000;
}

.requiredtext {
    font: bold 12px var(--font-family-base);
    color: #CC0000;
}

.txthelp {
    font: var(--font-family-base);
    font-size: 12px;
    color: #000000;
}

.txtHeading {
    font: var(--font-family-base);
    font-size: 12px;
    font-weight: 700;
    background-color: #d3e3fd;
    padding: 2px 2px;
}

.txtfield {
    font: var(--font-family-base);
    font-size: 12px;
    color: #333333;
}

.txtfieldmedium {
    font: var(--font-family-base);
    font-size: 13px;
    color: #333333;
}

.txtfieldbold {
    font: var(--font-family-base);
    font-size: 12px;
    font-weight: 700;
    color: #333333;
    padding: 2px 2px;
}

.sectionheading {
    font: var(--font-family-base);
    font-size: 13px;
    font-weight: 700;
    color: #333333;
}

.txtfielditalbold {
    font: var(--font-family-base);
    font-size: 12px;
    font-weight: 700;
    color: #333333;
    font-style: italic;
    padding: 2px 2px;
}

.txtReqField {
    font: var(--font-family-base);
    font-size: 12px;
    color: red;
}

.cbofield {
    font: var(--font-family-base);
    font-size: 12px;
    color: #333333;
}

.txtfieldred {
    font: var(--font-family-base);
    font-size: 12px;
    font-weight: 700;
    color: #CC0000;
}

.txtfielddark {
    font: var(--font-family-base);
    font-size: 12px;
    font-weight: 700;
    color: #000000;
}

.txtsmall {
    font: var(--font-family-base);
    font-size: 12px;
    color: #000000;
}

.txtsmallbold {
    font: var(--font-family-base);
    font-size: 10px;
    font-weight: 700;
    color: #000000;
    padding: 2px 2px;
}

.txtsmallred {
    color: #CC0000;
    font: var(--font-family-base);
    font-size: 12px;
}

.txtsmallital {
    font: var(--font-family-base);
    font-size: 10px;
    font-style: italic;
    padding: 2px 2px;
}

.txtsmallitalbold {
    font: var(--font-family-base);
    font-size: 10px;
    font-weight: 700;
    font-style: italic;
    padding: 2px 2px;
}

.userctrlcolor {
    background-color: InactiveCaptionText;
    border-color: DarkSlateBlue;
    border-style: Solid;
    border-width: 1px;
}

.pager {
    font: bold 12px var(--font-family-base);
}

.rowspace1 {
    height: 15px;
}

.rowspace2 {
    height: 5px;
}

.colspace1 {
    width: 5px;
}

.tabSearch {
    border-right: darkblue 1px solid;
    border-top: darkblue 1px solid;
    border-left: darkblue 1px solid;
    border-bottom: darkblue 1px solid;
}

.autoCompleteMatched {
    background-color: darkblue;
    color: #000066;
}

.autoCompleteHover {
    background-color: #000066;
    color: white;
}

.autoCompleteNormal {
    background-color: green;
    color: black;
}
/*.autoCompleteCell{color: ;}*/
.autoCompleteTable {
    border-collapse: collapse;
    border: 1px solid darkblue;
}

    .autoCompleteTable td {
        border: 1px solid black;
        font-family: var(--font-family-base);
        font: 13px;
        color: #CC0000;
    }

select[size] {
    /* HTML4/XHTML1 <select> w/ size more than 1 - appearance of list */
    display: inline-block;
    overflow: auto;
}


/* Below are the styles used by TEdit.NET
 */
/* Style for the HTML table object that makes up the TEdit.NET grid */

.Grid {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-collapse: collapse !important;
    border-spacing: 0;
    min-width: 300px;
    font-family: var(--font-family-base);
    font-size: 12px;
    border: 1px solid #b0b0b0;
}

    .Grid tr:first-child td:first-child {
        border-top-left-radius: 5px;
    }

    .Grid tr:first-child td:last-child {
        border-top-right-radius: 5px;
        padding-right: 5px;
    }

    .Grid tr:last-child td:first-child {
        border-bottom-left-radius: 5px;
    }

    .Grid tr:last-child td:last-child {
        border-bottom-right-radius: 5px;
    }

    .Grid > tbody > tr > td:has(input[type=radio]) {
        text-align: center;
    }

    .Grid > tbody > tr > td {
        padding: 2px 2px;
        line-height: 20px;
        height: 20px;
        border: 1px solid #b0b0b0;
    }

    .Grid > tbody > tr.GridColumnHeading {
        background-color: #eef3ff;
        padding: 3px 8px;
        /*border: 1px solid #b0b0b0;*/
        text-align: left;
        box-shadow: inset 0 -1px 0 #b0b0b0;
        color: -webkit-link;
        font-family: var(--font-family-base);
        font-size: 13px;
        font-weight: 600;
    }


.TEditAddPanel {
    font-family: var(--font-family-base);
    font-size: 12px;
    padding: 2px 2px;
    /* border: 1px solid #b0b0b0;*/
}
/* TEdit.NET  Column heading cell style */
.GridColumnHeading {
    background-color: #eef3ff;
    /*border: 1px solid #b0b0b0;*/
    text-align: left;
    /*box-shadow: inset 0 -1px 0 #b0b0b0;*/
    color: -webkit-link;
    font-family: var(--font-family-base);
    font-size: 13px;
    font-weight: 600;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
}

    .GridColumnHeading:empty {
        text-decoration: none;
    }

    .GridColumnHeading > a {
        text-decoration: underline !important;
    }


/* TEdit.NET left aligned column heading text */
.GridColumnHeadingLeft {
    background-color: #eef3ff;
    /*border: 1px solid #b0b0b0;*/
    text-align: left;
    /*box-shadow: inset 0 -1px 0 #b0b0b0;*/
    color: -webkit-link;
    font-family: var(--font-family-base);
    font-size: 13px;
    font-weight: 600;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
}

    .GridColumnHeadingLeft:empty {
        text-decoration: none;
    }

    .GridColumnHeadingLeft > a {
        text-decoration: underline !important;
    }

/* Column header text link CSS Style */
A.GridColumnHeadingLink {
    color: -webkit-link;
    font-family: var(--font-family-base);
    text-decoration: none;
    font-weight: 600;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    font-size: 13px;
}

    /* Column header text link CSS Style (mouse over) */
    A.GridColumnHeadingLink:hover {
        color: darkblue;
        text-decoration: underline;
    }

    A.GridColumnHeadingLink:empty {
        text-decoration: none;
    }

    A.GridColumnHeadingLink > a {
        text-decoration: underline !important;
    }



/* Style for even rows checked by check box */
.GridCheckedRow {
    background-color: #ffffcc;
}

/* style for the current row */
.GridSelectedRow {
    background-color: #FFFFA0;
}

.GridItemCell {
    /*border: 1px solid #ccc;*/ /* Outer border for the entire grid */
    border-collapse: collapse;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
}

    .GridItemCell .GridItemCellRight {
        font-family: var(--font-family-base);
        font-size: 12px;
        color: black;
    }

        .GridItemCell .GridItemCellRight table {
            width: 100%;
            border-collapse: separate; /* Important for rounded corners */
            border-spacing: 0;
            border: 1px solid #ccc;
            overflow: hidden; /* Ensures corners are clipped */
        }

        .GridItemCell .GridItemCellRight td,
        .GridItemCell .GridItemCellRight th {
            /*border: 1px solid #b0b0b0;*/
            background-color: #fff;
            vertical-align: middle;
            color: black;
            padding: 2px 2px;
            line-height: 20px;
            height: 20px;
        }

        /* Optional: Remove inner borders for a cleaner rounded look */
        .GridItemCell .GridItemCellRight tr:first-child td:first-child {
            border-top-left-radius: 5px;
        }

        .GridItemCell .GridItemCellRight tr:first-child td:last-child {
            border-top-right-radius: 5px;
        }

        .GridItemCell .GridItemCellRight tr:last-child td:first-child {
            border-bottom-left-radius: 5px;
        }

        .GridItemCell .GridItemCellRight tr:last-child td:last-child {
            border-bottom-right-radius: 5px;
        }


/* style for the TEdit input-control labels */
.LabelCell {
    font-family: var(--font-family-base);
    vertical-align: middle;
    font-size: 13px;
    display: inline;
    text-align: left;
    white-space: nowrap;
    font-weight: 600;
    padding: 2px 2px;
}

/* style for the buttons generated by TEdit.NET */
.InputButton {
    font-family: var(--font-family-base);
}

/* style for the text boxes generated by TEdit.NET */
.TextBox {
    border-right: #003c74 1px solid;
    padding: 2px 2px;
    border-top: #003c74 1px solid;
    font-size: 12px;
    margin: 1px 0px 0px;
    border-left: #003c74 1px solid;
    color: black;
    border-bottom: #003c74 1px solid;
    font-family: var(--font-family-base);
    vertical-align: middle;
    width: 100;
}

.TextBoxNotes {
    border-right: #003c74 1px solid;
    padding: 2px 2px;
    border-top: #003c74 1px solid;
    font-size: 12px;
    margin: 1px 0px 0px;
    border-left: #003c74 1px solid;
    color: black;
    border-bottom: #003c74 1px solid;
    font-family: var(--font-family-base);
    vertical-align: middle;
}

.TextBoxNumber {
    border-right: #003c74 1px solid;
    padding: 2px 2px;
    border-top: #003c74 1px solid;
    font-size: 12px;
    margin: 1px 0px 0px;
    border-left: #003c74 1px solid;
    color: black;
    border-bottom: #003c74 1px solid;
    font-family: var(--font-family-base);
    vertical-align: middle;
    width: 100;
    text-align: right;
}

/* style for the confirm delete text label generated by TEdit.NET */
.CheckBox {
    vertical-align: middle;
}

    /* the check portion of TEdit checkboxes */
    .Checkbox INPUT {
        font-family: var(--font-family-base);
        text-decoration: none;
        vertical-align: middle;
        font-size: 12px;
        margin-top: 0px;
        margin-bottom: 2px;
    }

/* style for the lookup combo boxes generated by TEdit.NET */
.DropDownList {
    border-right: #003c74 1px solid;
    padding: 2px 2px;
    border-top: #003c74 1px solid;
    font-size: 12px;
    margin: 1px 0px 0px;
    border-left: #003c74 1px solid;
    color: black;
    border-bottom: #003c74 1px solid;
    font-family: var(--font-family-base);
    vertical-align: middle;
}

/* style for the error text generated by TEdit.NET */
.ErrorLabel {
    color: Red;
}
/* horizontal divider */
.HorizontalRule {
    border-right: 0px solid;
    border-top: 1px solid;
    border-left: 0px solid;
    border-bottom: 0px solid;
    color: #6699CC;
    height: 1px;
}


/*

 * Below are the other CSS styles used in the samples
 */

/* style for the password text boxes */
.TextBoxPassword {
    border-right: #003c74 1px solid;
    padding: 2px 2px;
    border-top: #003c74 1px solid;
    font-size: 16px;
    border-left: #003c74 1px solid;
    border-bottom: #003c74 1px solid;
    font-family: var(--font-family-base);
    background-color: white;
}
/* style for the radio buttons */

.RadioButton {
    border-right: #003c74 1px;
    padding: 2px 2px;
    border-top: #003c74 1px;
    font-size: 16px;
    margin: 0px;
    border-left: #003c74 1px;
    color: black;
    border-bottom: #003c74 1px;
    font-family: var(--font-family-base);
}


/* Tool Tip styles*/
div.nicetitle {
    position: absolute;
    padding: 2px 2px;
    top: 0px;
    left: 0px;
    color: black;
    font-size: 13px;
    font-family: var(--font-family-base);
    width: 25em;
    font-weight: bold;
    background: url(../Images/ybg.PNG); /* Mozilla proprietary      -moz-border-radius: 12px;*/
}

    div.nicetitle p {
        margin: 0;
        padding: 2px 2px;
    }

        div.nicetitle p.destination {
            font-size: 10px;
            text-align: left;
            padding: 2px 2px;
        }



.CheckBoxGridHeader {
    font-family: var(--font-family-base);
    font-size: 13px;
    padding: 2px 2px;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    font-weight: bold;
    color: black;
    background-color: #d3e3fd; /*InactiveCaptionText;*/
}

.icon {
    margin-left: 0px;
    margin-right: 0px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
}

removeFlicker {
    height: 0;
    overflow: hidden;
}

.IE8MenuFix {
    text-align: left;
}

.crtoolbar_page_number_ERMS {
    font-size: 13px;
}
/*Santosh 11/18/2013 Added to make it work in Vb and C# ,remove once moved to c#*/
.mainBorder {
    border-right: #cccc99 0px solid;
    border-left: #cccc99 0px solid;
    border-top: #cccc99 0px solid;
    border-bottom: #cccc99 0px solid;
    border-collapse: collapse;
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 0.5%;
    padding-top: 0.5%;
    margin: 5px 5px 5px 5px;
    position: absolute;
    width: 97%;
    height: 12px;
    min-width: 800px;
    min-height: 550px;
}

.Detail1 {
    height: 100%;
}

.Spacer {
    width: 100%;
    height: 4px;
}

.ButtonTab {
    background: url('../../Common/Images/Icons/tabs.gif');
    float: left;
    margin: 0 1px 0 0;
    padding-left: 10px;
}

.ButtonTabInset {
    background: url('../../Common/Images/Icons/tabs.gif') 100% 0;
    background-position: 100% 0px;
    color: #008;
    display: block;
    float: left;
    height: 2em;
    line-height: 2em;
    padding-right: 20px;
    text-decoration: none;
    border: none;
}

.ButtonTabActive {
    background-color: #48f;
    background-position: 0 -60px;
}

.ButtonTabInsetActive {
    background: url('../../Common/Images/Icons/tabs.gif') 100% 0;
    background-position: 100% -60px;
    display: block;
    float: left;
    height: 2em;
    line-height: 2em;
    padding-right: 20px;
    text-decoration: none;
    border: none;
    color: #fff;
    font-weight: bold;
}

.heading {
    color: black;
    font: var(--font-family-base);
    font-size: 14px;
    font-weight: bold;
    background-color: #d3e3fd;
    padding: 2px 0px;
}

.heading2 {
    color: black;
    font-family: var(--font-family-base);
    font-weight: bold;
    font-size: 13px;
    background-color: #d3e3fd;
    border-width: 0px;
    padding: 2px 2px;
}

.listViewPager {
    padding: 2px 2px;
    font-weight: normal;
    font-size: 0.75em;
    vertical-align: top;
    color: black;
    font-family: var(--font-family-base);
    background-color: #d3e3fd;
}
/* GridView  Column heading cell style */
.GridColHeading {
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    font-weight: bold;
    color: black;
    background-color: #d3e3fd; /*InactiveCaptionText;*/
    text-align: center;
    vertical-align: middle;
}

.GridCell {
    border-right: gray 1px solid;
    border-left: gray 0px solid;
    border-top: gray 0px solid;
    border-bottom: gray 1px solid;
    margin: 0px;
    vertical-align: middle;
    color: black;
    text-align: left;
    font: 13px var(--font-family-base);
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
}

.GridColumnHeadingtr {
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 0px solid;
    border-bottom: gray 1px solid;
    font-weight: bold;
    color: black;
    background-color: #d3e3fd; /*InactiveCaptionText;*/
    text-align: left;
    vertical-align: middle;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    font: bold 13px var(--font-family-base);
}

.GridViewColumnHeadingtr {
    font: bold 13px var(--font-family-base);
    color: Black;
    background-color: #d3e3fd;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
}

.GridColumnFooter {
    border-width: 0px;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    font-family: var(--font-family-base);
    border-style: none;
}

.ColumnSeperator {
    background-color: Navy;
    border-color: Navy;
    border-top-color: Navy;
}

.GridCell_DarkBorder, .GridCell_DarkBorder td {
    /*border-left-color: gray;
    border-top-color: gray;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    font: 13px var(--font-family-base);
    background-repeat: repeat-x;
   padding: 4px 2px;
    padding: 1px 5px 1px 5px;
    border-radius: 5px;*/ /* Rounded corners */
    /*overflow: hidden;*/ /* Ensure content fits within rounded corners */
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/ /* Add a subtle shadow for a modern look */
}


.DashBoardGrid {
    font-family: var(--font-family-base);
    font-size: 13px;
    font-weight: bold;
    border-radius: 5px; /* Rounded corners */
    overflow: hidden; /* Ensure content fits within rounded corners */
    color: black !important;
    border: 2px solid Navy !important;
    border-collapse: separate !important;
    min-width: 400px;
    box-shadow: none !important;
}

    .DashBoardGrid > tbody > tr > td {
        border: 1px solid #ccc;
        padding: 1px 3px;
    }

.SearchLabelColumn {
    width: 125px;
    white-space: nowrap;
}


.modalBackground {
    background-color: rgba(0, 0, 0, 0.4); /* Soft black overlay */
}

.ModalPopupWithBorder {
    border-radius: 5px; /* Added rounded corners */
    overflow: hidden; /* ?? This clips inner contents */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 11px 11px 8px rgba(0, 0, 0, 0.20) !important;
    background-color: #B8CCE4;
    border: 1px solid #000000;
    padding: 0px; /* Added padding for better spacing */
    display: flex;
    flex-direction: column;
    align-items: inherit;
}

.ModalPopupHeader {
    font: 13px var(--font-family-base);
    font-weight: 600 !important;
    border-top-left-radius: 5px; /* Rounded top-left corner */
    border-top-right-radius: 5px; /* Rounded top-right corner */
    background-color: #3074C6;
    color: White;
    background-repeat: repeat-x;
    cursor: move;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.txtMessagesmall {
    font-family: var(--font-family-base);
    color: #000000;
    font-size: 0.8em;
}

.message-info {
    font-family: var(--font-family-base);
    color: #000000;
    font-size: 0.8em;
    font-weight: bold;
}

.message-error {
    font-family: var(--font-family-base);
    color: #000000;
    font-size: 0.8em;
    font-weight: bold;
}

.message-warn {
    font-family: var(--font-family-base);
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.message-success {
    font-family: var(--font-family-base);
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.iconMessge {
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

/* Grid view extender*/

/*.GridColumnHeadingExtended, .GridColumnHeadingExtended th {
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    font: bold 13px var(--font-family-base);
    vertical-align: top;
    color: black;
    background-color: #d3e3fd;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
    font-weight: bold;
    font-style: normal;
}

.GridColumnHeadingExtended {
    text-align: left;
}

.GridCellExtended, .GridCellExtended td {
    border-color: gray gray gray gray;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    font-family: var(--font-family-base);
    background-repeat: repeat-x;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    font: 13px var(--font-family-base);
    color: black;
    vertical-align: middle;
}

.GridEmptyCellExtended, .GridEmptyCellExtended td {
    border-color: gray gray gray gray;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    font-family: var(--font-family-base);
    background-repeat: repeat-x;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    font: 13px var(--font-family-base);
    padding: 0px 5px 0px 5px;
    color: black;
    vertical-align: middle;
}

.GridColumnFooterExtended, .GridColumnFooterExtended td {
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    font-weight: bold;
    vertical-align: middle;
    color: #333333;
    font-weight: bold;
    font-size: 13px;
    font-family: var(--font-family-base);
    background-color: #d3e3fd;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
}

.gridPagerExtended td {
    border-right: gray 0px solid;
    border-top: gray 0px solid;
    border-left: gray 0px solid;
    border-bottom: gray 0px solid;
    font-weight: normal;
    vertical-align: top;
    color: black;
    font-family: var(--font-family-base);
    background-color: #d3e3fd;
    text-align: center;
    padding: 0px 5px 0px 5px;
    font: 13px var(--font-family-base);
}

.gridPagerExtended span*/ /*for selected page number*/ /*{
    font-weight: bold;*/ /*font-size: 13px;     color: black;     font-family:  var(--font-family-base);     background-color: #d3e3fd;     text-align: center;*/
/*}

.GridRowSelectedExtended {
    font-family: var(--font-family-base);
    font-size: 13px;
    background-color: #3074C6;
    color: White;
    background-repeat: repeat-x;
    padding: 0px 5px 0px 5px;
}

    .GridRowSelectedExtended a {
        text-decoration: none;
        color: White;
    }

    .GridRowSelectedExtended td {
        padding: 0px 5px 0px 5px;
    }

.DynamicPagerExtended {
    border-right: gray 0px solid;
    border-top: gray 0px solid;
    border-left: gray 0px solid;
    border-bottom: gray 0px solid;
    font-weight: normal;
    vertical-align: middle;
    color: black;
    font-family: var(--font-family-base);
    background-color: #d3e3fd;
    text-align: left;
    padding: 0px 5px 0px 5px;
    font: 12px var(--font-family-base);
    height: 20px;
    align-content: center;
}*/

.textarea {
    resize: none;
    max-height: 100;
    max-width: 250;
}

.BlurredLabel {
    color: #CACACA;
}

.GridRowSelected {
    font-family: var(--font-family-base);
    font-size: 12px;
    background-color: #3074C6;
    color: white;
    background-repeat: repeat-x;
    padding: 0px 5px;
}

    .GridRowSelected a {
        text-decoration: none;
        color: white;
    }

    .GridRowSelected td {
        padding: 3px 5px;
    }

.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: White;
    color: Black;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight: bold;
}

.MyCalendar .ajax__calendar_container th {
    padding: 0px;
    border-style: none;
}

.MyCalendar .ajax__calendar_container td {
    /* background-color: lemonchiffon;*/
    padding: 0px;
    border-style: none;
}

.txtFieldReadOnly {
    resize: none;
    max-height: 100;
    max-width: 250;
    background-color: rgb(235, 235, 228);
}

.successClass {
    background-color: white;
}

.errorClass {
    background-color: rgb(255, 180, 50);
}

.highlightClass {
    background-color: rgb(255,255,160);
}

.selectedRowClass {
    background-color: rgb(48, 116, 198);
}

.ui-tooltip {
    padding: 5px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    background-color: WhiteSmoke;
    border: 1px solid Navy;
    min-height: 10px;
    white-space: nowrap;
    font-size: 11.5px;
}

body .ui-tooltip {
    border-width: 2px;
}

.GridColumnHeading2 th {
    border-right: gray 0px solid;
    border-top: gray 0px solid;
    border-left: gray 0px solid;
    border-bottom: gray 0px solid;
    font-weight: bold;
    font-size: 13px;
    vertical-align: top;
    color: black;
    font-family: var(--font-family-base);
    background-color: #d3e3fd;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    text-align: left;
}

.GridColumnHeading3 {
    border-left-color: #cccc99;
    border-top-color: #cccc99;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    font-weight: bold;
    font-size: 13px;
    vertical-align: top;
    color: black;
    font-family: var(--font-family-base);
    background-color: #d3e3fd;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    text-align: left;
}

.GridColumnHeading2 {
    border-right: gray 0px solid;
    border-top: gray 0px solid;
    border-left: gray 0px solid;
    border-bottom: gray 0px solid;
    font-weight: bold;
    font-size: 0.8em;
    vertical-align: top;
    color: black;
    font-family: var(--font-family-base);
    background-color: #d3e3fd;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    text-align: left;
}

.Grid2 TR {
    font-family: var(--font-family-base);
    height: 13px;
    border-radius: 5px; /* Rounded corners */
    overflow: hidden; /* Ensure content fits within rounded corners */
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/ /* Add a subtle shadow for a modern look */
}

.GridCell2 td {
    border-left-color: #E6E6E6;
    border-top-color: #F1F1F1;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    font-family: var(--font-family-base);
    background-repeat: repeat-x;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
}

.GridCell2 {
    border-left-color: #E6E6E6;
    border-top-color: #F1F1F1;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    font-family: var(--font-family-base);
    background-repeat: repeat-x;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
    padding: 0px 5px 0px 5px;
}

.GridCell4 td {
    border-left-color: #E6E6E6;
    border-top-color: #F1F1F1;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    font-family: var(--font-family-base);
    background-repeat: repeat-x;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
}

.GridCell4 {
    border-left-color: #E6E6E6;
    border-top-color: #F1F1F1;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    font-family: var(--font-family-base);
    background-repeat: repeat-x;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
    padding: 0px 5px 0px 5px;
}

.GridCell3 td {
    border-left-color: #cccc99;
    border-top-color: #cccc99;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    font-family: var(--font-family-base);
    background-repeat: repeat-x;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
}

.ui-timepicker-am, .ui-timepicker-pm {
    font-family: var(--font-family-base);
    font-size: 0.75em;
    font-weight: bold;
}

/* Base menu styles */
.menuNew {
    font: bold 14px Manrope, sans-serif;
    color: #FFFFFF;
    background-color: transparent !important;
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
    float: inherit !important;
}

    /* Menu links and spans */
    .menuNew a, .menuNew span {
        padding: 4px 4px;
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        color: white;
        text-decoration: none;
    }

.menuNewStatic {
    font: bold 14px Manrope, sans-serif;
    color: #FFFFFF;
    background-color: transparent;
    display: flex;
    justify-content: left;
    margin-bottom: 11px;
}

.menu-bar-wrapper {
    /*background: linear-gradient(to right, #004b8d, #004b8d 50%, #005fa3 100%);*/
    /* border-bottom: 3px solid #FFC036;*/
    padding: 0;
}

li.dynamic a {
    text-align: left !important;
    padding: 2px !important;
    padding-left: 0px !important;
}

ul.dynamic {
    margin-top: -10px !important;
    padding-left: 0px !important;
}

.card {
    background: white;
    border-radius: 12px;
    padding: 0px 0px;
    color: white;
    padding-bottom: 0px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 11px 11px 8px rgba(0, 0, 0, 0.20);
    max-width: 420px;
    border: 1px solid #004b8d;
    overflow: hidden;
}
/*.card td {
        padding: 4px 8px;
        color: #333333;
    }*/
.tblCardStyle {
    background: #eef2f7;
    border-radius: 12px;
    padding: 0px 0px;
    padding-bottom: 0px;
    border: 1px solid #004b8d !important;
    /* soft blue border */
    outline: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 11px 11px 8px rgba(0, 0, 0, 0.20);
    overflow: hidden;
    background: transparent !important;
}


    /* Table inside card */
    .tblCardStyle table {
        width: 100%;
        border-collapse: collapse;
        font-size: 14px;
    }

    /* Links */
    .tblCardStyle a {
        color: black;
        font-family: var(--font-family-base);
        font-size: 11.5px;
        font-weight: 600;
        text-decoration: underline;
        background: transparent !important;
    }

        .tblCardStyle a:hover {
            text-decoration: underline;
        }

.HomeHeaderName {
    font-family: var(--font-family-base);
    font-weight: 700;
    font-size: 14px;
}

.always-display-bottom {
    position: fixed;
    bottom: 2px;
    left: 5px;
    width: 99%;
    background-color: #d3e3fd;
    color: DarkBlue;
    border: 2px solid Black;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.cell-horizontal-padding-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.TableHeadingHome {
    background-color: #f3f6fc; /* softer bluish-gray */
    font-family: var(--font-family-base);
    font-size: 11.5px;
    color: #333;
    border: none;
    border-bottom: 1px solid #d0d7e2;
    padding: 10px 12px;
    border-radius: 8px 8px 0 0; /* rounded top corners */
}

.txtHeadingHome {
    font-family: var(--font-family-base);
    font-size: 14px;
    color: black;
    font-weight: 700;
    /*background: linear-gradient(to right, #e0f3ff, #99d0f2, #66b2e3,*/ /*#1a5fa3*/ /*#1a5fa3bd);*/
    background: #d3e3fd;
    padding: 4px 8px;
    border-bottom: 1px solid #cbd6e2;
    border-radius: 8px 8px 0 0;
    padding-left: 6px !important;
}

.tblBorderGridHome {
    border-right: #cccc99 2px solid;
    border-top: #cccc99 2px solid;
    border-left: #cccc99 0px solid;
    border-bottom: #cccc99 2px solid;
}

/* Existing styles */
.grid-pager td {
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    font-weight: normal;
    font-size: 12px;
    vertical-align: top;
    color: black;
    font-family: var(--font-family-base);
    background-color: #d3e3fd;
    text-align: left;
}

.grid-pager > td > table {
    width: auto;
    border-collapse: collapse !important;
}

.grid-row-selected {
    font-family: var(--font-family-base);
    font-size: 12px;
    background-color: #3074C6;
    color: white;
    background-repeat: repeat-x;
    padding: 0px 5px;
}

    .grid-row-selected a {
        text-decoration: none;
        color: white;
    }

    .grid-row-selected td {
        padding: 3px 5px;
    }

.grid-header th {
    background-color: #eef3ff;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    border: 1px solid #e0e0e0;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
}

    .grid-header th[align="right"] {
        text-align: right !important;
    }

.grid-header > th > a {
    font-size: 13px;
    color: -webkit-link;
    font-weight: 600;
}

.grid-footer td {
    padding: 2px 2px;
    line-height: 15px !important;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
    color: black;
    font-family: var(--font-family-base);
    background-color: #d3e3fd;
}

.grid-row {
    font-family: var(--font-family-base);
    font-size: 12px;
    border-collapse: collapse;
    color: black;
}

    .grid-row td {
        border: 1px solid #e0e0e0;
        padding: 2px 2px;
        line-height: 20px;
        height: 20px;
        /*background-color: #fff;*/
        vertical-align: middle;
        color: black;
    }

        .grid-row td > a {
            color: -webkit-link; /* Updated to blue */
        }

    .grid-row a {
        color: -webkit-link; /* Ensures all links are blue */
        text-decoration: underline; /* Optional: Removes the underline */
    }

        .grid-row a:hover {
            color: -webkit-link; /* Optional: Changes color on hover */
            text-decoration: underline; /* Optional: Adds underline on hover */
        }

    .grid-row tr:hover td {
        background-color: #f0f4ff;
    }

.grid-empty-row td {
    border-left: 1px solid #E6E6E6;
    font-family: var(--font-family-base);
    font-size: 12px;
    font-weight: 600;
    background-repeat: repeat-x;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    text-align: center;
}

.grid-empty-row {
    font-family: var(--font-family-base);
    font-size: 12px;
    font-weight: 600;
    background-repeat: repeat-x;
    padding: 2px 2px;
    line-height: 20px;
    height: 20px;
    text-align: center;
}



.sknGridViewClass {
    /* border-radius: 5px;*/
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-collapse: separate !important;
    border-spacing: 0;
    min-width: 300px;
    font-family: var(--font-family-base);
    font-size: 12px;
    /*border: 1px solid #e0e0e0;*/
    background-color: white;
}


    .sknGridViewClass > tbody > tr:first-child th:first-child {
        border-top-left-radius: 5px;
    }

    .sknGridViewClass > tbody > tr:first-child th:last-child {
        border-top-right-radius: 5px;
        padding-right: 5px;
    }

    .sknGridViewClass > tbody > tr:last-child td:first-child {
        border-bottom-left-radius: 5px;
    }

    .sknGridViewClass > tbody > tr:last-child td:last-child {
        border-bottom-right-radius: 5px;
    }

    .sknGridViewClass > tbody > tr > td:has(input[type=radio]) {
        text-align: center;
    }

    .sknGridViewClass > tbody > tr > td {
        padding: 2px 2px;
        line-height: 20px;
        height: 20px;
        border: 1px solid #e0e0e0;
    }

    .sknGridViewClass > tbody > tr.grid-header {
        background-color: transparent !important;
        padding: 3px 8px;
        border: 0px solid #e0e0e0;
        text-align: left;
        /*box-shadow: inset 0 -1px 0 #b0b0b0;*/
        color: -webkit-link;
        font-family: var(--font-family-base);
        font-size: 13px;
        font-weight: 600;
    }

        .sknGridViewClass > tbody > tr.grid-header > th {
            border: 1px solid #e0e0e0;
        }


/* New Styles*/
.GridCellNew {
    font-family: var(--font-family-base);
    font-size: 12px;
    border-collapse: collapse;
    color: black;
    border: 1px solid #e0e0e0 !important;
    padding: 2px 2px;
    height: 20px;
}

    /* Grid cell style */
    .GridCellNew > td {
        border: 1px solid #e0e0e0;
        padding: 2px 2px;
        height: 20px;
        vertical-align: middle;
        color: black;
        font-family: var(--font-family-base);
        font-size: 12px;
    }

    .GridCellNew a {
        color: #0000EE; /* Ensures all links are blue */
        text-decoration: underline; /* Optional: Removes the underline */
        /*font-weight: 600;*/
        font-size: 12px;
        font-family: var(--font-family-base);
    }

        .GridCellNew a:hover {
            color: black; /* Optional: Changes color on hover */
            text-decoration: underline; /* Optional: Adds underline on hover */
        }

/* Header cells */
.GridColumnHeadingNew {
    background-color: #eef3ff;
    padding: 2px 2px;
    border: 1px solid #e0e0e0;
    text-align: left;
    color: #0000EE !important;
    /*text-decoration: underline;*/
    font-family: var(--font-family-base);
    font-size: 13px;
    font-weight: 600;
    border-collapse: collapse !important;
    height: 20px;
}

    .GridColumnHeadingNew th {
        background-color: #eef3ff;
        padding: 2px 2px;
        border: 1px solid #e0e0e0;
        text-align: left;
        color: #0000EE !important;
        /*text-decoration: underline;*/
        font-family: var(--font-family-base);
        font-size: 13px;
        font-weight: 600;
        border-collapse: collapse !important;
        height: 20px;
    }

    .GridColumnHeadingNew > th > a {
        font-size: 13px;
        color: #0000EE !important;
        font-weight: 600;
        text-decoration: underline;
        padding: 2px 2px;
        height: 20px;
    }

    .GridColumnHeadingNew > a {
        text-decoration: underline;
    }

.GridColumnHeadingLinkNew {
    background-color: #eef3ff;
    padding: 2px 2px;
    text-align: left;
    color: #0000EE !important;
    text-decoration: underline;
    font-family: var(--font-family-base);
    font-size: 13px;
    font-weight: 600;
    border-collapse: collapse !important;
    height: 20px;
}

/* Optional: Hover effect */
.GridCellNew tr:hover td {
    /* background-color: #f0f4ff;*/
}
/* Used for List View Edits */
.GridItemCellListViewEdit {
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 1px;
    margin: 0px;
    vertical-align: middle;
    color: black;
    padding-top: 0px;
    text-align: left;
    font-family: var(--font-family-base);
}

.GridNew {
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-collapse: collapse !important;
    border-spacing: 0;
    min-width: 300px;
    font-family: var(--font-family-base);
    font-size: 12px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    background-color: #fff;
}

    .GridNew tr:first-child td:first-child {
        border-top-left-radius: 5px;
    }

    .GridNew tr:first-child td:last-child {
        border-top-right-radius: 5px;
    }

    .GridNew tr:last-child td:first-child {
        border-bottom-left-radius: 5px;
    }

    .GridNew tr:last-child td:last-child {
        border-bottom-right-radius: 5px;
    }

    .GridNew > tbody > tr > td:has(input[type=radio]) {
        text-align: center;
    }

    .GridNew > tbody > tr.GridColumnHeadingNew {
        background-color: #eef3ff;
        padding: 2px 2px;
        border: 1px solid #e0e0e0;
        text-align: left;
        box-shadow: inset 0 -1px 0 #e0e0e0;
        color: #0000EE;
        font-family: var(--font-family-base);
        font-size: 13px;
        font-weight: 600;
    }

    .GridNew > tbody > tr.GridRow > td.GridColumnHeadingNew > a {
        color: #0000EE !important;
        font-family: var(--font-family-base);
        font-size: 13px;
        font-weight: 600;
    }

    .GridNew > tbody > tr > td.GridColumnHeadingNew > a {
        color: #0000EE !important;
        font-family: var(--font-family-base);
        font-size: 13px;
        font-weight: 600;
    }

tr.GridColumnHeadingNew th:first-child {
    border-top-left-radius: 5px;
}

tr.GridColumnHeadingNew th:last-child {
    border-top-right-radius: 5px;
}

tr.GridColumnHeadingNew td:first-child {
    border-top-left-radius: 5px;
}

tr.GridCellNew:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

tr.GridCellNew:last-child td:last-child {
    border-bottom-right-radius: 5px;
}


.GridColumnHeadingNew th[align="right"] {
    text-align: right !important;
}

div:has(> .GridNew) {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

td:has(> .GridNew) {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}


.GridRowSelected2 {
    font-family: var(--font-family-base);
    font-size: 12px;
    background-color: #3074C6;
    color: White;
    background-repeat: repeat-x;
    padding: 0px 5px 0px 5px;
}

    .GridRowSelected2 a {
        text-decoration: none;
        color: White;
    }

    .GridRowSelected2 td {
        padding: 3px 5px 3px 5px;
    }


.GridColumnFooter2 td {
    border-right: gray 0px solid;
    border-top: gray 0px solid;
    border-left: gray 0px solid;
    border-bottom: gray 0px solid;
    padding-right: 5px;
    font-weight: bold;
    font-size: 1.0em;
    vertical-align: middle;
    color: black;
    font-family: var(--font-family-base);
    background-color: #eef3ff;
    height: 15Px;
}


.GridCell2Home td {
    border-left-color: #E6E6E6;
    border-top-color: #F1F1F1;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    font-family: var(--font-family-base);
    font-size: 12px;
    font-weight: 600;
    background-repeat: repeat-x;
    height: 20px;
    padding: 0px 5px 0px 5px;
}


.GridCell2Home {
    font-family: var(--font-family-base);
    font-size: 12px;
    font-weight: 600;
    background-repeat: repeat-x;
    height: 20px;
    padding: 0px 5px 0px 5px;
}


.gridPagerNew > td > table {
    width: auto;
}


.gridPagerNew td {
    padding-left: 1px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-right: gray 0px solid;
    border-top: gray 0px solid;
    border-left: gray 0px solid;
    border-bottom: gray 0px solid;
    font-weight: normal;
    font-size: 12px;
    vertical-align: top;
    color: black;
    font-family: var(--font-family-base);
    background-color: #eef3ff;
    text-align: left;
    height: 15Px;
}

.sknGridViewClass:has(tbody > tr.grid-footer) {
    border-radius: 0px;
    border: 0px solid transparent;
}

.sknGridViewClass > tbody > tr.grid-footer:first-child td {
    border-radius: 0px;
}

.sknGridViewClass > tbody > tr.grid-footer > td {
    border: 0px solid transparent !important;
}

.sknGridViewClass:has(tbody > tr > td > div.DynamicPagerExtended) {
    border-radius: 0px;
    border: 0px solid transparent;
}

.sknGridViewClass > tbody > tr > td > div.DynamicPagerExtended {
    border-radius: 0px;
}

.sknGridViewClass > tbody > tr > td > div.DynamicPagerExtended {
    border: 0px solid transparent !important;
}


/*Tedit fix */

span:has(table.Grid) {
    display: block;
    border-radius: 5px;
    border: 1px solid #b0b0b0;
    width: fit-content;
    border-collapse: collapse !important;
}

.Grid > tbody > tr > td.GridColumnHeading {
    border-top-color: #eef3ff !important;
}

    .Grid > tbody > tr > td.GridColumnHeading:first-child {
        border-left-color: #eef3ff !important;
        border-top-color: #eef3ff !important;
    }

    .Grid > tbody > tr > td.GridColumnHeading:last-child {
        border-right-color: #eef3ff !important;
        border-top-color: #eef3ff !important;
    }

.Grid > tbody > tr.GridRow > td.GridItemCell:first-child {
    border-left-color: transparent !important;
    border-top-color: transparent !important;
}

.Grid > tbody > tr.GridRow > td.GridItemCell:last-child {
    border-right-color: transparent !important;
    border-top-color: transparent !important;
}

.Grid > tbody > tr.GridAlternatingRow > td.GridItemCell:first-child {
    border-left-color: transparent !important;
    border-top-color: transparent !important;
}

.Grid > tbody > tr.GridAlternatingRow > td.GridItemCell:last-child {
    border-right-color: transparent !important;
    border-top-color: transparent !important;
}



/* Grid view extender*/

/*.GridColumnHeadingExtended, .GridColumnHeadingExtended th {
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    font: 90% bold Verdana, Arial, Helvetica, sans-serif;
    vertical-align: top;
    color: black;
    background-color: #eef3ff;
    height: 15Px;
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
    font-weight: bold;
    font-style: normal;
}

.GridColumnHeadingExtended {
    text-align: left;
}

.GridCellExtended, .GridCellExtended td {
    border-color: gray gray gray gray;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-repeat: repeat-x;
    height: 20px;
    font: 85% Verdana, Arial, Helvetica, sans-serif;
    padding: 0px 5px 0px 5px;
    color: black;
    vertical-align: middle;
}

.GridEmptyCellExtended, .GridEmptyCellExtended td {
    border-color: gray gray gray gray;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-repeat: repeat-x;
    height: 20px;
    font: 85% Verdana, Arial, Helvetica, sans-serif;
    padding: 0px 5px 0px 5px;
    color: black;
    vertical-align: middle;
}

.GridColumnFooterExtended, .GridColumnFooterExtended td {
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    font-weight: bold;
    vertical-align: middle;
    color: #333333;
    font-weight: bold;
    font-size: 92%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #eef3ff;
    height: 15Px;
    padding: 0px 5px 0px 5px;
}

.gridPagerExtended td {
    border-right: gray 0px solid;
    border-top: gray 0px solid;
    border-left: gray 0px solid;
    border-bottom: gray 0px solid;
    font-weight: normal;
    vertical-align: top;
    color: black;
    font-family: Verdana, Arial;
    background-color: #eef3ff;
    text-align: center;
    padding: 0px 5px 0px 5px;
    font: 85% Verdana, Arial, Helvetica, sans-serif;
}

.gridPagerExtended span*/ /*for selected page number*/ /*{
    font-weight: bold;*/ /*font-size: 1.0em;     color: black;     font-family: Verdana, Arial;     background-color: #eef3ff;     text-align: center;*/
/*}

.GridRowSelectedExtended {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 85%;
    background-color: #3074C6;
    color: White;
    background-repeat: repeat-x;
    padding: 0px 5px 0px 5px;
}

    .GridRowSelectedExtended a {
        text-decoration: none;
        color: White;
    }

    .GridRowSelectedExtended td {
        padding: 0px 5px 0px 5px;
    }

.DynamicPagerExtended {
    border-right: gray 0px solid;
    border-top: gray 0px solid;
    border-left: gray 0px solid;
    border-bottom: gray 0px solid;
    font-weight: normal;
    vertical-align: top;
    color: black;
    font-family: Verdana, Arial;
    background-color: #eef3ff;
    text-align: left;
    padding: 0px 5px 0px 5px;
    font: 80% Verdana, Arial, Helvetica, sans-serif;
}*/



.GridClass {
    /* border-radius: 5px;*/
    border: 0px solid #e0e0e0 !important;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-collapse: separate !important;
    border-spacing: 0;
    font-family: var(--font-family-base);
    /*font-size: 12px;*/
    background-color: white;
}

    .GridClass > tbody > tr:first-child th:first-child {
        border-top-left-radius: 5px;
    }

    .GridClass > tbody > tr:first-child th:last-child {
        border-top-right-radius: 5px;
        padding-right: 5px;
    }

    .GridClass > tbody > tr:last-child td:first-child {
        border-bottom-left-radius: 5px;
    }

    .GridClass > tbody > tr:last-child td:last-child {
        border-bottom-right-radius: 5px;
    }

.GridColumnHeadingExtended, .GridColumnHeadingExtended th {
    border: var(--grid-extender-border-header);
    font: var(--grid-extender-font-size-header) bold var(--grid-extender-font-family);
    vertical-align: top;
    color: black;
    background-color: var(--grid-extender-bg-color-header);
    height: var(--grid-extender-height);
    line-height: var(--grid-extender-line-height);
    padding: var(--grid-extender-padding-header);
    vertical-align: middle;
    font-weight: 600;
    font-style: normal;
}

.GridColumnHeadingExtended {
    text-align: left;
}

.GridCellExtended, .GridCellExtended td {
    border: var(--grid-extender-border-details);
    font-family: var(--grid-extender-font-family);
    background-repeat: repeat-x;
    height: var(--grid-extender-height);
    line-height: var(--grid-extender-line-height);
    font: var(--grid-extender-font-size-details) var(--grid-extender-font-family);
    padding: var(--grid-extender-padding-details);
    color: black;
    vertical-align: middle;
}

.GridEmptyCellExtended, .GridEmptyCellExtended td {
    border: var(--grid-extender-border-details);
    font-family: var(--grid-extender-font-family-empty);
    background-repeat: repeat-x;
    height: var(--grid-extender-height);
    line-height: var(--grid-extender-line-height);
    font: 12px var(--grid-extender-font-family-empty);
    padding: var(--grid-extender-padding-details);
    color: black;
    vertical-align: middle;
    font-weight: 600;
}

.GridColumnFooterExtended, .GridColumnFooterExtended td {
    border: var(--grid-extender-border-details);
    font-family: var(--grid-extender-font-family-empty);
    font-weight: bold;
    vertical-align: middle;
    color: #333333;
    font-weight: bold;
    font-size: var(--grid-extender-font-size-footer);
    background-color: var(--grid-extender-bg-color-footer);
    height: var(--grid-extender-height);
    line-height: var(--grid-extender-line-height);
    padding: var(--grid-extender-padding-header);
}

.gridPagerExtended td {
    border: var(--grid-extender-border-pager);
    font-weight: normal;
    vertical-align: top;
    color: black;
    font-family: var(--grid-extender-font-family);
    background-color: var(--grid-extender-bg-color-pager);
    text-align: center;
    padding: var(--grid-extender-padding-header);
    font: 85% var(--grid-extender-font-family);
}

.gridPagerExtended span /*for selected page number*/ {
    font-weight: bold; /*font-size: 1.0em;     color: black;     font-family: Verdana, Arial;     background-color: #eef3ff;     text-align: center;*/
}

.GridRowSelectedExtended {
    font-family: var(--grid-extender-font-family);
    font-size: 85%;
    background-color: #3074C6;
    color: White;
    background-repeat: repeat-x;
    padding: var(--grid-extender-padding-header);
}

    .GridRowSelectedExtended a {
        text-decoration: none;
        color: White;
    }

    .GridRowSelectedExtended td {
        padding: var(--grid-extender-padding-details);
    }

.DynamicPagerExtended {
    border: var(--grid-extender-border-pager);
    font-weight: normal;
    vertical-align: top;
    color: black;
    font-family: var(--grid-extender-font-family);
    background-color: var(--grid-extender-bg-color-pager);
    text-align: left;
    padding: var(--grid-extender-padding-header);
    font: var(--grid-extender-font-size-pager) var(--grid-extender-font-family);
    height: var(--grid-extender-height);
    line-height: var(--grid-extender-line-height);
}

.GridClass:has(tbody > tr.GridColumnFooterExtended) {
    border-radius: 0px;
    border: 0px solid transparent;
}

.GridClass > tbody > tr.GridColumnFooterExtended:first-child td {
    border-radius: 0px;
}

.GridClass > tbody > tr.GridColumnFooterExtended > td {
    border: 1px solid transparent !important;
}

.GridClass > tbody > tr > td:has(div.DynamicPagerExtended) {
    padding: 0px;
}

.GridClass:has(tbody > tr > td > div.DynamicPagerExtended) {
    border-radius: 0px;
    border: 0px solid transparent;
}

.GridClass > tbody > tr > td > div.DynamicPagerExtended {
    border-radius: 0px;
    background-color: whitesmoke;
}

.GridClass > tbody > tr > td > div.DynamicPagerExtended {
    border: var(--grid-extender-border-pager) !important;
}