/* input(250,10): run-time error CSS1030: Expected identifier, found '.'
input(250,19): run-time error CSS1025: Expected comma or open brace, found ')'
input(295,34): run-time error CSS1030: Expected identifier, found '#keyword'
input(295,80): run-time error CSS1025: Expected comma or open brace, found ')'
input(312,22): run-time error CSS1030: Expected identifier, found '#time-of-day-label'
input(312,72): run-time error CSS1025: Expected comma or open brace, found ')' */
/* Copyright 2023 Ellucian Company L.P. and its affiliates. */
/* This style sheet should be used for custom client styles.
This style sheet is applied last, so it will override anything 
set in site.css, the area-specific css, and theme.css. */

._weboptimizer_returns_404_on_empty {
    background-color: rgba(255,255,255,0);
}

/*
Hide Estimated Pay in Total Compensation
also edited resource file
*/
#calculate-button {
    display: none;
}

#estimated-annual-pay-input {
    pointer-events: none;
}

/*
    Add icon for PPL tile on front page
*/
.schoolcraft-ppl_expandednavlink {
    background: url("Images/course-catalog.png") no-repeat 5px 1px;
    padding-left: 4.62em;
}

/*
    Tweak padding around our logo
*/
#header-bar > div.esg-header-bar__logo > a > img {
    /* this adds padding that was never there before Schoolcraft */
    padding: 0.5rem;
}

#header-bar > div.esg-header-bar__logo {
    /* this overrides Elluican's base logo styling */
    padding: 0 0 0 0.25rem;
}

/*
    Change header menu text color from Ellucian purple
*/
.esg-header-bar__logo, .esg-header-bar__menu-link {
    color: white;
}

/*
    Our footer logo is added back in manually with HTML in _Layout.cshtml
    and we need to set a width otherwise it is large. Shrinking it with
    CSS also allows it to look better on higher resolution devices.
*/
.esg-footer img.esg-footer__logo {
    display: block;
    width: 150px;
    margin-bottom: 0.5rem;
}

/*
    Change Login Background
*/
.esg-sign-in__page:before {
    background-color: #bdbdbd;
    background-image: url('images/sign-in-background.jpg');
    background-position: 50%;
    background-size: cover;
    overflow: hidden;
    z-index: -2;
    background-blend-mode: luminosity;
    filter: blur(5px);
}

/*
    .sc-hide is a generic utility class for when developing/debugging delivered content that needs to be hidden.
    Adding sc-hide as a class in the web developer tools will prove that the display: none !important trick will work.
    David and Brandon agree that ideally existing element IDs will get their own rules in Custom.css or a new unique
    class (e.g. .sc-hide-never-attended) will be added to Custom.css going forward.
    This will hopefully encourage us to better document hidden items in Custom.css :)
*/
.sc-hide {
    display: none !important;
}

/*
    Hide Never Attend Column on faculty Grading
    FacultySectionGradingPartial.cshtml
    FacultySectionFinalGradesPartial.cshtml
    
    Possibly related enhancement IDEA:
    IDEA-68636 Drop Roster - Parameterize the Never Attended Option
    https://elluciansupport.service-now.com/customer_center?id=view_idea&sysparm_idea_table=idea&sysparm_module_id=internal&sysparm_idea_id=7dc9501087afa5140fc5db583cbb3570
*/
#finalGradeNeverAttendedHeader {
    display: none !important;
}

#gradingOverviewNeverAttendedHeader {
    display: none !important;
}

.sc-hide-neverattended {
    /* add this class to the td elements that are repeated in each row */
    display: none !important;
}

/*
    Hide Counselor Contact Info at bottom of SSFA Home Page
*/
#counselor-container {
    /* Brandon changed from visibility: hidden to allow the empty space to be reused/reflowed */
    display: none !important;
}

/*
    Hide Financial Aid Counselor Header on SSFA SAP Page (Satisfactory?/In-Flow?)
*/
#fa-counselor-section {
    /* Brandon changed from visibility: hidden to allow the empty space to be reused/reflowed */
    display: none !important;
}

/*
Removed Ellucian Rights Reserved and Privacy Policy from...
.../Student/Views/Shared/_Layout.cshtml (line ~240)
*/

/*
Notes...
Other Files to consider...
.../Student/Content/Theme.css
.../Student/App_Data/Sitemap.config
.../Student/Content/Images/logo-light.png
.../Student/Content/Images/logo-footer.png
.../Student/Content/Images/report-logo.png
.../Student/Areas/Student/Views/Help/FacultyFacultyNavigation.cshtml *Changed the crap out fo it - jusdt go copy it*
.../Student/Areas/Student/Views/Help/FacultyIndex.cshtml removed "student waivers, enter petitions, enter *grades*, view textbooks,"
*/

/*
    Privacy policy styles
    Ellucian resets unordered lists and other styles, so we need to add these back
    as well as add a class in Privacy.cshtml
    <div class="schoolcraft-privacy-policy">
*/
.schoolcraft-privacy-policy h2 {
    margin-top: 0;
}

.schoolcraft-privacy-policy p {
    margin-bottom: 1rem;
    line-height: 1.6;
}

.schoolcraft-privacy-policy ul {
    list-style-type: disc;
    padding-left: 2rem;
    max-width: 86ex;
}

    .schoolcraft-privacy-policy ul ul {
        margin-top: unset;
    }

.schoolcraft-privacy-policy li {
    line-height: 1.6;
}

