body {
  font-size: 1.2rem !important;
}
/* a{
  display: inline-block !important;
} */
/* tabs */
.content-node nav.tabs {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9990;
  background-color: #212121;
  white-space: normal;
  margin: 0;
  padding: 0;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  /* font-family: "Open Sans", sans-serif; */
  font-family: var(--bs-verdana-font);
}

.content-node nav.tabs ul.nav-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  border: none;
}

.content-node nav.tabs ul.nav-tabs li {
  margin: 0;
  padding: 0;
}

.content-node nav.tabs ul.nav-tabs li a {
  margin: 0 10px;
  padding: 0 10px;
  line-height: 30px;
  color: #fff !important;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}
.content-node nav.tabs ul.nav-tabs li a:hover {
  color: #000 !important;
}

.content-node nav.tabs .nav-link.active {
  color: #8269af !important;
  background-color: transparent;
  border-color: #dee2e6 #dee2e6 #fff;
}
.content-node nav.tabs .tabs-primary {
  margin: 0;
}

nav.tabs ul.nav-tabs li a.dropdown-toggle {
  display: none;
}

.offCanvas__social-icon .list-wrap {
  display: flex;
}

.sidebar h2,
.sidebar h4 {
  padding-bottom: 15px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}
.sidebar-nav {
  max-width: 100%;
  height: 100%;
  z-index: 99;
  border-radius: 0px;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) e;
  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  margin-bottom: 3rem;
}

.sidebar-nav .navbar-collapse {
  display: block !important;
}
.sidebar-nav .nav-logo {
  position: relative;
  padding: 30px 25px;
  text-align: left;
}
.sidebar-nav .nav-logo img {
  width: 150px;
}
.sidebar-nav .navigation {
  position: relative;
  display: block;
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
}
.sidebar-nav .navigation li {
  position: relative;
  display: block;
}

.sidebar-nav .navigation li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.sidebar-nav ul.navigation > li:first-child {
  border: none;
}

.sidebar-nav .navigation li.active > a {
  color: #8269af;
  padding: 10px 15px;
}
.sidebar-nav .navigation li.menu-item-has-children .dropdown-btn {
  position: absolute;
  right: 0;
  top: 6px;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  background: var(--tg-color-gray-3);
  cursor: pointer;
  border-radius: 2px;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 5;
}
.sidebar-nav .navigation li.menu-item-has-children .dropdown-btn .plus-line {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  border-radius: 10px;
  width: 12px;
  height: 2px;
  background-color: #8269af;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sidebar-nav
  .navigation
  li.menu-item-has-children
  .dropdown-btn
  .plus-line::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  border-radius: 10px;
  width: 2px;
  height: 12px;
  background-color: #8269af;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sidebar-nav .navigation li.menu-item-has-children .dropdown-btn.open {
  background-color: #8269af;
}
.sidebar-nav
  .navigation
  li.menu-item-has-children
  .dropdown-btn.open
  .plus-line {
  background-color: #fff;
}

.dropbutton-wrapper.dropbutton-multiple {
  padding-top: 0px !important;
}
.sidebar-nav
  .navigation
  li.menu-item-has-children
  .dropdown-btn.open
  .plus-line::after {
  display: none;
}

.sidebar-nav .navigation li > a {
  position: relative;
  display: block;
  padding: 10px 52px 10px 0;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: none;
  text-decoration: none;
  /* font-family: var(--bs-secondary-font); */
  font-family: var(--bs-verdana-font);
  line-height: 20px;
  color: var(--bs-secondary-paragraph);
}
.sidebar-nav .navigation li > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 2px;
  background: #8269af;
  pointer-events: none;
}
.sidebar-nav .navigation li ul li > a {
  margin-left: 20px;
}
.sidebar-nav .navigation li ul li ul li a {
  margin-left: 40px;
}
.sidebar-nav .navigation li ul li ul li ul li a {
  margin-left: 60px;
}
.sidebar-nav .navigation li > ul {
  display: none;
}
.sidebar-nav .navigation li > ul > li > ul {
  display: none;
}
.sidebar-nav .navigation ul {
  padding: 0;
  margin: 0;
}
.sidebar-nav .navigation ul li a {
  display: block;
}
.sidebar-nav .navigation ul li ul li > a {
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}

.sidebar-nav .navigation > li > ul > li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar-nav .navigation > li.active > a::before {
  height: 100%;
}
.sidebar-nav .close-btn {
  position: absolute;
  right: 15px;
  top: 28px;
  line-height: 30px;
  width: 35px;
  text-align: center;
  font-size: 14px;
  color: #8269af;
  cursor: pointer;
  padding: 8px;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#category-breadcrumb {
  justify-content: flex-start;
  align-items: center;
}
#category-breadcrumb li a,
#category-breadcrumb li {
  color: #8269af !important;
}

span.breadcrumb-separator {
  padding: 0 10px;
  color: #8269af;
}

.views-exposed-form > div {
  display: flex;
  /* align-items: end; */
  gap: 10px;
  /* margin: 25px 0px !important; */
}

.views-exposed-form > div > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.views-exposed-form > .views-exposed--fieldset > div {
  display: flex;
  /* align-items: end; */
  gap: 10px;
  /* margin: 25px 0px !important; */
}

.views-exposed--fieldset .views-exposed-form > div > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.views-exposed--fieldset #edit-actions {
  align-items: end;
}

#edit-actions {
  display: flex;
  gap: 15px !important;
}

#views-exposed-form-attendance-table-students-page #edit-actions {
  align-items: end;
}

#edit-actions--2 > button,
#edit-actions--3 > button {
  width: 250px !important;
  margin-top: 25px !important;
}

.tables {
  position: relative;
}
.tables > .container {
  padding: 0px !important;
}

.table1 > .table-area > .table-style1 .vbo-table {
  white-space: nowrap;
}

.pagination-btns .pagination {
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin: 15px 0px;
}
.pagination-btns .pagination li span,
.pagination li a {
  width: 40px !important;
  height: 40px !important;
}
.pagination-btns .page-link {
  font-size: 15px !important;
}
.pagination-btns .page-link span {
  font-size: 13px !important;
}
.js-form-item.js-form-type-select.form-type-select.js-form-item-action.form-item-action.mb-3 {
  margin: 10px 0px !important;
}

.js-form-item.js-form-type-select.form-type-select.js-form-item-action.form-item-action.mb-3 {
  margin-top: 18px !important;
}

.form-check-input[type="checkbox"] {
  border: 1px solid #212121 !important;
}

.large-table-fake-top-scroll-container-3 {
  max-width: 100%;
  width: 100%;
  overflow-y: auto;
  position: absolute;
  top: -15px;
}

.large-table-fake-top-scroll-container-3 div {
  font-size: 1px;
  line-height: 1px;
}

.table-responsive {
  /* overflow-x: scroll !important;
  overflow-y: hidden; */
  overflow: visible !important;
}

td.views-field.views-field-family-list-children {
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-item-level-2.active > a {
  padding-left: 0px !important;
}

.view-header > a > button {
  padding: 10px 20px;
  color: #fff;
  border-radius: 3px;
}

.navbar-brand {
  margin-right: 60px !important;
}

/* .view-family-payments > .view-content,
#views-form-balances-plain-version-page-1,
#views-form-my-attendance-teacher-attendance-page,
#views-form-registrations-registrations-page {
  overflow-x: scroll;
} */
*
  table.vbo-table.table.table-striped.views-table.views-view-table.cols-3
  > thead,
table.vbo-table.table.table-striped.views-table.views-view-table.cols-16
  > thead {
  background-color: #130f40;
  white-space: nowrap;
}

.view-header > a {
  /* width: 190px !important;
  height: 50px !important; */
  border-radius: 3px;
}

.page-sidebar.dt-section.blog-details > .container > .row.gy-5 > .col-md-9 {
  /* overflow-x: auto; */
}

.title {
  text-align: left;
  margin-bottom: 25px;
}

.page-sidebar.dt-section.blog-details
  > .container
  > .row.gy-5
  > .col-md-9
  > table.table.table-striped.table-hover
  > thead {
  background-color: #130f40;
  white-space: nowrap;
}

#sb-date-form {
  margin-top: 40px;
  margin-bottom: 40px;
}

#edit-submit {
  margin-top: 15px;
}

.js-form-item.js-form-type-checkbox.checkbox.form-check.mb-3.js-form-item-select-all.form-item-select-all {
  margin: 10px 0px !important;
}
.views-field-classes {
  width: 100% !important;
}

.table-block .table1 *,
.table-block .table2 * {
  white-space: nowrap;
}

