.DB_mask {
   z-index: 999999999999999 !important;
}
.DB_dialog {
   z-index: 9999999999999999 !important;
}
#mobileapp-smart-banner .en-smartAppBanner-content {
   width: 100% !important;
}
.en-hp-alert-box {
   max-width: 600px !important;
   width: 95% !important;
}
.en-hp-alert-box .alert-box-header h1 {
   font-size: clamp(14px, 1.6363vw, 18px) !important;
   line-height: 2 !important;
}
.inner-page {
   display: flex;
   flex-direction: column;
   min-height: 100vh !important;
   height: 100% !important;
}
.inner-page .footer {
   margin-top: auto;
}
#albumName:focus,
#albumName:hover {
   outline: none !important;
}
.en-pages-inner-wrapper {
   max-width: 1040px;
   width: 96%;
   margin: 0 auto;
   padding: 20px;
   background: none;
   padding-top: 38px;
   padding-bottom: 32px;
   position: relative;
   min-height: 400px;
   height: auto !important;
}
#more-videos-list li a.playing {
   background-color: #d0d0d0 !important;
   border-top: 1px solid #777 !important;
   border-bottom: 1px solid #777 !important;
   font-weight: 400 !important;
}
.pageTitle {
   width: auto;
   display: block;
   height: 30px;
   padding: 0px 0 19px 0px;
   margin-bottom: 35px;
   font-size: clamp(30px, 3.8vw, 38px);
   color: #000;
   position: relative;
   background: url(/pics/pagetitle_bg.png) no-repeat left bottom;
   font-family: 'Roboto Slab', serif;
   font-weight: 300;
   letter-spacing: 0.9px;
   line-height: 30px;
}
.pageTitle:before {
   background: url(/pics/paw.png) no-repeat left bottom;
   width: 39px;
   height: 37px;
   position: absolute;
   content: '';
   right: 0;
}
.en-pages-inner-wrapper,
.en-pages-inner-wrapper table,
.en-pages-inner-wrapper .neutral {
   font-family: 'Open Sans', sans-serif;
   font-size: clamp(14px, 1.6vw, 16px);
   font-weight: 400;
   line-height: 24px;
   color: #121212;
}
.light {
   background-color: #fdfafa !important;
   font-family: 'Open Sans', sans-serif !important;
   font-size: clamp(14px, 1.6vw, 16px) !important;
   font-weight: 400 !important;
   color: #121212 !important;
}
.dark {
   background-color: #8c0000 !important;
   color: #fff !important;
   font-family: 'Open Sans', sans-serif !important;
   font-size: clamp(14px, 1.6vw, 16px) !important;
}
.dark a,
.dark a:visited,
.dark a:link,
.dark a:hover,
.dark a:active {
   color: #fff !important;
}
#pageNav {
   border: 0;
   font-size: 14px;
   position: relative;
   background: #000;
   margin-left: 20px;
   width: 327px !important;
}
#pageNav ul,
#pageNav ul li {
   list-style: none;
   line-height: 16px;
}
#pageNav ul {
   padding: 10px 0 !important;
   margin: 0 auto !important;
   width: 327px;
   height: auto !important;
   background: #efefef;
}
#pageNav ul li {
   padding: 0 0 0px !important;
   margin: 0 0 0px !important;
   zoom: 1; /* important for IE6 */
   margin-left: 17px !important;
   margin-right: 17px !important;
}
#pageNav td img {
   display: none;
}
#pageNav ul li a,
#pageNav ul li b {
   min-height: 20px;
   text-decoration: none;
   padding: 10px 29px 10px 18px;
   margin: 0;
   display: block;
   font-size: 17px;
   text-align: left;
   position: relative;
   z-index: 0;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   line-height: 1.2;
   outline: none;
}
#pageNav ul li b,
#pageNav ul li a:hover,
#pageNav ul li a:focus {
   background: url('/pics/li_arrow.png') no-repeat center right 10px,
      url('/pics/li_hover.jpg') repeat-y, #000;
   color: #fff;
}
#pageNav ul li a {
   text-decoration: none;
   color: #000;
   background: none;
}
.lightBorderBottom,
tbody.light td {
   border-bottom: 1px solid #dfdfdf;
}
.en-inner-pages-links-module-linkUrl a {
   font-weight: 400 !important;
   text-decoration: underline !important;
}
.en-inner-pages-links-module > div.en-inner-pages-links-module-link {
   max-height: 24px;
}
.bell-title {
   justify-content: center !important;
}
.dark.bell-title.darkBorderBottom {
   padding: 0.4em 0.5em 0.27em 0.5em;
}
.bell-schedule .dark p[align='center'] {
   margin: 0 !important;
   padding: 20px !important;
   box-sizing: border-box !important;
}
.dark.bell-title.darkBorderBottom a,
.dark.bell-title a {
   text-decoration: none !important;
}
.bell-schedule .dark {
   box-sizing: border-box !important;
   padding-left: 10px !important;
}
a[id^='enCMS'] {
   word-break: break-all !important;
}
.en-pages-inner-wrapper img[src='/pics/powerschool_sign.png'],
.en-pages-inner-wrapper img[src='/pics/powerschool_sign.png'] {
   max-width: 100% !important;
}
div[is='en-responsive-div'] {
/*height: auto !important;*/
}
/* search popup */
.en-header-popup-wrapper {
   margin: auto auto !important;
   display: block !important;
   height: 107px !important;
   max-width: 500px !important;
   background: #c42030 !important;
}
.en-popup-close-img {
   background-color: #354395;
   border-radius: 50%;
}
@media screen and (max-width: 600px) {
   .en-header-popup-wrapper {
      max-width: 80vw !important;
   }
   .en-pages-inner-wrapper blockquote {
      margin: 10px 10px;
   }
}
.en-header-popup-body {
   padding-top: 26px !important;
}
/* SEARCH POPUP */
/* inner-page event */
#events-page #infobar #curmonth {
   font-size: clamp(14px, 2.2vw, 22px) !important;
}

