/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

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

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 880px;
}

.HyperlinkButton {
    Height :40px;
    Color:#613E19
}

.HyperlinkButtonBold {
    Height: 40px;
    Color: #613E19;
    font-size:20px;
    font-weight :bold;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.cal_Theme1 .ajax__calendar_container {
    background-color: #e2e2e2;
    border: solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_header {
    background-color: #ffffff;
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev {
    color: #004080;
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body {
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
}

/* ajax__tab_xp-theme theme */
/*Header*/
.Tab .ajax__tab_header {
    color: #4682b4;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    margin-left: 0px;
}
/*Body*/
.Tab .ajax__tab_body {
    border: 1px solid #b4cbdf;
    padding-top: 0px;
}
/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab {
    color: #ffffff;
    background: url("../../tab_active.gif") repeat-x;
    height: 20px;
}

.Tab .ajax__tab_active .ajax__tab_inner {
    color: #ffffff;
    background: url("../../tab_left_active.gif") no-repeat left;
    padding-left: 10px;
}

.Tab .ajax__tab_active .ajax__tab_outer {
    color: #ffffff;
    background: url("../../tab_right_active.gif") no-repeat right;
    padding-right: 6px;
}
/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab {
    color: #000000;
    background: url("../../tab_hover.gif") repeat-x;
    height: 20px;
}

.Tab .ajax__tab_hover .ajax__tab_inner {
    color: #000000;
    background: url("../../tab_left_hover.gif") no-repeat left;
    padding-left: 10px;
}

.Tab .ajax__tab_hover .ajax__tab_outer {
    color: #000000;
    background: url("../../tab_right_hover.gif") no-repeat right;
    padding-right: 6px;
}
/*Tab Inactive*/
.Tab .ajax__tab_tab {
    color: #666666;
    background: url("../../tab_Inactive.gif") repeat-x;
    height: 20px;
}

.Tab .ajax__tab_inner {
    color: #666666;
    background: url("../../tab_left_inactive.gif") no-repeat left;
    padding-left: 10px;
}

.Tab .ajax__tab_outer {
    color: #666666;
    background: url("../../tab_right_inactive.gif") no-repeat right;
    padding-right: 6px;
    margin-right: 2px;
}

.autocomplete_completionListElement {
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    height: 600px;
    text-align: left;
    list-style-type: none;
    font-family: arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #fff4df;
    width: 1000px !important;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    background-color: #193861;
    font-family: arial, Helvetica, sans-serif;
    font-size: small;
    color: #FFFFFF;
}

/* AutoComplete item */

.autocomplete_listItem {
    font-family: arial, Helvetica, sans-serif;
    font-size: small;
    border-width: 1px;
    border-style:inset ;
    border-color: #5274A1;
    padding-top:5px;
    padding-bottom :5px;
}


.rbl input[type="radio"] {
    margin-left: 10px;
    margin-right: 1px;
}



/* ---------- Accordion card look ---------- */
/*.cpe-card {
    border: 1px solid #2f3d7a;
    border-radius: 6px;
    margin-bottom: 0px;
    background: #f7fbff;*/ /* light background to match your form */
    /*box-shadow: 0 1px 2px rgba(0,0,0,.1);
}*/

/* header area with SGCCI nav gradient */
/*.cpe-header {
    background: linear-gradient(#01498C, #01498C);
    color: #fff;
    padding: 6px 10px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}*/

    /* toggle text inside header */
    /*.cpe-header .cpe-toggle {
        color: #fff;
        text-decoration: none;
        font-size: 13px;
        cursor: pointer;
        border: 0;
        background: transparent;
        padding: 0;
    }*/

    /* optional muted subtitle (if needed on right) */
    /*.cpe-header .muted {
        color: rgba(255,255,255,0.85);
        font-weight: 400;
        font-size: 12px;
    }*/

/* panel body with scrollable grid */
/*.cpe-body {
    padding: 0px;
    background: #f7fbff;
}

.cpe-card .table {
    margin-bottom: 0;
    font-size: 13px;
}*/


/* Make table fill card and prevent inner scrollbars */
.cpe-card .cpe-body {
    overflow: visible; /* allow body to expand instead of showing internal scroll */
    padding: 6px; /* small padding */
}

/* Force grid to use available width and allow wrapping of long cells */
.cpe-card .table {
    width: 100% !important; /* ensure it never exceeds card width */
    table-layout: fixed; /* distribute column widths, enable word-wrapping */
    margin-bottom: 0;
    font-size: 13px;
}

    /* allow cell contents to wrap; robust cross-browser fallbacks */
    .cpe-card .table th,
    .cpe-card .table td {
        white-space: normal !important; /* allow wrapping */
        word-wrap: break-word !important; /* legacy name (IE) */
        overflow-wrap: break-word !important; /* standard */
        word-break: break-word !important; /* handle very long words/URLs */
        padding: 6px 8px;
        vertical-align: middle;
    }


/* If your GridView adds horizontal scrollbars via an inline wrapper, make it visible instead of scroll */
.cpe-card .table-responsive {
    overflow: visible !important;
}

/* Optional: reduce font-size slightly if content is dense */
.cpe-card .table td {
    font-size: 12.5px;
}

/* ********* Collapsible panels - SGCCI themed (scoped) ********* */
.event-panels .cpe-card {
    border: 1px solid #2f3d7a;
    border-radius: 6px;
    margin-bottom: 12px;
    background: #f7fbff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}

.event-panels .cpe-header {
    background: linear-gradient(#3b3a97, #2f2f7a);
    color: #fff;
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

    .event-panels .cpe-header .cpe-toggle {
        color: #fff;
        background: transparent;
        border: 0;
        padding: 0;
        cursor: pointer;
        font-size: 13px;
        text-decoration: none;
    }

.event-panels .cpe-body {
    padding: 8px;
    background: #f7fbff;
    overflow: visible; /* allow full length */
}

/* Table fit fixes - prevent inner horizontal scrollbar */
.event-panels .cpe-card .table {
    width: 100% !important;
    table-layout: fixed; /* force wrapping */
    margin-bottom: 0;
    font-size: 13px;
    box-sizing: border-box;
}

    .event-panels .cpe-card .table th,
    .event-panels .cpe-card .table td {
        white-space: normal !important;
        word-wrap: break-word !important; /* legacy */
        overflow-wrap: break-word !important; /* standard */
        word-break: break-word !important;
        padding: 6px 8px;
        vertical-align: middle;
    }

/* make sure any responsive wrapper doesn't force internal scroll */
.event-panels .table-responsive {
    overflow: visible !important;
}


/* minimal: right-side collapsible styling, no internal scroll */
.right-collapsible-body {
    padding: 6px 6px 12px 6px;
    background: transparent;
    overflow: visible !important;
}

    .right-collapsible-body .table {
        width: auto !important;
        min-width: 100% !important;
        table-layout: auto !important;
    }

        .right-collapsible-body .table th,
        .right-collapsible-body .table td {
            white-space: normal !important;
            word-wrap: break-word !important;
            padding: 8px;
        }