.vbo-view-form > div > div > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
section.tables {
  margin-bottom: 10px;
}

/* .table-block .table1 *,
.table-block .table2 * {
  padding-top: 7px;
} */

.table-striped > thead > tr > th {
  /* color: #212529 !important; */
  background-color: #130f40 !important;
  font-size: 15px !important;
}

#stonybrook-create-account-form {
  margin-top: 40px;
}

#stonybrook-create-account-form,
#stonybrook-regdit-form,
#stonybrook-familyedit-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#stonybrook-familyedit-form > .js-form-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.js-form-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.container-inline > .js-form-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#stonybrook-familyedit-form > .container-inline > .js-form-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.js-form-type-radio,
.js-form-type-checkbox {
  display: block;
}

#views-form-list-of-classes-list-of-classes-page .input-submit-button {
  align-items: start !important;
}

#stonybrook-familyedit-form > .container-inline {
  display: flex;
  gap: 10px;
  margin-bottom: 0px !important;
}
#stonybrook-familyedit-form > .js-form-type-checkbox {
  display: block;
}

.table-striped > thead > tr,
.table-striped > tbody > tr {
  white-space: nowrap;
}

.btn-primary,
.btn-danger {
  padding: 15px !important;
  border-radius: 3px !important;
  margin-top: 10px;
}

.btn-edits {
  display: flex;
  gap: 10px;
}

#block-school-nova-newsletter #edit-actions--2 > button,
#block-school-nova-newsletter #edit-actions--3 > button {
  margin-top: 10px !important;
}

.homework-search-categories {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.homework-search-categories > .lists > .container {
  padding: 0px !important;
}

.homework-search-categories > ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}

.homework-search-categories > p {
/*   margin-top: 15px; */
  font-size: 20px;
  padding: 0 5px;
}

.homework-edit {
  width: 150px;
}

#views-exposed-form-list-of-families-page-1 #edit-actions {
  align-items: end !important;
}

.homework-lists {
  display: flex;
  flex-direction: column;
  margin-top: 20px !important;
}

.homework-lists > li {
  display: flex;
  /* justify-content: space-between; */
  gap: 6px;
  align-items: center;
  margin-bottom: 6px !important;
  flex-wrap: wrap;
}
.homework-lists .btn-sm {
  font-size: 12px !important;
  line-height: 14px !important;
  padding: 10px !important;
}

.classinfopages a {
  font-weight: bold;
}
.homework-lists > li > .btn-primary {
  width: unset !important;
  /* width: 150px !important; */
}

/* .homework-lists > li > a:not(.btn-primary) {
  max-width: 200px;
} */
/* .assign-txt {
  max-width: 200px;
} */

/* .class-raw > div > div {
  padding: 10px !important;
  width: unset !important;
}

.stonybrook-attendance-form-date {
  margin-bottom: 15px !important;
}

.sb-date-form > div,
.sb-date-form,
.stonybrook-attendance-form-date > div,
.stonybrook-attendance-form-date,
.stonybrook-transactionedit-form > div,
.stonybrook-transactionedit-form,
.stonybrook-studentedit-form > div,
.stonybrook-studentedit-form,
.details-wrapper > small,
.details-wrapper > div,
.add-remove-dates > strong > strong > div,
.add-remove-dates > strong > strong,
.add-remove-dates,
.open-close-reg-form > div,
.open-close-reg-form,
.view-moving-up-form-by-teacher > .view-content,
#edit-topics > .details-wrapper,
#edit-topics,
.stonybrook-classdit-form > div,
.stonybrook-classdit-form,
.stonybrook-teacheredit-form > div,
.stonybrook-teacheredit-form,
.stonybrook-end-semester > div,
.stonybrook-end-semester,
.stonybrook-enroll-in-another-class-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.stonybrook-enroll-in-another-class-form > div > label {
  margin-bottom: 10px;
}

.view-set-working-semester > .view-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}

.view-set-working-semester > .view-header > h3 {
  margin-top: 10px !important;
}

.stonybrook-active-sem-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.view-list-of-classes-by-teacher .tables .table {
  overflow-x: scroll !important;
}

.view-list-of-classes-by-student .tables .table > tbody > tr > td,
.view-list-of-classes-by-teacher .tables .table > tbody > tr > td {
  background-color: white;
}

.view-list-of-classes-by-student .tables .table > tbody > tr > td > div,
.view-list-of-classes-by-teacher .tables .table > tbody > tr > td > div {
  background-color: white !important;
  margin-right: 316px !important;
  height: 70px !important;
}

.classes-by-day-table {
  overflow: hidden !important;
}
.classes-by-day-table tbody > tr div {
  background-color: white !important;
  margin-right: 300px !important;
}

.classes-by-day-table tbody > tr ul li {
  background-color: white !important;
}

.view-list-of-classes-by-room .tables .table {
  overflow: hidden !important;
}
.view-list-of-classes-by-room .tables .table > tbody > tr > td > div {
  margin-right: 316px !important;
  background-color: white !important;
  height: 70px !important;
}
.view-list-of-classes-by-room .tables .table > tbody > tr > td {
  background-color: white !important;
}

.blog-default > .content-wrapper > .body-content > a > img,
.filter-image-invalid {
  height: 20px !important;
  width: 20px !important;
}

#edit-classes {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.btn-success {
  width: 150px !important;
  padding: 10px;
  border-radius: 3px;
}

.password-btn,
.editcontact-btn,
.stonybrook-end-semester > ul > li > a {
  padding: 10px;
  background-color: #8269af;
  border-radius: 3px;
  color: #fff;
  width: 150px;
  display: flex;
  justify-content: center;
  margin: 15px 0px !important;
}

.password-btn,
.editcontact-btn {
  width: 170px !important;
}

.password-btn:hover,
.editcontact-btn:hover,
.stonybrook-end-semester > ul > li > a:hover {
  background-color: transparent;
  color: #000;
  border: 1px solid #ff5837;
}

.views-field-assignment {
  display: flex;
  justify-content: start;
  gap: 10px;
  align-items: center;
  width: 100% !important;
}

#edit-active-sem {
  margin-top: 10px;
}

section.dt-section.tables {
  overflow: hidden;
}

#views-form-finances2017-page-1 {
  overflow-x: scroll;
}

.body-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
}

.view-set-working-semester > .view-content {
  overflow-x: scroll;
}

.view-footer > .btn-success {
  padding: 10px !important;
  border-radius: 3px;
  margin-top: 15px !important;
}

#block-school-nova-footer > .nav > li > a {
  padding: 0px !important;
}

#block-school-nova-footer > .nav {
  display: flex;
  flex-direction: column !important;
  gap: 15px !important;
}

#footer
  > .container-fluid
  > .container
  > .bottom-content
  > #block-school-nova-sitebranding
  > .navbar-brand
  > img {
  width: 40% !important;
}

.js-form-item.js-form-type-checkbox.checkbox.form-check.mb-3.js-form-item-is-active.form-item-is-active {
  display: flex;
  flex-direction: row;
}

#views-form-list-of-classes-list-of-classes-page .dropbutton > li,
.dropbutton-widget {
  padding-top: 0px !important;
}

#views-form-enrolled-students-enrolled-students-unconfirmed-1559-5
  .dropbutton
  > li,
.dropbutton-widget {
  padding-top: 0px !important;
}

#views-form-enrolled-students-enrolled-students-unconfirmed-1559-5
  .dropbutton-arrow {
  border-width: 0.3333em 0.3333em 0 !important;
  border-style: solid !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}

#views-form-enrolled-students-enrolled-students-unconfirmed-1559-5
  .dropbutton-toggle
  button {
  background-color: #e8e8e8 !important;
  background-image: -webkit-linear-gradient(top, #e8e8e8, #d2d2d2) !important;
  background-image: linear-gradient(to bottom, #e8e8e8, #d2d2d2) !important;
}

#views-form-list-of-classes-list-of-classes-page .dropbutton-arrow {
  border-width: 0.3333em 0.3333em 0 !important;
  border-style: solid !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}

#views-form-list-of-classes-list-of-classes-page .dropbutton-toggle button {
  background-color: #e8e8e8 !important;
  background-image: -webkit-linear-gradient(top, #e8e8e8, #d2d2d2) !important;
  background-image: linear-gradient(to bottom, #e8e8e8, #d2d2d2) !important;
}

/* .path-teacherinfo .btn-primary {
  min-width: 190px;
}

button.btn-primary.scroll-top {
  min-width: unset !important;
} */

.js-form-item.js-form-type-checkbox.checkbox.form-check.mb-3.js-form-item-disabled.form-item-disabled.disabled {
  display: block !important;
}