/* form contact */
#en-cms-contact-form table {
   max-width: 463px;
   width: 100%;
   margin: 0 auto;
}
#en-cms-contact-form table .en-contactus-form-firsthf td {
   padding: 5px;
}
.en-contactus-form-secondhf td {
   padding: 5px;
}
.en-pages-inner-wrapper .waInputText {
   border: 1px solid #aaaabb !important;
   border-radius: 0 !important;
   font-family: Arial, Verdana, sans-serif !important;
   font-size: 9.5pt !important;
   padding: 2px !important;
   width: 350px !important;
}
.en-contactus-form-last-td table td {
   padding: 5px;
}
/* MARGINS AND PADDING */

div.contentHolder {
   margin: 0 0 20px 0;
   padding: 5px 5px 5px 20px;
   background: #eee;
}
hr {
   display: block;
   height: 1px;
   border: 0;
   border-top: 1px solid #ccc;
   margin: 1em 0;
   padding: 0;
}
.en-pages-inner-wrapper ol {
   display: block;
   list-style-type: decimal;
   margin-block-start: 16px;
   margin-block-end: 16px;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   padding-inline-start: 40px;
}
.en-pages-inner-wrapper p {
   display: block;
   margin-block-start: 16px;
   margin-block-end: 16px;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
}
.en-pages-inner-wrapper ul {
   display: block;
   list-style-type: disc;
   margin-block-start: 16px;
   margin-block-end: 16px;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   padding-inline-start: 40px;
}
.en-pages-inner-wrapper dl dd {
   padding: 5px;
}
.en-pages-inner-wrapper dd {
   display: block;
   margin-inline-start: 40px;
}
.en-pages-inner-wrapper dl {
   padding: 5px;
   display: block;
   margin-block-start: 16px;
   margin-block-end: 16px;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
}

