body {
    font-family: 'Open Sans', sans-serif;
}

body #Form {
    min-height: calc(100vh - 2em);
}

.nav-bar-spacer {
    height: 58px;    
}

.btn-primary {
    background-color: #1D9CD3 !important;
    border-color: #1D9CD3 !important;
    color: #fff !important;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #1884b3 !important; /* Darkened version of #1D9CD3 */
    border-color: #1884b3 !important;
}

.btn-outline-primary {
    background-color: #fff !important;
    border-color: #1D9CD3 !important;
    color: #1D9CD3 !important;
    transition: all 0.3s ease;
}

.btn-outline-primary:hover {
    background-color: #1D9CD3 !important;
    color: #fff !important;
}

.footer {
    color: #535d67;
    display: block;
    width: 100%;
    line-height: 2rem;
    text-align: center;
}

a.footer:link, a.footer:active, a.footer:visited {
    color: #535d67;
    font-weight: 400;
    text-decoration: none;
}

.col-empty, .col:empty, [class^=col-]:empty {
    display: none;
}

#dnn_ContentPane [id$="_pnlFeedbackFormFields"] {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 50%!important;
}

#help-center-module-container {
    margin-top: 20px;
}

#module-top-row-wrapper {
    margin-bottom: 20px;
}

#module-top-row-wrapper .subnav-header {
    background-color: #88d1d4;
    border-bottom: 1px solid lightgray;
}

#module-top-row-wrapper .subnav-header h1 {
    display: inline-block;
    margin-bottom: 0px;
    color: #444444;
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 70px;
}

#module-top-row-wrapper .module-header h1 {
    margin-bottom: 0px;
    color: #444444;
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 70px;
}

#module-top-row-wrapper .module-header {        

}

.subnav-header #subnav-title {
    padding-left: 100px;
    padding-right: 100px;
    display: inline-block;
}

.subnav-header .title-gradient {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 20%, white 80%, rgba(255, 255, 255, 0) 100%);
    display: inline-block;
    /*padding: 0 .75em;*/
}

/* Bootstrap 5 related changes */
.edlio-content-pane {
    margin-top: 20px;
}

.row td {
    border-bottom: none!important;
}

.input-row {
    margin-bottom: 20px;
}

.RadMenu a.rmLink {
    text-decoration: none !important;
}

.bread_p {
    padding: 0px 0 0 22px !important;
}

.table-striped table tbody td a {
    /*padding: 5px;*/
    font-size: 1em;
    text-decoration: none;
    color: #10A89D;
}
.Hide {
    display: none;
}
th.column-header-cell {
    background-color: #e6e6e6 !important;
}

.table-striped table tbody td span {
    font-size: 1em;
    color: #000;
}

.form-select {
    color: #212529;
}

.form-check-label {
    margin-top: 3px;
}

/* Form control sizing to match buttons */
.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.form-select.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}

.form-check-input {
    margin-top: 8px;
    display: inline-flex;
    margin-left: 0em !important;
    border: 0px;
}

.svg-transactions {
    background-image: url('images/Transactions.svg');
}

 

.svg-reports {
    background-image: url('images/Reports.svg');
}

.svg-setup {
    background-image: url('images/Setup.svg');
}
.svg-import-export {
    background-image: url('images/Import.svg');
}
.svg-students {
    background-image: url('images/Students.svg');
}

[id$="GridView1"] tr:first-child td {
    padding: 5px 5px 5px 5px;
}



[id$="DataGridDetails"] td.column-header-cell, [id$="dgOrders"] td.column-header-cell,
[id$="GridViewSponsorTeacher"] td.column-header-cell, [id$="grdUsers"] td.column-header-cell {
    font-size: medium;
    text-decoration: none;
    color: #10A89D !important;
    background-color: #e6e6e6 !important;
    font-weight: bold;
}