/*
    Login page background overlay color
    Override default purples
*/
.esg-sign-in__page:after {
    /* defaults*/
    /* background: #7272d9; */
    /* background: linear-gradient(180deg, #7272d9 0, #5353d1); */

    background: #18305a; /* official dark blue production is too dark */
    background: #004088; /* ui production's current blue is better */
    background: linear-gradient(to bottom, #004088 0%, #002855 100%); /* ui production's gradient */
    opacity: 0.9 !important; /* I noticed UI production has this from Ellucian */
}
/*
    Case insensitive attribute selectors are awesome!
    https://css-tricks.com/almanac/selectors/a/attribute/#case-insensitive-matching
*/
body[data-site-name*="ellucian" i] .esg-sign-in__page:after, body[data-site-name*="dev" i] .esg-sign-in__page:after {
    /* dev and local environments are red */
    background: #cc0000;
}

body[data-site-name*="test-1" i] .esg-sign-in__page:after, body[data-site-name*="test1" i] .esg-sign-in__page:after {
    /* test-1 is purple */
    background: #663399;
}

body[data-site-name*="test-2" i] .esg-sign-in__page:after, body[data-site-name*="test2" i] .esg-sign-in__page:after {
    /* test-2 is green */
    background: #2f8432;
}

body[data-site-name*="replica" i] .esg-sign-in__page:after {
    /* daily replica environment is baby blue */
    background: #89cff0;
}

/*
    Fix font size on login form elements to prevent zooming on iOS
*/
input#UserName {
    font-size: 16px;
}

input#Password {
    font-size: 16px;
}

/*
    Re-use the textarea styling from retention alert in other places
*/
.schoolcraft-textarea {
    width: 100%;
    /* min-height: 7.8125rem; */
    /* instead set rows attribute for how many lines to show! */
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    margin: 0rem;
    padding-right: 0.0625rem;
    top: 0rem;
    left: 0rem;
    resize: none;
    max-height: 7.8125rem;
}

/*
    Re-usable paragraph styling inspired by our privacy policy styles
*/
.schoolcraft-pretty-paragraph-wrapper p {
    margin-bottom: 1rem;
    line-height: 1.6;
}

/*
    Fix underline appearing between icons and labels on pages like Advising tab of Student Planning
    /Student/Planning/DegreePlans
    (Brandon wanted a reason to try the relatively new "has" pseudo selector supported by modern browsers!)
*/
a:has(svg.esg-icon) {
    text-decoration: none !important;
}

/*
    Spacing of special icons in course section search results
*/
div.layout-table-cell .icon-fees {
    margin-left: 0.25rem;
}

/*
    Make special icons bigger in the modal when you click on a single course section
*/
modal-dialog .icon-fees {
    height: 2rem;
    margin-right: 0.5rem;
}

/*
    Remove first padding of search icon in modal so it aligns with text
*/
modal-dialog .search-sectiondetails-fees-icon {
    margin-left: 0;
}

/*
    Increase spacing after this line of text so fees don't awkwardly touch it
*/
#fees-exclude-tuition-disclaimer {
    margin-bottom: 1rem;
}

/*
    SP 152475 Remove FA director name from SAP FA SS page (because we do not currently assign counselors to every student)
*/
div#sap-appeal-section-content h3.bold {
    display: none;
    /* for troubleshooting consider using border to see if other <h3> tags are captured by your selector */
    /*border: 1px solid red;*/
}

/* Begin 2024-08-02 SP 153728 PPL SS OA Search Feature Issue */
/* CSC03414554 The top right "search" field loses sections in cart in Instant Enrollment */
/* PD0016415   SS Instant Enrollment "Cart" lost after using search */
div.keyword-search-form:has(input#keyword[placeholder="Search for sections..."]) {
    /* parent has selector requires modern browser */
    display: none !important;
}

input#keyword[placeholder="Search for sections..."] {
    /* as a fallback: hide the search field just for instant enrollment - regular course catalog is not impacted */
    display: none !important;
}

    input#keyword[placeholder="Search for sections..."] ~ button#submit-course-search {
        /* as a fallback: hides the search field icon submit button just for instant enrollment - regular course catalog is not impacted */
        display: none !important;
    }
/* End 2024-08-02 SP 153728 PPL SS OA Search Feature Issue */

/* Begin SP 163211 Self Service Filters hide PPL search filters on search page */
div.esg-row:has(label#time-of-day-label[data-bind*="InstantEnrollment"]),
div.esg-row:has(label#location-label[data-bind*="InstantEnrollment"]),
div.esg-row:has(label#days-of-week-header[data-bind*="InstantEnrollment"]) {
    /* SP 163211 Self Service Filters - November 2025 - PPL wants to hide 3 front page search fields on search form only, leaving on results page */
    display: none;
}
/* End SP 163211 Self Service Filters hide PPL search filters on search page */

/* Fix 4px horizontal scroll overflow, caused by "Experience Everywhere" which is only available to SaaS schools */
#ee-headerkit-wrapper {
    margin-left: 0;
}

/*
    SS V3.11 changed the breadcrumb bar: a z-index of 100 causes it to overlap
    the sidebar tooltips (z-index 50), and the bottom padding went from 10px to 0,
    which inadvertently made the bar 8px shorter and asymmetrical. Fix keeps the bar
    behind the tooltips and puts V3.7 spacing back (Ellucian's own values).
*/
#breadcrumb {
    z-index: 10;
}

#breadcrumb-root {
    padding-bottom: 0.625rem;
}

    #breadcrumb-root > .esg-breadcrumb__list-item {
        padding-bottom: 0.125rem;
    }