li.first.page-item > a {
  white-space: nowrap;
  font-size: 9px !important;
}


/* #views-form-my-attendance-teacher-attendance-page
  tbody
  > tr
  > .attendance-symbol {
  display: flex;
} */

.attendance-symbol > a {
  display: flex;
}

.attendance-symbol > a > div {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

/* .views-field-attendance-classes {
  display: flex;
  gap: 10px;
  width: 100%;
  align-items: center;
} */

/* .main-content .dt-section{
  padding-top: 60px !important;
} */

.home-3-course.dt-section {
  padding-top: 0px !important;
}
.faq-page {
  padding-top: 0px !important;
}

.history-page,
.goals-pages {
  padding-top: 0px !important;
}

.educator3 .img-wrapper {
  height: 200px !important;
}

section.home-3-educator.bg-color.dt-section {
  background-color: #fff !important;
}

.home-3-educator .educator-block .educator3 .content-block {
  background-color: #f7f8fd !important;
}

.educator3 > .row.row-mr > .col-lg-4.col-md-6.col-12.col-mr {
  margin-bottom: 40px !important;
}

/* .events-3-grid,
.educator-3-grid,
section.educator-details.dt-section > .container > .row,
section.home-3-educator.bg-color.dt-section,
section.home-3-about.dt-section,
section.blog-details.dt-section,
section.management.dt-section {
  padding-top: 0px !important;
} */

section.history-page.dt-section {
  padding: 0px !important;
}

.doc-content {
  padding: 0px !important;
}

/* section.blog-details.dt-section {
  padding-bottom: 0px !important;
} */

.home-3-about {
  padding-bottom: 0px;
}

.home-3-educator {
  padding-bottom: 0px !important;
}
.educator-3-grid {
  padding-bottom: 0px !important;
}

.management {
  padding-bottom: 0px !important;
}
.educator2 > .row.row-mr > .col-lg-4.col-md-6.col-12.col-mr {
  margin-bottom: 50px !important;
}

.math_placement_lists > li {
  list-style: block !important;
}

section.contact-page2.dt-section {
  padding: 0px !important;
}

section.contact-page2.dt-section > .container > .map-block {
  display: none !important;
}

.btn-donate {
  width: unset;
}

.btn-donate > a {
  color: #fff !important;
}

.annoucement-list .views-row {
  margin-bottom: 12px !important;
}

/* .annoucement-list .views-row .views-field-body {
  margin-bottom: 10px !important;
  margin-top: 10px !important;
} */
.annoucement-list .views-row .views-field-body .field-content,
.annoucement-list .views-row .views-field-body p {
  font-family: var(--bs-verdana-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #2B2942;
}
.annoucement-list .views-row .views-field-view-node .field-content a {
  font-family: "Cabin";
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #8269AF;
}

.annoucement-list .views-row .views-field-view-node:hover .field-content a {
  color: rgba(130, 105, 175, 1) !important;
}

.annoucement-list .views-row .views-field-title .field-content a {
  font-weight: bold !important;
}

.policy-first-alert {
  background-color: #d6eaf8 !important;
  padding: 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  letter-spacing: 0.4px;
}
.main-color {
  color: rgba(19, 15, 64, 1);
}
.dark-main {
  color: rgba(23, 69, 124, 1);
  font-weight: bold;
}
.table-area {
  /* padding-top: 0px !important; */
}
.table-responsive.fixed-top,
.table-responsive {
  /* height: 800px !important;
  width: 800px !important; */
  overflow: visible !important;
  /* padding-top: 0px !important; */
}
.table {
  padding-top: 0px !important;
}

.table-responsive .table thead {
  position: sticky !important;
  top: 74px !important;
  z-index: 1;
}

.user-logged-in .table-responsive .table thead {
  position: sticky !important;
  /* top: 41px !important; */
  top: 74px !important;
  z-index: 1;
}

.user-logged-in.toolbar-horizontal .table-responsive .table thead {
  position: sticky !important;
  /* top: 41px !important; */
  top: 112px !important;
  z-index: 1;
}

.user-logged-in.toolbar-horizontal.toolbar-tray-open
  .table-responsive
  .table
  thead {
  position: sticky !important;
  top: 152px !important;
  z-index: 1;
}

.user-logged-in.toolbar-horizontal.toolbar-tray-open .classinfocontainer {
  margin-top: 15px !important;
}

.user-logged-in.path-user .header-1 .page-banner {
  padding-top: 50px !important;
}

/* .user-logged-in .classinfocontainer {
  margin-top: 0px !important;
} */

.user-logged-in .table-striped.table thead {
  position: sticky !important;
  /* top: 41px !important; */
  top: 112px !important;
  z-index: 1;
}
.toolbar-tray-open .table-striped.table thead {
  position: sticky !important;
  /* top: 80px !important; */
  top: 152px !important;
  z-index: 1;
}

.file-icon {
  height: 16px !important;
  width: 16px !important;
}

.page-banner.dt-section {
  /* height: 100px; */
}

.user-logged-in .header-1 .page-banner {
  padding-top: 100px;
  padding-bottom: 14px;
}

.header-1 .page-banner {
  padding-top: 100px !important;
}

/* #views-form-registrations-registrations-page,
#views-form-attendance-table-students-page {
  height: 800px;
  overflow-y: scroll;
  margin-top: 287px;
}

.view-set-working-semester .view-content {
  height: 800px;
  overflow-y: scroll;
  margin-top: 251px;
} */
/*
#views-form-my-attendance-teacher-attendance-page {
  height: 800px;
  overflow-y: scroll;
  margin-top: 200px;
} */

/* #views-form-registrations-registrations-page .table-striped thead,
#views-form-attendance-table-students-page .table-striped thead,
#views-form-my-attendance-teacher-attendance-page .table-striped thead,
.view-set-working-semester .view-content .table > thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

#views-form-registrations-registrations-page #edit-header,
#views-form-attendance-table-students-page #edit-header {
  position: absolute;
  top: 226px;
}
.view-set-working-semester .stonybrook-active-sem-form {
  position: absolute;
  top: 554px;
} */
/* #views-form-my-attendance-teacher-attendance-page #edit-header {
  position: absolute;
  top: 50px;
} */

.stonybrook-classdit-form > .js-form-item,
.stonybrook-classdit-form > .js-form-item > .fieldset-wrapper > .js-form-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.stonybrook-classdit-form > .js-form-item > .fieldset-wrapper,
.stonybrook-classdit-form
  > .js-form-item
  > .fieldset-wrapper
  > div#edit-files--3,
.stonybrook-classdit-form
  > .js-form-item
  > .fieldset-wrapper
  > div#edit-files--2,
.stonybrook-classdit-form > .js-form-item > .fieldset-wrapper > div#edit-files {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.sb-semester-delete-form .form-submit {
  background-color: #8269af !important;
  background-image: unset !important;
  background-image: unset !important;
  border-bottom-color: unset !important;
  border-left-color: unset !important;
  border-right-color: unset !important;
  color: #fff !important;
  padding: unset !important;
  border-radius: 3px !important;
  border: unset;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 700;
}

.sb-semester-delete-form .form-submit:hover {
  background-color: transparent !important;
  color: #8269af;
  border: 1px solid #8269af;
}

.view-balances-plain-version
  #views-form-balances-plain-version-page-1
  .table
  > thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
/*
.view-balances-plain-version
  #views-form-balances-plain-version-page-1
  #edit-header {
  position: absolute;
  top: 81px;
} */

.view-balances-plain-version #views-form-balances-plain-version-page-1 {
  /* height: 800px; */
  /* overflow-y: scroll; */
  /* margin-top: 285px; */
}

.view-family-payments .view-content {
  /* height: 800px; */
  /* overflow-y: scroll; */
}
.view-family-payments .view-content .table > thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

#rosters > tbody > tr > td {
  box-shadow: unset !important;
  background-color: #fff !important;
}

.herald-img {
  max-height: 267px !important;
}
#rosters > tbody > tr {
  border-color: #130f40 !important;
}

#page {
  /* overflow: hidden; */
}

.annoucement-list a {
  display: inline !important;
}

th .vertical-text {
  white-space: nowrap;
  width: 1em;
  height: 5em;
  -moz-transform: rotate(-90deg) translate(1em, 5em);
  -moz-transform-origin: bottom left;
  -webkit-transform: rotate(-90deg) translate(1em, 5em);
  -webkit-transform-origin: bottom left;
  -o-transform: rotate(-90deg) translate(1em, 5em);
  -o-transform-origin: bottom left;
  -ms-transform: rotate(-90deg) translate(1em, 5em);
  -ms-transform-origin: bottom left;
  }