[id$="GridView1"] th a, [id$="grdActivityList"] th a,
[id$="dgOrders"] th a, [id$="GridViewSponsorTeacher"] th a,
[id$="grdFees"] th a, [id$="grdTemplates"] th a, [id$="grdPrograms"] th a,
[id$="grdCategory"] th a, [id$="grdGroups"] th a, [id$="grdProductChoices"] th a {
    font-size: medium;
    text-decoration: none;
    color: #10A89D !important;
}

[id$="GridView1"] th span, [id$="grdActivityList"] th span,
[id$="dgOrders"] th span, [id$="GridViewSponsorTeacher"] th span,
[id$="grdFees"] th span, [id$="grdTemplates"] th span, [id$="grdPrograms"] th span,
[id$="grdCategory"] th span, [id$="grdGroups"] th span, [id$="grdProductChoices"] th span {
    font-size: medium;
    color: #000;
}

[id$="ModuleContent"] {
    padding-left: 0px;
    padding-right: 0px;
}

#dnn_DashboardMessagesWrapper {
    /*padding-left: 0px!important;*/
}

.dashboard-message {
    margin-right: 0px;
}

@media screen and (max-width: 900px) {
    [for="chkInactive"] {
        font-size: .55em !important;
    }

    [id$="GridView1"] td input, [id$="DataGridDetails"] td input, [id$="grdActivityList"] td input {
        font-size: .55em !important;
    }

    [id$="_Sponsor"], [id$="_FundAccount"], [id$="_Category"], [id$="_txtDate"] {
        font-size: 0.55em;
    }

    [id$="btnSearch"], button#advancedSearch, [id$="ClearSearch"], [id$="cmdAdd"],
    [id$="advancedSearch"], [id$="_btnRedeem"], [id$="btnCancel"], [id$="btnUpdate"],
    [id$="ViewButton"], [id$="ResetButton"], [id$="cmdUpdate"], [id$="cmdCancel"],
    [id$="cmdPostReceipt"], [id$="cmdUpdateFilter"], [id$="ImageButtonSearch"], [id$="EditRefund"],
    [id$="cmdAdd"], [id$="cmdImport"], [id$="lnkBtnDelete"], [id$="cmdSave"], [id$="btnInsert"] {
        font-size: .60em !important;
    }

    #advancedSearchOptions .header-row {
        margin-bottom: 0px;
    }

    #advancedSearchOptions .header-row .form-label {
        font-size: .55em !important;
        margin-bottom: 5px;
    }

    [id$="GridView1"] td,
    [id$="GridView1"] th, [id$="DataGridDetails"] td, [id$="DataGridDetails"] th,
    [id$="grdActivityList"] td, [id$="grdActivityList"] th,
    [id$="dgOrders"] td, [id$="dgOrders"] th, [id$="grdGroups"] th, [id$="grdProductChoices"] th {
        font-size: 0.75em !important;
        padding: .85em;
    }

    [id$="_FilterField"] {
        font-size: 0.75em !important;
    }

    .activity-name-cell {
        min-width: 100px;
    }

    .button-row .form-check {
        padding-left: 0px !important;
    }

    .button-row col {
        padding-left: 0px !important;
    }
}
.footer-link {
    color: #535d67;
    text-decoration: none;
    font-size: 13px;
}