/* MARGINS AND PADDINGS */

@media (max-width: 450px) {
   #en-cms-contact-form .en-contactus-form-secondhf,
   #en-cms-contact-form .en-contactus-form-secondhf td {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      box-sizing: border-box;
      text-align: center;
   }
   #en-cms-contact-form table tbody {
      display: flex;
      flex-direction: column;
      width: 100%;
      box-sizing: border-box;
      align-items: center;
   }
   #en-cms-contact-form table tr td #inputName,
   #en-cms-contact-form table tr td #inputEmail,
   #en-cms-contact-form table tr td #inputMessage {
      width: 100% !important;
   }
   #events-page #infobar #calicon {
      left: 82px !important;
   }
   #events-page #infobar #nav a {
      padding: 0 !important;
   }
}

/* staff page search input */
#staff-search-comp {
   display: block;
   text-align: right;
}
#staff-search span {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   display: inline-block;
   font-size: 12px !important;
}
#staff-search input {
   font-family: Arial, Helvetica, sans-serif;
   border: 1px solid rgba(0, 0, 0, 0.25);
   border-radius: 10px;
   box-shadow: 2px 2px 1px -1px rgb(0 0 0 / 20%) inset;
   -webkit-box-shadow: 2px 2px 3px -1px rgb(0 0 0 / 20%) inset;
   font-size: 11px;
   padding: 4px 5px 3px 10px;
   -webkit-appearance: none;
   width: 200px;
   outline: 0;
}
.en-pages-inner-wrapper img[src='/pics/accr.jpg'] {
   max-width: 100% !important;
}
#pageInnerText {
   border-radius: 5px !important;
}
.en-pages-inner-wrapper iframe {
   max-width: 100% !important;
}
/* --album title for mobile */
@media only screen and (max-width: 729px) {
   #events-page div#infobar.stick #infobarwrap #curmonth {
      position: relative;
      top: 3px;
   }
   #staff.staffR1 #staff-search input {
      box-sizing: border-box !important;
   }
   .stick #curmonth {
      position: relative;
      top: 4px !important;
   }
   #events-page #events.v1 .event .info {
      width: 50% !important;
   }
   #events-page #events.v1 .event .time {
      width: 30% !important;
   }
   #share_box input,
   #share_box textarea {
      width: 100% !important;
   }
   #albumNavToggle {
      background-color: transparent;
      background-position: right top;
      background-repeat: no-repeat;
      color: #333333;
      cursor: pointer;
      display: inline-block;
      font-family: Arial, serif;
      font-size: 10pt;
      height: 26px;
      max-width: 290px;
      padding: 0 17px 0 0;
      position: relative;
      text-align: center;
      text-decoration: none;
      background-image: url(/pics/dropdown_white.png);
      font-weight: normal;
      outline: 0 none;
      padding-right: 28px !important;
      vertical-align: middle;
      z-index: 2 !important;
      outline: none;
   }

   #albumNavToggle:hover {
      font-weight: inherit !important;
      color: inherit !important;
   }

   #albumNavToggle span {
      background-image: url(/pics/dropdown_white.png);
      padding-left: 9px !important;
      padding-right: 2px !important;
      outline: none;
   }
   #albumsWrapper.narrow #albums {
      width: 90% !important;
   }
}
@media screen and (max-width: 700px) {
   #pageAsideWrapper #pageNav {
      background-color: #efefef;
   }
   .bell-schedule {
      box-sizing: border-box !important;
   }
   .en-pages-inner-wrapper #video_player10054156 {
      height: max-content !important;
      width: 100% !important;
   }
   .en-pages-inner-wrapper #video_player10054156 video {
      height: max-content !important;
      aspect-ratio: 16 / 9 !important;
   }
   .en-modal-header {
      align-items: center !important;
   }
   #pageNav ul li b,
   #pageNav ul li a,
   #pageNav ul li strong,
   .en-modal-header-title {
      font-weight: 600 !important;
   }
}
.darkBorderBottom,
thead.dark th {
   border-bottom: none;
}
#pageContentWrapper .contactStaffMember #contactStaff button {
   width: max-content !important;
}
#pageContentWrapper .contactStaffMember #contactStaff button br {
   display: none !important;
}
/* inner pages photos -- responsive -- */
@media only screen and (max-width: 1100px) {
   .newsContent img {
      max-width: 100% !important;
   }
   #staff.staffR1.staff-v4 .staff-categoryStaffMember {
      min-width: 330px !important;
      max-width: 330px !important;
   }
   #staff.staffR1.staff-horizontal .staff-categoryStaffMembers {
      margin: 0 !important;
      display: flex !important;
      flex-wrap: wrap !important;
   }
   #staff.staffR1.staff-v2 .staff-categoryStaffMember {
      min-width: 330px !important;
   }
   .bell-schedule .dark {
      padding-bottom: 0;
   }

   .col2,
   .col3,
   .col4 {
      white-space: nowrap !important;
   }
   .pageTitle {
      height: auto;
   }
   .en-pages-inner-wrapper {
      padding-left: 0;
      padding-right: 0;
      box-sizing: border-box;
   }
   #pageContentWrapper img {
      max-width: 100% !important;
      object-fit: cover;
      object-position: unset !important;
   }
   #pageContentWrapper .img {
      align-items: center;
      display: flex;
   }
}

