#toolbar-help .dropdown-item {
  display: none !important;
}
#toolbar-help .dropdown-item:last-child {
  display: block !important;
}
.splash img {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/assets/pccr_eas/image/pccr-logo.png") no-repeat;
  width: 100px;
  height: 100px;
  padding-left: 225px;
  padding-bottom: 225px;
}

/* #region BRANDING */

/* Typography */
.widget-group-title {
  font-weight: 600 !important;
  font-size: 18px !important;
  color: #000000 !important;
}
.standard-sidebar-label {
  font-size: 16px !important;
  font-weight: 600 !important;
}
/* !--End of Typography-- */

/* Cards */
.widget {
  border: 1px solid #D1D8DD !important;
  border-radius: 4px !important;
  box-shadow: unset !important;
}
.widget-title.ellipsis {
  color: #262D33 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.widget.links-widget-box .link-item:first-child {
  margin-top: 10px !important;
}
.widget.links-widget-box .link-item .link-content {
  color: #000000;
  font-size: 12px;
  font-weight: 400;
}

/* List Item */
span.indicator-pill.no-margin.yellow, span.indicator-pill.no-margin.gray {
  align-self: center !important;
  padding: 0 !important;
}

.indicator-pill, .indicator-pill-right {
  height: 17px !important;
}
.indicator-pill::before, .indicator-pill-right::after, span.indicator-pill.no-margin.yellow, span.indicator-pill.no-margin.gray {
  background: #F0F4F7 !important;
  height: 8px !important;
  width: 8px !important;
}

/* !--End of Cards-- */

/* Table */

/* Fields */
input.input-with-feedback.form-control.input-xs {
  background: #EBEEF0 !important;
  border-radius: 4px !important;
  padding: 19px !important;
}
select.condition.form-control.input-xs, input.form-control.input-xs {
  height: 38px !important;
}

select[data-fieldname="voucher_status"] {
  height: 38px !important;
  background: #EBEEF0 !important;
}

div[data-fieldname="voucher_status"] .placeholder {
  top: 10px !important;
}
div[data-fieldname="voucher_status"] .select-icon {
  top: 10px !important;
}

select[data-fieldname="requirement_status"] {
  height: 38px !important;
  background: #EBEEF0 !important;
}

div[data-fieldname="requirement_status"] .placeholder {
  top: 10px !important;
}
div[data-fieldname="requirement_status"] .select-icon {
  top: 10px !important;
}

select[data-fieldname="student_grade_type"] {
  height: 38px !important;
  background: #EBEEF0 !important;
}

div[data-fieldname="student_grade_type"] .placeholder {
  top: 10px !important;
}
div[data-fieldname="student_grade_type"] .select-icon {
  top: 10px !important;
}
input[type=checkbox]:checked {
  background-color: #7A0200 !important;
  background-size: unset !important;
  border-radius: 2px !important;
}

/* Header */
.layout-main-section.frappe-card {
  border-radius: 1px !important;
}
.list-row, .list-row-head {
  border-bottom: 1px solid #D1D8DD !important;
}
.list-row-head {
  background-color: #F6F6F6 !important;
}
.frappe-list {
  border: 1px solid #D1D8DD !important;
  margin: 15px !important;
  padding: 0 !important;
}
.list-row-col span.like-action.not-liked svg.icon {
  filter: grayscale(1) invert(1) opacity(1) !important;
}

