/* /Pages/Admin/BookstoreUsers/Modal/EditBooksquareUser.razor.rz.scp.css */
[b-3iaei48g1l] .nav-link {
    color: #fff !important;
    border-radius: 0px !important;
}

[b-3iaei48g1l] .nav div.nav-link:hover:not(.active), [b-3iaei48g1l] .nav div.nav-link.active {
    border-bottom: none;
}

[b-3iaei48g1l] .nav div.nav-link.active {
    font-weight: bold;
    border-bottom: 1px solid #7F839E
}

[b-3iaei48g1l] .nav-link.active {
    background: #0B3544;
}
.card-plan.selected[b-3iaei48g1l] {
    background-color: #54b3b3;
}
/* /Shared/Components/DateTimePicker.razor.rz.scp.css */
/*
   01. Color system 
   02. Body setting
   03. Font & Headings
   04. Border-radius
   05. Grid
   06. Border Color
   07. Component
   08. Forms
   09. Buttons
   10. Card
   11. List Group
   12. Dropdown
   13. Pagination
   14. Tooltip & Popover
   15. Close
   16. Tables
   17. Modal
   18. Toasts
   20. App - Sidebar
   21. App - Sidebar Minify Float Menue
   22. App - Content
   23. App - Page Header
*/
/* DateTimePicker */
.datetimepicker[b-u9lv82u675] {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}
.datetimepicker__buttonGroup[b-u9lv82u675] {
  display: flex;
  align-items: stretch;
}
.datetimepicker__buttonGroup i[b-u9lv82u675] {
  font-size: 1.25rem;
}
.datetimepicker__button.-clear[b-u9lv82u675], .datetimepicker__button.-time[b-u9lv82u675] {
  border-radius: 0px;
}
.datetimepicker__button.-calendar[b-u9lv82u675] {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.datetimepicker > input[b-u9lv82u675] {
  min-width: 100px;
  flex-wrap: nowrap;
  padding: 0.375rem 0.75rem;
  flex: 1;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.datetimepicker__background[b-u9lv82u675] {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 2090;
  cursor: pointer;
}
.datetimepicker__modal[b-u9lv82u675] {
  background-color: #FFF;
  top: 100%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 11px;
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  z-index: 2100;
  box-sizing: border-box;
  border: 1px solid rgb(191, 191, 191);
  border-radius: 9px;
}
.datetimepicker__modal.-up[b-u9lv82u675] {
  top: unset;
  bottom: 100%;
}
.datetimepicker__modal.-timepicker[b-u9lv82u675] {
  width: 150px;
  height: 230px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0.4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.datetimepicker__body[b-u9lv82u675] {
  display: table-row-group;
}
.datetimepicker__row[b-u9lv82u675] {
  display: table-row;
}
.datetimepicker__table[b-u9lv82u675] {
  display: table;
  margin: 0 auto;
}
.datetimepicker__header[b-u9lv82u675] {
  display: table-header-group;
}
.datetimepicker__cell[b-u9lv82u675] {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  border-radius: 0px;
  padding: 0.45rem;
  color: rgb(74, 74, 74);
  text-decoration: none;
  border: 0 none transparent;
}
.datetimepicker__cell:not(.is-disabled)[b-u9lv82u675] {
  cursor: pointer;
}
.datetimepicker__cell:hover:not(.is-selected)[b-u9lv82u675] {
  color: rgb(10, 10, 10);
}
.datetimepicker__cell.-header[b-u9lv82u675] {
  color: rgb(122, 122, 122);
  font-weight: 600;
}
.datetimepicker__cell.is-today[b-u9lv82u675] {
  border: 1px solid rgba(38, 132, 255, 0.5);
}
.datetimepicker__cell.-timepicker[b-u9lv82u675] {
  text-align: left;
  vertical-align: middle;
  display: initial;
  padding: 0.15rem 0.6rem;
  color: rgb(74, 74, 74);
  text-decoration: none;
  border: 0 none transparent;
  width: 50%;
}
.datetimepicker__cell.is-secondary-month[b-u9lv82u675], .datetimepicker__cell.is-disabled[b-u9lv82u675] {
  color: rgb(181, 181, 181) !important;
}
    .datetimepicker__cell.is-selected[b-u9lv82u675] {
        color: #b5b5b5 !important;
    }

.is-disabled[b-u9lv82u675] {
  pointer-events: none;
}

.datetimepicker-navigation[b-u9lv82u675] {
  display: flex;
  justify-content: space-between;
}

.datetimepicker-previous-button[b-u9lv82u675],
.datetimepicker-next-button[b-u9lv82u675],
.datetimepicker-today-button[b-u9lv82u675] {
  background-color: transparent;
  color: rgb(204, 204, 204);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 1px 3px;
  border: 0 none transparent;
  margin: 0.2rem 0.15rem;
}

.datetimepicker-today-button[b-u9lv82u675] {
  color: rgb(74, 74, 74);
}

.datetimepicker-select-month[b-u9lv82u675],
.datetimepicker-input-year[b-u9lv82u675] {
  color: rgb(74, 74, 74);
  display: flex;
  box-sizing: border-box;
  padding: 1px 3px;
  border: none;
  margin: 0.2rem 0.15rem;
  font-weight: 700;
  cursor: pointer;
}

.datetimepicker-select-month[b-u9lv82u675] {
  width: 100px;
  text-indent: 0.01px;
  text-overflow: "";
}

.datetimepicker-input-year[b-u9lv82u675] {
  width: 60px;
  -moz-appearance: textfield;
}

.datetimepicker-input-year[b-u9lv82u675]::-webkit-outer-spin-button,
.datetimepicker-input-year[b-u9lv82u675]::-webkit-inner-spin-button {
  margin: 0;
}
/* /Shared/Components/Sortable/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-hnz8lp24gh] .sortable-ghost {
    visibility: hidden;
}

[b-hnz8lp24gh] .sortable-fallback {
    opacity: 1 !important
}
.noselect[b-hnz8lp24gh] {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
/* /Shared/Registration/Plan.razor.rz.scp.css */
.bg-inherit[b-jlafulon0j]{
    background: inherit;
}