@media screen and (min-width: 900px) {
    [id$="_EditButton"], [id$="_LinkButton1"] {
        font-size: .65em;
    }

    [id$="_Sponsor"], [id$="_FundAccount"], [id$="_Category"], [id$="_txtDate"] {
        font-size: .85em;
    }

    [id$="btnSearch"], button#advancedSearch, [id$="ClearSearch"], [id$="cmdAdd"],
    [id$="advancedSearch"], [id$="_btnRedeem"], [id$="btnCancel"], [id$="btnUpdate"],
    [id$="ViewButton"], [id$="ResetButton"], [id$="cmdUpdate"], [id$="cmdCancel"],
    [id$="cmdPostReceipt"], [id$="cmdUpdateFilter"], [id$="ImageButtonSearch"],
    [id$="EditRefund"], [id$="cmdAdd"], [id$="cmdImport"], [id$="lnkBtnDelete"],
    [id$="cmdSave"], [id$="btnInsert"], [id$="btnExport"] {
        font-size: .70em !important;
    }
    
    #advancedSearchOptions .header-row {
        margin-bottom: 0px;
    }

    #advancedSearchOptions .header-row .form-label {
        font-size: .65em !important;
        margin-bottom: 5px;
    }

    [id$="GridView1"] td,
    [id$="GridView1"] th, [id$="DataGridDetails"] th, [id$="grdActivityList"] td, [id$="grdActivityList"] th,
    [id$="dgOrders"] td, [id$="dgOrders"] th, [id$="grdGroups"] th, [id$="grdProductChoices"] th {
        font-size: 1em !important;
        padding: .85em;
    }

    [id$="_FilterField"] {
        font-size: 1em!important;
    }

    .activity-name-cell {
        min-width: 200px;
    }

    label[for=chkInactive] {
        font-size: 0.70em !important;
        padding-top: 4px;
    }

    .button-row .form-check {
        padding-left: 0px!important;
    }

}

@media screen and (min-width: 1200px) {
    [id$="_EditButton"], [id$="_LinkButton1"] {
        font-size: .85em;
    }
 
    [id$="_Sponsor"], [id$="_FundAccount"], [id$="_Category"] {
        font-size: .75em;
    }

    [id$="btnSearch"], button#advancedSearch, [id$="ClearSearch"], [id$="cmdAdd"], [id$="advancedSearch"], [id$="_btnRedeem"],
    [id$="btnCancel"], [id$="btnUpdate"], [id$="cmdUpdate"], [id$="cmdCancel"], [id$="cmdUpdateFilter"], [id$="cmdPostReceipt"],
    [id$="ViewButton"], [id$="ResetButton"], [id$="ImageButtonSearch"], [id$="EditRefund"], [id$="cmdAdd"], [id$="cmdImport"],
    [id$="lnkBtnDelete"], [id$="lnkBtnDelete"], [id$="cmdSave"], [id$="btnInsert"], [id$="btnExport"] {
        font-size: .85em !important;
    }

    #advancedSearchOptions .header-row {
        margin-bottom: 0px;
    }

    #advancedSearchOptions .header-row .form-label {
        font-size: 1em !important;
        margin-bottom: 5px;
    }

    [id$="GridView1"] td,
    [id$="GridView1"] th, [id$="DataGridDetails"] th, [id$="grdActivityList"] td, [id$="grdActivityList"] th,
    [id$="dgOrders"] td, [id$="dgOrders"] th, [id$="grdGroups"] th, [id$="grdProductChoices"] th {
        font-size: 1em !important;
        padding: .65em;
    }

    .activity-name-cell {
        min-width: 300px;
    }

    label[for=chkInactive] {
        font-size: .90em !important;
    }
}

[id$="dgOrders"] tr.table-striped {   
    text-align: center !important;
}

.style1 {
    width: 501px;
}

.ui-widget-overlay {
    opacity: .5;
    background: black;
}

.modal-message {
    font-weight: bold;
    font-style: italic;
    font-size: 1.10em;
    padding: 4px;
    margin-top: 6px;
    margin-bottom: 10px;
}

.modal-message-greensuccess {
    color: green;
}

.modal-message-rederror {
    color: red;
}

.modal-message-yellowwarning {
    color: #ff6a00;
}

.ui-dialog-buttonset {
    float: left !important;
}

.ui-button, .ui-button:hover {
    font-weight: bold;
}

.opaqueLayer {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    background-color: #000000;
    z-index: 1000;
}

