/* Use this file to add Custom CSS to PowerSchool */
/* Start /images/css/customization.css */

/* 2/17/2021 - Fixes to PowerSchool's CSS styling in tables */
table.grid td.feedback-alert,
table.grid td.feedback-caution,
table.grid td.feedback-confirm,
table.grid td.feedback-error,
table.grid td.feedback-info,
table.grid tbody tr:nth-child(even)>td.feedback-alert,
table.grid tbody tr:nth-child(even)>td.feedback-caution,
table.grid tbody tr:nth-child(even)>td.feedback-confirm,
table.grid tbody tr:nth-child(even)>td.feedback-error,
table.grid tbody tr:nth-child(even)>td.feedback-info,
table.grid tbody tr:nth-child(odd)>td.feedback-alert,
table.grid tbody tr:nth-child(odd)>td.feedback-caution,
table.grid tbody tr:nth-child(odd)>td.feedback-confirm,
table.grid tbody tr:nth-child(odd)>td.feedback-error,
table.grid tbody tr:nth-child(odd)>td.feedback-info
{
    background: inherit;
}


/* 11/16/2020 - Clarifying the Green class to be background color on buttons rather than everything using Green class. */
a.button.green,
a.button.green:hover,
button.green,
button.green:hover,
input[type="button"].green,
input[type="text"].green,
.green > a.button,
.green > button,
.green > input[type="button"] {
    background-color: #B4EEB4 !important;
}

/* 11/16/2020 - Green class that aren't buttons should be green text instead */
.green:not(.button):not(button):not(input):not(th) {
    color: #B4EEB4 !important;
}

/* 11/17/2020 - Green background color for esg.html */
.greenBackground {
    background-color: #C6EFCE !important;
}

/* 11/16/2020 - Clarifying the Orange class to be background color on buttons rather than everything using Orange class. */
a.button.orange,
a.button.orange:hover,
button.orange,
button.orange:hover,
input[type="button"].orange,
th.orange,
.orange > a.button,
.orange > button,
.orange > input[type="button"] {
   background-color: orange !important;
}

/* 11/16/2020 - Orange class that aren't buttons should be orange text instead */
.orange:not(.button):not(button):not(input):not(th) {
    color: orange !important;
}

/* 11/23/2020 - Corrections to red behavior */
button.red,
.button.red,
input[type="button"].red,
input[type="submit"].red {
    /* normal blue color 0066a5 */
    background-color: #900;
    color: white;
}

button.red:hover,
button.red:focus,
.button.red:hover,
.button.red:focus,
input[type="button"].red:hover,
input[type="button"].red:focus,
input[type="submit"].red:hover,
input[type="submit"].red:focus {
    /* normal hover blue color 00427c */
    background-color: #700;
    color: white;
}

.white,.white:hover {
   background-color: #FFF !important;
}

/* Rainbow logo */
#container.new #branding-powerschool,
#container-frame.new #branding-powerschool {
    background-image: url(../img/powerschool_rainbow_white.svg) !important;

    /* 11/22/2020 - Block PowerSchool's continued attempts to prevent use of rainbow logo! */
    color: transparent;
    min-width: 320px;

    /* 4/26/2022 - Changes in 21.11+ require this amendment, on 21.4.5.2 currently but placing proactively so we're ready */
    background-size: auto 40px !important;
}
/* 11/22/2020 - Block PowerSchool's continued attempts to prevent use of rainbow logo! */
#container.new #branding-powerschool img,
#container-frame.new #branding-powerschool img {
    display: none;
}

/* 6/7/2020 - Remove "Print this page" artifact in the breadcrumbs added in 20.4 */
#btnPrint span.screen_readers_only {
    width: 0;
}

/* 9/23/2020 - Remove artifact behind MBA Support icon, since they haven't fixed it for over a month... */
#supportIcon use.style-scope.pds-icon {
    display: none;
}

/* 7/22/2020 - Bulletin Header (General): Set up formatting, borrowing some <h3> formatting */
/* 9/27/2020 - Apply formatting to PowerTeacher bulletin */
div.box-round h2.datepicker-icon-only ~ h3,
#teacherBulletinDialog .box-round h3 {
    /* Bulletin Header Items */
    color: #3333cc;
}

/* 7/22/2020 - Bulletin Header (Important): when title wrapped in <div>, set color red and add caution icon */
/* 9/27/2020 - Apply formatting to PowerTeacher bulletin */
div.box-round h2.datepicker-icon-only ~ h3 div,
#teacherBulletinDialog .box-round h3 div {
    /* Soft red */
    color: #cc3333;

    /* Borrow a few elements of the feedback-alert class */
    background-image: url(../img/icon-caution.svg);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    padding: 2px 4px 2px 30px;
}

/* 7/22/2020 - Set up formatting for bulletin items *//*
div.box-round h2.datepicker-icon-only ~ h3 + p {
    ( If needed, Bulletin Contents CSS would go here )
}
*/

/* 6/24/2020 - Highlight the hovered row in a table.grid */
/* 10/24/2020 - Adding LinkDescList */
/* 2/17/2021 - Even handling was not here, but found to be needed in some cases */
table.linkDescList tbody tr:nth-child(even):hover>td,
table.linkDescList tbody tr:nth-child(odd):hover>td,
table.linkDescList tbody tr:hover>td,
table.grid tbody tr:nth-child(even):hover>td,
table.grid tbody tr:nth-child(odd):hover>td,
table.grid tbody tr:hover>td,
table tr[bgcolor="#edf3fe"]:hover>td,
table tr[bgcolor="#ffffff"]:hover>td {
    background-color: lightyellow;
}

/* Italics */
.italic,.italics {
    font-style: italic;
}

/* Blink */
.blink {
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	 animation: blink .75s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}

/* 8/23/2021 - Fix CSS issues on login page when class="red" is used */
.pslogin h2.red {
    color: #900;
}

/* 8/24/2021 - Testing for Romy - see if transparency on out-of-session days on Seating Chart can be overridden! */
/*
.pssc .pssc-studentDiv .pssc-preregMask {
    background-color: transparent !important;
}
*/

/* 9/2/2021 - Make school picker transparent so prior/future year warnings are correct */
#school_picker_adminSchoolPicker_toggle_btn {
    background-color: transparent;
}

/* 10/19/2021 - Banner color - Do not use on Production */
/*
#pds-header {
    background-color: red;
}
*/

/* 7/8/2022 - Fix student headers, PS changed margins in 22.6 */
#page-heading-div h1#page-heading {
    margin: 25px 20px 10px 0px;
}

/* 10/24/2022 - To enable Student Groups, they enabled AppSwitcher.. but it doesn't work in our environment, so trying to hide it. */
pds-app-switcher.pds-widget {
    display: none;
}

/* 12/8/2022 - Custom Page Manager additions were made to /admin/customization/home.d91_CSS.content.footer.txt */

/* End /images/css/customization.css */