.list-row-head span.level-item {
  color: #828282 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.list-row-container .list-row-col.ellipsis.list-subject.level {
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.list-row-container a.filterable.ellipsis {
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.indicator-pill:before {
  display: none !important;
}

span.frappe-timestamp.mini, span.text-extra-muted.comment-count {
  color: #C4C4C4 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

span.text-extra-muted.comment-count svg.icon {
  filter: grayscale(1) brightness(4.5) !important;
}

span.indicator-pill.blue.filterable.ellipsis {
  color: #00529D !important; 
  font-size: 12px !important;
  font-weight: 400 !important;
}

.avatar {
  color: #C4C4C4 !important;
}
/* !--End of Table-- */

/* Buttons */

/* Sidebar */
svg.icon.icon-md.sidebar-toggle-placeholder {
  filter: grayscale(1) invert(1) brightness(0) !important;
}

span.indicator-pill.whitespace-nowrap.orange {
  color: #DA4747 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

button.data-pill.btn, a.desk-sidebar-item.standard-sidebar-item.selected {
  background-color: #7A0200 !important;
  border-radius: 8px !important;
  color: #FFF !important;
}
button.data-pill.btn svg.icon, a.desk-sidebar-item.standard-sidebar-item.selected svg.icon {
  filter: grayscale(1) invert(1) !important;
}
.list-sidebar .list-sidebar-button {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12) !important;
  padding: 8px !important;
}

/* Pagination */
.list-paging-area.level button.btn.btn-default.btn-sm.btn-paging.btn-info {
  background-color: #7A0200 !important;
  border-color: #7A0200 !important;
}
.list-paging-area.level button.btn.btn-default.btn-sm.btn-paging {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #FFFFFF !important;
  border-color: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #FFFFFF !important;
}

/* Filter */
button.btn.btn-sm.filter-button.btn-primary-light {
  background-color: #FFFFFF !important;
  border-radius: 4px !important;
  box-shadow: var(--btn-shadow) !important;
  color: #000 !important;
}
span.filter-icon.active .icon-sm {
  filter: grayscale(1) invert(1) brightness(0) !important;
}

/* Primary/Secondary */
button.btn.btn-primary {
  background-color: #7A0200 !important;
  border-radius: 4px !important;
  border: 2px solid transparent !important;
  box-shadow: 0 0 0 2px transparent !important;
  color: #FFF !important;
  font-size: 12px !importa\nt;
  font-weight: 500 !important;
}
button.btn.btn-primary:hover {
  background-color: #5f0200 !important;
}
button.btn.btn-primary:focus {
  box-shadow: 0 0 0 2px #5f0200 !important;
  border: 2px solid #FFF !important;
}

button.btn.btn-secondary {
  background-color: #FDB415 !important;
  border-radius: 4px !important;
  border: 2px solid transparent !important;
  box-shadow: 0 0 0 2px transparent !important;
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
button.btn.btn-secondary:hover {
  background-color: #df9f12 !important;
}
button.btn.btn-secondary:focus {
  box-shadow: 0 0 0 2px #df9f12 !important;
  border: 2px solid #262d33 !important;
}

.form-dashboard-section.form-links button.btn.btn-new.btn-secondary {
  background-color: #F2F2F2 !important;
  border-radius: 4px !important;
}

button.btn.btn-default.btn-sm.ellipsis, button.text-muted.btn.btn-default.icon-btn, button.btn.btn-default.icon-btn {
  border-radius: 4px !important;
}

/* !--End of Buttons-- */

/* Links */
a.add-group-by, a.list-tag-preview {
  color: #7A0200 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
span.count {
  background-color: #FDB415 !important;
  border-radius: 4px !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}
/* !--End of Links-- */

/* #endregion !--BRANDING-- */



h1, h2, h3, h4, h5, h6, p {
  color: #000 !important;
}

#show-button,
#hide-button,
#back_to_step1 {
    font-size: 14px !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    margin-top: 50px !important;
}

#hide-button {
    background: #7B7979 !important;
}

select,
.form-control {
    border-radius: 4px !important;
}

.btn.text12.back.mx-2 {
  border: 2px solid transparent;
}

/* Lead App/Enrollment pages */

.leadcontainer {
  border: 1px solid #DFDFDF !important;
  border-radius: 4px !important;
}

.leadcontainer.border.p-4 {
  padding: 25px 50px !important;
}

.border-primary2 {
  border: 2px solid #7A0200 !important;
  border-radius: 4px !important;
  padding: 10px 25px 0 !important;
}

#admission h3 {
  font-size: clamp(20px, 5vw, 38px) !important;
  margin-bottom: 2rem !important;
}

#admission p.tab_label {
  font-size: 18px !important;
  margin-top: 1rem !important;
}

#admission p.text28.font-weight-800 {
  font-size: clamp(15px, 5vw, 28px) !important;
  font-weight: 700 !important;
}

#admission p.text14 {
  font-size: 14px !important;
}

#admission label.mb-0.p-0 {
  font-size: 16px !important;
  margin-bottom: 5px !important;
}

@media screen and (max-width: 475px) {
  .leadcontainer.border.p-4 {
    width: 100% !important;
    padding: 25px !important;
  }
}

@media screen and (max-width: 400px) {
  .tab_label {
      display: block !important;
  }

}


/*Commented out because on page load it couldn't find the data-path="new-education-background"] what it does instead it uses the second selector and applies the
changes globally*/
/* Educational Background */
/* [data-path="new-education-background"] .error-icon svg{
  width: 78px !important;
}
[data-path="new-education-background"] .container.my-4, .nav-item{
  display:none !important;
}

[data-path="new-education-background"] .footer {
  clear: both;
  position: relative;
  height: 200px;
  margin-top: -200px;
}

[data-path="new-education-background"] .icon-tab {
  margin-bottom: 8px !important;
}

[data-path="new-education-background"] form button {
  padding: 7px 15px 11px !important;
  line-height: 1 !important;
}

@media screen and (max-width: 992px) {
  [data-path="new-education-background"] .page-content-wrapper .container {
      margin-top: 1rem !important;
  }

  [data-path="new-education-background"] .page-content-wrapper .container .col {
      padding: 0 !important;
  }

  [data-path="new-education-background"] table {
      width: max-content !important;
  }

  [data-path="new-education-background"] .table thead th {
      vertical-align: middle !important;
  }

  [data-path="new-education-background"] .row {
      display: block;
  }

  [data-path="new-education-background"] form button {
      float: left !important;
  }


} */