.right-wrapper > .img-wrapper > img {
  height: 500px !important;
  width: 300px !important;
}

/* section.dt-section.tables {
  overflow-y: auto;
  max-height: 100vh;
  padding: 0px !important;
} */

.mid-content ul {
  flex-direction: column !important;
}

span.attended,
span.missed,
span.free-class,
span.excused-absence {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0;
  text-align: center;
}

span.attended {
  background-color: black;
}

span.missed {
  background-color: red;
}

span.free-class {
  background-color: green;
}

span.excused-absence {
  background-color: orange;
}

.policies .link-text a {
  display: inline-block;
  margin: 0 4px;
  font-weight: bold;
}
.footer-logo {
  height: 46px;
  width: 150px;
}

.stonybrook-attendance-edit-form .legend-field-item {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
}
.stonybrook-attendance-edit-form .fieldgroup,
.stonybrook-moving-up-form .fieldgroup {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  margin-bottom: 0px !important;
}
.path-moving-up .stonybrook-moving-up-form .fieldgroup{
  flex-direction: row;
}
.stonybrook-attendance-edit-form .fieldset-legend,
.stonybrook-moving-up-form .fieldset-legend {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 700;
  min-width: 12em;
}
.stonybrook-attendance-edit-form .description {
  font-size: 12px;
}
.stonybrook-attendance-edit-form .fieldset-legend a {
  font-weight: bold;
}
.stonybrook-attendance-edit-form legend,
.stonybrook-moving-up-form legend {
  width: unset;
}
.stonybrook-attendance-edit-form .fieldset-wrapper .radio,
.stonybrook-moving-up-form .fieldset-wrapper .radio {
  display: flex;
  align-items: center;
  gap: 10px;
}
.path-moving-up .stonybrook-moving-up-form .fieldset-wrapper .radio {
flex-direction: row;
}
.stonybrook-attendance-edit-form .legend-field-item .legend-item span {
  font-weight: bold;
  margin-left: -5px;
}
.stonybrook-attendance-edit-form #edit-teacher-attendance-header h3,
.stonybrook-attendance-edit-form h3,
.stonybrook-moving-up-form h3 {
  font-size: 18px;
}

.teachers-info .row,
.teachers-info .col-12 {
  font-size: 14px;
  color: #545365 !important;
}
.teachers-info .btn {
  white-space: pre;
}

.stonybrook-classdit-form p,
.stonybrook-classdit-form li {
  font-size: 14px;
  color: #545365 !important;
}
.stonybrook-classdit-form li {
  list-style: circle !important;
  margin-bottom: 8px;
}
.stonybrook-classdit-form ul {
  list-style: circle !important;
  padding-left: 15px;
  margin: 15px;
}

.stonybrook-classdit-form strong {
  color: rgba(19, 15, 64, 1);
}
.stonybrook-classdit-form .form-item-assigned-date label {
  color: rgba(19, 15, 64, 1);
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}
.stonybrook-classdit-form .form-item-assigned-date .description {
  font-size: 14px;
  color: #545365 !important;
}
.stonybrook-classdit-form .form-item-assigned-date .form-select {
  width: 40%;
  font-size: 14px;
}

/** Related to clendar Iframe **/

.calFrame {
  text-align: center;
  margin: 0 auto;
  border: 2px solid #d1d1d1;
}

.doc-content {
  max-width: 100% !important;
  padding: 0px !important;
}

.messages__item em a {
  display: inline;
}

.main-content ul > li,
.main-content ol > li,
.main-content ul > li > a,
.main-content ol > li > a {
  font-family: var(--bs-verdana-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #2B2942;
  
}

.main-content ul > li > a,
.main-content ol > li > a {
  color: #17457C ;
  font-weight: bold !important;
}


.main-content .view-header,
.main-content div {
  color: #2B2942 !important;
  font-family: var(--bs-verdana-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
}
.main-content table td {
  font-size: 15px;
/*   vertical-align: middle; */
}

.main-content p,
.main-content ul > li > p {
  color: #2B2942 !important;
  font-family: var(--bs-verdana-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
}
.homeworks-section ul {
  list-style-type: circle !important;
  padding-left: 15px;
}
.homeworks-section ul > li {
  display: flex;
  align-items: center;
  gap: 5px;
  line-height: 1.6;
  position: relative;
  list-style-type: circle !important;
  white-space: nowrap;
  flex-wrap: wrap;
}
.homeworks-section ul > li::before {
  content: "●";
  position: absolute;
  left: -15px;
  top: 0;
}
.homeworks-section ul > li::marker {
  content: "●" !important; /* Unicode for a circle */
  color: #000 !important; /* Set your desired color */
  font-size: 1.2em !important; /* Adjust size as needed */
}
.homeworks-section ul > li > a {
  font-weight: bold;
}

.homeworks-section dt {
  color: rgba(19, 15, 64, 1);
  border-color: black;
  border-style: solid;
  border-width: 0 0 1px;
  margin-bottom: 8px;
  font-size: 16px;
}
.page-banner .heading h1 {
  font-family: "Cabin";
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  color: #3F2D60 !important;

}
.annoucement-list .views-field.views-field-view-node {
  position: relative;
  display: inline-block !important;
  width: 100px;
}

.annoucement-list .views-field.views-field-view-node::after {
  content: "";
  display: block;
  height: 10px;
  width: 30%;
  position: absolute;
  right: -30px;
  /* left: 85px; */
  top: 50%;
  transform: translateY(-35%);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%22387.5%22 height%3D%22150%22 viewBox%3D%220 0 387.5 150%22%3E%3Cpath data-name%3D%22Path 40761%22 d%3D%22M387.5%2C246.048l-110.947-75v62.069H0v25.862H276.553V321.05Z%22 transform%3D%22translate(0 -171.051)%22 fill%3D%22%238269AF%22 fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.annoucement-list .views-field.views-field-view-node:hover::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22387.5%22%20height%3D%22150%22%20viewBox%3D%220%200%20387.5%20150%22%3E%3Cpath%20data-name%3D%22Path%2040761%22%20d%3D%22M387.5%2C246.048l-110.947-75v62.069H0v25.862H276.553V321.05Z%22%20transform%3D%22translate(0%20-171.051)%22%20fill%3D%22%238269AF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
}

#block-school-nova-facebooknews {
  margin-bottom: 30px;
}
.node-article .field--type-text-with-summary {
  /* display: flex; */
  flex-direction: column;
  gap: 15px;
}

.node-article .field--type-text-with-summary {
  font-size: 14px !important;
}

.stonybrook-active-sem-form,
.stonybrook-studentedit-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.add-remove-dates > strong > strong > div,
.add-remove-dates > strong > strong,
.stonybrook-current-semester-form > div,
.stonybrook-studentedit-form > div,
.stonybrook-current-semester-form,
.stonybrook-active-sem-form > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

#edit-sex--wrapper {
  margin-bottom: 0px !important;
}

.boardsMembers img {
  height: 170px !important;
  width: 170px !important;
}

#paypal-button-container {
  width: 200px;
  margin: 20px 0;
}
.view-set-working-semester .view-header h3 {
  margin: 15px 0;
}
.view-set-working-semester .view-footer .btn {
  display: inline-block !important;
  padding: 10px !important;
}

.btn-primary:disabled {
  background-color: #62646796 !important;
  border: 1px #62646796 !important;
}

.swiper-wrapper .btn-wrapper > .btn-primary:hover {
  color: #fff !important;
  border-color: #fff !important;
}

.annoucement-list .views-field-title > .field-content > a {
  font-family: Cabin;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0px;
}

/* .path-update-family-balances .container > .row.row.gy-5,
.add-remove-dates,
.path-registration-confirm .row.row.gy-5 {
  --bs-gutter-y: 0px !important;
} */

/* .user-logged-in .path-update-family-balances section.dt-section.tables {
  padding-top: 55px !important;
} */

.path-update-family-balances
  section.dt-section.tables
  > .container
  > .row.gy-5
  > .container-fluid
  > .container
  > .row.gy-5 {
  --bs-gutter-y: 25px !important;
}
.image-list img {
  height: 26px;
  width: 106px;
}

.image-list {
  flex-direction: column;
}

.footer-form .btn-primary,
.footer-form .btn-primary:active,
.footer-form .btn-primary:focus {
  margin-top: 10px !important;
}

.footer-form button#edit-actions-submit {
  width: 164px !important;
}