.refundLayer {
    position: absolute;
    top: 60px;
    left: 20%;
    width: 1200px;
    height: 650px;
    display: none;
    z-index: 1001;
    border: 2px solid black;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}

.ClsHide {
    display: none;
}

[id$="Panel2"] div:nth-child(2) {
    max-height: 550px;
    overflow-y: scroll;
}

@media (max-height: 800px) {
    [id$="Panel2"] div:nth-child(2) {
        max-height: 350px;
        overflow-y: scroll;
    }
}


.spinner {
    display: none;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 )
    /*url('http://i.stack.imgur.com/ajax-loader.gif') */
    url('<%= HttpContext.Current.Request.ApplicationPath %>/images/ajax-loader2.gif') 50% 50% no-repeat;
}

body.loading .spinner {
    overflow: hidden;
}

body.loading .spinner {
    display: block;
}

/*breadcrumb css*/
ol.breadcrumb li + li:before {
    content: '/\00a0';
    padding: 0 .382em;
    color: #abacac;
}

a.disabled, ol.breadcrumb li.active a, ol.breadcrumb span {
    color: #aaabad;
}

    ol.breadcrumb a {
        color: #1d9cd3 !important;
        text-decoration: none !important;
    }

ol.breadcrumb {
    --bs-breadcrumb-margin-bottom: 0.0rem !important;
}

#breadcrumb {
    margin-top: 20px;
}

/* Hover effects for filter buttons */
button[id*="_advancedSearch"], button[id*="_ClearSearch"] {
    transition: all 0.3s ease;
}

button[id*="_advancedSearch"]:hover, button[id*="_ClearSearch"]:hover {
    background-color: #1D9CD3 !important;
}

button[id*="_advancedSearch"]:hover span, button[id*="_ClearSearch"]:hover span {
    color: white !important;
}

button[id*="_advancedSearch"]:hover i, button[id*="_ClearSearch"]:hover i {
    color: white !important;
}

/* Additional button hover effects */
.btn-danger {
    transition: all 0.3s ease;
}

.btn-danger:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

.btn-sm {
    transition: all 0.3s ease;
}

/* Add hover effects to any button with an ID containing these patterns */
[id*="_LinkButtonEdit"]:hover, 
[id*="_LinkButtonDelete"]:hover,
[id*="_WriteOffButton"]:hover,
[id*="_btnBulkUpdate"]:hover {
    opacity: 0.9;
}