/* apps/video/list.jsp */

.en-pages-inner-wrapper form #searchbox {
   height: 20px !important;
   border-radius: 0 !important;
   padding-left: 2px !important;
}
.button3demboss.search {
   width: max-content !important;
   padding: 0 8px !important;
   height: 26px !important;
   background: #e2e2e2 -webkit-gradient(linear, 0% 0%, 0% 80%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
   line-height: 1.2em !important;
}
#sort-controls select {
   writing-mode: horizontal-tb !important;
   text-rendering: auto;
   color: fieldtext;
   letter-spacing: normal;
   word-spacing: normal;
   line-height: normal;
   text-transform: none;
   text-indent: 0px;
   text-shadow: none;
   display: inline-block;
   text-align: start;
   appearance: auto;
   box-sizing: border-box;
   align-items: center;
   white-space: pre;
   -webkit-rtl-ordering: logical;
   background-color: field;
   cursor: default;
   margin: 0em;
   border-width: 1px;
   border-style: solid;
   border-color: #000;
   border-image: initial;
   border-radius: 0px;
   width: max-content !important;
   font-size: 13.333px !important;
   height: 19px !important;
   padding: 0 !important;
}

@media screen and (max-width: 1000px) {
   #controls {
      box-sizing: border-box !important;
   }
}

/* contact staff table */
#contactStaff table {
   margin: 0 auto;
}
#contactStaff input[type='submit' i] {
   appearance: auto;
   user-select: none;
   white-space: pre;
   align-items: flex-start;
   text-align: center;
   cursor: default;
   box-sizing: border-box;
   background-color: buttonface;
   color: buttontext;
   padding: 1px 6px;
   border-width: 2px;
   border-style: outset;
   border: 1px solid rgb(133, 133, 133) !important;
   border-image: initial;
   width: max-content !important;
}

#contactStaff form#emailForm table td {
   padding: 5px !important;
}
@media screen and (max-width: 850px) {
   #contactStaff table .waInputText {
      width: 100% !important;
   }
   #contactStaff form#emailForm table td {
      line-height: normal;
   }

   #contactStaff form#emailForm table td {
      box-sizing: border-box !important;
   }
   #contactStaff table tr:nth-child(6) table td {
      flex-direction: column;
      align-items: center;
      gap: 4px;
   }
   #contactStaff table tr:last-child td:last-child {
      justify-content: center !important;
   }
   #albumsWrapper {
      margin: 0 auto !important;
      width: 98% !important;
   }
}