.path-studentinfo ul.classes-info > li {
  display: inline-block;
  width: fit-content;
  background: rgba(236, 233, 216, 0.5);
  margin: 5px;
  padding: 10px;
  border: 1px solid red;
  left: 112px;
  top: 0px;
  font-size: 80%;
  white-space: nowrap;
  line-height: 15px;
}

.alert.alert-dismissible.alert-danger > div > hr {
  margin: 5px 0px !important;
}

.alert.alert-dismissible.alert-danger > div > .message-error-title {
  font-size: 18px !important;
}
.alert.alert-dismissible.alert-danger svg {
  height: 25px !important;
}

.alert.alert-dismissible.alert-danger {
  padding: 5px !important;
}

.form-select.is-invalid:not([multiple]):not([size]) {
  background-repeat: no-repeat;
}

.messages--status
  > .alert.alert-success.alert-dismissible
  > .messages__item
  > a {
  display: inline !important;
}

/* .stonybrook-end-semester > button {
  display: inline-block;
} */

.stonybrook-end-semester > #edit-submit {
  margin-left: 10px;
}

.stonybrook-end-semester > p,
.stonybrook-end-semester > h3 {
  margin-bottom: 10px;
}

.stonybrook-end-semester > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}

.stonybrook-end-semester > ul > li > a {
  display: inline;
  font-weight: bold;
}

.stonybrook-end-semester > ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.table-responsive > tbody > tr > td > a,
.vbo-table > tbody > tr > td > a,
.table-striped > tbody > tr > td > a {
  display: inline-block !important;
}

.table-responsive > tbody > tr > td > a,
.vbo-table > tbody > tr > td > a,
.table-striped > tbody > tr > td.attendance-symbol > a {
  display: block !important;
}

.views-field-current-classes > a,
.views-field-current-classes > a,
.views-field-assignment > a {
  display: inline-block !important;
}

.vbo-table > thead > tr > th {
  font-size: 14px !important;
}

/* .view-id-enrolled_students .btn-custom1 {
  width: 230px !important;
} */

.path-studentinfo .table-striped > tbody > tr > td > a,
.path-teaching-history .table-striped > tbody > tr > td > a {
  display: inline !important;
}

.page-view-my-attendance .vbo-table > tbody > tr > td > a {
  display: block !important;
}

.table-striped > tbody > tr > td > a {
  display: inline !important;
  font-weight: bold;
}

.btn-success:hover {
  color: #157347 !important;
  background-color: transparent;
  border: 1px solid #157347 !important;
}

.btn-success {
  border: 1px solid #157347 !important;
}

.alert-dismissible .btn-close {
  padding: 10px !important;
}

/* .path-enrollmentedit .container-fluid, */
.stonybrook-enroll-in-another-class-form,
.stonybrook-enroll-in-another-class-form > div,
.open-close-reg-form > div,
.open-close-reg-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.views-field-current-classes > a,
.path-enrollmentedit .container-fluid > p > a {
  display: inline !important;
}

.view-list-of-classes-by-room .tables .table > tbody > tr > td > div {
  height: 70px !important;
}

form#views-exposed-form-family-payments-page-1 > div > div:last-child,
form#views-exposed-form-student-email-list-student-email-list-page > div > div {
  flex-direction: row !important;
}

form#views-exposed-form-family-payments-page-1 > div > div:last-child {
  align-items: end !important;
}

form#views-exposed-form-student-email-list-student-email-list-page
  > div
  > div:first-child {
  flex-direction: column !important;
}

form#views-exposed-form-student-email-list-student-email-list-page
  > div
  > div
  > button {
  margin-top: 0px !important;
}

form#views-exposed-form-student-email-list-student-email-list-page
  > div
  > div:last-child {
  align-items: end;
}

form#views-exposed-form-student-email-list-student-email-list-page {
  margin: 15px 0px;
}

.page-view-list-of-classes-by-room .views-field-classes > div,
.path-classes-by-day .classes-info > li > div {
  margin-bottom: 10px !important;
}

form#views-exposed-form-student-unenrollment-student-unenrollment-block
  > div
  > div:last-child {
  justify-content: end;
  align-items: end;
}

.path-enrollmentedit .table-responsive > table > tbody > tr > td:first-child,
.path-enrollmentedit .table-responsive > table > thead > tr > th:first-child {
  width: 0px !important;
}

.path-mass-update-emails .sb-csv-upload-form > ul > li {
  list-style: disc !important;
}

form#sb-csv-upload-form > div > div,
form#sb-csv-upload-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.path-mass-update-emails .sb-csv-upload-form > ul {
  display: flex;
  flex-direction: column;
  gap: 10px !important;
}

.path-mass-update-emails .sb-csv-upload-form > ul > li:first-child > ul > li {
  list-style: disc !important;
}

.path-mass-update-emails .sb-csv-upload-form > ul > li:first-child > ul {
  padding-left: 10px !important;
}

.path-mass-update-emails .sb-csv-upload-form > ul {
  padding-left: 20px !important;
}
#edit-uploaded-csv--label {
  font-weight: bold !important;
}
form#sb-csv-upload-form > div > label:not(:last-child) {
  /* font-weight: bold; */
  margin-bottom: 10px;
}

/* form#views-exposed-form-finances2017-page-1 > div > div > label {
  font-weight: bold !important;
} */

form#views-exposed-form-finances2017-page-1 {
  margin-top: 15px;
}
form#views-exposed-form-finances2017-page-1 > div > div:last-child {
  justify-content: end !important;
}
/* form#add-remove-dates {
  margin-top: 55px !important;
} */

form#add-remove-dates > button {
  display: inline;
}

form#views-form-finances2017-page-1 > div > div > div > label {
  /* font-weight: bold; */
  margin-bottom: 10px;
}

/* form#views-exposed-form-view-send-material-fee-bill-page-1 > div > div > label {
  font-weight: bold;
} */

form#views-exposed-form-teachers-list-page-1,
form#views-exposed-form-view-send-material-fee-bill-page-1 {
  margin-top: 10px;
}

form#teaching-history-filter-form,
form#teaching-history-filter-form > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

form#views-form-tuitionbills-tuitionbills-page > div > div > div > label,
form#views-exposed-form-list-of-classes-by-student-list-of-classes-by-student-page,
form#views-form-list-of-families-page-1 > div > div > div > label,
form#views-form-student-list-student-list-page > div > div > div > label,
form#views-exposed-form-contact-info-page-1,
form#views-form-teachers-list-page-1 > div > div > div > label,
form#views-form-view-send-material-fee-bill-page-1 > div > div > div > label {
  /* font-weight: bold; */
  /* margin-bottom: 10px !important; */
}

/* form#teaching-history-filter-form > label,
form#views-exposed-form-tuitionbills-tuitionbills-page > div > div > label,
form#views-exposed-form-list-of-families-page-1,
form#views-exposed-form-student-list-student-list-page,
form#views-exposed-form-teachers-list-page-1 > div > div > label {
  font-weight: bold;
} */

form#views-exposed-form-homework-search-page-1,
form#views-exposed-form-list-of-families-page-1 {
  margin-top: 10px;
}
form#views-exposed-form-homework-search-page-1 {
  margin-bottom: 15px;
}

/* form#views-exposed-form-homework-search-page-1 label {
  font-weight: bold;
} */

form#views-exposed-form-homework-search-page-1 > div:last-child,
form#views-exposed-form-tuitionbills-tuitionbills-page > div:last-child,
form#views-exposed-form-list-of-classes-by-student-list-of-classes-by-student-page
  > div:last-child,
form#views-exposed-form-list-of-families-page-1 > div:last-child,
form#views-exposed-form-student-list-student-list-page > div:last-child,
form#views-exposed-form-contact-info-page-1 > div:last-child,
form#views-exposed-form-teachers-list-page-1 > div:last-child,
form#views-exposed-form-view-send-material-fee-bill-page-1 > div:last-child {
  align-items: end;
}

.user-logged-in article[about="/topics"] .dt-section,
.user-logged-in article[about="/gsuite"] .dt-section,
.user-logged-in article[about="/dev"] .dt-section,
.user-logged-in article[about="/ta-docs"] .dt-section,
.user-logged-in article[about="/admin-docs"] .dt-section,
.user-logged-in article[about="/teacherarchive"] .dt-section,
.user-logged-in article[about="/info_for_teachers"] .dt-section,
.user-logged-in article[about="/teacher_docs"] .dt-section {
  padding-top: 0px !important;
}

article[about="/topics"] .dt-section {
  padding-top: 30px !important;
}

.view.view-teacher-list-attendance.view-id-teacher_list_attendance.view-display-id-attendance
  table
  > thead
  > tr
  > th {
  font-size: 15px !important;
}
.page-view-list-of-families .btn-primary {
  width: fit-content;
}