/* Print styles */
@media print {
    /* Basic page setup */
    body, html {
        margin: 0 !important;
        padding: 0 !important;
        background-color: white !important;
    }
    
    /* Hide unwanted elements */
    .nav,
    .header,
    .footer,
    .topnavbar,
    #topnavbar,
    .menu-cell,
    #menu-cell,
    .ControlPanel,
    #ControlPanel,
    table.ControlPanel,
    .obligation-list-top-buttons,
    #module-top-row-wrapper,
    #dnn_ContentPane > *:not([id$="OSPDetailedObligList"]),
    [id$="FilterFieldDetailedObligations"],
    [id$="btnSearch"],
    [id$="advancedSearch"],
    [id$="ClearSearch"],
    [id$="btnExport"],
    [id$="cmdAdd"],
    #advancedSearchOptions,
    [id$="chkAllObligationsWrapper"],
    [id$="chkAllSchoolObligationsWrapper"],
    [id$="SearchResultsLabelWrapper"],
    [id$="GridView1"] .pager,
    [id$="write-off-dialog-overlay"],
    [id$="bulk-dialog-overlay"],
    [id$="write-off-dialog"],
    [id$="bulk-dialog"],
    [id$="_LinkButtonEdit"],
    [id$="_LinkButtonDelete"],
    [id$="_WriteOffButton"] {
        display: none !important;
    }
    
    /* Additional rules to ensure advanced search is hidden */
    #advancedSearchOptions,
    div[id$="_advancedSearchOptions"] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Show main content */
    [id$="OSPDetailedObligList"] {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Style the summary section */
    .summary-section {
        display: flex !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background-color: white !important;
        border: 1px solid #ddd !important;
        box-shadow: none !important;
        page-break-inside: avoid !important;
        page-break-after: avoid !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 20px !important;
    }
    
    .summary-item {
        display: flex !important;
        align-items: center !important;
        margin-right: 0 !important;
        white-space: nowrap !important;
    }
    
    .summary-label, .summary-value {
        display: inline-block !important;
        font-size: 12pt !important;
        white-space: nowrap !important;
    }
    
    /* Show pagination in print mode */
    .print-pagination {
        display: inline-block !important;
        margin-left: auto !important;
        text-align: right !important;
        font-size: 12pt !important;
        font-weight: bold !important;
        white-space: nowrap !important;
    }
    
    /* Style the data table */
    [id$="GridView1"] {
        display: table !important;
        width: 100% !important;
        border-collapse: collapse !important;
        margin-top: 0.5cm !important;
        page-break-before: avoid !important;
    }
    
    [id$="GridView1"] tr {
        display: table-row !important;
        page-break-inside: avoid !important;
    }
    
    [id$="GridView1"] th, 
    [id$="GridView1"] td {
        display: table-cell !important;
        padding: 8px !important;
        text-align: left !important;
        border-bottom: 1px solid #ddd !important;
        font-size: 10pt !important;
    }
    
    [id$="GridView1"] th {
        background-color: #f1f1f1 !important;
        color: #000 !important;
        border-bottom: 1px solid #000 !important;
        font-weight: bold !important;
    }
    
    [id$="GridView1"] th a,
    [id$="GridView1"] th span {
        color: #000 !important;
        font-weight: bold !important;
    }
    
    /* Hide last three columns (action buttons) */
    [id$="GridView1"] th:nth-last-child(1),
    [id$="GridView1"] th:nth-last-child(2),
    [id$="GridView1"] th:nth-last-child(3),
    [id$="GridView1"] td:nth-last-child(1),
    [id$="GridView1"] td:nth-last-child(2),
    [id$="GridView1"] td:nth-last-child(3) {
        display: none !important;
    }
    
    /* Hide OAI and Valid columns */
    [id$="GridView1"] th:nth-child(9),
    [id$="GridView1"] th:nth-child(10),
    [id$="GridView1"] td:nth-child(9),
    [id$="GridView1"] td:nth-child(10) {
        display: none !important;
    }
    
    /* Show only page info in pager template and hide navigation buttons */
    [id$="GridView1"] .pagination-container div:first-child {
        display: none !important;
    }
    
    [id$="GridView1"] .pagination-container div:last-child {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin-top: 10px !important;
    }
    
    /* Set page margins */
    @page {
        margin: 0.5cm !important;
        size: portrait !important;
    }
}
    
.summary-section {
    background-color: #f8f9fa;
    padding: 10px;
    margin: 20px 0;
    border-radius: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    border: 1px solid #e9ecef;
}
.summary-item {
    display: flex;
    align-items: center;
    gap: 8px;
}
.summary-label {
    font-weight: 600;
    color: #495057;
}
.summary-value {
    font-weight: 700;
    color: #212529;
}
.print-pagination {
    display: none; /* Hide in normal view */
}

/* Advanced Search Card Styling */
#advancedSearchOptions {
    border: none;
    border-radius: 8px;
    overflow: hidden;
    margin: 15px 10px;
}

#advancedSearchOptions .card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 0.75rem 1.25rem;
}

#advancedSearchOptions .card-header h6 {
    color: #495057;
    font-weight: 600;
    font-size: 0.95rem;
}

#advancedSearchOptions .card-body {
    background-color: #ffffff;
    padding: 1.25rem;
}

.form-check-input {
    margin-top: 8px;
    display: inline-flex;
    margin-left: 0em !important;
    border: 0px;
}