/* #index-page #edunet_webform input.text{
	box-sizing: border-box;
} */
img.sub {
   border: none !important;
}
.newsImage.sub {
   max-width: 200px !important;
}
mark {
   background: #ff0;
   color: #000;
   font-style: italic;
   font-weight: bold;
}
/* contact staff table */

@media (max-width: 450px) {
   #pageNav ul {
      width: 100% !important;
      box-sizing: border-box !important;
   }
   #staff.staffR1.staff-v2 .staff-categoryStaffMember {
      max-width: 315px;
   }
   #events-page #events.v1 .event .time {
      width: 26% !important;
   }
   #contactStaff table tbody tr:first-child td {
      flex-wrap: wrap;
      gap: 4px;
      justify-content: center;
   }
   #en-cms-contact-form table tr td #inputName,
   #en-cms-contact-form table tr td #inputEmail,
   #en-cms-contact-form table tr td #inputMessage {
      width: 100% !important;
   }
   #events-page #infobar #calicon {
      left: 82px !important;
   }
   #events-page #infobar #nav a {
      padding: 0 !important;
   }
}
.DB_dialog {
   position: fixed !important;
   width: auto !important;
   height: auto !important;
   max-height: 90vh;
   padding-left: 0px !important;
   background-color: transparent !important;
   top: 50% !important;
   transform: translate(-50%, -50%);
   left: 50% !important;
}

.DB_dialog #PV_imageDiv img:first-child {
   padding: 0px 3px 5px 8px !important;
}

.DB_dialog #PV_imageDiv img:last-child {
   width: auto !important;
   height: auto !important;
   max-height: 90vh;
   max-width: 90vw;
   padding: 5px !important;
}

.DB_dialog #PV_imageDiv img:nth-child(2) {
   width: auto !important;
   height: auto !important;
   max-height: 80vh;
   max-width: 90vw;
   padding: 5px !important;
}
@media screen and (max-height: 414px) and (max-width: 850px) {
   .DB_dialog {
      position: fixed !important;
      width: auto !important;
      height: auto !important;
      max-height: 90vh;
      padding-left: 0px !important;
      background-color: transparent !important;
      top: 50% !important;
      transform: translate(-50%, -50%) !important;
      left: 50% !important;
   }
   .DB_dialog #PV_imageDiv img:last-child {
      width: auto !important;
      height: auto !important;
      max-height: 80vh;
      max-width: 90vw;
      padding: 5px !important;
   }
}

/* Web accessibility form */

@media screen and (max-width: 900px) {
   #accessibility-complaintFormPage-form
      dl#accessibility-complaintFormPage-desc-of-problem-prompt
      dt,
   #accessibility-complaintFormPage-form
      dl#accessibility-complaintFormPage-additional-info-prompt
      dt {
      width: max-content;
   }
   #accessibility-complaintFormPage-form {
      max-width: 90% !important;
   }
}

/* LOGIN INNER FORM & LOGIN CREATE ACC */

.waWarning {
   font-family: Arial, Verdana, sans-serif;
   font: Arial, Verdana, sans-serif;
   font-size: 9.5pt;
   background-color: #fff0a8;
   color: #000000;
   padding: 5px;
   text-align: center;
   border: 1px solid #888888;
}
.en-contactus-form-last-td table td {
   padding: 5px;
}
.en-pages-inner-wrapper iframe[title='Verification code input frame'] {
   min-height: 23px;
}
#contactStaff input[type='submit' i]:hover {
   background-color: rgb(133 133 133 / 38%);
}