.stonybrook-attendance-form-date > .js-form-submit {
  width: fit-content !important;
}

/* article[about="/dev"]:not(.user-logged-in) .dt-section,
article[about="/ta-docs"]:not(.user-logged-in) .dt-section,
article[about="/admin-docs"]:not(.user-logged-in) .dt-section,
article[about="/teacherarchive"]:not(.user-logged-in) .dt-section,
article[about="/info_for_teachers"]:not(.user-logged-in) .dt-section,
article[about="/teacher_docs"]:not(.user-logged-in) .dt-section {
  padding-top: 100px !important;
} */

article[about="/dev"] a,
article[about="/ta-docs"] a,
article[about="/admin-docs"] a,
article[about="/teacherarchive"] a,
article[about="/info_for_teachers"] a,
article[about="/teacher_docs"] a {
  display: inline;
  font-weight: bold;
}

.faq-page
  > .accordion-block
  > .accordion2
  > .content
  > div
  > div
  > ul
  > li
  > a {
  display: inline !important;
}

.faq-page > .accordion-block > .accordion2 > .content > div > div > ul > li {
  list-style: disc !important;
}

.faq-page > .accordion-block > .accordion2 > .content > div > div > ul {
  list-style: disc !important;
  padding-left: 20px !important;
  margin-bottom: 10px;
}

.faq-page > .accordion-block > .accordion2 > .content > div > div > ol > li {
  list-style: block !important;
  padding-left: 20px !important;
}

.faq-page > .accordion-block > .accordion2 > .content > div > div a {
  display: inline !important;
}

/* .page-node-type-article:not(.user-logged-in) .node--type-article {
  padding: 55px 0px !important;
} */

.path-teacherinfo:not(.user-logged-in) .teachers-info {
  padding: 55px 0px !important;
}

.btn-donate:hover a {
  color: var(--bs-primary) !important;
}

.path-rosters .btn-secondary {
  padding: 10px !important;
}

.chemProgram ol > li,
.physicsProgram ol > li {
  list-style: block !important;
}

.languageProg a {
  display: inline;
  font-weight: bold;
}

.art_program div > p:last-child > img {
  width: 300px;
  height: 205px;
}

.art_program div:last-child > img {
  width: 225px !important;
  height: 300px !important;
  
}

.prorityreg a {
  display: inline;
}

/* .path-in-person-classes:not(.user-logged-in) .dt-section {
  padding-top: 100px !important;
}

.page-view-online-classes:not(.user-logged-in) .dt-section {
  padding-top: 100px !important;
} */

body:not(.user-logged-in) .dt-section {
  padding-top: 100px !important;
  padding-bottom: 24px !important;
}
.path-user:not(.user-logged-in) .dt-section{
    padding-top: 30px !important;
  padding-bottom: 49px !important;
  padding-left: 10px;
} 
.path-admin:not(.user-logged-in) .dt-section{
    padding-top: 100px !important;
  padding-bottom: 24px !important;
} 

.path-user:not(.user-logged-in) .main-content {
  min-height: 54vh;
}
body.page-user-login:not(.user-logged-in) .dt-section,
body.page-user-password:not(.user-logged-in) .dt-section {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

body:not(.user-logged-in) section.faq-page.dt-section {
  padding: 0px !important;
}

section.home-3-educator.bg-color.dt-section,
section.educator-3-grid.dt-section {
  padding: 0px !important;
}

body:not(.user-logged-in) section.educator-details.dt-section {
  padding: 0px !important;
  margin-bottom: 84px;
}

.user-logged-in section.faq-page.dt-section {
  padding-top: 0px !important;
}

section.home-3-course.dt-section > .container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.user-logged-in section.faq-page.dt-section {
  padding-top: 0px !important;
}

.regreg ol > li {
  list-style: block !important;
}

.regreg a {
  display: inline !important;
}
.regularregistration ol > li {
  list-style: block !important;
}

.regularregistration a {
  display: inline;
}

.regularregistration {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.regularregistration ol {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.regreg ol {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* .user-logged-in .dt-section {
  padding-top: 55px !important;
} */

.financial_policy ol > li {
  list-style: block !important;
}

.financial_policy ol {
  display: flex;
  flex-direction: column;
  gap: 10px !important;
}

.user-logged-in section.dt-section.tables {
  padding-top: 60px !important;
}

form label {
  font-weight: bold;
  line-height: 20px;
}

form#views-exposed-form-attendance-table-students-page > div:last-child,
form#views-exposed-form-balances-plain-version-page-1 > div:last-child {
  align-items: end;
}

body:not(.user-logged-in) section.blog-details.dt-section {
  padding-top: 55px !important;
}

body:not(.user-logged-in) section.home-3-course.dt-section {
  padding-top: 0px !important;
}

article.node.node--type-home-page.node--view-mode-full.clearfix a {
  display: inline;
}
section.home-3-course.dt-section a {
  display: flex !important;
}

article[about="/board-members-may-2024"] .page-banner,
article[about="/documents-board-members"] .page-banner {
  padding-top: 55px !important;
}

.node--type-home-page
  > .node__content
  > .text-section
  > .container
  > .body-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

form#views-exposed-form-list-of-families-page-1 > div > div:last-child {
  flex-direction: row;
}

form#views-form-list-of-families-page-1 tr > td {
  width: 100% !important;
}

.vbo-view-form {
  /*   border-top: 2px solid #62646796 !important; */
}

.views-exposed-form {
  margin-bottom: 18px;
}

.teachers-info
  > .row.gy-5
  > .col-md-12
  > .container-fluid:last-child
  > div
  > div
  a {
  display: inline;
}

.view-id-announcements > .view-footer {
  border: 1px solid #8269af;
  background-color: transparent;
  padding: 15px;
  border-radius: 8px;
  /* width: 176px; */
  font-family: var(--bs-primary-font);
  font-weight: 700;
  font-size: 15px;
  width: fit-content;
  margin: auto;
}

.view-id-announcements > .view-footer > a {
  font-family: "Cabin";
font-weight: 700;
font-size: 18px;
line-height: 24px;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
color: #8269AF;
}

/* .view-id-announcements > .view-footer a {} */
.view-id-announcements > .view-footer:hover {
  border: 1px solid #8269af;
  background-color: #8269af;
}

.view-id-announcements > .view-footer:hover a {
  color: #fff !important;
}

.view-id-announcements > .view-footer > a:hover a {
  color: #fff !important;
}

/* new */
/* .owl-item > .field-content {
  display: flex;
} */

/* .view-homepage-images .owl-dots {
  display: block !important;
} */

.view-homepage-images img {
  width: 100% !important;
}

.view-homepage-images .item {
  width: 100% !important;
}

/* .owl-carousel .owl-item img {
  width: 900px !important;
  height: 500px !important;
} */

div#block-school-nova-views-block-homepage-images-block-1 {
  padding: 0px 25px !important;
  display: flex;
  flex-direction: column;
  gap: 30px;
  /* margin-top: 50px; */
}

#block-school-nova-donationhomepage {
  padding: 24px 32px !important;
  border-radius: 16px;
  border: 1px solid #8269af;
  background: #f2effc;
  margin-top: 82px;
}

#block-school-nova-donationhomepage .content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  text-align: center;
}

#block-school-nova-donationhomepage > .content > div {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#block-school-nova-donationhomepage .content p {
  display: flex;
  justify-content: center;
}

#block-school-nova-donationhomepage .content p button a {
  color: #fff !important;
  text-transform: none !important;
}

#block-school-nova-welcomemessage {
  padding: 82px 25px;
  padding-top: 40px;
  padding-bottom: 40px;
}
#block-school-nova-welcomemessage .field--name-body h3{
font-family: "Cabin";
font-weight: 700;
font-size: 28px;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
color: #130F40;
margin-bottom: 12px;

}
#block-school-nova-donationhomepage .content p {
  width: 80%;
  margin: 0px auto;
}

#block-school-nova-donationhomepage-2{
  padding: 24px 32px !important;
  border-radius: 16px;
  /* border: 1px solid #8269af; */
  background: #f2effc;
  margin-top: 0px; 
}


#block-school-nova-donationhomepage-2 .content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  text-align: center;
}

#block-school-nova-donationhomepage-2 > .content > div {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#block-school-nova-donationhomepage-2 .content p {
  display: flex;
  justify-content: center;
}
#block-school-nova-donationhomepage-2 .content h4{
  border:none !important;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#block-school-nova-donationhomepage-2 .content p button a {
  color: #fff !important;
  text-transform: none !important;
  font-family: "Cabin";
font-weight: 700;
font-size: 18px;
line-height: 24px;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;

}

#block-school-nova-welcomemessage {
  padding: 82px 25px;
  padding-top: 40px;
  padding-bottom: 40px;
}

#block-school-nova-donationhomepage-2 .content p {
  width: 100%;
  margin: 0px auto;
}


#block-school-nova-donationhomepage-2 .btn-primary:hover a {
  color: #8269af !important;
}



div#block-school-nova-views-block-homepage-images-block-1 > h2 {
  text-align: center;
}

#block-school-nova-donationhomepage .btn-primary:hover a {
  color: #8269af !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #8269af !important;
}

/* .owl-theme .owl-dots .owl-dot {
  display: inline-block !important;
  zoom: 1 !important;
} */

/* .owl-dots {
  background-color: #000 !important;
} */

.page-view-announcements .view-footer {
  display: none !important;
}

.owl-theme .owl-dots .owl-dot span {
  width: 12px !important;
  height: 12px !important;
}

.owl-theme .owl-dots .owl-dot > span {
  background-color: #d9d9d9;
}

.owl-theme .owl-dots .owl-dot {
  margin-top: 0px;
}
.owl-theme .owl-nav.disabled+.owl-dots{
  margin-top: 12px;
}

.owl-nav {
  display: none !important;
}

#block-school-nova-welcomemessage .btn-primary {
  margin-top: 12px !important;
  text-transform: none !important;
}

.home-3-banner .btn-primary {
  background: transparent;
  border: none;
  text-transform: none;
}

.home-3-banner .btn-primary:hover {
  background: transparent;
  border: none;
}

.home-3-banner .btn-primary {
  width: unset !important;
  max-width: unset !important;
  padding: 0px !important;
  display: inline !important;
  position: relative;
}
.home-3-banner .text {
  width: 75%;
  margin-bottom: 64px !important;
}

.home-3-banner .btn-primary::after {
  content: "";
  display: block;
  height: 10px;
  width: 30%;
  position: absolute;
  /* right: -37%; */
  right: -33%;
  top: 45%;
  transform: translateY(-34%);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%22387.5%22 height%3D%22150%22 viewBox%3D%220 0 387.5 150%22%3E%3Cpath data-name%3D%22Path 40761%22 d%3D%22M387.5%2C246.048l-110.947-75v62.069H0v25.862H276.553V321.05Z%22 transform%3D%22translate(0 -171.051)%22 fill%3D%22%23FFFFFF%22 fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
/* .views-field-attendance-classes {
  display: block;
} */

.alert svg {
  height: 80px;
}

.alert hr {
  margin: 0.5rem 0;
}

/* .sb-pledgeform .fidelity_donate_button,
.sb-pledgeform .benevity_donate_button,
.sb-pledgeform .check_donate_button,
.sb-pledgeform .paypal_donate_button {
  background: url("/sites/default/files/2024-12/paypal.png");
  background-size: cover;
  width: 180px;
  cursor: pointer;
  height: 180px;
  margin: 5px;
  padding-bottom: 150px;
  font-weight: bold;
  font-size: 0px;
  border: 2px solid #212121;
  border-radius: 0px;
} */

.sb-pledgeform .fidelity_donate_button {
  background: url("/sites/default/files/2024-12/Fidelity.png");
}

.sb-pledgeform .benevity_donate_button {
  background: url("/sites/default/files/2024-12/Benevity.png");
}

.sb-pledgeform .check_donate_button {
  background: url("/sites/default/files/2024-12/check.png");
}
.sb-pledgeform .paypal_donate_button {
  background: url("/sites/default/files/2024-12/paypal.png");
}

.sb-pledgeform button {
  background-size: cover !important;
  width: 180px;
  cursor: pointer;
  height: 160px;
  margin: 5px;
  padding-bottom: 150px;
  font-weight: bold;
  font-size: 0px;
  border: 2px solid #212121;
  border-radius: 0px;
}

.sb-pledgeform .btn-wrapper {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
}

.stonybrook-teacheredit-form,
#edit-classes,
.stonybrook-transactionedit-form,
.sb-pledgeform {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

#edit-classes > div > label > a {
  display: inline !important;
}

.stonybrook-teacheredit-form > div,
.stonybrook-transactionedit-form > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.paypal-payment-form a {
  display: inline;
  font-weight: bold;
}

/* .views-exposed-form >div:last-child > div {
  align-items: end
} */
/* .sb-pledgeform > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
} */

.two-col-paragraph-section a {
  display: inline;
  font-weight: bold;
}

#two-col-paragraph-section {
  margin-top: -50px;
}

.alert-dismissible a {
  display: inline !important;
  font-weight: bold;
}

.input-submit-button {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.input-submit-button > button {
  margin-top: 0px !important;
}
.family-info a {
  font-weight: bold;
  margin-right: 5px;
}

.view-display-id-list_of_classes_page .input-submit-button {
  align-items: end;
}

form#views-exposed-form-list-of-classes-list-of-classes-page {
  margin-top: 15px;
}

form#views-exposed-form-finances2017-page-1 .input-submit-button {
  align-items: end;
}
.stonybrook-payperiod-form .input-submit-button {
  flex-direction: column;
  margin-top: 15px;
}

.phpclassesandapis a {
  display: inline;
  font-weight: bold;
}

/* for tool tip only  */
.nav-link--user,
.nav-link--user-logouttokenfzl0ox4js6qafdt6gzgzjwgb-hsr6kj8l8e0d4hc5mo {
  position: relative;
}

/* Tooltip text */
.nav-link--user::after,
.nav-link--user-logouttokenfzl0ox4js6qafdt6gzgzjwgb-hsr6kj8l8e0d4hc5mo::after {
  content: "";
  position: absolute;
  visibility: hidden;
  opacity: 0;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;

  /* Position the tooltip below */
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 5px;
  transition: opacity 0.2s ease-in-out;
  z-index: 1000;
}

/* Specific tooltip text for each link */
.nav-link--user::after {
  content: "My Account";
}

.nav-link--user-logouttokenfzl0ox4js6qafdt6gzgzjwgb-hsr6kj8l8e0d4hc5mo::after {
  content: "Log out";
}

/* Arrow for tooltip - now pointing up */
.nav-link--user::before,
.nav-link--user-logouttokenfzl0ox4js6qafdt6gzgzjwgb-hsr6kj8l8e0d4hc5mo::before {
  content: "";
  position: absolute;
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #333; /* Changed from border-top to border-bottom */

  /* Position the arrow */
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: 1000;
}

/* Show tooltip on hover */
.nav-link--user:hover::after,
.nav-link--user:hover::before,
.nav-link--user-logouttokenfzl0ox4js6qafdt6gzgzjwgb-hsr6kj8l8e0d4hc5mo:hover::after,
.nav-link--user-logouttokenfzl0ox4js6qafdt6gzgzjwgb-hsr6kj8l8e0d4hc5mo:hover::before {
  visibility: visible;
  opacity: 1;
}

/* for tool tip only  */

form#views-exposed-form-family-payments-page-1 .input-submit-button,
form#views-exposed-form-student-email-list-student-email-list-page
  .input-submit-button {
  align-items: end;
}

/* .page-node-type-private-php-page .header-1 .page-banner {
  padding-top: 50px !important;
} */

.user-logged-in article[about="/teacherarchive"] .header-1 .page-banner {
  padding-top: 27px !important;
}

.user-logged-in .page-node-type-private-php-page .header-1 .page-banner {
  padding-top: 27px !important;
}

.node-private_php_page.user-logged-in.not-frontpage
  section.page-banner.dt-section {
  padding-top: 27px !important;
  padding-bottom: 27px !important;

}

.node-private_php_page.not-frontpage section.page-banner.dt-section {
  padding-top: 27px !important;
}

/* .node--type-private-php-page .header-1 .page-banner {
  padding-top: 50px !important;
} */

.user-logged-in.not-frontpage.path-homeworks .header-1 .page-banner {
  padding-top: 100px !important;
}

.user-logged-in.not-frontpage.layout-one-sidebar .header-1 .page-banner,
.user-logged-in.not-frontpage.page-node-type-page .header-1 .page-banner {
  padding-top: 100px !important;
}

#footer .bottom-links {
  display: unset !important;
  width: 100% !important;
}

/* for teachers only test 1 */

.user-logged-in #footer .mid-content .row .col-12:nth-child(2) {
  position: relative;
}

#footer .mid-content .row .col-12:nth-child(2) {
  position: relative;
}

.parallax-bg {
  transition: unset !important;
}