#account-form {
   padding: 0 0 40px 0;
   background: #fff;
   margin: 0 auto;
   max-width: 650px !important;
   width: 100% !important;
}
.en_profile_right_div {
   width: 36% !important;
   flex-direction: column;
   /* display: flex; */
}
.en_profile_flex {
   display: flex;
   justify-content: flex-start !important;
   align-items: center;
   margin: 10px 0 !important;
}
.en_profile_row {
   display: flex !important;
   justify-content: flex-start !important;
}
.en_profile_community_div {
   width: 74% !important;
   padding-left: 0 !important;
}
.en_profile_right_div input[type='text'],
.en_profile_right_div input[type='password'] {
   background: none;
   border: 1px solid #e5e5e5;
   z-index: 10;
   box-shadow: inset 0px 0px 4px 1px #e5e5e5;
   padding: 5px 8px;
   font-size: 13px;
   border-radius: 5px;
   font-style: italic;
   color: #666;
   font-family: Arial;
   width: 191px;
   position: relative;
}
.en_profile_left_div {
   margin-bottom: 0 !important;
   text-align: right;
   width: 30% !important;
}
.en_profile_right_div select#title {
   width: 49px;
   height: 17px;
   border-radius: 3px;
   border: 1px solid #000;
}
#create-account-btn {
   text-align: center;
   padding: 4px 6px;
   color: #000 !important;
   background: #eee;
   margin: 0 auto !important;
   display: block;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   width: max-content;
   border: 2px solid #000;
}

#create-account-btn:hover {
   color: #fff !important;
   background: #0b63e7;
}

.en-pages-inner-wrapper form.en-help-form input {
   width: 200px !important;
}

.en-pages-inner-wrapper form.en-help-form a input[value='CONTINUE'] {
   text-transform: lowercase !important;
   width: max-content;
   padding: 2px 10px;
   border-radius: 30px;
   width: max-content !important;
}
/* contact staff table */
#passwordRow input {
   border: 1px solid #aaaabb !important;
   border-radius: 0 !important;
   font-family: Arial, Verdana, sans-serif !important;
   font-size: 9.5pt !important;
   padding: 2px !important;
}

.darkBorderBottom,
thead.dark th {
   border-bottom: 1px solid #888888;
}
#usernameRow input,
#passwordRow input {
   width: 90% !important;
}
.inner-page #usernameRow td:first-child {
   padding: 5px;
}
.inner-page .en-public-login-table tr td:last-child {
   max-width: 300px !important;
}
.inner-page .en-gray-button-small {
   max-width: 82.5px !important;
   padding: 2px 6px !important;
   margin: 2px !important;
   max-height: 25px !important;
   white-space: nowrap !important;
   width: max-content;
   background-color: rgb(240, 240, 240) !important;
}

#signInHeaderRow .dark.darkBorderBottom {
   padding: 5px;
   box-sizing: border-box;
}
div.en_unused_images_gallery img.en-unused-image {
   border: 2px solid #fff !important;
}
.bootstrap input[type='text'] {
   height: 15px !important;
}
@media screen and (max-width: 760px) {
   .inner-page .en-public-login-table tr td:last-child {
      max-width: inherit !important;
      width: 100% !important;
   }
   .inner-page .en-public-login-table tr td:last-child {
      width: 100% !important;
      text-align: center !important;
      justify-content: center !important;
   }
   .en-login-page-create-acct,
   .en-public-login-sign-table {
      padding: 0 !important;
   }
   .inner-page #passwordRow td:first-child {
      padding: 5px;
      text-align: left;
   }
   .inner-page #usernameRow td:first-child {
      text-align: left;
   }
   #usernameRow input,
   #passwordRow input {
      width: 90% !important;
      margin: 0 auto;
   }
}

@media only screen and (max-width: 576px) {
   .en-help-form a {
      width: 65px !important;
      margin-top: 20px;
   }
   .en_profile_right_div {
      width: 100% !important;
      text-align: left;
      margin: 0 !important;
   }
   .en_profile_left_div {
      text-align: left;
      margin: 0 !important;
   }
   .en_profile_left_div {
      width: 100% !important;
   }
   .en_profile_row {
      flex-direction: column !important;
   }
}