.page-user-login [data-drupal-messages] {
  position: absolute;
  top: 167px;
}
.nav-link {
  color: #ffffff !important ;
}

#edit-category,
select#edit-status-1,
#edit-homework-teacher-filter {
  padding-right: 40px !important;
}

.node-private_php_page article a {
  font-weight: bold;
  display: inline !important;
}

/* article.node--type-private-php-page ul > li {
  list-style: block !important;
} */

.node-private_php_page article ul {
  padding: 0px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
/* .node-private_php_page article ul > p {
  padding: 0px 20px;
} */
.node-private_php_page article ul > li::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 7px;
  left: -22px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%22150%22 height%3D%22150%22 viewBox%3D%220 0 150 150%22%3E%3Cpath data-name%3D%22Path 40765%22 d%3D%22M123%2C48a75%2C75%2C0%2C1%2C0%2C75%2C75A74.989%2C74.989%2C0%2C0%2C0%2C123%2C48ZM111.425%2C149.575a4.973%2C4.973%2C0%2C0%2C1-3.173%2C1.587a5.2%2C5.2%2C0%2C0%2C1-3.209-1.623L84.851%2C129.346l6.418-6.418l17.019%2C17.019l45-45.325l6.31%2C6.526Z%22 transform%3D%22translate(-48 -48)%22 fill%3D%22%238269af%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.node-private_php_page .lists-block .list-wrapper li{
position: relative !important;
}
.node-private_php_page article ul > li::before {
  margin-right: 10px;
}

.node-private_php_page article ul > li > .svg-wrapper {
  display: none !important;
}

.node-private_php_page article ul > li .svg-wrapper {
  display: none !important;
}
/* .node-private_php_page article ul > li {
  margin-bottom: 10px;
} */

.node-private_php_page article ul li{
  list-style: none !important;
  position: relative !important;
}
.node-private_php_page  .search{
  border-right: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(255, 255, 255);
}
.node-private_php_page  .search a svg path {
  fill: #fff !important;
}

/* .node-private_php_page article .header  .right-group .list-unstyled  {
display: flex !important;

flex-direction: row-reverse !important;
} */

.user-logged-in section.educator-details.dt-section {
  padding-top: 0px !important;
}

.page-node-type-article #block-school-nova-pagetitle-2 h1 {
  font-size: 24px !important;
}
.stonybrook-attendance-edit-form fieldset {
  display: flex;
  flex-direction: row;
  align-items: end;
}
.stonybrook-attendance-edit-form fieldset > .fieldset-wrapper > div > div {
  display: flex;
  flex-direction: row;
  align-items: start;
}

.stonybrook-teacheredit-form .js-form-type-checkbox {
  display: inline;
}

.stonybrook-teacheredit-form .form-textarea-wrapper a {
  display: inline;
}

span.fieldset-legend.js-form-required.form-required {
  font-size: 14px;
  font-weight: bold;
  font-family: var(--bs-verdana-font);
}
.views-field-attendance-classes a {
  display: inline;
}
.current-class-info > div > div {
  display: flex;
  flex-direction: column;
}

#edit-enroll-student {
  display: flex;
  gap: 10px;
  align-items: center;
}

hr {
  height: 2px !important;
  color: #696969 !important;
  background-color: #696969 !important;
  opacity: 1 !important;
}

.view-enrolled-students .vbo-view-form {
  border-top: 0px !important;
}

.view-enrolled-students .form-item-action {
  margin-top: 0px !important;
}

.stonybrook-attendance-form-date .form-submit {
  width: fit-content;
}

/* .views-field-mother-phone a {
  display: inline;
} */
#edit-teacher-category {
  padding-right: 30px !important;
}

.home-3-banner .field--type-image  img{
  display: none;
}

.home-3-banner .home-cards{
  padding-top: 48px;
}
.home-3-banner  .home-cards .term-link{
  line-height: 21px;
}

.home-3-banner  .home-cards .term-link a{
  font-family: "Cabin";
  font-weight: 700;  
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  
}

.home-3-banner .home-cards .content-wrapper p a{
  font-family: var(--bs-verdana-font) !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #2B2942 !important;
}



.header{
  background-color: #3F2D60;
}

body.path-frontpage .dt-section{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.home-cards  .img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}




.views-exposed-form .form-check-input {
  min-width: unset !important;
  width: unset !important;
  margin: unset !important;
  padding: 4px 7px !important;
}

.views-field-mother-phone a:first-child {
  display: inline;
}
#edit-teacher-category {
  padding-right: 30px !important;
}

.views-exposed-form .form-check-input {
  min-width: unset !important;
  width: unset !important;
  margin: unset !important;
  padding: 4px 7px !important;
}

.views-field-mother-phone a {
  display: inline;
}
#edit-teacher-category {
  padding-right: 30px !important;
}

.views-exposed-form .form-check-input {
  min-width: unset !important;
  width: unset !important;
  margin: unset !important;
  padding: 4px 7px !important;
}

fieldset.views-exposed--fieldset {
  border-width: 2px;
  border-style: groove;
  border-color: threedface;
  border-image: initial;
  padding-block: 0.35em 0.625em;
  padding-inline: 0.75em;
}

fieldset.views-exposed--fieldset legend {
  display: block;
  unicode-bidi: isolate;
  padding-inline: 2px;
  float: none;
  width: auto;
  font-size: 16px;
}
#vbo-action-form-wrapper label[for="edit-action"] {
  display: none;
}

.account-sidebar-first .sub-menu {
  display: none;
}

.no-curr-class,
.class-gray {
  color: gray;
}

.search-categories a {
  margin: 0 5px;
}

.views-exposed-form .input-submit-button {
  margin-top: 0;
}

a img {
  width: auto;
}

.js-form-required::after {
  content: " *";
  color: red;
  font-weight: bold;
}

.paragraph--type--teachers-section h1 .field--name-field-section-title {
  font-size: inherit;
}

@media (min-width: 768px) {
  /* .dropdown-menu.show{
    display: none !important;
  } */
}

.body-content .d-flex a {
  width: 100%;
}
.body-content .d-flex a img {
  width: inherit
}

.student-attendance-teacher h3 a {
  display: inline;
}
.enrolled-classes a {
  display: inline;
}

.register label,
.forgot-password label {
  display: block !important;
}

.body.path-batch .progress {
  height: 2rem;
}
.main-content ol  li{
list-style: auto;
}
.main-content ul  li{
  list-style: disc;
  }

.path-adddate #preloaders{
  display:none
}

.boardsMembers img {
  height: 170px !important;
  width: 170px !important;
  max-width: 170px !important;
}

.stonybrook-current-semester-form p:nth-child(3) {
  color: red !important;
  font-size: 18px;
}

.body-content .file--application-pdf {
    background-image: none;
}

#views-form-my-attendance-teacher-attendance-page table td {
  font-size: 15px;
  vertical-align: middle !important;
}

.input-submit-buttons {
  display: flex;
  flex-direction: row !important;
  gap: 10px;
}F

form ul {
  padding-left: 10px;
  margin: 20px;
}

form#user-logout-confirm #edit-actions {
  align-items: center !important;
}

td.attendance-symbol a {
  margin: 7px 0px !important;
}

#footer .mid-content .row{
  flex-wrap: nowrap !important;
}

#footer .mid-content .row>div:nth-child(4) {
  width: 20% !important;
}

#block-school-nova-sociallinks a img{
  opacity: 0.85;
}
.main-content .section .blog-details {
  min-height: 54vh;
}


.user-logged-in .classinfocontainer {
  margin-bottom: 0px ;
}
.classinfocontainer {
  margin-bottom: 40px ;
}


@media (max-width:1210px){
  #footer .mid-content .row{
    flex-wrap: wrap !important;
  }

  #footer .mid-content .row>div:nth-child(4) {
    width: 18% ;
  }
}

@media (max-width:768px){
  .home-3-banner .home-cards{
    padding-top: 0px;
  }
}


.c54{
  margin: auto !important;
}

.contextual-region .contextual .contextual-links li {

padding: 3px !important;
}

td.views-field.views-field-current-classes a {
  display: inline-block !important;
}

@media print {
  .pagebreak {
    page-break-after: always;
    break-after: page;
  }
}

h4.junior-heading {
  display: block;
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 24px;
}

.lead-image-wrapper {
  height:200px;
  width:200px;
}

.view-header a,
.view-footer {
  margin: 1em 0;
}

.node--type-private-php-page .dt-section{
  padding-top: 0px !important;
}

td.wide-column {
  white-space:normal;
  text-wrap-mode:wrap !important; 
  min-width:350px;
  max-width:500px;
}