:root {
  --brand-member-color-bg: #F8F9FA;
  --brand-member-color-text: #6A6D7D;
}

:root {
  --brand-member-color-bg: #F8F9FA;
  --brand-member-color-text: #6A6D7D;
}

.items-into-service-category-wrap {
  border-top: 1px solid #E8EAEF;
}
.items-into-service-category-wrap .panel-heading {
  cursor: pointer;
  height: 44px;
  padding: 0px 10px;
  border: none;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.items-into-service-category-wrap .panel-heading i {
  position: relative;
  top: -1px;
}
.items-into-service-category-wrap .panel-heading .fal {
  margin: 0 7px !important;
}
.items-into-service-category-wrap .collapse-one-category {
  padding: 0 10px;
  color: var(--brand-color);
  font-weight: bold;
}
.items-into-service-category-wrap .collapse-one-category i {
  color: var(--brand-color);
}
.items-into-service-category-wrap .collapse-one-category .expand-arrow {
  display: none;
}
.items-into-service-category-wrap .collapse-one-category .collapse-arrow {
  display: block;
}
.items-into-service-category-wrap .expand-one-category {
  background-color: #F6F9FB;
}
.items-into-service-category-wrap .expand-one-category .collapse-arrow {
  display: none;
}
.items-into-service-category-wrap .expand-one-category .expand-arrow {
  display: block;
}
.items-into-service-category-wrap .items-into-service-category-table-wrap .ui-jqgrid-hdiv {
  overflow: hidden;
}
.items-into-service-category-wrap .items-into-service-category-table-wrap table thead tr {
  height: 50px;
  vertical-align: bottom;
}

.items-into-service-category-wrap.ui-sortable-helper {
  border: 1px solid #E8EAEF !important;
  height: 52px !important;
}

.services-cateries-collapse-expand-all-link-wrap i {
  font-size: 18px;
  cursor: pointer;
}

.ptminder-body-pts-services .items-into-service-category-table-wrap, .ptminder-body-pts-clients #workout-list .items-into-service-category-table-wrap {
  margin-left: 0 !important;
}
.ptminder-body-pts-services .move-icon, .ptminder-body-pts-services .move-category, .ptminder-body-pts-clients #workout-list .move-icon, .ptminder-body-pts-clients #workout-list .move-category {
  display: none;
  background-image: url(/designs/blueflow/assets/svg/ico-drag.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  cursor: move;
}
.ptminder-body-pts-services .product-photo, .ptminder-body-pts-clients #workout-list .product-photo {
  display: flex;
  align-items: center;
}
.ptminder-body-pts-services .product-photo .fa-camera-alt, .ptminder-body-pts-clients #workout-list .product-photo .fa-camera-alt {
  margin: 5px 0 0 5px;
  font-size: 2.1rem;
  cursor: default;
}
.ptminder-body-pts-services .product-photo .fa-camera-alt:hover, .ptminder-body-pts-clients #workout-list .product-photo .fa-camera-alt:hover {
  color: #9096a4;
}
.ptminder-body-pts-services .product-photo .name, .ptminder-body-pts-clients #workout-list .product-photo .name {
  margin-top: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ptminder-body-pts-services .product-photo .client-photo-wrap, .ptminder-body-pts-clients #workout-list .product-photo .client-photo-wrap {
  overflow: unset;
}
.ptminder-body-pts-services .product-photo .client-photo-wrap img, .ptminder-body-pts-clients #workout-list .product-photo .client-photo-wrap img {
  border-radius: 50%;
  overflow: hidden;
}
.ptminder-body-pts-services tr.drugged, .ptminder-body-pts-clients #workout-list tr.drugged {
  background-color: #fcf9ed !important;
  height: 50px;
}
.ptminder-body-pts-services tr:hover .move-icon, .ptminder-body-pts-services .panel-heading:hover .move-category, .ptminder-body-pts-clients #workout-list tr:hover .move-icon, .ptminder-body-pts-clients #workout-list .panel-heading:hover .move-category {
  display: block;
}

#add-product-form .change-product-form-wrap {
  margin: 0 0 0 10px;
}
#add-product-form .change-product-form-wrap .edit-photo-wrap .glyphicon {
  margin-left: 5px;
  cursor: pointer;
}
#add-product-form .change-product-form-wrap .edit-photo-wrap .glyphicon-initial-wrap .photo-background {
  z-index: 940 !important;
}
#add-product-form .change-product-form-wrap .edit-photo-wrap .choose-photo-wrap {
  z-index: 940 !important;
}
#add-product-form .change-product-form-wrap .edit-photo-wrap .cr-slider-wrap {
  display: none;
}
#add-product-form .change-product-form-wrap .edit-photo-wrap .img-wrap .cr-boundary div {
  opacity: 0;
}
#add-product-form .change-product-form-wrap .edit-photo-wrap .img-wrap .cr-boundary canvas {
  border-radius: 100px !important;
  border: unset !important;
  width: 150px;
}
#add-product-form .change-product-form-wrap .edit-photo-wrap .glyphicon-wrap, #add-product-form .change-product-form-wrap .edit-photo-wrap .img-wrap, #add-product-form .change-product-form-wrap .edit-photo-wrap .glyphicon-initial-wrap {
  position: relative;
}
#add-product-form .change-product-form-wrap .edit-photo-wrap.edit-mode .cr-slider-wrap {
  display: block;
}
#add-product-form .change-product-form-wrap .edit-photo-wrap.edit-mode .glyphicon-wrap {
  display: inline-block;
}
#add-product-form .change-product-form-wrap .edit-photo-wrap.edit-mode .glyphicon-initial-wrap {
  display: none;
}
#add-product-form .change-product-form-wrap .edit-photo-wrap.edit-mode .img-wrap .cr-boundary div {
  opacity: 1;
}
#add-product-form .change-product-form-wrap .edit-photo-wrap.edit-mode .img-wrap .cr-boundary canvas {
  border-radius: unset !important;
  border: 0px #f5f5f5 solid;
}
@media screen and (max-width: 430px) {
  #add-product-form .change-product-form-wrap {
    margin-bottom: 20px;
  }
}

.category-name {
  font-weight: bold;
  font-family: "Nouvelle Grotesk";
}

.add-new-type {
  border-radius: 50% !important;
  padding: 0px !important;
  width: 27px;
  height: 27px;
}

.control-packages-block .edit-services-categories, .control-packages-block .edit-services-categories:focus, .control-packages-block .edit-services-categories:hover, .control-memberships-block .edit-services-categories, .control-memberships-block .edit-services-categories:focus, .control-memberships-block .edit-services-categories:hover, .control-products-block .edit-services-categories, .control-products-block .edit-services-categories:focus, .control-products-block .edit-services-categories:hover {
  width: 130px;
  height: 36px;
  border: 1px solid var(--button-color);
  background-color: #FFFFFF;
  border-radius: 4px;
  color: var(--button-color);
}

.items-into-service-category-table-wrap .empty-table-wrap {
  border-bottom: 1px solid #e7ecf1;
}

.grid-wrap-store-index {
  position: absolute;
  right: 30px;
  margin-top: -22px;
}
.grid-wrap-store-index .icon-card, .grid-wrap-store-index .icon-list-o, .grid-wrap-store-index .icon-card-o, .grid-wrap-store-index .icon-list {
  font-size: 20px;
  margin-left: 20px;
}
.grid-wrap-store-index:hover {
  text-decoration: none !important;
}
.grid-wrap-store-index.active .icon {
  color: var(--brand-color);
}
.grid-wrap-store-index.active .icon-card:before {
  content: "\e913";
}
.grid-wrap-store-index.active .icon-list:before {
  content: "\e916";
}
.grid-wrap-store-index .color-not-active {
  color: #323338;
}

.grid.trans-grid-table .grid-control-block {
  height: 130px;
  flex-wrap: wrap;
}
.grid.trans-grid-table .grid-control-block .search-box .form-search {
  margin-right: 20px;
}
.grid.trans-grid-table .grid-control-block .tools {
  width: 50%;
  text-align: right;
  padding: 0;
  order: 4;
  margin-top: 20px;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block {
  order: 3;
  margin-top: 15px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-date-filter-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-date-filter-wrap .multiselect-native-select {
  order: 0;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-date-filter-wrap .multiselect-native-select .btn-group {
  margin-right: 10px;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-date-filter-wrap .multiselect-native-select .btn-group .multiselect {
  width: 165px;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-date-filter-wrap .grid-header-date-range-wrap {
  order: 1;
  margin-bottom: 0;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-date-filter-wrap .grid-header-date-range-wrap .input-group input {
  height: 36px;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-date-filter-wrap .grid-header-date-range-wrap .input-group .fa-calendar {
  padding-top: 9px;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-preview-date {
  min-height: 36px;
  margin-left: 10px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.grid .grid-table {
  padding-top: 0;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th div {
  text-transform: capitalize !important;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr {
  cursor: pointer;
}
.grid .grid-control-block {
  padding: 0;
}
.grid .grid-control-block .search-box {
  order: unset;
  margin: 0;
}
.grid .grid-control-block .search-box .trainers-box, .grid .grid-control-block .search-box .select-user {
  margin-right: 20px;
  width: 130px;
}
.grid .grid-control-block .search-box form .form-search input[type=text] {
  padding-left: 30px !important;
}
.grid .grid-control-block .grid-views {
  padding: 0;
  width: unset;
  order: unset;
  margin: 0;
  display: flex;
  align-items: center;
}
.grid .grid-control-block .grid-views button {
  height: 36px;
}
.grid .grid-control-block .grid-views a {
  text-decoration: none;
}
.grid .grid-control-block .grid-views a.as-blocks, .grid .grid-control-block .grid-views a.as-table {
  margin-right: 20px;
}
.grid .grid-control-block .grid-views a span {
  font-size: 20px;
  color: #9096a4;
  font-weight: 600;
}
.grid .grid-control-block .grid-views a span:hover {
  color: var(--brand-color);
}
.grid .grid-control-block .grid-views a.active .fal {
  color: var(--brand-color);
}
.grid .grid-control-block .grid-views a.btn-add-new span {
  font-size: 36px;
}
.grid .transactions-balance-wrap {
  padding: 0 20px;
  margin-bottom: 20px;
}
.grid .transactions-balance-wrap .one-transactions-balance-block-wrap {
  float: left;
  width: 32%;
  height: 80px;
  min-height: 80px;
  border: 1px solid #E8EAEF;
  border-radius: 5px;
  margin-bottom: 10px;
  min-width: 220px;
}
.grid .transactions-balance-wrap .one-transactions-balance-block-wrap img {
  width: 50px;
  height: 50px;
}
.grid .transactions-balance-wrap .one-transactions-balance-block-wrap .one-transactions-info-value {
  font-size: 20px;
  font-weight: bold;
}
.grid .transactions-balance-wrap .one-transactions-balance-block-wrap .one-transactions-info-description {
  font-size: 16px;
  color: #898D96;
}
.grid .transactions-balance-wrap .one-transactions-balance-block-wrap .left {
  height: inherit;
  padding: 15px 0 15px 15px;
}
.grid .transactions-balance-wrap .empty-space {
  float: left;
  width: 2%;
  height: 80px;
  min-height: 80px;
  margin-bottom: 10px;
}

.store-service td .client-photo-wrap {
  width: 30px !important;
  height: 30px !important;
}
.store-service td .client-photo-wrap .no-image {
  font-size: 1.4rem !important;
}
.store-service td .item-charge, .store-service td .item-payment {
  display: flex;
  align-items: center;
}
.store-service td .item-charge span:first-child, .store-service td .item-payment span:first-child {
  margin-right: 10px;
}
.store-service td.chevron-right {
  position: relative;
  text-align: right;
  padding: 0 20px 0 0;
}
.store-service td .grid-block-small-title {
  display: none;
  color: #848588;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
.store-service td .attended {
  color: #599BFB;
  background-color: rgba(89, 155, 251, 0.1);
  padding: 1px;
}
.store-service td .missed, .store-service td .rescheduled, .store-service td .cancelled {
  color: var(--brand-color);
  background-color: rgba(243, 63, 128, 0.1);
  padding: 1px;
}

#wrap-table-package.blocks-view .border-custom-1, #wrap-table-other.blocks-view .border-custom-1 {
  border-top: 4px solid #33CB7D !important;
}
#wrap-table-package.blocks-view .border-custom-2, #wrap-table-other.blocks-view .border-custom-2 {
  border-top: 4px solid #599BFB !important;
}
#wrap-table-package.blocks-view .border-custom-3, #wrap-table-other.blocks-view .border-custom-3 {
  border-top: 4px solid #FCAD42 !important;
}
#wrap-table-package.blocks-view .border-custom-4, #wrap-table-other.blocks-view .border-custom-4 {
  border-top: 4px solid #F33F80 !important;
}
#wrap-table-package.blocks-view .border-custom-5, #wrap-table-other.blocks-view .border-custom-5 {
  border-top: 4px solid #1B97B6 !important;
}
#wrap-table-package.blocks-view .store-packages-grid, #wrap-table-other.blocks-view .store-packages-grid {
  margin-top: 20px;
}
#wrap-table-package.blocks-view .store-packages-grid tbody, #wrap-table-other.blocks-view .store-packages-grid tbody {
  padding: 0;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr, #wrap-table-other.blocks-view .store-packages-grid tbody tr {
  border-radius: 5px;
  height: auto !important;
  border: 1px solid #e6e9ef;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  position: relative;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr:hover, #wrap-table-other.blocks-view .store-packages-grid tbody tr:hover {
  box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.12), 0 3px 6px 0 rgba(0, 0, 0, 0.12);
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr.color-charge, #wrap-table-other.blocks-view .store-packages-grid tbody tr.color-charge {
  border-left: solid var(--brand-color) 4px;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr.color-payment, #wrap-table-other.blocks-view .store-packages-grid tbody tr.color-payment {
  border-left: solid #33cb7d 4px;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td, #wrap-table-other.blocks-view .store-packages-grid tbody tr td {
  width: 100%;
  border: none !important;
  padding: 0 !important;
  font-size: 14px;
  font-weight: 400;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td .grid-block-small-title, #wrap-table-other.blocks-view .store-packages-grid tbody tr td .grid-block-small-title {
  display: block;
  color: #323338;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 16px;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td .grid-block-small-title::after, #wrap-table-other.blocks-view .store-packages-grid tbody tr td .grid-block-small-title::after {
  content: ":";
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td span.color-charge, #wrap-table-other.blocks-view .store-packages-grid tbody tr td span.color-charge {
  color: var(--brand-color);
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td span.color-payment, #wrap-table-other.blocks-view .store-packages-grid tbody tr td span.color-payment {
  color: #00A400;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td:nth-child(1), #wrap-table-other.blocks-view .store-packages-grid tbody tr td:nth-child(1) {
  order: 1;
  display: block;
  margin-top: 14px;
  margin-left: 20px;
  font-weight: bold !important;
  font-size: 16px;
  line-height: 30px;
  max-height: 19px;
  color: #323338;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td:nth-child(2), #wrap-table-other.blocks-view .store-packages-grid tbody tr td:nth-child(2) {
  order: 2;
  display: block;
  margin-left: 20px;
  max-height: 16px;
  line-height: 30px;
  text-overflow: ellipsis;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td:nth-child(2) > div:nth-child(2), #wrap-table-other.blocks-view .store-packages-grid tbody tr td:nth-child(2) > div:nth-child(2) {
  color: #323338;
  font-size: 14px;
  letter-spacing: 0;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td:nth-child(3), #wrap-table-other.blocks-view .store-packages-grid tbody tr td:nth-child(3) {
  order: 3;
  margin-left: 20px;
  margin-top: 0 !important;
  max-height: 30px;
  margin-bottom: 10px;
  word-break: break-all;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 */
  word-wrap: break-word; /* IE */
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #323338;
  font-size: 26px;
  letter-spacing: normal;
  font-weight: bold !important;
  line-height: 30px;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td:nth-child(4), #wrap-table-other.blocks-view .store-packages-grid tbody tr td:nth-child(4) {
  order: 4;
  display: block;
  margin-left: 20px;
  max-height: 40px;
  line-height: 40px;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td:nth-child(4) .wrap-session, #wrap-table-other.blocks-view .store-packages-grid tbody tr td:nth-child(4) .wrap-session {
  width: 50%;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td:nth-child(4) .wrap-session .title-session-package, #wrap-table-other.blocks-view .store-packages-grid tbody tr td:nth-child(4) .wrap-session .title-session-package {
  font-size: 14px;
  color: #848588;
  line-height: 16px;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td:nth-child(5), #wrap-table-other.blocks-view .store-packages-grid tbody tr td:nth-child(5) {
  order: 5;
  margin-left: 25px;
  position: absolute;
  margin-top: 86px;
  width: 100%;
  height: 40px;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td:nth-child(5) .wrap-session, #wrap-table-other.blocks-view .store-packages-grid tbody tr td:nth-child(5) .wrap-session {
  width: 50%;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td:nth-child(5) .wrap-session .title-session-package, #wrap-table-other.blocks-view .store-packages-grid tbody tr td:nth-child(5) .wrap-session .title-session-package {
  font-size: 14px;
  color: #848588;
  line-height: 16px;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td:nth-child(6), #wrap-table-other.blocks-view .store-packages-grid tbody tr td:nth-child(6) {
  order: 6;
  display: block;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  width: 100%;
  height: auto !important;
}
#wrap-table-package.blocks-view .store-packages-grid tbody tr td:nth-child(6) .btn-buy, #wrap-table-other.blocks-view .store-packages-grid tbody tr td:nth-child(6) .btn-buy {
  width: 100%;
  margin-bottom: 10px;
}
#wrap-table-package.blocks-view .store-packages-grid.modal_store_service tbody tr td:nth-child(5), #wrap-table-other.blocks-view .store-packages-grid.modal_store_service tbody tr td:nth-child(5) {
  margin-top: 86px;
}
#wrap-table-package.blocks-view .store-memberships-grid, #wrap-table-other.blocks-view .store-memberships-grid {
  margin-top: 20px;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody, #wrap-table-other.blocks-view .store-memberships-grid tbody {
  padding: 0;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr, #wrap-table-other.blocks-view .store-memberships-grid tbody tr {
  border-radius: 5px;
  height: auto;
  border: 1px solid #e6e9ef;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr:hover, #wrap-table-other.blocks-view .store-memberships-grid tbody tr:hover {
  box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.12), 0 3px 6px 0 rgba(0, 0, 0, 0.12);
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr.color-charge, #wrap-table-other.blocks-view .store-memberships-grid tbody tr.color-charge {
  border-left: solid var(--brand-color) 4px;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr.color-payment, #wrap-table-other.blocks-view .store-memberships-grid tbody tr.color-payment {
  border-left: solid #33cb7d 4px;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td, #wrap-table-other.blocks-view .store-memberships-grid tbody tr td {
  width: 100%;
  border: none !important;
  padding: 0 !important;
  font-size: 14px;
  font-weight: 400;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td .grid-block-small-title, #wrap-table-other.blocks-view .store-memberships-grid tbody tr td .grid-block-small-title {
  display: block;
  color: #323338;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 16px;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td .grid-block-small-title::after, #wrap-table-other.blocks-view .store-memberships-grid tbody tr td .grid-block-small-title::after {
  content: ":";
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td span.color-charge, #wrap-table-other.blocks-view .store-memberships-grid tbody tr td span.color-charge {
  color: var(--brand-color);
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td span.color-payment, #wrap-table-other.blocks-view .store-memberships-grid tbody tr td span.color-payment {
  color: #00A400;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(1), #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(1) {
  order: 1;
  display: block;
  margin-top: 14px;
  margin-left: 20px;
  font-weight: bold !important;
  font-size: 16px;
  line-height: 30px;
  max-height: 19px;
  color: #323338;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(2), #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(2) {
  order: 2;
  display: block;
  margin-left: 20px;
  max-height: 16px;
  text-overflow: ellipsis;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(2) > div:nth-child(2), #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(2) > div:nth-child(2) {
  color: #323338;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(3), #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(3) {
  order: 3;
  margin-left: 20px;
  margin-top: 0 !important;
  margin-bottom: 10px;
  max-height: 50px;
  word-break: break-all;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 */
  word-wrap: break-word; /* IE */
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #323338;
  font-size: 26px;
  letter-spacing: normal;
  font-weight: bold !important;
  line-height: 30px;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(3) .wrap-session, #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(3) .wrap-session {
  width: 50%;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(3) .wrap-session .title-session-membership, #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(3) .wrap-session .title-session-membership {
  font-size: 14px;
  color: #848588;
  line-height: 16px;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(4), #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(4) {
  order: 4;
  display: block;
  margin-left: 20px;
  max-height: 40px;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(4) .wrap-session, #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(4) .wrap-session {
  width: 50%;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(4) .wrap-session .title-session-membership, #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(4) .wrap-session .title-session-membership {
  font-size: 14px;
  color: #848588;
  line-height: 16px;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(5), #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(5) {
  order: 5;
  display: block;
  margin-top: 10px;
  margin-left: 20px;
  height: 40px;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(5) .title-session-membership, #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(5) .title-session-membership {
  font-size: 14px;
  color: #848588;
  line-height: 16px;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(6), #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(6) {
  order: 6;
  position: absolute;
  margin-top: 133px;
  margin-left: 0px;
  width: 100%;
  height: auto;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(6) .wrap-session, #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(6) .wrap-session {
  width: 50%;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(6) .wrap-session .title-session-membership, #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(6) .wrap-session .title-session-membership {
  font-size: 14px;
  color: #848588;
  line-height: 16px;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(7), #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(7) {
  order: 7;
  display: block;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  width: 100%;
  height: auto;
}
#wrap-table-package.blocks-view .store-memberships-grid tbody tr td:nth-child(7) .btn-buy, #wrap-table-other.blocks-view .store-memberships-grid tbody tr td:nth-child(7) .btn-buy {
  width: 100%;
  margin-bottom: 10px;
}
#wrap-table-package.blocks-view .store-memberships-grid.modal_store_service tbody tr td:nth-child(6), #wrap-table-other.blocks-view .store-memberships-grid.modal_store_service tbody tr td:nth-child(6) {
  margin-top: 133px;
}
#wrap-table-package.blocks-view .store-products-grid, #wrap-table-other.blocks-view .store-products-grid {
  margin-top: 20px;
}
#wrap-table-package.blocks-view .store-products-grid tbody, #wrap-table-other.blocks-view .store-products-grid tbody {
  padding: 0;
}
#wrap-table-package.blocks-view .store-products-grid tbody tr, #wrap-table-other.blocks-view .store-products-grid tbody tr {
  border-radius: 5px;
  height: auto !important;
  border: 1px solid #e6e9ef;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  position: relative;
}
#wrap-table-package.blocks-view .store-products-grid tbody tr:hover, #wrap-table-other.blocks-view .store-products-grid tbody tr:hover {
  box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.12), 0 3px 6px 0 rgba(0, 0, 0, 0.12);
}
#wrap-table-package.blocks-view .store-products-grid tbody tr.color-charge, #wrap-table-other.blocks-view .store-products-grid tbody tr.color-charge {
  border-left: solid var(--brand-color) 4px;
}
#wrap-table-package.blocks-view .store-products-grid tbody tr.color-payment, #wrap-table-other.blocks-view .store-products-grid tbody tr.color-payment {
  border-left: solid #33cb7d 4px;
}
#wrap-table-package.blocks-view .store-products-grid tbody tr td, #wrap-table-other.blocks-view .store-products-grid tbody tr td {
  width: 100%;
  border: none !important;
  padding: 0 !important;
  font-size: 14px;
  font-weight: 400;
}
#wrap-table-package.blocks-view .store-products-grid tbody tr td .grid-block-small-title, #wrap-table-other.blocks-view .store-products-grid tbody tr td .grid-block-small-title {
  display: block;
  color: #323338;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 16px;
}
#wrap-table-package.blocks-view .store-products-grid tbody tr td .grid-block-small-title::after, #wrap-table-other.blocks-view .store-products-grid tbody tr td .grid-block-small-title::after {
  content: ":";
}
#wrap-table-package.blocks-view .store-products-grid tbody tr td span.color-charge, #wrap-table-other.blocks-view .store-products-grid tbody tr td span.color-charge {
  color: var(--brand-color);
}
#wrap-table-package.blocks-view .store-products-grid tbody tr td span.color-payment, #wrap-table-other.blocks-view .store-products-grid tbody tr td span.color-payment {
  color: #00A400;
}
#wrap-table-package.blocks-view .store-products-grid tbody tr td:nth-child(1), #wrap-table-other.blocks-view .store-products-grid tbody tr td:nth-child(1) {
  order: 1;
  display: block;
  margin-top: 14px;
  margin-left: 20px;
  font-weight: bold !important;
  font-size: 16px;
  line-height: 30px;
  max-height: 19px;
  color: #323338;
}
#wrap-table-package.blocks-view .store-products-grid tbody tr td:nth-child(2), #wrap-table-other.blocks-view .store-products-grid tbody tr td:nth-child(2) {
  order: 2;
  display: block;
  margin-left: 20px;
  max-height: 16px;
  text-overflow: ellipsis;
}
#wrap-table-package.blocks-view .store-products-grid tbody tr td:nth-child(2) > div:nth-child(2), #wrap-table-other.blocks-view .store-products-grid tbody tr td:nth-child(2) > div:nth-child(2) {
  color: #323338;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}
#wrap-table-package.blocks-view .store-products-grid tbody tr td:nth-child(3), #wrap-table-other.blocks-view .store-products-grid tbody tr td:nth-child(3) {
  order: 3;
  margin-left: 20px;
  margin-top: 10px;
  max-height: 30px;
  word-break: break-all;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 */
  word-wrap: break-word; /* IE */
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #323338;
  font-size: 26px;
  letter-spacing: normal;
  font-weight: bold !important;
  line-height: 30px;
}
#wrap-table-package.blocks-view .store-products-grid tbody tr td:last-child, #wrap-table-other.blocks-view .store-products-grid tbody tr td:last-child {
  order: 4;
  display: block;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  width: 100%;
}
#wrap-table-package.blocks-view .store-products-grid tbody tr td:last-child .btn-buy, #wrap-table-other.blocks-view .store-products-grid tbody tr td:last-child .btn-buy {
  width: 100%;
  margin-bottom: 10px;
}

.store-service td:last-child {
  position: relative !important;
  overflow: unset;
}

.one-control-block-custom {
  width: 25% !important;
  display: flex;
  justify-content: flex-end;
}

.icon-plus-o .path1:before {
  color: var(--button-color);
}

.btn-archived {
  margin-left: 7px;
}

.filter-services {
  padding: 0px 20px;
}

.filter-services .bf-menu {
  background-color: #f6f9fb;
  border-radius: 4px;
  padding: 0px 20px;
}

:root {
  --brand-member-color-bg: #F8F9FA;
  --brand-member-color-text: #6A6D7D;
}

.summury-tab-one-package-wrap,
.summury-tab-one-membership-wrap {
  background: url(/designs/blueflow/assets/svg/membership_background.svg) no-repeat;
}

#client-memberships-grid-history tr td .tooltip.fade .tooltip-inner {
  max-width: unset;
}

.d-inline-flex {
  display: inline-flex;
}

.bagde-shared {
  font-size: 12px !important;
  background: #ff3465;
  padding: 2px 4px;
  border-radius: 5px;
}

.event-type {
  align-items: flex-start !important;
}

.summury-tab-one-package-wrap, .summury-tab-one-membership-wrap {
  background-size: cover;
  width: 100%;
  max-width: 345px;
  min-height: 190px;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  position: relative;
  min-width: 320px;
  display: flex;
  flex-direction: column;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .membership-status-badge, .summury-tab-one-package-wrap .summury-tab-one-service-info-line .package-status-badge, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .membership-status-badge, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .package-status-badge {
  text-transform: uppercase;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .membership-status-badge > div, .summury-tab-one-package-wrap .summury-tab-one-service-info-line .package-status-badge > div, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .membership-status-badge > div, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .package-status-badge > div {
  background-color: #ff3465;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 12px;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .one-service-edit-icon, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .one-service-edit-icon {
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .one-service-edit-icon .paid-in-full, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .one-service-edit-icon .paid-in-full {
  background-color: #33cb7d;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 13px;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .one-service-edit-icon i, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .one-service-edit-icon i {
  color: #fff;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .one-service-edit-icon i:before, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .one-service-edit-icon i:before {
  color: #fff;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .one-service-edit-icon i.fa-exclamation-triangle, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .one-service-edit-icon i.fa-exclamation-triangle {
  color: red;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .one-service-edit-icon i.fa-exclamation-triangle:before, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .one-service-edit-icon i.fa-exclamation-triangle:before {
  color: red;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .summury-tab-one-service-name-wrap, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .summury-tab-one-service-name-wrap {
  max-height: 21px;
  display: flex;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .summury-tab-one-service-name-wrap .summury-tab-one-service-name, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .summury-tab-one-service-name-wrap .summury-tab-one-service-name {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .summury-tab-one-service-name-wrap i, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .summury-tab-one-service-name-wrap i {
  font-size: 16px;
  color: #fff;
  margin-left: 8px;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .owing-per-period-text, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .owing-per-period-text {
  font-size: 12px;
  font-weight: normal;
  margin-left: 5px;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .tooltip.fade .tooltip-inner, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .tooltip.fade .tooltip-inner {
  max-width: unset;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits {
  max-width: 50%;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .view-allocation,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .renew-schedule,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .view-allocation,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .renew-schedule, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .view-allocation,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .renew-schedule,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .view-allocation,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .renew-schedule {
  cursor: pointer;
  color: #fff;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .view-allocation:hover,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .renew-schedule:hover,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .view-allocation:hover,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .renew-schedule:hover, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .view-allocation:hover,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .renew-schedule:hover,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .view-allocation:hover,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .renew-schedule:hover {
  text-decoration: underline;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .view-allocation i, .summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .view-allocation i:hover,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .renew-schedule i,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .renew-schedule i:hover,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .view-allocation i,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .view-allocation i:hover,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .renew-schedule i,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .renew-schedule i:hover, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .view-allocation i, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .view-allocation i:hover,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .renew-schedule i,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .renew-schedule i:hover,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .view-allocation i,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .view-allocation i:hover,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .renew-schedule i,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .renew-schedule i:hover {
  color: white;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .price-info, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .price-info {
  font-size: 22px;
  font-style: normal;
  line-height: 24px;
  background: #33CB7D;
  color: white;
  padding: 6px 10px;
  margin-left: -10px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .ta-right, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .ta-right {
  min-height: 48px;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line.flex, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line.flex {
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line:last-child, .summury-tab-one-package-wrap .summury-tab-one-service-info-line:nth-child(4), .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:last-child, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:nth-child(4) {
  margin: auto -10px -10px;
  padding: 14px 10px;
  display: flex;
  justify-content: space-between;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line:last-child .event-type, .summury-tab-one-package-wrap .summury-tab-one-service-info-line:nth-child(4) .event-type, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:last-child .event-type, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:nth-child(4) .event-type {
  display: flex;
  flex-direction: column;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line:last-child .renew-schedule, .summury-tab-one-package-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:last-child .renew-schedule, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule {
  cursor: pointer;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line:last-child .renew-schedule:hover, .summury-tab-one-package-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule:hover, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:last-child .renew-schedule:hover, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule:hover {
  text-decoration: underline;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line:last-child .renew-schedule i, .summury-tab-one-package-wrap .summury-tab-one-service-info-line:last-child .renew-schedule i:hover, .summury-tab-one-package-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule i, .summury-tab-one-package-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule i:hover, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:last-child .renew-schedule i, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:last-child .renew-schedule i:hover, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule i, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule i:hover {
  color: white;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line.top, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line.top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line.top > div:first-child, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line.top > div:first-child {
  line-height: 20px;
}
.summury-tab-one-package-wrap .add-unused-credits-package-wrap, .summury-tab-one-membership-wrap .add-unused-credits-package-wrap {
  position: absolute;
  left: calc(50% - 47px);
  bottom: 5px;
}
.summury-tab-one-package-wrap .add-unused-credits-package-wrap .add-unused-credits-package-tooltip, .summury-tab-one-membership-wrap .add-unused-credits-package-wrap .add-unused-credits-package-tooltip {
  color: #fff;
  text-decoration: none;
}
.summury-tab-one-package-wrap .add-unused-credits-package-wrap .add-unused-credits-package-tooltip i, .summury-tab-one-package-wrap .add-unused-credits-package-wrap .add-unused-credits-package-tooltip i:hover, .summury-tab-one-membership-wrap .add-unused-credits-package-wrap .add-unused-credits-package-tooltip i, .summury-tab-one-membership-wrap .add-unused-credits-package-wrap .add-unused-credits-package-tooltip i:hover {
  color: #fff;
}
.summury-tab-one-package-wrap .add-unused-credits-package-wrap .tooltip .tooltip-inner, .summury-tab-one-membership-wrap .add-unused-credits-package-wrap .tooltip .tooltip-inner {
  max-width: none;
}
.summury-tab-one-package-wrap .add-unused-credits-package-wrap, .summury-tab-one-membership-wrap .add-unused-credits-package-wrap {
  left: calc(50% - 55px);
}

.one-client-product-wrap {
  width: 225px;
  min-height: 161px;
  border: 1px solid #E8EAEF !important;
  border-right: 5px;
  position: relative;
  margin-bottom: 20px;
}
.one-client-product-wrap .view-client-product-description {
  position: absolute;
  font-size: 18px;
  top: 10px;
  left: 10px;
}
.one-client-product-wrap .delete-client-product-button {
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}
.one-client-product-wrap .show-invoice-for-product {
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  right: 35px;
  top: 10px;
}
.one-client-product-wrap .img-wrap {
  padding-top: 20px;
}
.one-client-product-wrap .img-wrap img {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  display: block;
}
.one-client-product-wrap .product-price-text {
  position: absolute;
  left: 20px;
  bottom: 0;
  font-size: 16px;
  font-weight: bold;
}
.one-client-product-wrap .purchased-product-data-text, .one-client-product-wrap .assigned-product-data-text {
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.one-client-product-wrap .tooltip .tooltip-inner {
  max-width: unset !important;
}
.one-client-product-wrap i.fa-exclamation-triangle {
  color: red;
}
.one-client-product-wrap i.fa-exclamation-triangle:before {
  color: red;
}

.view-membership-button, .view-package-button {
  font-size: 18px;
  cursor: pointer;
  margin-right: 15px;
}

:root {
  --brand-member-color-bg: #F8F9FA;
  --brand-member-color-text: #6A6D7D;
}

.cart-wrapper {
  cursor: pointer;
  position: relative;
}
.cart-wrapper > i {
  font-size: 22px;
  color: #323338;
}
.cart-wrapper .item-count {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: red;
  font-size: 9px;
  position: absolute;
  right: -6px;
  top: -6px;
}

#cart_modal .modal-dialog {
  width: 820px;
}

.cart-items-wrapper {
  position: relative;
}
.cart-items-wrapper .cart-item-row {
  display: flex;
  width: 100%;
  align-items: center;
}
.cart-items-wrapper .cart-item-row > div {
  padding: 5px;
}
.cart-items-wrapper .cart-item-row span {
  color: #000000;
}
.cart-items-wrapper .cart-item-row .row-name {
  width: 20%;
  text-align: center;
}
.cart-items-wrapper .cart-item-row .row-quantity, .cart-items-wrapper .cart-item-row .row-total, .cart-items-wrapper .cart-item-row .row-price {
  width: 10%;
}
.cart-items-wrapper .cart-item-row .row-tax, .cart-items-wrapper .cart-item-row .row-total-tax {
  width: 15%;
}
.cart-items-wrapper .cart-item-row .row-tax .tax-detux {
  font-size: 12px;
}
.cart-items-wrapper .cart-item-row .row-discount {
  width: 30%;
}
.cart-items-wrapper .cart-item-row .row-action {
  width: 5%;
}
.cart-items-wrapper .cart-item-row .row-action i {
  color: #323338;
  cursor: pointer;
}
.cart-items-wrapper .cart-item-row .row-quantity .quantity-controller {
  display: inline-flex;
  border: 1px solid #e6eaf0;
  cursor: pointer;
}
.cart-items-wrapper .cart-item-row .row-quantity .quantity-controller .quantity-plus, .cart-items-wrapper .cart-item-row .row-quantity .quantity-controller .quantity-minus {
  width: 20px;
  line-height: 20px;
  background-color: #e6eaf0;
  text-align: center;
}
.cart-items-wrapper .cart-item-row .row-quantity .quantity-controller .quantity-plus:hover, .cart-items-wrapper .cart-item-row .row-quantity .quantity-controller .quantity-minus:hover {
  background-color: var(--brand-member-primary-color);
  color: white;
}
.cart-items-wrapper .cart-item-row .row-quantity .quantity-controller .quantity-number {
  width: 25px;
  line-height: 20px;
  text-align: center;
  border-left: 1px solid #e6eaf0;
  border-right: 1px solid #e6eaf0;
  font-size: 11px;
}
.cart-items-wrapper .cart-item-row .row-quantity .quantity-controller.disabled .quantity-plus, .cart-items-wrapper .cart-item-row .row-quantity .quantity-controller.disabled .quantity-minus {
  opacity: 0.4;
  pointer-events: none;
}
.cart-items-wrapper .cart-item-row .row-discount .discount-input {
  display: flex;
  justify-content: space-between;
}
.cart-items-wrapper .cart-item-row .row-discount .discount-input button {
  padding: 0 !important;
  text-align: center;
  font-size: 11px;
  width: 55px;
  line-height: 20px;
  border-radius: 30px !important;
}
.cart-items-wrapper .cart-item-row .row-discount .discount-input input {
  width: calc(100% - 60px);
  padding: 5px;
  height: 35px;
  line-height: 33px;
}
.cart-items-wrapper .cart-item-row .alert-danger {
  font-size: 11px;
}
.cart-items-wrapper .cart-item-row.finnal-total {
  justify-content: center;
}
.cart-items-wrapper .cart-item-row.finnal-total > div {
  width: 400px;
}
.cart-items-wrapper .loading-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  background-color: rgba(255, 255, 255, 0.4);
}
.cart-items-wrapper.show-loading .loading-wrapper {
  display: flex;
}

.highcharts-container text.highcharts-credits[text-anchor=end] {
  display: none !important;
}
.highcharts-container .highcharts-exporting-group {
  cursor: pointer;
}
.highcharts-container .highcharts-contextmenu ul.highcharts-menu li:hover {
  background-color: var(--brand-color) !important;
}
.highcharts-container .highcharts-exporting-group > .highcharts-button > path {
  fill: #9096a4;
  stroke: #9096a4;
}
.highcharts-container .highcharts-exporting-group > .highcharts-button-hover > path, .highcharts-container .highcharts-exporting-group > .highcharts-button-pressed > path {
  fill: var(--brand-color);
  stroke: var(--brand-color);
}
.highcharts-container .highcharts-tooltip text {
  color: #fff !important;
  fill: #fff !important;
}
.highcharts-container svg text, .highcharts-container svg tspan, .highcharts-container svg ul li, .highcharts-container svg g {
  font-family: "Nouvelle Grotesk" !important;
}

:root {
  --brand-member-color-bg: #F8F9FA;
  --brand-member-color-text: #6A6D7D;
}

#client_payment_gateway .clientpay-settings-wrap > .tab-content > .tab-pane:not(.hide),
#client_payment_gateway .client-clientpay-settings-wrap > .tab-content > .tab-pane:not(.hide) {
  display: block;
  overflow: hidden;
}
#client_payment_gateway .clientpay-settings-wrap > .tab-content > .tab-pane:not(.hide) .caption-subject,
#client_payment_gateway .client-clientpay-settings-wrap > .tab-content > .tab-pane:not(.hide) .caption-subject {
  font-size: 20px;
  margin: 20px;
  display: block;
}
#client_payment_gateway .clientpay-settings-wrap > .tab-content > .tab-pane.hide,
#client_payment_gateway .client-clientpay-settings-wrap > .tab-content > .tab-pane {
  display: none;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-default {
  position: relative;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-default .default-card-image-background-wrap {
  background: #F44E27;
  position: relative;
  height: 225px;
  width: 371px;
  background-size: contain;
  padding: 20px 17px;
  color: #FFF;
  float: left;
  border-radius: 10px;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-default .default-card-image-background-wrap .one-inside-default-card-line {
  overflow: hidden;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-default .default-card-image-background-wrap .one-inside-default-card-line .default-card-header-title {
  font-weight: 600;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-default .default-card-image-background-wrap .one-inside-default-card-line .default-card-numbers {
  font-size: 22px;
  font-weight: 500;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-default .default-card-image-background-wrap .one-inside-default-card-line .card-status-badge {
  text-transform: uppercase;
  background-color: #ff3465;
  padding: 0 5px;
  border-radius: 4px;
  position: absolute;
  left: calc(50% - 35px);
  margin: 0;
  width: 70px;
  min-width: 70px;
  text-align: center;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-default .default-card-image-background-wrap .one-inside-default-card-line i {
  color: #fff;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-default .default-card-image-background-wrap .card-brand {
  position: absolute;
  left: calc(50% - 25px);
  bottom: 60px;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-default .default-card-image-background-wrap .card-brand img {
  width: 50px;
  max-width: 50px;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-wrap:not(.stripe-card-item-default) {
  align-items: center;
  min-height: 50px;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 20px;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-wrap:not(.stripe-card-item-default) .card-data div, #client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-wrap:not(.stripe-card-item-default) .ach-data div {
  float: left;
  margin-left: 15px;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-wrap:not(.stripe-card-item-default) .card-default-btn {
  cursor: pointer;
  text-decoration: none;
  margin: 0 10px 5px 0;
  display: inline-block;
  padding: 7px 5px;
  border-radius: 5px;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-wrap:not(.stripe-card-item-default) .card-default-btn:hover {
  box-shadow: 0px 0px 5px #ccc;
}
#client_payment_gateway .stripe-cc-form-wrap {
  width: 600px;
}
#client_payment_gateway .nav-tabs > li.clientpay-contracts-tab-wrap.hide {
  display: none;
}
#client_payment_gateway table.ui-jqgrid-btable .alert {
  margin: 10px 0 !important;
}
#client_payment_gateway .recurring-payment-actions-wrap {
  position: absolute;
  right: 50px;
  background-color: #fff;
  list-style-type: none;
  padding: 5px 0;
  box-shadow: 0px 0px 20px #ccc;
  border-radius: 5px;
  z-index: 1;
}
#client_payment_gateway .recurring-payment-actions-wrap > li {
  cursor: pointer;
  padding: 5px 10px;
}
#client_payment_gateway .recurring-payment-actions-wrap > li:hover {
  background-color: var(--brand-color);
  color: #fff;
}
#client_payment_gateway #gbox_recurring-ccpayments-grid {
  overflow: unset;
}

#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-default .default-card-image-background-wrap {
  font-family: "Roboto" !important;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-default .default-card-image-background-wrap .default-card-numbers {
  font-weight: 700 !important;
}
#client_payment_gateway .stripe-cards-wrap .stripe-cards-grid .stripe-card-item-default .default-card-image-background-wrap .one-inside-default-card-line span.left {
  margin-bottom: 6px;
  text-transform: capitalize !important;
}

body .client-edit-form, body .calendar-event-popover-pts, body .calendar-event-popover-clients {
  width: 550px;
  max-width: 550px !important;
  padding: 0;
}
body .client-edit-form .popover-content, body .calendar-event-popover-pts .popover-content, body .calendar-event-popover-clients .popover-content {
  width: 550px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
body .client-edit-form .popover-content a, body .calendar-event-popover-pts .popover-content a, body .calendar-event-popover-clients .popover-content a {
  text-decoration: none !important;
}
body .client-edit-form .popover-content a:hover, body .calendar-event-popover-pts .popover-content a:hover, body .calendar-event-popover-clients .popover-content a:hover {
  text-shadow: 0px 1px 1px #e0e0e0;
}
body .client-edit-form .popover-content .modal-header, body .calendar-event-popover-pts .popover-content .modal-header, body .calendar-event-popover-clients .popover-content .modal-header {
  margin: 0 !important;
}
body .client-edit-form .popover-content .modal-header .close, body .calendar-event-popover-pts .popover-content .modal-header .close, body .calendar-event-popover-clients .popover-content .modal-header .close {
  font-size: 30px;
  font-weight: bold;
  margin-right: 10px;
  margin-top: -5px;
  opacity: 0.5;
  outline: none;
}
body .client-edit-form .popover-content .modal-header h4, body .calendar-event-popover-pts .popover-content .modal-header h4, body .calendar-event-popover-clients .popover-content .modal-header h4 {
  font-size: 16px;
}
body .client-edit-form .popover-content .modal-header .popover-header-icons .bf-table-menu-wrap, body .calendar-event-popover-pts .popover-content .modal-header .popover-header-icons .bf-table-menu-wrap, body .calendar-event-popover-clients .popover-content .modal-header .popover-header-icons .bf-table-menu-wrap {
  margin-top: -50px !important;
  margin-right: 33px !important;
}
body .client-edit-form .popover-content .modal-header .popover-header-icons .bf-table-menu-wrap a, body .calendar-event-popover-pts .popover-content .modal-header .popover-header-icons .bf-table-menu-wrap a, body .calendar-event-popover-clients .popover-content .modal-header .popover-header-icons .bf-table-menu-wrap a {
  display: inline-block;
}
body .client-edit-form .popover-content .modal-header .popover-header-icons .bf-table-menu-wrap a i, body .calendar-event-popover-pts .popover-content .modal-header .popover-header-icons .bf-table-menu-wrap a i, body .calendar-event-popover-clients .popover-content .modal-header .popover-header-icons .bf-table-menu-wrap a i {
  width: 30px;
}
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap {
  display: flex;
}
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap > div, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap > div, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap > div {
  max-height: 25px;
}
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-separate-dot, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-separate-dot, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-separate-dot {
  margin: 0 10px;
  color: #9096a4;
  font-size: 18px;
  line-height: 1;
}
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input, body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input {
  background-color: #fff;
  border: none;
  width: 74px;
}
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input:hover, body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input:focus, body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input:active, body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input:hover, body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input:focus, body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input:active, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input:hover, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input:focus, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input:active, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input:hover, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input:focus, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input:active, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input:hover, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input:focus, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input:active, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input:hover, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input:focus, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input:active {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input {
  text-align: right;
}
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input {
  background-color: #fff;
  border: none;
  width: 46px;
  height: auto;
  padding: 1px 2px;
}
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:not(:hover):not(:focus)::-webkit-outer-spin-button,
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:not(:hover):not(:focus)::-webkit-inner-spin-button, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:not(:hover):not(:focus)::-webkit-outer-spin-button,
body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:not(:hover):not(:focus)::-webkit-inner-spin-button, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:not(:hover):not(:focus)::-webkit-outer-spin-button,
body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:not(:hover):not(:focus)::-webkit-inner-spin-button { /* Chrome, Safari, Edge, Opera */
  -webkit-appearance: none;
  margin: 0;
}
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input[type=number]:not(:hover):not(:focus), body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input[type=number]:not(:hover):not(:focus), body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input[type=number]:not(:hover):not(:focus) { /* Firefox */
  -moz-appearance: textfield;
}
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:hover, body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:focus, body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:active, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:hover, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:focus, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:active, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:hover, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:focus, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration input:active {
  margin-right: 18px;
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration span, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration span, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration span {
  margin-left: -18px;
}
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration .duration-list, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration .duration-list, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration .duration-list {
  position: absolute;
  width: 115px;
  box-shadow: 0px 0px 20px #ccc;
  background-color: #fff;
  z-index: 20;
  border-radius: 5px;
  height: 200px;
  overflow: auto;
}
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration .duration-list .duration-mins, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration .duration-list .duration-mins, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration .duration-list .duration-mins {
  padding: 0 15px;
  line-height: 40px;
  cursor: pointer;
}
body .client-edit-form .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration .duration-list .duration-mins:hover, body .calendar-event-popover-pts .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration .duration-list .duration-mins:hover, body .calendar-event-popover-clients .popover-content .modal-header .header-popover-date-time-wrap .header-event-duration .duration-list .duration-mins:hover {
  background-color: #f6f9fc !important;
}
body .client-edit-form .popover-content .cancelled-badge, body .calendar-event-popover-pts .popover-content .cancelled-badge, body .calendar-event-popover-clients .popover-content .cancelled-badge {
  background-color: #ff3465;
  color: #fff;
  padding: 3px 10px;
  font-weight: 500;
  border-radius: 5px;
  position: absolute;
  right: 0;
}
body .client-edit-form .popover-content .popover-info, body .calendar-event-popover-pts .popover-content .popover-info, body .calendar-event-popover-clients .popover-content .popover-info {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
}
body .client-edit-form .popover-content .popover-info span, body .calendar-event-popover-pts .popover-content .popover-info span, body .calendar-event-popover-clients .popover-content .popover-info span {
  width: 150px;
  min-width: 150px;
  display: inline-block;
  float: left;
  color: #676b75;
}
body .client-edit-form .popover-content .popover-info span.right-span, body .calendar-event-popover-pts .popover-content .popover-info span.right-span, body .calendar-event-popover-clients .popover-content .popover-info span.right-span {
  float: left;
  width: 275px;
  font-weight: bold;
  color: #323338;
  cursor: default;
}
body .client-edit-form .popover-content .popover-info .eventip-clients, body .calendar-event-popover-pts .popover-content .popover-info .eventip-clients, body .calendar-event-popover-clients .popover-content .popover-info .eventip-clients {
  overflow-y: scroll;
  max-height: 145px;
}
body .client-edit-form .popover-content .popover-info .eventip-clients span, body .calendar-event-popover-pts .popover-content .popover-info .eventip-clients span, body .calendar-event-popover-clients .popover-content .popover-info .eventip-clients span {
  width: unset;
  min-width: unset;
  margin-right: 5px;
}
body .client-edit-form .popover-content .popover-info .event-big-description, body .calendar-event-popover-pts .popover-content .popover-info .event-big-description, body .calendar-event-popover-clients .popover-content .popover-info .event-big-description {
  width: fit-content !important;
}
body .client-edit-form .popover-content .popover-info .reconciled-icon, body .calendar-event-popover-pts .popover-content .popover-info .reconciled-icon, body .calendar-event-popover-clients .popover-content .popover-info .reconciled-icon {
  background-color: #fff;
  color: #36a000;
  border-radius: 10px;
  font-size: 16px;
}
body .client-edit-form .popover-content .popover-info .not-reconciled-icon, body .calendar-event-popover-pts .popover-content .popover-info .not-reconciled-icon, body .calendar-event-popover-clients .popover-content .popover-info .not-reconciled-icon {
  background-color: #ff3465;
  color: #fff;
  border-radius: 10px;
  font-size: 17px;
}
body .client-edit-form .popover-content .event-menu-links-wrap, body .calendar-event-popover-pts .popover-content .event-menu-links-wrap, body .calendar-event-popover-clients .popover-content .event-menu-links-wrap {
  height: 50px;
  padding: 0;
}
body .client-edit-form .popover-content .event-menu-links-wrap .send-message-to-event-clients, body .calendar-event-popover-pts .popover-content .event-menu-links-wrap .send-message-to-event-clients, body .calendar-event-popover-clients .popover-content .event-menu-links-wrap .send-message-to-event-clients {
  cursor: pointer;
  font-size: 18px;
  display: inline-flex;
  padding: 0 10px;
  border-right: 1px solid #e6e9ef;
  align-items: center;
  height: inherit;
}
body .client-edit-form .popover-content .event-menu-links-wrap .send-message-to-event-clients i, body .calendar-event-popover-pts .popover-content .event-menu-links-wrap .send-message-to-event-clients i, body .calendar-event-popover-clients .popover-content .event-menu-links-wrap .send-message-to-event-clients i {
  position: relative;
  top: -2px;
}
body .client-edit-form .popover-content .event-menu-links-wrap .one-link-wrap, body .calendar-event-popover-pts .popover-content .event-menu-links-wrap .one-link-wrap, body .calendar-event-popover-clients .popover-content .event-menu-links-wrap .one-link-wrap {
  width: 95px;
  height: inherit;
  display: inline-flex;
  border-right: 1px solid #e6e9ef;
  align-items: center;
  position: relative;
  top: -3px;
}
body .client-edit-form .popover-content .event-menu-links-wrap .one-link-wrap a, body .calendar-event-popover-pts .popover-content .event-menu-links-wrap .one-link-wrap a, body .calendar-event-popover-clients .popover-content .event-menu-links-wrap .one-link-wrap a {
  cursor: pointer;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
}
body .client-edit-form .popover-content .event-menu-links-wrap .one-link-wrap:last-child, body .calendar-event-popover-pts .popover-content .event-menu-links-wrap .one-link-wrap:last-child, body .calendar-event-popover-clients .popover-content .event-menu-links-wrap .one-link-wrap:last-child {
  border-right: none;
}
body .client-edit-form .event-menu .popover-info .tooltip, body .calendar-event-popover-pts .event-menu .popover-info .tooltip, body .calendar-event-popover-clients .event-menu .popover-info .tooltip {
  font-weight: normal;
}

#calendar-event-options-modal {
  z-index: 1049;
}
#calendar-event-options-modal .modal-dialog {
  width: 600px;
}
#calendar-event-options-modal .eventip-clients .tooltip-inner {
  white-space: pre-line !important;
  color: white !important;
  line-height: 17px;
}
#calendar-event-options-modal .modal-header .modal-title {
  font-size: 18px;
  display: flex;
  align-items: center;
}
@media (max-width: 1367px) {
  #calendar-event-options-modal .modal-header .modal-title .left {
    font-size: 16px !important;
  }
}
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap {
  display: flex;
  align-items: center;
}
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap > div {
  line-height: 18px;
}
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-separate-dot {
  margin: 0 10px;
  color: #323338;
  font-size: 30px;
  line-height: 23px;
}
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap input {
  background-color: #fff;
  font-size: 18px;
  border: none;
  width: 90px;
  text-align: center;
}
@media (max-width: 1367px) {
  #calendar-event-options-modal .modal-header .header-popover-date-time-wrap input {
    font-size: 16px !important;
  }
}
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input:hover, #calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input:focus, #calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-start-time-wrap input:active,
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input:hover,
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input:focus,
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-end-time-wrap input:active {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-duration input {
  background-color: #fff;
  border: none;
  width: 46px;
  height: auto;
  padding: 1px 2px;
}
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-duration input:not(:hover):not(:focus)::-webkit-outer-spin-button,
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-duration input:not(:hover):not(:focus)::-webkit-inner-spin-button { /* Chrome, Safari, Edge, Opera */
  -webkit-appearance: none;
  margin: 0;
}
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-duration input[type=number]:not(:hover):not(:focus) { /* Firefox */
  -moz-appearance: textfield;
}
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-duration input:hover, #calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-duration input:focus, #calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-duration input:active {
  margin-right: 10px;
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-duration span {
  margin-left: -10px;
  font-size: 18px;
}
@media (max-width: 1367px) {
  #calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-duration span {
    font-size: 16px;
  }
}
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-duration .duration-list {
  position: absolute;
  width: 115px;
  box-shadow: 0px 0px 20px #ccc;
  background-color: #fff;
  z-index: 20;
  border-radius: 5px;
  height: 200px;
  overflow: auto;
}
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-duration .duration-list .duration-mins {
  padding: 0 15px;
  line-height: 40px;
  cursor: pointer;
}
#calendar-event-options-modal .modal-header .header-popover-date-time-wrap .header-event-duration .duration-list .duration-mins:hover {
  background-color: #f6f9fc !important;
}
#calendar-event-options-modal .modal-header .popover-header-icons .bf-table-menu-link {
  color: #323338;
}
#calendar-event-options-modal .modal-header .popover-header-icons .bf-table-menu-wrap {
  margin-top: -30px !important;
  margin-right: 20px;
}
#calendar-event-options-modal .modal-header .popover-header-icons .bf-table-menu-wrap:before {
  top: calc(50% - 20px);
}
#calendar-event-options-modal .modal-header .popover-header-icons .bf-table-menu-wrap:after {
  top: calc(50% - 19px);
}
#calendar-event-options-modal .modal-content .event-info {
  display: flex;
  margin-bottom: 20px;
}
#calendar-event-options-modal .modal-content .event-info__label {
  font-weight: 300;
  color: #848588;
  min-width: 120px;
}
#calendar-event-options-modal .modal-content .event-info__value {
  font-weight: bold;
  padding-left: 10px;
}
#calendar-event-options-modal .modal-content .event-info .eventip-clients {
  overflow-y: auto;
  max-height: 145px;
}
#calendar-event-options-modal .modal-content .event-info .eventip-clients * {
  color: #599BFB;
}
#calendar-event-options-modal .modal-content .event-info .eventip-clients span {
  width: unset;
  min-width: unset;
  margin-right: 5px;
}
#calendar-event-options-modal .modal-content .event-info .event-big-description {
  width: fit-content !important;
}
#calendar-event-options-modal .modal-content .event-info .reconciled-icon {
  background-color: #fff;
  color: #36a000;
  border-radius: 10px;
  font-size: 16px;
}
#calendar-event-options-modal .modal-content .event-info .not-reconciled-icon {
  background-color: #ff3465;
  color: #fff;
  border-radius: 10px;
  font-size: 17px;
}
#calendar-event-options-modal .modal-footer {
  padding: 0;
}
#calendar-event-options-modal .modal-footer .event-menu-links-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  height: 60px;
}
#calendar-event-options-modal .modal-footer .event-menu-links-wrap .one-link-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  width: 12.5%;
  padding: 8px;
  color: white;
  cursor: pointer;
}
#calendar-event-options-modal .modal-footer .event-menu-links-wrap .one-link-wrap i {
  color: inherit;
  margin-right: 4px;
}
#calendar-event-options-modal .modal-footer .event-menu-links-wrap .one-link-wrap a {
  color: inherit;
  text-decoration: unset;
}
#calendar-event-options-modal .modal-footer .event-menu-links-wrap .one-link-wrap.send-message-to-event-clients {
  background-color: rgba(34, 0, 33, 0.75);
}
#calendar-event-options-modal .modal-footer .event-menu-links-wrap .one-link-wrap#event-menu-duplicate-dialog {
  background-color: rgba(34, 0, 33, 0.7);
}
#calendar-event-options-modal .modal-footer .event-menu-links-wrap .one-link-wrap#event-menu-reconcile, #calendar-event-options-modal .modal-footer .event-menu-links-wrap .one-link-wrap#event-menu-unreconcile-dialog {
  background-color: rgba(34, 0, 33, 0.65);
  width: 14%;
}
#calendar-event-options-modal .modal-footer .event-menu-links-wrap .one-link-wrap#event-menu-cancel-dialog, #calendar-event-options-modal .modal-footer .event-menu-links-wrap .one-link-wrap#event-menu-uncancel-dialog {
  background-color: rgba(34, 0, 33, 0.8);
}
#calendar-event-options-modal .modal-footer .event-menu-links-wrap .one-link-wrap#event-menu-delete-dialog {
  background-color: rgba(34, 0, 33, 0.85);
}
#calendar-event-options-modal .modal-footer .event-menu-links-wrap .one-link-wrap#event-menu-modify {
  background-color: rgba(34, 0, 33, 0.9);
}

:root {
  --brand-member-color-bg: #F8F9FA;
  --brand-member-color-text: #6A6D7D;
}

.client-add-edit-modal .client-fullname {
  font-size: 22px;
}
.client-add-edit-modal #client-add-edit-modal-form .client-login-wrap .clients-validation-alert {
  position: relative !important;
  top: unset !important;
  right: unset !important;
}
.client-add-edit-modal .switch-family-accounts-wrap {
  position: absolute;
  top: 13px;
  right: 45px;
  width: 280px;
}
.client-add-edit-modal .switch-family-accounts-wrap svg {
  float: left;
  position: relative;
  top: 8px;
}
.client-add-edit-modal .switch-family-accounts-wrap select {
  float: right;
  width: 255px;
  cursor: pointer;
}
.client-add-edit-modal #client-add-edit-modal-form h4 {
  margin-top: 30px;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .one-client-info-label {
  min-width: 130px;
  margin-right: 20px;
  padding-top: 7px;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .one-client-info-value {
  width: 100%;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .one-client-info-value .form-floating input {
  min-width: 200px;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .one-client-info-value .validate-optionalbirthyear {
  width: 30% !important;
  float: left;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .one-client-info-value .clients-birthday-month {
  width: 37%;
  float: left;
  margin-left: 2px;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .one-client-info-value .clients-birthday {
  width: calc(26% - 4px) !important;
  float: left;
  margin-left: 2px;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .one-client-info-value .activation-email-date-text {
  font-size: 12px;
  color: #36a000;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .one-client-info-value .input-group-addon {
  font-weight: normal;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .one-client-info-value .add-edit-modal-drop-down-client-status-wrap {
  width: 150px;
  padding: 0 14px;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .one-client-info-value textarea {
  max-width: 100%;
  min-width: 100%;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .one-client-info-value .count-text-important-notes {
  font-size: 12px;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .assigned-trainer-wrap .btn-group, .client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .assigned-trainer-wrap ul {
  width: 100% !important;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .clients-group-wrap {
  display: flex;
  align-items: center;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .clients-group-wrap .select-wrap {
  width: 100%;
  margin-right: 10px;
}
.client-add-edit-modal #client-add-edit-modal-form .one-client-info-line .clients-group-wrap .edit-clients-groups {
  cursor: pointer;
  font-size: 18px;
}
.client-add-edit-modal #client-add-edit-modal-form .edit-client-modal-custom-fields-wrap .one-custom-field-wrap i {
  cursor: pointer;
}
.client-add-edit-modal #client-add-edit-modal-form .edit-client-modal-custom-fields-wrap .one-custom-field-wrap i:hover {
  color: var(--brand-color);
}
.client-add-edit-modal #client-add-edit-modal-form button.multiselect {
  text-align: left;
}
.client-add-edit-modal #client-add-edit-modal-form .generate-credentials {
  cursor: pointer;
}
.client-add-edit-modal #client-add-edit-modal-form .add-edit-client-modal-client-photo-wrap {
  float: right;
  display: flex;
  justify-content: center;
}
.client-add-edit-modal #client-add-edit-modal-form i {
  color: #9096a4;
}
.client-add-edit-modal .client-id {
  border: none !important;
  background: none !important;
  font-size: 1.27rem;
  color: #9096a4;
  float: left;
  cursor: text;
  margin: 3px 0 0 0;
  padding-left: 0;
}
.client-add-edit-modal .client-id:hover, .client-add-edit-modal .client-id:active {
  color: #9096a4 !important;
  background: none !important;
  box-shadow: none !important;
}

.merging-clients-body .merging-clients-wrap {
  width: 200px;
}
.merging-clients-body .merging-clients-wrap .btn-group {
  width: 100%;
}
.merging-clients-body .merging-clients-wrap .btn-group button {
  width: inherit;
}

#multi-account-service-copy-modal .multi-account-service-copy-form {
  max-height: 400px;
  overflow-y: auto;
  position: relative;
}
#multi-account-service-copy-modal .multi-account-service-copy-form .one-extra-trainer-wrap {
  border-bottom: 1px solid #e6e9ef;
  cursor: pointer;
}
#multi-account-service-copy-modal .multi-account-service-copy-form .one-extra-trainer-wrap .extra-trainer-checkbox {
  margin-left: 10px;
  cursor: pointer;
}
#multi-account-service-copy-modal .multi-account-service-copy-form .one-extra-trainer-wrap .extra-trainer-label {
  width: 100%;
  cursor: pointer;
}
#multi-account-service-copy-modal .multi-account-service-copy-form .one-extra-trainer-wrap .extra-trainer-label label {
  padding: 12px 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
#multi-account-service-copy-modal .multi-account-service-copy-form .one-extra-trainer-wrap:hover {
  box-shadow: inset 0px 0px 10px #ccc;
}

.service-pre-defined-email-wrap .subject-line-text-wrap {
  width: 100px;
  min-width: 100px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #e6e9ef;
  padding-top: 7px;
  padding-left: 12px;
  color: #676b75;
}
.service-pre-defined-email-wrap [name=email_subject] {
  margin-left: -2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.service-pre-defined-email-wrap .note-editor .note-editing-area .note-editable {
  min-height: 150px;
}
.service-pre-defined-email-wrap [name=email_body].ui-state-error + .note-editor .note-editing-area {
  border: 1px solid red !important;
}

#membership-date-modal .service-pre-defined-email-wrap {
  margin-top: 0px !important;
}

.terms-conditions-membership-wrap [name=tc_message].ui-state-error + .note-editor .note-editing-area {
  border: 1px solid red !important;
}
.terms-conditions-membership-wrap .toggle .toggle-group .toggle-on {
  line-height: inherit;
  padding-left: 4px;
  padding-top: 1px;
}
.terms-conditions-membership-wrap .toggle .toggle-group .toggle-off {
  line-height: inherit;
  padding-left: 20px;
  padding-top: 1px;
}

.setup-fee-wrap .toggle .toggle-group .toggle-on {
  line-height: inherit;
  padding-left: 4px;
  padding-top: 1px;
}
.setup-fee-wrap .toggle .toggle-group .toggle-off {
  line-height: inherit;
  padding-left: 20px;
  padding-top: 1px;
}

:root {
  --brand-member-color-bg: #F8F9FA;
  --brand-member-color-text: #6A6D7D;
}

.client-by-groups-wrap-ico {
  position: relative;
  padding-left: 10px;
}
.client-by-groups-wrap-ico .clients-groups-wrap {
  position: absolute;
  z-index: 51;
  background-color: #fff;
  width: 300px;
  box-shadow: 1px 1px 5px #ccc;
  border-radius: 5px;
  padding: 10px 15px;
  right: 0;
  max-height: 400px;
  overflow-y: auto;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group {
  margin-bottom: 10px;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .group-name {
  display: flex;
  justify-content: space-between;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .group-name .padding-group {
  padding-right: 30px;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .group-name label {
  font-weight: bold;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .group-name .group-name-with-sub-groups {
  font-weight: bold;
  margin-left: 22px;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .group-name .action-clients-group-btn {
  margin-right: 10px;
  padding: 2px 10px;
  height: unset;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .clients-in-group {
  margin-top: 10px;
  margin-left: 30px;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .clients-in-group .one-client-in-group {
  margin-bottom: 10px;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .sub-group-by-count {
  margin-bottom: 10px;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .sub-group-by-count .clients-in-sub-group {
  margin-top: 10px;
  margin-left: 30px;
}

#calendar-actions-modal .modal-dialog {
  width: 680px;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title {
  font-size: 16px;
  width: 100%;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title > div {
  float: left;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-event-date-wrap {
  opacity: 1 !important;
  padding-right: 5px;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-event-date-wrap.date-calendar span {
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-event-date-wrap.date-calendar:hover {
  background-color: #e6e9ef;
  border-radius: 5px;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-separate-dot {
  margin: 0 6px;
  color: #323338;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  cursor: default;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-duration {
  position: relative;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-duration input, #calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-duration span {
  background-color: #fff;
  border: none;
  width: 46px;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  height: auto;
  padding: 1px 2px;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-duration input:not(:hover):not(:focus)::-webkit-outer-spin-button,
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-duration input:not(:hover):not(:focus)::-webkit-inner-spin-button { /* Chrome, Safari, Edge, Opera */
  -webkit-appearance: none;
  margin: 0;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-duration input[type=number]:not(:hover):not(:focus) { /* Firefox */
  -moz-appearance: textfield;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-duration input:hover, #calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-duration input:focus, #calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-duration input:active {
  margin-right: 18px;
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-duration span {
  margin-left: -18px;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-duration .duration-list {
  position: absolute;
  width: 115px;
  box-shadow: 0px 0px 20px #ccc;
  background-color: #fff;
  z-index: 20;
  border-radius: 5px;
  height: 200px;
  overflow: auto;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-duration .duration-list .duration-mins {
  padding: 0 15px;
  line-height: 40px;
  cursor: pointer;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .header-duration .duration-list .duration-mins:hover {
  background-color: #f6f9fc !important;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .start-time input, #calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .end-time input {
  background-color: #fff;
  border: none;
  width: 80px;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .start-time input:hover, #calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .start-time input:focus, #calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .start-time input:active, #calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .end-time input:hover, #calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .end-time input:focus, #calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .end-time input:active {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .start-time input {
  text-align: right;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .dash {
  font-size: 18px;
  line-height: 21px;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .event-actions-wrap {
  float: right;
  margin-right: 20px;
  margin-top: 3px;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .event-actions-wrap i {
  color: #323338;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .event-actions-wrap .bf-table-menu-wrap {
  margin-right: 30px;
  top: 45px;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .event-actions-wrap .bf-table-menu-wrap:before {
  top: 19px;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-title .event-actions-wrap .bf-table-menu-wrap:after {
  top: 20px;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-close-button {
  display: block !important;
}
#calendar-actions-modal .modal-dialog .modal-header .bootstrap-dialog-close-button .close {
  outline: none;
}
#calendar-actions-modal .modal-dialog .modal-body {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 55px;
  padding-bottom: 30px !important;
}
#calendar-actions-modal .modal-dialog .modal-body .bf-menu {
  padding-left: 20px;
  padding-right: 20px;
}
#calendar-actions-modal .modal-dialog .modal-body .bf-menu li {
  height: 35px;
}
#calendar-actions-modal .modal-dialog .modal-body .bf-menu li.hide {
  display: none;
}
#calendar-actions-modal .modal-dialog .modal-body .bf-menu .disabled-tab {
  opacity: 0.5;
}
#calendar-actions-modal .modal-dialog .modal-body textarea {
  max-width: 100%;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content {
  padding: 20px 20px 0 20px;
  /*editable recurring weekly events*/
  /*end recurring editable*/
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content #session_details, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content #session_details {
  color: #676b75;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .multiselect-native-select, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .multiselect-native-select {
  width: 100% !important;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .multiselect-native-select .btn-group, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .multiselect-native-select .btn-group {
  width: 100% !important;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .multiselect-native-select .btn-group button, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .multiselect-native-select .btn-group button {
  width: 100% !important;
  text-align: left;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .notes-help-text, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .notes-help-text {
  font-size: 12px;
  color: #36a000;
  background-color: #eaf5e5;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 5px;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .notes-private-help-text, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .notes-private-help-text {
  font-size: 12px;
  background-color: rgba(255, 52, 101, 0.1);
  color: #ff3465;
  padding: 2px 8px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  border-radius: 5px;
  font-weight: 500;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .field-block, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .field-block {
  max-width: 600px;
  width: 100%;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content table#locs-grid tr td, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content table#locs-grid tr td {
  text-align: left !important;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content #manage-locs-wrap .ui-jqgrid-hdiv .ui-jqgrid-hbox, #calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content #manage-cats-wrap .ui-jqgrid-hdiv .ui-jqgrid-hbox, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content #manage-locs-wrap .ui-jqgrid-hdiv .ui-jqgrid-hbox, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content #manage-cats-wrap .ui-jqgrid-hdiv .ui-jqgrid-hbox {
  float: unset;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .opacity-low, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .opacity-low {
  opacity: 0.4;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .weekly-recurring-sortable, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .weekly-recurring-sortable {
  display: flex;
  justify-content: space-between;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .weekly-recurring-sortable .recurring-event-sortable-wrap, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .weekly-recurring-sortable .recurring-event-sortable-wrap {
  margin-top: 5px;
  width: 100%;
  border: 2px solid #9096a4;
  border-radius: 5px;
  padding: 3px 0;
  margin-right: 2px;
  background-color: #fff;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .weekly-recurring-sortable .recurring-event-sortable-wrap.recurring-event-new,
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .weekly-recurring-sortable .recurring-event-sortable-wrap.recurring-event-existing, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .weekly-recurring-sortable .recurring-event-sortable-wrap.recurring-event-new,
#calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .weekly-recurring-sortable .recurring-event-sortable-wrap.recurring-event-existing {
  background-color: var(--brand-color);
  border-color: #9096a4;
  text-align: center;
  color: #fff;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .weekly-recurring-sortable .recurring-event-sortable-wrap.recurring-event-new, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .weekly-recurring-sortable .recurring-event-sortable-wrap.recurring-event-new {
  opacity: 0.7;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .event-clients-multiselect-wrap .chosen-container .chosen-choices, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .event-clients-multiselect-wrap .chosen-container .chosen-choices {
  max-height: 200px;
  overflow: auto;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .event-clients-multiselect-wrap .quick-add-new-client, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .event-clients-multiselect-wrap .quick-add-new-client {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .cancelled-outside-allowed-time, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .cancelled-outside-allowed-time {
  background-color: #a7adbb !important;
  color: #fff !important;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .cancelled-outside-allowed-time a, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .cancelled-outside-allowed-time a {
  color: #fff !important;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .cancelled-outside-allowed-time:hover, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .cancelled-outside-allowed-time:hover {
  box-shadow: 0px 0px 3px #000 !important;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .tab-content .roster-search-bar-result-wrap .roster-search-bar-result-event-client .btn-right-wrap .btn-roster-search-bar-result-check-in, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .tab-content .roster-search-bar-result-wrap .roster-search-bar-result-event-client .btn-right-wrap .btn-roster-search-bar-result-check-in {
  display: none !important;
  opacity: 0;
  pointer-events: none;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form #manage-cats-wrap .ui-jqgrid, #calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form #manage-locs-wrap .ui-jqgrid, #calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form #manage-payment-categories .ui-jqgrid, #calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .event-form-block .ui-jqgrid, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form #manage-cats-wrap .ui-jqgrid, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form #manage-locs-wrap .ui-jqgrid, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form #manage-payment-categories .ui-jqgrid, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .event-form-block .ui-jqgrid {
  margin-top: 0px !important;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels .ui-th-column:first-child div, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels .ui-th-column:first-child div {
  margin-top: -3px;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:first-child, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:first-child {
  position: relative;
  cursor: pointer;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:first-child label, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:first-child label {
  position: absolute !important;
  left: 50% !important;
  margin: -8px 0 0 -5px !important;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2), #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) {
  position: relative;
  cursor: pointer;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) i, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) i {
  cursor: pointer;
  font-size: 1.5rem;
  margin-top: 2px;
  display: none;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) .fa-external-link, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) .fa-external-link {
  display: block;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2)::before, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2)::before {
  display: none;
  content: " ";
  position: absolute;
  background-image: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="pencil-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-pencil-alt fa-w-16"><path fill="grey" d="M491.609 73.625l-53.861-53.839c-26.378-26.379-69.075-26.383-95.46-.001L24.91 335.089.329 484.085c-2.675 16.215 11.368 30.261 27.587 27.587l148.995-24.582 315.326-317.378c26.33-26.331 26.581-68.879-.628-96.087zM200.443 311.557C204.739 315.853 210.37 318 216 318s11.261-2.147 15.557-6.443l119.029-119.03 28.569 28.569L210 391.355V350h-48v-48h-41.356l170.259-169.155 28.569 28.569-119.03 119.029c-8.589 8.592-8.589 22.522.001 31.114zM82.132 458.132l-28.263-28.263 12.14-73.587L84.409 338H126v48h48v41.59l-18.282 18.401-73.586 12.141zm378.985-319.533l-.051.051-.051.051-48.03 48.344-88.03-88.03 48.344-48.03.05-.05.05-.05c9.147-9.146 23.978-9.259 33.236-.001l53.854 53.854c9.878 9.877 9.939 24.549.628 33.861z" class=""></path></svg>');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  right: 0px;
  top: 11px;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child {
  padding: 5px 0 5px 3px;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child::before, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child::before {
  display: none !important;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child input[type=text], #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child input[type=text] {
  width: 100% !important;
  padding: 0 4px;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:nth-child(2) i, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:nth-child(2) i {
  display: block;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow.ui-state-hover:not([editable="1"]) td:nth-child(2)::before, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow.ui-state-hover:not([editable="1"]) td:nth-child(2)::before {
  display: none;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .add-grid-cat-btn, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .add-grid-cat-btn {
  float: right;
  margin-top: 10px;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .add-grid-cat-btn.alone, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .add-grid-cat-btn.alone {
  float: unset !important;
  margin-top: -10px !important;
}
#calendar-actions-modal .modal-dialog .modal-body #add-edit-session-form .ui-jqgrid .ui-separator, #calendar-actions-modal .modal-dialog .modal-body #add-edit-class-form .ui-jqgrid .ui-separator {
  display: none !important;
}
#calendar-actions-modal .modal-dialog .modal-body .sessions-footer,
#calendar-actions-modal .modal-dialog .modal-body .class-footer,
#calendar-actions-modal .modal-dialog .modal-body .availability-footer {
  text-align: left;
  padding: 10px 20px;
  display: flex;
  position: fixed;
  bottom: 0;
  border-top: 1px solid #e5e5e5;
  width: 100%;
  background: white;
}
#calendar-actions-modal .modal-dialog .modal-body .button-add-session,
#calendar-actions-modal .modal-dialog .modal-body .button-add-class,
#calendar-actions-modal .modal-dialog .modal-body .one-availability-save-button {
  flex: unset;
}
#calendar-actions-modal .modal-dialog .modal-body #waiting_list ul.waiting-list-manager-wrap {
  list-style-type: none;
  padding: 0;
}
#calendar-actions-modal .modal-dialog .modal-body #waiting_list ul.waiting-list-manager-wrap li {
  border: 1px solid #9096a4;
  padding: 5px 10px;
  cursor: grab;
  background-color: #fff;
}
#calendar-actions-modal .modal-dialog .modal-body #waiting_list ul.waiting-list-failed-manager-wrap {
  list-style-type: none;
  padding: 0;
}
#calendar-actions-modal .modal-dialog .modal-body #waiting_list ul.waiting-list-failed-manager-wrap li {
  border: 1px solid #9096a4;
  padding: 5px 10px;
}
#calendar-actions-modal .modal-dialog .modal-body #availability_tab {
  color: #676b75;
}
#calendar-actions-modal .modal-dialog .modal-body #availability_tab .oneday-radio-wrap {
  width: 130px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #EBECF2;
  background-color: #f6f9fc;
  text-align: center;
  padding: 5px 11px;
  margin-bottom: 10px;
}
#calendar-actions-modal .modal-dialog .modal-body #availability_tab .oneday-radio-wrap.active {
  background-color: var(--brand-color);
  border-color: var(--brand-color);
  color: #fff;
}
#calendar-actions-modal .modal-dialog .modal-body #availability_tab .block-allow-time-wrap .fa-clock {
  font-size: 18px;
  color: #9096a4;
  margin: 12px 0 0 -25px;
}
@media screen and (max-width: 430px) {
  #calendar-actions-modal .modal-dialog .modal-body #availability_tab .block-allow-time-wrap .time-end-wrap {
    display: -webkit-box;
  }
}
#calendar-actions-modal .modal-dialog .modal-body #class_customers_tab .event-check-in-form, #calendar-actions-modal .modal-dialog .modal-body #session_customers_tab .event-check-in-form {
  padding: 0;
}
#calendar-actions-modal .modal-dialog .modal-footer {
  display: none;
}

.header-duration {
  position: relative;
  width: 150px !important;
}
.header-duration input, .header-duration span {
  background-color: #fff;
  border: 0 !important;
  width: 46px;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  height: auto;
  padding: 1px 2px;
}
.header-duration input:not(:hover):not(:focus)::-webkit-outer-spin-button,
.header-duration input:not(:hover):not(:focus)::-webkit-inner-spin-button { /* Chrome, Safari, Edge, Opera */
  -webkit-appearance: none;
  margin: 0;
}
.header-duration input[type=number]:not(:hover):not(:focus) { /* Firefox */
  -moz-appearance: textfield;
}
.header-duration input:hover, .header-duration input:focus, .header-duration input:active {
  margin-right: 18px;
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
.header-duration input:hover + span, .header-duration input:focus + span, .header-duration input:active + span {
  margin-left: -18px;
}
.header-duration .duration-list {
  position: absolute;
  width: 115px;
  box-shadow: 0px 0px 20px #ccc;
  background-color: #fff;
  z-index: 20;
  border-radius: 5px;
  height: 200px;
  overflow: auto;
}
.header-duration .duration-list .duration-mins {
  padding: 0 15px;
  line-height: 40px;
  cursor: pointer;
}
.header-duration .duration-list .duration-mins:hover {
  background-color: #f6f9fc !important;
}

.end-time input:not(:hover):not(:focus)::-webkit-outer-spin-button,
.end-time input:not(:hover):not(:focus)::-webkit-inner-spin-button, .start-time input:not(:hover):not(:focus)::-webkit-outer-spin-button,
.start-time input:not(:hover):not(:focus)::-webkit-inner-spin-button { /* Chrome, Safari, Edge, Opera */
  -webkit-appearance: none;
  margin: 0;
}
.end-time input[type=number]:not(:hover):not(:focus), .start-time input[type=number]:not(:hover):not(:focus) { /* Firefox */
  -moz-appearance: textfield;
}
.end-time input:hover, .end-time input:focus, .end-time input:active, .start-time input:hover, .start-time input:focus, .start-time input:active {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
.end-time input:hover + span, .end-time input:focus + span, .end-time input:active + span, .start-time input:hover + span, .start-time input:focus + span, .start-time input:active + span {
  margin-left: -18px;
}

.recurring-options-wrap .one-recurring-option-wrap {
  min-width: 75px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #EBECF2;
  background-color: #f6f9fc;
  text-align: center;
  padding: 5px 11px;
}
.recurring-options-wrap .one-recurring-option-wrap.active {
  background-color: var(--brand-color);
  border-color: var(--brand-color);
  color: #fff;
}

#quick-client-add-modal {
  z-index: 10050;
}

#confirmation_recurring_class_changes_modal .full-rec-events-wrap {
  max-height: 200px;
  overflow-y: auto;
}

#calendar-actions-modal .header-duration span {
  font-size: 14px;
}

.jqgrid-100 .ui-jqgrid,
.jqgrid-100 .ui-jqgrid .ui-jqgrid-view,
.jqgrid-100 .ui-jqgrid .ui-jqgrid-hdiv,
.jqgrid-100 .ui-jqgrid .ui-jqgrid-bdiv,
.jqgrid-100 .ui-jqgrid .ui-jqgrid-sdiv,
.jqgrid-100 .ui-jqgrid .ui-jqgrid-htable,
.jqgrid-100 .ui-jqgrid .ui-jqgrid-btable,
.jqgrid-100 .ui-jqgrid .ui-jqgrid-ftable,
.jqgrid-100 .ui-jqgrid .ui-jqgrid-pager,
.modal-body .ui-jqgrid,
.modal-body .ui-jqgrid .ui-jqgrid-view,
.modal-body .ui-jqgrid .ui-jqgrid-hdiv,
.modal-body .ui-jqgrid .ui-jqgrid-bdiv,
.modal-body .ui-jqgrid .ui-jqgrid-htable,
.modal-body .ui-jqgrid .ui-jqgrid-btable,
.modal-body .ui-jqgrid .ui-jqgrid-pager {
  width: 100% !important;
  overflow: unset;
}

.jqgrid-100 .ui-widget.ui-widget-content,
.jqgrid-100 .ui-widget-content {
  border: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  color: inherit;
  background-color: inherit;
  border-color: inherit;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  color: inherit !important;
  background-color: inherit !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: none !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: none;
  background-color: transparent !important;
}

.ui-jqgrid .ui-jqgrid-hbox {
  padding-right: 0 !important;
}

body .table-tab-0 .ui-jqgrid .ui-jqgrid-htable th {
  padding-left: 0;
}
body .table-tab-0 .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td {
  overflow: hidden;
  text-overflow: ellipsis;
}
body .table-tab-0.jqgrid-pad-20 .ui-jqgrid .ui-jqgrid-view tr td:last-child > :last-child:not(.tooltip) {
  padding-right: 0 !important;
}
body .table-tab-0 .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_left] {
  padding-left: 0 !important;
}
body .table-tab-0 .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_left] .ui-pg-button {
  padding-left: 0 !important;
}
body .table-tab-0 .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_right] {
  padding-right: 0 !important;
}
body .table-tab-0 .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_right] > table {
  margin-right: 0 !important;
}
body .table-tab-0 .ui-jqgrid tr.jqgrow td {
  padding-left: 0;
}
body .table-tab-0 .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th div {
  font-weight: 500 !important;
  color: #848588 !important;
  text-transform: unset !important;
  font-size: 14px;
}
body .table-tab-0.jqgrid-pad-20 .ui-jqgrid .ui-jqgrid-view tr th div {
  padding-left: 0 !important;
}
body .table-tab-0.jqgrid-pad-20 .ui-jqgrid tr.jqgrow td {
  padding-left: 0 !important;
}

body .ui-jqgrid {
  border: none !important;
  overflow: unset;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-titlebar {
  display: none !important;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv {
  border: none;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-hbox {
  float: unset;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th div {
  text-transform: uppercase !important;
  font-size: 12px;
  font-weight: 400;
  color: #676b75;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th .s-ico {
  margin-left: 5px;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th .s-ico .ui-icon-asc,
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th .s-ico .ui-icon-desc {
  padding: 0;
  height: unset;
  font-size: 1.5rem;
  color: #9096a4;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th .s-ico .ui-icon-asc:hover,
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th .s-ico .ui-icon-desc:hover {
  padding: 0;
  height: unset;
  font-size: 1.5rem;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th .s-ico .ui-icon-asc {
  margin: -2px 0 0 0;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th .s-ico .ui-icon-asc:hover {
  margin: -2px 0 0 0;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th .s-ico .ui-icon-desc {
  margin: -1px 0 0 0;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th .s-ico .ui-icon-desc:hover {
  margin: -1px 0 0 0;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th .s-ico .ui-state-disabled {
  color: #a7adbb;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv {
  overflow: unset;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr {
  height: 39px;
  border-left: none;
  border-right: none;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td {
  border: none;
  border-bottom: 1px solid #e7ecf1 !important;
  font-size: 14px;
  white-space: inherit;
  overflow: unset;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr:hover {
  background: #f3f3f3 !important;
}
body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-sdiv .ui-jqgrid-ftable tr td {
  border: none;
  font-size: 14px;
  font-weight: 500;
  height: 22px;
  padding: 8px;
}
body .ui-jqgrid .ui-jqgrid-pager {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
  border: none;
}
body .ui-jqgrid .ui-jqgrid-pager .ui-pg-selbox {
  font-size: 12px;
  line-height: 1.42857143;
  height: 26px !important;
  padding: 0px 4px;
  width: 56px;
  color: #9096a4;
  background-color: #fff;
  border: 1px solid #e8eaef;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  outline: none;
  cursor: pointer;
  margin-right: 7px;
}
body .ui-jqgrid .ui-jqgrid-pager .jqgrid-per-page-text {
  margin-top: 5px;
  font-size: 12px;
}
body .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_left] {
  font-size: 12px !important;
  color: #9096a4 !important;
  padding-left: 10px;
  min-width: max-content;
}
body .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_left] table,
body .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_left] .ui-paging-info {
  margin-top: 5px;
}
body .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_right] {
  font-size: 14px !important;
  color: #676b75 !important;
}
body .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_right] > table {
  margin-right: 20px;
}
body .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_right] .fal {
  color: #676b75;
}
body .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_right] .jqgrid-pagination td {
  font-size: 14px;
  color: #676b75;
  padding: 0 !important;
}
body .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_right] .jqgrid-pagination td a {
  font-size: 14px;
  color: #676b75;
  margin: 0 10px;
}
body .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_right] .jqgrid-pagination td .jqgrid-pagination-nav.active {
  color: var(--brand-color);
}
body .ui-jqgrid .ui-jqgrid-pager table.ui-pg-table table.ui-pg-table tr td {
  padding: 0 5px;
}
body .ui-jqgrid .ui-jqgrid-pager table.ui-pg-table table.ui-pg-table tr td .ui-pg-input {
  margin: 0 10px;
  text-align: center;
}
body .ui-jqgrid .ui-jqgrid-pager table.ui-pg-table table.ui-pg-table tr td .fa-plus {
  font-size: 1.7rem;
}
body .ui-jqgrid .ui-jqgrid-pager table.ui-pg-table table.ui-pg-table tr td .fa-pencil-alt {
  font-size: 1.5rem;
}
body .ui-jqgrid .ui-jqgrid-pager table.ui-pg-table table.ui-pg-table tr td .fa-trash-alt {
  font-size: 1.5rem;
}
body .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > table > tbody > tr > td:first-child {
  width: auto !important;
}
body .ui-jqgrid .loading.ui-state-default {
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='80px' height='80px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cg transform='rotate(0 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='-0.6222222222222222s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(24 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='-0.5777777777777777s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(48 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='-0.5333333333333333s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(72 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='-0.4888888888888889s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(96 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='-0.4444444444444444s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(120 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='-0.4s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(144 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='-0.35555555555555557s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(168 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='-0.3111111111111111s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(192 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='-0.26666666666666666s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(216 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='-0.2222222222222222s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(240 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='-0.17777777777777778s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(264 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='-0.13333333333333333s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(288 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='-0.08888888888888889s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(312 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='-0.044444444444444446s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(336 50 50)'%3E%3Crect x='45' y='7.5' rx='5' ry='7.5' width='10' height='15' fill='%23f44e27'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='0.6666666666666666s' begin='0s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  color: transparent;
  border: none;
  top: 25%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.jqgrid-pad-20 .ui-jqgrid .ui-jqgrid-view tr td:first-child {
  padding-left: 20px !important;
}
.jqgrid-pad-20 .ui-jqgrid .ui-jqgrid-view tr th:first-child div {
  padding-left: 12px !important;
}
.jqgrid-pad-20 .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_left] {
  padding-left: 15px;
}
.jqgrid-pad-20 .ui-jqgrid .ui-jqgrid-pager table tr td[id$=_right] {
  padding-right: 15px;
}

.ui-jqdialog {
  width: 500px !important;
  height: unset !important;
  padding: 0 !important;
  left: calc(50% - 250px) !important;
}
.ui-jqdialog .ui-jqdialog-titlebar {
  height: 50px;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 15px !important;
  border-bottom: 1px solid #e5e5e5;
}
.ui-jqdialog .ui-jqdialog-titlebar .ui-jqdialog-title {
  font-size: 16px;
  font-weight: 500;
}
.ui-jqdialog .ui-jqdialog-titlebar .ui-jqdialog-titlebar-close {
  top: 21px !important;
  padding: 0px !important;
}
.ui-jqdialog .ui-jqdialog-titlebar .ui-jqdialog-titlebar-close .ui-icon-closethick {
  margin: 0 !important;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  background-image: none !important;
  background-position: unset !important;
  text-indent: unset !important;
  cursor: pointer;
  font-size: 18px;
  color: #9096a4;
  width: 18px;
  height: 18px;
}
.ui-jqdialog .ui-jqdialog-titlebar .ui-jqdialog-titlebar-close .ui-icon-closethick:before {
  content: "\f00d";
}
.ui-jqdialog .ui-jqdialog-content {
  padding: 15px !important;
  font-size: 14px;
}
.ui-jqdialog .ui-jqdialog-content form[name=FormPost] {
  width: 100% !important;
  height: unset !important;
  overflow: hidden !important;
}
.ui-jqdialog .ui-jqdialog-content form[name=FormPost] input[type=text] {
  width: 100% !important;
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-image: none;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  background-color: #f6f9fc;
  border: solid 1px #e7ecf1;
  box-shadow: none;
}
.ui-jqdialog .ui-jqdialog-content form[name=FormPost] .CaptionTD {
  font-size: 14px;
  color: #676b75;
  padding: 0 5px 0 5px;
  background: transparent;
}
.ui-jqdialog .ui-jqdialog-content form[name=FormPost] #FormError .ui-state-error {
  padding: 10px;
  border: none !important;
}
.ui-jqdialog .ui-jqdialog-content table.EditTable tbody tr td hr {
  display: none;
}
.ui-jqdialog .ui-jqdialog-content table.EditTable tbody tr td.EditButton {
  padding-top: 20px;
}
.ui-jqdialog .ui-jqdialog-content table.EditTable tbody tr td.EditButton a {
  min-width: 80px;
}
.ui-jqdialog .ui-jqdialog-content table.EditTable tbody tr td.navButton {
  display: none;
}
.ui-jqdialog .ui-jqdialog-content table.EditTable tbody tr .btn-primary {
  background-color: var(--brand-color) !important;
  border-color: var(--brand-color) !important;
}

body .jqgrid-responsive {
  overflow-x: auto;
}

@media (max-width: 768px) {
  body .jqgrid-responsive .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {
    min-width: 650px !important;
  }
}
@media (max-width: 500px) {
  body .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
    height: 50px;
  }
  body #pastEventsToReconcile .loading.ui-state-default {
    left: 20%;
  }
}
.bf-wrap {
  overflow: unset !important;
}

#editmodeditcats-grid-index, #delmodeditcats-grid-index, #alertmod_editcats-grid-index {
  z-index: 9999 !important;
  top: 100px !important;
}

.grid .grid-control-block {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
.grid .grid-control-block .title {
  font-size: 2.2rem;
  flex: 3 1 auto;
  position: relative;
  display: flex;
}
.grid .grid-control-block .title .like-a {
  font-size: 1.4rem;
  color: var(--brand-color);
  font-weight: 500;
  border-bottom: 2px solid var(--brand-color);
  padding-bottom: 4px;
}
.grid .grid-control-block .tools {
  flex: 0 1 auto;
  padding: 0 20px;
}
.grid .grid-control-block .tools a .far {
  font-size: 2.2rem;
  color: #9096a4;
  margin: 5px 0 0 12px;
  font-weight: 100;
}
.grid .grid-control-block .tools a .far:hover {
  color: var(--brand-color);
}
.grid .grid-control-block .grid-header-date-filter-wrap .grid-header-date-range-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.grid .grid-control-block .grid-header-date-filter-wrap .grid-header-date-range-wrap input {
  height: 36px;
  padding: 0 12px;
  width: 45%;
  border-radius: 4px;
}
.grid .grid-control-block .grid-header-date-filter-wrap .grid-header-date-range-wrap .input-group-addon {
  height: 36px;
}
.grid .grid-control-block .grid-header-date-filter-wrap .grid-header-date-range-wrap .input-group-addon i {
  padding-top: 10px;
}
.grid .grid-control-block .search-box {
  flex: 0 1 auto;
  display: flex;
}
.grid .grid-control-block .search-box form {
  display: flex;
}
.grid .grid-control-block .search-box .form-search {
  position: relative;
}
.grid .grid-control-block .search-box .form-search input[type=text] {
  padding-left: 30px;
  height: 36px;
  width: 500px;
  box-shadow: none;
  background: #f6f9fc;
  border-radius: 4px;
  border: solid 1px #e6e9ef;
  transition: 0.3s;
}
.grid .grid-control-block .search-box .form-search input[type=text]:focus {
  background: #fff;
}
.grid .grid-control-block .search-box .form-search select {
  transition: 0.3s;
}
.grid .grid-control-block .search-box .form-search select:focus {
  background: #fff;
}
.grid .grid-control-block .search-box .form-search .fa-search {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #9096a4;
  font-size: 1.4rem;
}
.grid .grid-control-block .grid-views {
  padding: 0 0 0 10px;
}
.grid .grid-control-block .grid-views a .far {
  font-size: 4rem;
  color: #9096a4;
  margin: 0 0 0 10px;
  font-weight: 100;
}
.grid .grid-control-block .grid-views a .far:hover {
  color: #676b75;
}
.grid .grid-control-block .grid-views a.active .far {
  color: #676b75;
}
.grid .grid-control-block .filters .filter-btn {
  padding: 0 20px 0 10px !important;
}
.grid .grid-control-block .filters .filter-btn .fa-sliders-v {
  font-weight: 100;
  margin-right: 10px;
  font-size: 1.75rem;
  color: #9096a4;
}
.grid .grid-control-block .filters .filters-dropdown-menu {
  width: 350px;
  border: white;
  border-radius: 4px;
  box-shadow: 0px 0px 14px rgba(148, 148, 148, 0.145);
  padding: 20px;
}
.grid .grid-control-block .filters .filters-dropdown-menu .btn-group {
  width: 100%;
  margin: 0 0 8px 0;
}
.grid .grid-control-block .filters .filters-dropdown-menu .btn-group .dropdown-toggle {
  width: 100%;
  height: 36px;
  background: #f6f9fc;
  border-radius: 4px;
  border: solid 1px #e6e9ef;
}
.grid .grid-control-block .filters .filters-dropdown-menu .btn-group.open .dropdown-toggle {
  background: white;
  box-shadow: unset;
}
.grid .grid-control-block .filters .filters-dropdown-menu .btn-apply {
  height: 36px;
  width: 120px;
  align-self: flex-end;
  text-align: center;
  margin-top: 10px;
}
.grid .grid-control-block .filters.open .filter-btn {
  background: white;
}
.grid .grid-control-block .filters.open .filter-btn .fa-caret-down {
  transform: rotate(180deg);
}
.grid .grid-control-block .filters.open .filters-dropdown-menu {
  display: flex;
  flex-direction: column;
}
.grid .grid-control-block .btn-group {
  margin: 0 20px 0 0;
}
.grid .grid-control-block .dropdown-toggle {
  height: 36px;
  background: #f6f9fc;
  border-radius: 4px;
  border: solid 1px #e6e9ef;
  padding-right: 5px;
  box-shadow: unset;
  transition: 0.3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.grid .grid-control-block .dropdown-toggle .fa-chevron-down {
  color: #9096a4;
  margin-right: unset !important;
  margin-top: unset !important;
}
.grid .grid-control-block .dropdown-toggle .multiselect-selected-text {
  padding-right: 10px;
  color: #9096a4;
}
.grid .grid-control-block.open .dropdown-toggle {
  background: #fff;
}
.grid .grid-control-block .btn-block {
  margin: 0 20px 0 0;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.grid .grid-control-block .btn-block:last-child {
  margin-right: 0;
}
.grid .grid-table {
  padding-top: 20px;
  position: relative;
}
.grid .grid-table .tools {
  width: 30px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.grid .grid-table .tools .tools-link {
  font-size: 1.7rem;
}
.grid .grid-table .tools ul.bf-table-menu-wrap li i {
  width: 20px;
  font-size: 18px;
  text-align: center;
  margin-right: 3px;
}
.grid .grid-table .ui-jqgrid, .grid .grid-table .ui-jqgrid-view, .grid .grid-table .ui-jqgrid-bdiv, .grid .grid-table .ui-jqgrid-btable, .grid .grid-table .ui-jqgrid-hdiv, .grid .grid-table .ui-jqgrid-htable, .grid .grid-table .ui-jqgrid-pager {
  width: 100% !important;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv {
  border: unset !important;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th div {
  font-weight: 400;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .grid-block-small-title {
  display: none;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .client-photo-wrap {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  display: inline-block;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .client-photo-wrap img {
  border-radius: 50%;
  width: 100%;
  height: inherit;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .client-photo-wrap .no-image {
  width: inherit;
  height: inherit;
  border-radius: 50%;
  text-align: center;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td:last-child {
  position: relative;
  overflow: unset;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .far, .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .fas, .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .fal {
  color: #9096a4;
  cursor: pointer;
  font-size: 1.8rem;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .far:hover, .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .fas:hover, .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .fal:hover {
  color: #F44E27;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .payment-receipt-options-menu {
  padding: 4px 0;
  margin-top: 10px;
  background-color: white;
  box-shadow: 0px 0px 20px #ccc;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: -20px !important;
  right: 100% !important;
  margin-left: -94px; /* Use half of the width (120/2 = 60), to center the tooltip */
  list-style: none;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .payment-receipt-options-menu.before-triangle-right {
  top: unset;
  left: unset;
  right: unset;
  display: unset;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .payment-receipt-options-menu li {
  width: 100%;
  cursor: pointer;
  color: #323338;
  font-size: 1.35rem;
  font-weight: 400;
  line-height: 1.35rem;
  padding: 5px 10px;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .payment-receipt-options-menu li:hover {
  color: white;
  background: var(--brand-color);
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .payment-receipt-options-menu li i {
  width: 20px;
  margin-right: 5px;
  font-size: 1.7rem;
  text-align: center;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .payment-receipt-options-menu:before {
  top: calc(50% - 8px);
  right: -8px;
  left: auto;
  display: inline-block !important;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #e0e0e0;
  content: "";
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td .payment-receipt-options-menu::after {
  position: absolute;
  top: calc(50% - 7px);
  right: -7px;
  left: auto;
  display: inline-block !important;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #fff;
  content: "";
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-pager {
  border: unset !important;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-pager input, .grid .grid-table .ui-jqgrid .ui-jqgrid-pager select {
  border-radius: 4px;
  border: solid 1px #e6e9ef;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-pager .ui-pager-control > table > tbody > tr > td:first-child {
  min-width: 400px;
}
.grid .grid-table.blocks-view .tools {
  width: unset;
  border: 1px solid #d6d5d5;
  border-right: unset;
  box-shadow: 0px 0px 14px rgba(148, 148, 148, 0.145);
  background: white;
  border-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding: 5px 7px 3px 7px;
  margin-right: 0px;
  margin-top: -5px;
}
.grid .grid-table.blocks-view .ui-jqgrid, .grid .grid-table.blocks-view .ui-jqgrid-view, .grid .grid-table.blocks-view .ui-jqgrid-bdiv, .grid .grid-table.blocks-view .ui-jqgrid-btable {
  width: 100% !important;
}
.grid .grid-table.blocks-view .ui-jqgrid-hdiv {
  display: none;
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 0 0 20px;
  /*
  &::after {
    content: "";
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }*/
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody:after {
  content: "";
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  height: 201px;
  width: 20%;
  margin: 0 0 20px 0;
  padding-right: 20px;
  border: unset;
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr:nth-child(1) {
  display: none;
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr:hover a {
  color: var(--brand-color);
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr td {
  padding: 0 !important;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 30px;
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr td .grid-block-small-title {
  display: block !important;
  font-weight: 300;
  color: #9096a4;
  margin-top: -2px;
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr td .view-transactions {
  max-width: 100px;
  flex-direction: column;
  line-height: 1.55rem;
  display: flex !important;
  font-weight: 400;
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr td .fa-chevron-right {
  display: none;
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr td.hide-td {
  display: none !important;
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr td:nth-child(1) {
  width: 100%;
  height: 151px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  border: 1px solid #e6e9ef !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr td:nth-child(1) .client-photo-wrap {
  width: 84px !important;
  height: 84px !important;
  margin: 10px 0 !important;
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr td:nth-child(1) .client-photo-wrap .no-image {
  font-size: 2rem !important;
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr td:nth-child(2), .grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr td:nth-child(3), .grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr td:nth-child(4) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 500;
  width: 50%;
  height: auto;
  padding: 0 10px !important;
  border-left: 1px solid #e6e9ef !important;
  border-right: 1px solid #e6e9ef !important;
  border-bottom: 1px solid #e6e9ef !important;
  border-bottom-left-radius: 5px;
}
.grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr td:last-child {
  width: 50%;
  border-bottom: none !important;
  border-right: 1px solid #e6e9ef !important;
  border-bottom: 1px solid #e6e9ef !important;
  border-bottom-right-radius: 5px;
}

body .blocks-view .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr:hover {
  background: white !important;
}

@media screen and (max-width: 1350px) {
  .grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr {
    width: 20%;
  }
}
@media screen and (max-width: 1250px) {
  .grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr {
    margin: 0 0 25px 0;
  }
}
@media screen and (max-width: 1167px) {
  .grid .grid-control-block {
    height: auto;
    flex-wrap: wrap;
  }
  .grid .grid-control-block .title {
    order: 0;
    width: 50%;
    margin: 20px 0 10px 0;
    padding: 0;
  }
  .grid .grid-control-block .grid-views {
    order: 1;
    text-align: right;
    width: 50%;
    margin: 20px 0 10px 0;
  }
  .grid .grid-control-block .search-box {
    order: 2;
    margin: 5px 0 20px 0;
    padding: 0;
  }
  .grid .grid-control-block .search-box .trainers-box {
    padding-left: 0 !important;
  }
  .grid .grid-control-block .tools {
    order: 3;
    margin-top: -15px;
    padding: 0;
  }
  .grid .grid-table.blocks-view .ui-jqgrid-btable tbody {
    padding: 0 0 0 20px;
  }
  .grid .grid-table.blocks-view .ui-jqgrid-btable tbody::after {
    content: "";
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }
  .grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr {
    width: 25%;
    margin: 0 0 25px 0;
  }
}
@media screen and (max-width: 1000px) {
  .grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr {
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 855px) {
  .grid .grid-control-block .title {
    order: 0;
    width: 155px;
    flex: 0 1 auto;
  }
  .grid .grid-control-block .grid-views {
    order: 2;
    text-align: right;
    width: 32%;
  }
  .grid .grid-control-block .search-box {
    order: 3;
    width: 100%;
  }
  .grid .grid-control-block .search-box form {
    width: 100%;
  }
  .grid .grid-control-block .search-box form .form-search {
    width: 100%;
  }
  .grid .grid-control-block .search-box form .form-search input[type=text] {
    width: 100% !important;
  }
  .grid .grid-control-block .tools {
    order: 1;
    width: 44%;
    margin: 20px 0 10px 0;
  }
  .grid .grid-table {
    overflow: hidden;
    overflow-x: auto;
  }
  .grid .grid-table .tools ul.bf-table-menu-wrap {
    margin-top: 3px !important;
    border-top-right-radius: 0;
  }
  .grid .grid-table .tools ul.bf-table-menu-wrap:before {
    top: 0px;
  }
  .grid .grid-table .tools ul.bf-table-menu-wrap:after {
    top: 1px;
  }
  .grid .grid-table .tools .tools-link {
    background: white;
    border-radius: 4px;
    padding: 0 7px;
  }
  .grid .grid-table.blocks-view {
    overflow: unset;
    overflow-x: unset;
  }
  .grid .grid-table.blocks-view .ui-jqgrid-btable tbody {
    padding: 0 0px 0 20px;
  }
  .grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr {
    width: 33%;
    margin: 0 0 20px 0;
  }
  .grid .grid-table.blocks-view .ui-jqgrid-pager .ui-pg-table tr.pager-tr {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
  }
  .grid .grid-table.blocks-view .ui-jqgrid-pager .ui-pg-table tr.pager-tr td.pager-td {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 700px) {
  .grid .grid-control-block .tools {
    width: 40%;
  }
}
@media screen and (max-width: 650px) {
  .grid .grid-control-block .tools {
    width: 35%;
  }
  .grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr {
    width: 50%;
    margin: 0 0 17px 0;
  }
}
@media screen and (max-width: 550px) {
  .grid .grid-control-block .tools {
    width: 50%;
    margin-top: 0;
    margin-left: -10px;
  }
}
@media screen and (max-width: 480px) {
  .grid .grid-table.blocks-view .ui-jqgrid-btable tbody {
    padding: 0 0 0 20px;
  }
  .grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr {
    width: 100%;
    margin: 0 0 25px 0;
  }
}
@media screen and (max-width: 430px) {
  .grid .grid-control-block .search-box form {
    flex-direction: column;
  }
  .grid .grid-control-block .search-box form .trainers-box {
    padding: 0 0 10px 0;
  }
  .grid .grid-control-block .search-box form .trainers-box .btn-group {
    width: 100%;
  }
  .grid .grid-control-block .search-box form .trainers-box .btn-group .btn {
    width: 100%;
  }
  .grid .grid-table.blocks-view .ui-jqgrid-pager .ui-pg-table tr.pager-tr td.pager-td .jqgrid-per-page-text {
    display: none !important;
  }
}
.talkjs-wrap {
  margin-top: 11px;
}
.talkjs-wrap .btn-group.open .dropdown-toggle {
  box-shadow: unset !important;
}
.talkjs-wrap .btn-group:active .dropdown-toggle {
  box-shadow: unset !important;
}
.talkjs-wrap .btn-group .dropdown-toggle {
  background-color: unset !important;
  border: unset !important;
  position: relative;
  width: 45px;
  height: 34px;
}
.talkjs-wrap .btn-group .dropdown-toggle .fa-comments-alt {
  font-size: 1rem;
}
.talkjs-wrap .btn-group .dropdown-toggle .fa-chevron-down {
  font-size: 1rem !important;
}
.talkjs-wrap .btn-group .client-chat-dropdown {
  background-color: unset !important;
  border: none !important;
  box-shadow: none !important;
}
.talkjs-wrap .btn-group .client-chat-dropdown:hover {
  box-shadow: none !important;
}
.talkjs-wrap .btn-group .dropdown-menu-sp {
  display: none;
  right: -110px;
  top: 39px;
}
.talkjs-wrap .btn-group .dropdown-chat {
  display: none;
  position: absolute;
  top: 30px;
  background: white;
  z-index: 3;
  width: 300px;
  border: unset;
  padding: 0;
  border-radius: 5px !important;
  margin-top: -400px;
  margin-left: 80px;
  box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.12), 0 3px 6px 0 rgba(0, 0, 0, 0.12);
}
.talkjs-wrap .btn-group .dropdown-chat.open {
  display: block;
}
.talkjs-wrap .btn-group .dropdown-chat .talkjs-container-wrap {
  border-radius: 5px;
  overflow: hidden;
  padding-top: 20px;
  margin-top: -20px;
}
.talkjs-wrap .btn-group .dropdown-chat .talkjs-container-wrap #talkjs-container {
  width: 300px;
  height: 500px;
  border-radius: 5px;
  overflow: hidden;
}
.talkjs-wrap .btn-group .dropdown-chat .talkjs-container-wrap #talkjs-container iframe {
  border: 0 !important;
  border-radius: 5px !important;
}
.talkjs-wrap .btn-group .dropdown-chat .talkjs-container-wrap .triangle-top-to-bottom {
  left: 15px;
  top: -20px;
}
.talkjs-wrap .btn-group .dropdown-chat .talkjs-container-wrap .add-trainer {
  position: absolute;
  right: 5px;
  top: 5px;
  background: white;
  border-radius: 3px;
}
.talkjs-wrap .btn-group .dropdown-chat .talkjs-container-wrap .add-trainer .fa-users {
  font-size: 1.8rem !important;
  color: black !important;
}
.talkjs-wrap .btn-group .dropdown-chat .talkjs-container-wrap .add-trainer .dropdown-menu li {
  padding: 8px 12px;
  color: #323338;
  text-decoration: none;
  text-align: left;
  margin-left: 8px;
  display: block;
  clear: both;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
  background-color: white;
  cursor: pointer;
}
.talkjs-wrap .btn-group .dropdown-chat .talkjs-container-wrap .add-trainer .dropdown-menu li:hover {
  color: #9096a4;
}
.talkjs-wrap .btn-group .dropdown-chat:after, .talkjs-wrap .btn-group .dropdown-chat:before {
  content: unset;
}

@media screen and (max-width: 768px) {
  .talkjs-wrap {
    margin-top: 4px !important;
  }
  .dropdown-chat {
    margin-top: 10px !important;
    margin-left: 20px !important;
  }
}
.menu-blue-button-wrap .bf-menu-small a .far {
  position: unset !important;
}

#workouts-grid-index-1 td[aria-describedby=workouts-grid-index-1_option] {
  position: unset !important;
}

#invoice-view-modal .modal-dialog {
  width: 700px;
}

#calendar-actions-modal .tab-content {
  margin: 0 !important;
}
#calendar-actions-modal .tab-content #add-edit-session-form .tab-content {
  padding: 0 !important;
}
#calendar-actions-modal .button-add-session {
  max-width: 80px !important;
}

#assign-workouts-dialog .assign-workout-wrap .multiselect-container {
  width: 100%;
  max-height: 400px;
}
#assign-workouts-dialog .modal-body {
  display: flex;
}
#assign-workouts-dialog .modal-body .assign-workout-wrap {
  flex: 1;
}
#assign-workouts-dialog .modal-body .assign-workout-wrap > form {
  height: 100%;
}
#assign-workouts-dialog .modal-body .assign-workout-wrap > form .multiselect-container.dropdown-menu {
  height: 95%;
  width: 100%;
}

div.modal-ach-bank-verify .modal-dialog {
  width: 450px !important;
}

.workout-program-add-modal#wplanner-assign-workouts-modal .modal-dialog .wplanner-assign-workout-select-wrap .multiselect-native-select .btn-group button.multiselect.dropdown-toggle {
  display: block !important;
  border: 1px solid #e6e9ef !important;
}
.workout-program-add-modal#wplanner-assign-workouts-modal .modal-dialog .wplanner-assign-workout-select-wrap .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {
  display: none !important;
}
.workout-program-add-modal#wplanner-assign-workouts-modal .modal-dialog .wplanner-assign-workout-select-wrap .multiselect-native-select .btn-group.open .multiselect-container.dropdown-menu {
  display: block !important;
}

#wplanner-assign-workouts-modal .modal-dialog,
.recurring-workout-add-modal .modal-dialog {
  width: 840px !important;
}
#wplanner-assign-workouts-modal .input-workout-start-date,
.recurring-workout-add-modal .input-workout-start-date {
  position: fixed;
  top: 15px;
  left: 250px;
  width: max-content !important;
}
#wplanner-assign-workouts-modal .input-workout-start-date input,
.recurring-workout-add-modal .input-workout-start-date input {
  border: none;
  font-size: 26px;
  font-weight: bold;
  width: 155px;
  padding-left: 0;
}
#wplanner-assign-workouts-modal .input-workout-start-date .input-group-addon,
.recurring-workout-add-modal .input-workout-start-date .input-group-addon {
  background-color: unset !important;
  border: unset !important;
}
#wplanner-assign-workouts-modal .input-workout-start-date .input-group-addon .fa,
.recurring-workout-add-modal .input-workout-start-date .input-group-addon .fa {
  font-size: 25px;
}
#wplanner-assign-workouts-modal .add-bf-workout-form > div, #wplanner-assign-workouts-modal .workout-form-row-inner.row.mb-20,
.recurring-workout-add-modal .add-bf-workout-form > div,
.recurring-workout-add-modal .workout-form-row-inner.row.mb-20 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#wplanner-assign-workouts-modal .form-input-title,
.recurring-workout-add-modal .form-input-title {
  display: flex;
}

.d2.action-pre-wrap .btn-group {
  display: flex;
  width: 350px;
  margin: auto;
  justify-content: space-between;
}
.d2.action-pre-wrap .btn-group button.btn-primary {
  width: 135px;
  height: 51px;
}

div.modal-ach-bank-verify .modal-dialog {
  width: 450px !important;
}

#duplicate-assign-workout-on-training .modal-dialog {
  width: 550px;
}

.client-by-groups-wrap-ico {
  position: relative;
  padding-left: 10px;
}
.client-by-groups-wrap-ico .clients-groups-wrap {
  position: absolute;
  z-index: 51;
  background-color: #fff;
  width: 300px;
  box-shadow: 1px 1px 5px #ccc;
  border-radius: 5px;
  padding: 10px 15px;
  right: 0;
  max-height: 400px;
  overflow-y: auto;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group {
  margin-bottom: 10px;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .group-name {
  display: flex;
  justify-content: space-between;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .group-name .padding-group {
  padding-right: 30px;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .group-name label {
  font-weight: bold;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .group-name .group-name-with-sub-groups {
  font-weight: bold;
  margin-left: 22px;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .group-name .action-clients-group-btn {
  margin-right: 10px;
  padding: 2px 10px;
  height: unset;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .clients-in-group {
  margin-top: 10px;
  margin-left: 30px;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .clients-in-group .one-client-in-group {
  margin-bottom: 10px;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .sub-group-by-count {
  margin-bottom: 10px;
}
.client-by-groups-wrap-ico .clients-groups-wrap .one-group .sub-group-by-count .clients-in-sub-group {
  margin-top: 10px;
  margin-left: 30px;
}

.modal-add-grid-cat {
  z-index: 77777 !important;
}
.modal-add-grid-cat .modal-dialog {
  width: 350px;
}

.manage-clients-groups-wrap .ui-jqgrid {
  margin-top: 0px !important;
}
.manage-clients-groups-wrap .ui-jqgrid {
  margin-top: -10px;
}
.manage-clients-groups-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels .ui-th-column:first-child div {
  margin-top: -3px;
}
.manage-clients-groups-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:first-child {
  position: relative;
  cursor: pointer;
}
.manage-clients-groups-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:first-child label {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -5px;
}
.manage-clients-groups-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) {
  position: relative;
  cursor: pointer;
}
.manage-clients-groups-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) i {
  cursor: pointer;
  font-size: 1.5rem;
  margin-top: 2px;
  display: none;
}
.manage-clients-groups-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2)::before {
  display: none;
  content: " ";
  position: absolute;
  background-image: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="pencil-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-pencil-alt fa-w-16"><path fill="grey" d="M491.609 73.625l-53.861-53.839c-26.378-26.379-69.075-26.383-95.46-.001L24.91 335.089.329 484.085c-2.675 16.215 11.368 30.261 27.587 27.587l148.995-24.582 315.326-317.378c26.33-26.331 26.581-68.879-.628-96.087zM200.443 311.557C204.739 315.853 210.37 318 216 318s11.261-2.147 15.557-6.443l119.029-119.03 28.569 28.569L210 391.355V350h-48v-48h-41.356l170.259-169.155 28.569 28.569-119.03 119.029c-8.589 8.592-8.589 22.522.001 31.114zM82.132 458.132l-28.263-28.263 12.14-73.587L84.409 338H126v48h48v41.59l-18.282 18.401-73.586 12.141zm378.985-319.533l-.051.051-.051.051-48.03 48.344-88.03-88.03 48.344-48.03.05-.05.05-.05c9.147-9.146 23.978-9.259 33.236-.001l53.854 53.854c9.878 9.877 9.939 24.549.628 33.861z" class=""></path></svg>');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  right: 0px;
  top: 11px;
}
.manage-clients-groups-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child {
  padding: 5px 0 5px 3px;
}
.manage-clients-groups-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child::before {
  display: none !important;
}
.manage-clients-groups-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child input[type=text] {
  width: 100% !important;
  padding: 0 4px;
}
.manage-clients-groups-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:nth-child(2) i {
  display: block;
}
.manage-clients-groups-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow.ui-state-hover:not([editable="1"]) td:nth-child(2)::before {
  display: none;
}
.manage-clients-groups-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .add-grid-cat-btn {
  float: right;
  margin-top: 10px;
}
.manage-clients-groups-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .add-grid-cat-btn.alone {
  margin-top: -10px !important;
}
.manage-clients-groups-wrap .ui-jqgrid .ui-jqgrid-pager, .manage-clients-groups-wrap .ui-jqgrid .ui-separator {
  display: none !important;
}

#edit-service-categories-modal #manage-cats-wrap .ui-jqgrid, #edit-service-categories-modal #manage-locs-wrap .ui-jqgrid, #edit-service-categories-modal #manage-payment-categories .ui-jqgrid, #edit-service-categories-modal .event-form-block .ui-jqgrid {
  margin-top: 0px !important;
}
#edit-service-categories-modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels .ui-th-column:first-child div {
  margin-top: -3px;
}
#edit-service-categories-modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:first-child {
  position: relative;
  cursor: pointer;
}
#edit-service-categories-modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:first-child label {
  position: absolute !important;
  left: 50% !important;
  margin: -8px 0 0 -5px !important;
}
#edit-service-categories-modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) {
  position: relative;
  cursor: pointer;
}
#edit-service-categories-modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) i {
  cursor: pointer;
  font-size: 1.5rem;
  margin-top: 2px;
  display: none;
}
#edit-service-categories-modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) .fa-external-link {
  display: block;
}
#edit-service-categories-modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2)::before {
  display: none;
  content: " ";
  position: absolute;
  background-image: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="pencil-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-pencil-alt fa-w-16"><path fill="grey" d="M491.609 73.625l-53.861-53.839c-26.378-26.379-69.075-26.383-95.46-.001L24.91 335.089.329 484.085c-2.675 16.215 11.368 30.261 27.587 27.587l148.995-24.582 315.326-317.378c26.33-26.331 26.581-68.879-.628-96.087zM200.443 311.557C204.739 315.853 210.37 318 216 318s11.261-2.147 15.557-6.443l119.029-119.03 28.569 28.569L210 391.355V350h-48v-48h-41.356l170.259-169.155 28.569 28.569-119.03 119.029c-8.589 8.592-8.589 22.522.001 31.114zM82.132 458.132l-28.263-28.263 12.14-73.587L84.409 338H126v48h48v41.59l-18.282 18.401-73.586 12.141zm378.985-319.533l-.051.051-.051.051-48.03 48.344-88.03-88.03 48.344-48.03.05-.05.05-.05c9.147-9.146 23.978-9.259 33.236-.001l53.854 53.854c9.878 9.877 9.939 24.549.628 33.861z" class=""></path></svg>');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  right: 0px;
  top: 11px;
}
#edit-service-categories-modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child {
  padding: 5px 0 5px 3px;
}
#edit-service-categories-modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child::before {
  display: none !important;
}
#edit-service-categories-modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child input[type=text] {
  width: 100% !important;
  padding: 0 4px;
}
#edit-service-categories-modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:nth-child(2) i {
  display: block;
}
#edit-service-categories-modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow.ui-state-hover:not([editable="1"]) td:nth-child(2)::before {
  display: none;
}
#edit-service-categories-modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .add-grid-cat-btn {
  float: right;
  margin-top: 10px;
}
#edit-service-categories-modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .add-grid-cat-btn.alone {
  float: unset !important;
  margin-top: -10px !important;
}
#edit-service-categories-modal .ui-jqgrid .ui-separator {
  display: none !important;
}
#edit-service-categories-modal .add-grid-cat-btn {
  margin-right: 11px !important;
  margin-left: 15px !important;
  margin-top: 12px !important;
}

#manage-payment-categories #manage-cats-wrap .ui-jqgrid, #manage-payment-categories #manage-locs-wrap .ui-jqgrid, #manage-payment-categories #manage-payment-categories .ui-jqgrid, #manage-payment-categories .event-form-block .ui-jqgrid {
  margin-top: 0px !important;
}
#manage-payment-categories .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels .ui-th-column:first-child div {
  margin-top: -3px;
}
#manage-payment-categories .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:first-child {
  position: relative;
  cursor: pointer;
}
#manage-payment-categories .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:first-child label {
  position: absolute !important;
  left: 50% !important;
  margin: -8px 0 0 -5px !important;
}
#manage-payment-categories .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) {
  position: relative;
  cursor: pointer;
}
#manage-payment-categories .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) i {
  cursor: pointer;
  font-size: 1.5rem;
  margin-top: 2px;
  display: none;
}
#manage-payment-categories .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) .fa-external-link {
  display: block;
}
#manage-payment-categories .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2)::before {
  display: none;
  content: " ";
  position: absolute;
  background-image: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="pencil-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-pencil-alt fa-w-16"><path fill="grey" d="M491.609 73.625l-53.861-53.839c-26.378-26.379-69.075-26.383-95.46-.001L24.91 335.089.329 484.085c-2.675 16.215 11.368 30.261 27.587 27.587l148.995-24.582 315.326-317.378c26.33-26.331 26.581-68.879-.628-96.087zM200.443 311.557C204.739 315.853 210.37 318 216 318s11.261-2.147 15.557-6.443l119.029-119.03 28.569 28.569L210 391.355V350h-48v-48h-41.356l170.259-169.155 28.569 28.569-119.03 119.029c-8.589 8.592-8.589 22.522.001 31.114zM82.132 458.132l-28.263-28.263 12.14-73.587L84.409 338H126v48h48v41.59l-18.282 18.401-73.586 12.141zm378.985-319.533l-.051.051-.051.051-48.03 48.344-88.03-88.03 48.344-48.03.05-.05.05-.05c9.147-9.146 23.978-9.259 33.236-.001l53.854 53.854c9.878 9.877 9.939 24.549.628 33.861z" class=""></path></svg>');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  right: 0px;
  top: 11px;
}
#manage-payment-categories .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child {
  padding: 5px 0 5px 3px;
}
#manage-payment-categories .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child::before {
  display: none !important;
}
#manage-payment-categories .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child input[type=text] {
  width: 100% !important;
  padding: 0 4px;
}
#manage-payment-categories .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:nth-child(2) i {
  display: block;
}
#manage-payment-categories .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow.ui-state-hover:not([editable="1"]) td:nth-child(2)::before {
  display: none;
}
#manage-payment-categories .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .add-grid-cat-btn {
  float: right;
  margin-top: 10px;
}
#manage-payment-categories .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .add-grid-cat-btn.alone {
  float: unset !important;
  margin-top: -10px !important;
}
#manage-payment-categories .ui-jqgrid .ui-separator {
  display: none !important;
}
#manage-payment-categories .add-grid-cat-btn {
  margin-right: 11px !important;
  margin-top: 12px !important;
}
#manage-payment-categories .modal-body {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.modal .invoice-payments-body .wrap-grid-invoice-status {
  padding: 7px 12px;
  border-radius: 4px;
  color: #333;
  display: inline;
}

.mass-activate-member-login-modal .member_item {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.mass-activate-member-login-modal .member_item:first-child {
  border-top: 1px solid #ccc;
  padding-top: 10px;
}
.mass-activate-member-login-modal .member_item i.fal {
  margin-left: auto;
  order: 2;
}
.mass-activate-member-login-modal .member_item .times-icon {
  font-size: 20px;
  color: #F80017;
}
.mass-activate-member-login-modal .member_item .check-icon {
  color: #00C714;
  font-size: 20px;
}

.message-wrap .attach-file {
  display: flex;
}
.message-wrap .attach-file input[type=file] {
  width: 125px;
  height: 34px;
  font-size: 100px;
  position: absolute;
  left: -2px;
  top: 15px;
  opacity: 0;
  z-index: 1;
}
.message-wrap .attach-file input[type=file]:hover:enabled ~ .attach-file-btn {
  color: #F33F80;
}
.message-wrap .attach-file input[type=file] ~ .attach-file-btn {
  border: solid 1px var(--button-color);
  color: var(--button-color) !important;
  margin: 0;
}
.message-wrap .attach-file .fa-info-circle {
  height: max-content;
  padding-top: 8px;
  margin-left: 8px;
  color: var(--button-color);
  cursor: help;
}
.message-wrap .attach-file .attach-file-btn {
  margin: 15px 10px 0 0;
  display: flex;
}
.message-wrap .attach-file .attach-file-btn .glyphicon-paperclip {
  padding-top: 2px;
  margin-right: 7px;
  z-index: 0;
}
.message-wrap .attach-file .file-size-restrictions {
  margin-top: 14px !important;
  z-index: 1;
}
.message-wrap .billing-upgrade {
  font-weight: 500;
  margin: 10px 0;
}
.message-wrap .billing-upgrade .gray {
  color: #676b75;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.message-wrap .billing-upgrade .sms-icon {
  text-align: center;
  margin-bottom: 30px;
  width: 50%;
}
.message-wrap .billing-upgrade .sms-icon i {
  font-size: 50px;
}
.message-wrap .alert-attach-file {
  display: none;
}
.message-wrap .alert-attach-file .alert-success {
  color: green;
  background: none;
  position: relative;
}
.message-wrap .note-editor {
  clear: both;
  margin-bottom: 5px !important;
}

#merge-invoices-modal .separate-dot {
  margin: 0 5px;
}
#merge-invoices-modal .merge-invoices-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
#merge-invoices-modal .merge-invoices-header .selected-from-text {
  font-weight: 600;
}
#merge-invoices-modal .merge-invoices-header .auto-select-options {
  float: right;
  width: 200px;
}
#merge-invoices-modal .merge-invoices-header .auto-select-options > div {
  margin-bottom: 5px;
}
#merge-invoices-modal .list-of-invoices {
  max-height: 401px;
  overflow-y: auto;
  position: relative;
  margin-bottom: 30px;
}
#merge-invoices-modal .list-of-invoices .one-invoice {
  display: flex;
  padding: 10px 0;
  border-top: 1px solid gray;
  justify-content: space-between;
  cursor: pointer;
}
#merge-invoices-modal .list-of-invoices .one-invoice .info {
  display: flex;
}
#merge-invoices-modal .list-of-invoices .one-invoice .checkbox-wrap {
  margin-right: 20px;
}
#merge-invoices-modal .list-of-invoices .one-invoice:hover {
  box-shadow: inset 0px 0px 10px #ccc;
}

:root {
  --brand-member-color-bg: #F8F9FA;
  --brand-member-color-text: #6A6D7D;
}

.summury-tab-one-package-wrap,
.summury-tab-one-membership-wrap {
  background: url(/designs/blueflow/assets/svg/membership_background.svg) no-repeat;
}

#client-memberships-grid-history tr td .tooltip.fade .tooltip-inner {
  max-width: unset;
}

.d-inline-flex {
  display: inline-flex;
}

.bagde-shared {
  font-size: 12px !important;
  background: #ff3465;
  padding: 2px 4px;
  border-radius: 5px;
}

.event-type {
  align-items: flex-start !important;
}

.summury-tab-one-package-wrap, .summury-tab-one-membership-wrap {
  background-size: cover;
  width: 100%;
  max-width: 345px;
  min-height: 190px;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  position: relative;
  min-width: 320px;
  display: flex;
  flex-direction: column;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .membership-status-badge, .summury-tab-one-package-wrap .summury-tab-one-service-info-line .package-status-badge, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .membership-status-badge, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .package-status-badge {
  text-transform: uppercase;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .membership-status-badge > div, .summury-tab-one-package-wrap .summury-tab-one-service-info-line .package-status-badge > div, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .membership-status-badge > div, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .package-status-badge > div {
  background-color: #ff3465;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 12px;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .one-service-edit-icon, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .one-service-edit-icon {
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .one-service-edit-icon .paid-in-full, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .one-service-edit-icon .paid-in-full {
  background-color: #33cb7d;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 13px;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .one-service-edit-icon i, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .one-service-edit-icon i {
  color: #fff;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .one-service-edit-icon i:before, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .one-service-edit-icon i:before {
  color: #fff;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .one-service-edit-icon i.fa-exclamation-triangle, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .one-service-edit-icon i.fa-exclamation-triangle {
  color: red;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .one-service-edit-icon i.fa-exclamation-triangle:before, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .one-service-edit-icon i.fa-exclamation-triangle:before {
  color: red;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .summury-tab-one-service-name-wrap, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .summury-tab-one-service-name-wrap {
  max-height: 21px;
  display: flex;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .summury-tab-one-service-name-wrap .summury-tab-one-service-name, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .summury-tab-one-service-name-wrap .summury-tab-one-service-name {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .summury-tab-one-service-name-wrap i, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .summury-tab-one-service-name-wrap i {
  font-size: 16px;
  color: #fff;
  margin-left: 8px;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .owing-per-period-text, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .owing-per-period-text {
  font-size: 12px;
  font-weight: normal;
  margin-left: 5px;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .tooltip.fade .tooltip-inner, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .tooltip.fade .tooltip-inner {
  max-width: unset;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits {
  max-width: 50%;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .view-allocation,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .renew-schedule,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .view-allocation,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .renew-schedule, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .view-allocation,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .renew-schedule,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .view-allocation,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .renew-schedule {
  cursor: pointer;
  color: #fff;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .view-allocation:hover,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .renew-schedule:hover,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .view-allocation:hover,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .renew-schedule:hover, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .view-allocation:hover,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .renew-schedule:hover,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .view-allocation:hover,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .renew-schedule:hover {
  text-decoration: underline;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .view-allocation i, .summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .view-allocation i:hover,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .renew-schedule i,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .event-type .renew-schedule i:hover,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .view-allocation i,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .view-allocation i:hover,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .renew-schedule i,
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .credits .renew-schedule i:hover, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .view-allocation i, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .view-allocation i:hover,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .renew-schedule i,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .event-type .renew-schedule i:hover,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .view-allocation i,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .view-allocation i:hover,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .renew-schedule i,
.summury-tab-one-membership-wrap .summury-tab-one-service-info-line .credits .renew-schedule i:hover {
  color: white;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .price-info, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .price-info {
  font-size: 22px;
  font-style: normal;
  line-height: 24px;
  background: #33CB7D;
  color: white;
  padding: 6px 10px;
  margin-left: -10px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line .ta-right, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line .ta-right {
  min-height: 48px;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line.flex, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line.flex {
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line:last-child, .summury-tab-one-package-wrap .summury-tab-one-service-info-line:nth-child(4), .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:last-child, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:nth-child(4) {
  margin: auto -10px -10px;
  padding: 14px 10px;
  display: flex;
  justify-content: space-between;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line:last-child .event-type, .summury-tab-one-package-wrap .summury-tab-one-service-info-line:nth-child(4) .event-type, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:last-child .event-type, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:nth-child(4) .event-type {
  display: flex;
  flex-direction: column;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line:last-child .renew-schedule, .summury-tab-one-package-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:last-child .renew-schedule, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule {
  cursor: pointer;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line:last-child .renew-schedule:hover, .summury-tab-one-package-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule:hover, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:last-child .renew-schedule:hover, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule:hover {
  text-decoration: underline;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line:last-child .renew-schedule i, .summury-tab-one-package-wrap .summury-tab-one-service-info-line:last-child .renew-schedule i:hover, .summury-tab-one-package-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule i, .summury-tab-one-package-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule i:hover, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:last-child .renew-schedule i, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:last-child .renew-schedule i:hover, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule i, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line:nth-child(4) .renew-schedule i:hover {
  color: white;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line.top, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line.top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.summury-tab-one-package-wrap .summury-tab-one-service-info-line.top > div:first-child, .summury-tab-one-membership-wrap .summury-tab-one-service-info-line.top > div:first-child {
  line-height: 20px;
}
.summury-tab-one-package-wrap .add-unused-credits-package-wrap, .summury-tab-one-membership-wrap .add-unused-credits-package-wrap {
  position: absolute;
  left: calc(50% - 47px);
  bottom: 5px;
}
.summury-tab-one-package-wrap .add-unused-credits-package-wrap .add-unused-credits-package-tooltip, .summury-tab-one-membership-wrap .add-unused-credits-package-wrap .add-unused-credits-package-tooltip {
  color: #fff;
  text-decoration: none;
}
.summury-tab-one-package-wrap .add-unused-credits-package-wrap .add-unused-credits-package-tooltip i, .summury-tab-one-package-wrap .add-unused-credits-package-wrap .add-unused-credits-package-tooltip i:hover, .summury-tab-one-membership-wrap .add-unused-credits-package-wrap .add-unused-credits-package-tooltip i, .summury-tab-one-membership-wrap .add-unused-credits-package-wrap .add-unused-credits-package-tooltip i:hover {
  color: #fff;
}
.summury-tab-one-package-wrap .add-unused-credits-package-wrap .tooltip .tooltip-inner, .summury-tab-one-membership-wrap .add-unused-credits-package-wrap .tooltip .tooltip-inner {
  max-width: none;
}
.summury-tab-one-package-wrap .add-unused-credits-package-wrap, .summury-tab-one-membership-wrap .add-unused-credits-package-wrap {
  left: calc(50% - 55px);
}

.one-client-product-wrap {
  width: 225px;
  min-height: 161px;
  border: 1px solid #E8EAEF !important;
  border-right: 5px;
  position: relative;
  margin-bottom: 20px;
}
.one-client-product-wrap .view-client-product-description {
  position: absolute;
  font-size: 18px;
  top: 10px;
  left: 10px;
}
.one-client-product-wrap .delete-client-product-button {
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}
.one-client-product-wrap .show-invoice-for-product {
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  right: 35px;
  top: 10px;
}
.one-client-product-wrap .img-wrap {
  padding-top: 20px;
}
.one-client-product-wrap .img-wrap img {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  display: block;
}
.one-client-product-wrap .product-price-text {
  position: absolute;
  left: 20px;
  bottom: 0;
  font-size: 16px;
  font-weight: bold;
}
.one-client-product-wrap .purchased-product-data-text, .one-client-product-wrap .assigned-product-data-text {
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.one-client-product-wrap .tooltip .tooltip-inner {
  max-width: unset !important;
}
.one-client-product-wrap i.fa-exclamation-triangle {
  color: red;
}
.one-client-product-wrap i.fa-exclamation-triangle:before {
  color: red;
}

.view-membership-button, .view-package-button {
  font-size: 18px;
  cursor: pointer;
  margin-right: 15px;
}

#wrapper .page-container {
  overflow: hidden;
}

.member-profile-new-style {
  color: #272431;
  min-height: 100vh;
  background: #F8F9FA;
  padding-bottom: 50px;
}
.member-profile-new-style .member-profile-page-title {
  background: #fff;
}
.member-profile-new-style .active-color {
  color: var(--brand-color) !important;
}
.member-profile-new-style a {
  text-decoration: none;
}
.member-profile-new-style a:hover {
  text-decoration: none;
}
.member-profile-new-style .header-wrapper {
  background: #201e29;
  padding: 24px 32px;
  position: relative;
}
.member-profile-new-style .header-wrapper .left-content {
  margin-top: 15px;
}
.member-profile-new-style .header-wrapper .right-content {
  padding-left: 37px;
  flex: 1;
  justify-content: space-between;
}
.member-profile-new-style .header-wrapper .right-content .info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.member-profile-new-style .header-wrapper .avatar-wrapper {
  width: 150px;
  height: 150px;
  position: relative;
}
.member-profile-new-style .header-wrapper .avatar-wrapper .client-photo-wrap {
  margin-right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  float: none;
}
.member-profile-new-style .header-wrapper .avatar-wrapper .no-image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 64px;
  line-height: 1;
  color: #000;
}
.member-profile-new-style .header-wrapper .avatar-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
.member-profile-new-style .header-wrapper .avatar-wrapper .member-status {
  position: absolute;
  right: 10px;
  bottom: 8px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 4px solid #292632;
  overflow: hidden;
  margin: 0;
}
.member-profile-new-style .header-wrapper .back-button {
  font-size: 12px;
  color: #999ba8;
  align-items: center;
  line-height: 1.333;
  display: inline-flex;
  text-decoration: none;
}
.member-profile-new-style .header-wrapper .back-button i {
  margin-right: 10px;
}
.member-profile-new-style .header-wrapper .back-button:hover {
  text-decoration: none;
}
.member-profile-new-style .header-wrapper .name-wrapper {
  margin-bottom: 8px;
}
.member-profile-new-style .header-wrapper .name-wrapper .switch-family-member {
  display: inline-flex;
}
.member-profile-new-style .header-wrapper .name-wrapper .switch-family-member .selected-family-member > i {
  color: #fff;
}
.member-profile-new-style .header-wrapper .name-wrapper .name {
  font-size: 32px;
  color: #fff;
  line-height: 1.125;
  margin-right: 3px;
}
.member-profile-new-style .header-wrapper .name-wrapper .gender {
  font-size: 16px;
  color: #999ba8;
  line-height: 1.5;
}
.member-profile-new-style .header-wrapper .name-wrapper .bf-dropdown-button .bf-dropdown-button-list {
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.member-profile-new-style .header-wrapper .name-wrapper .bf-dropdown-button .bf-dropdown-button-list .bf-dropdown-button-one-item {
  padding: 14px;
  position: relative;
}
.member-profile-new-style .header-wrapper .name-wrapper .bf-dropdown-button .bf-dropdown-button-list .bf-dropdown-button-one-item:hover {
  background: #f4f2ff;
}
.member-profile-new-style .header-wrapper .name-wrapper .bf-dropdown-button .bf-dropdown-button-list .bf-dropdown-button-one-item:hover::after {
  content: "";
  width: 4px;
  height: 100%;
  background: #6923f4;
  top: 0;
  right: 0;
  position: absolute;
}
.member-profile-new-style .header-wrapper .information-wrapper .info-row {
  align-items: center;
  margin-bottom: 4px;
}
.member-profile-new-style .header-wrapper .information-wrapper .info-row .icon-wrapper {
  width: 30px;
  display: flex;
  align-items: center;
}
.member-profile-new-style .header-wrapper .information-wrapper .info-row .icon-wrapper i {
  font-size: 14px;
  color: #fff;
}
.member-profile-new-style .header-wrapper .information-wrapper .info-row .text-wrapper {
  font-size: 14px;
  line-height: 1.42;
  color: #fff;
}
.member-profile-new-style .header-wrapper .information-wrapper .info-row:last-child {
  margin-bottom: 0;
}
.member-profile-new-style .header-wrapper .tags-wrapper {
  margin-top: 20px;
}
.member-profile-new-style .header-wrapper .tag-item {
  font-size: 12px;
  color: #fff;
  line-height: 1.333;
  font-weight: 600;
  padding: 2px 10px;
  border-width: 1px;
  border-style: solid;
  display: inline-flex;
  border-radius: 12px;
  margin-right: 12px;
}
.member-profile-new-style .header-wrapper .tag-item:last-child {
  margin-right: 0;
}
.member-profile-new-style .header-wrapper .tag-item.tag-danger {
  border-color: #ff9387;
}
.member-profile-new-style .header-wrapper .tag-item.tag-success {
  border-color: #52ebba;
}
.member-profile-new-style .header-wrapper .tag-item.tag-warning {
  border-color: #ecfd91;
}
.member-profile-new-style .header-wrapper .view-all-note-btn-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.member-profile-new-style .header-wrapper .view-all-note-btn-wrapper > a {
  font-size: 12px;
  line-height: 1.4;
  color: #fff;
  text-decoration: underline;
  text-transform: capitalize;
}
.member-profile-new-style .header-wrapper .view-all-note-btn-wrapper .note-wrapper {
  width: 375px;
  max-height: 200px;
  background: #ecfd91;
  padding: 18px 15px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.member-profile-new-style .header-wrapper .view-all-note-btn-wrapper .note-wrapper.note-count {
  width: auto;
  padding: 8px 15px;
}
.member-profile-new-style .header-wrapper .view-all-note-btn-wrapper .note-wrapper.note-count .title {
  margin-bottom: 0;
}
.member-profile-new-style .header-wrapper .view-all-note-btn-wrapper .note-wrapper.note-count .title a {
  display: inline-flex;
  font-weight: normal;
  text-decoration: none;
}
.member-profile-new-style .header-wrapper .view-all-note-btn-wrapper .note-wrapper.note-count .title a span {
  text-decoration: underline;
  margin-right: 10px;
}
.member-profile-new-style .header-wrapper .view-all-note-btn-wrapper .note-wrapper .title {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.member-profile-new-style .header-wrapper .view-all-note-btn-wrapper .note-wrapper .title .text {
  color: #000;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 600;
}
.member-profile-new-style .header-wrapper .view-all-note-btn-wrapper .note-wrapper .title i {
  font-size: 16px;
  color: #adab20;
}
.member-profile-new-style .header-wrapper .view-all-note-btn-wrapper .note-wrapper .item-note {
  font-size: 12px;
  line-height: 1.5;
  color: #272431;
  border: 1px dashed transparent;
}
.member-profile-new-style .header-wrapper .view-all-note-btn-wrapper .note-wrapper .item-note:hover {
  border: 1px dashed #848588;
}
.member-profile-new-style .header-wrapper .view-all-note-btn-wrapper .note-wrapper .item-note[contenteditable]:focus {
  border-color: transparent;
  outline: 1px dashed #848588;
  border-radius: 4px;
}
.member-profile-new-style .tab-header {
  border: 1px solid #e1e2e8;
  background: #fff;
}
.member-profile-new-style ul.bf-inline-buttons-menu {
  padding: 0pt;
  background: #fff;
  display: flex;
  width: 100%;
  overflow-x: auto;
}
.member-profile-new-style ul.bf-inline-buttons-menu li {
  border-radius: 0;
  max-width: auto;
  display: inline-flex;
  min-width: unset !important;
  padding: 0;
}
.member-profile-new-style ul.bf-inline-buttons-menu li a {
  font-weight: 400;
  padding: 16px 24px;
  font-size: 14px;
  line-height: 1.4;
  color: #6a6d7d;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.member-profile-new-style ul.bf-inline-buttons-menu li.active {
  background-color: #fef6f4;
  border-bottom: 4px solid var(--brand-color);
}
.member-profile-new-style ul.bf-inline-buttons-menu li.active a {
  color: #272431;
}
.member-profile-new-style .tab-content-wrapper {
  margin-top: 50px;
  padding: 0 82px;
}
.member-profile-new-style .card-block {
  border: 1px solid #c2c9d1;
  border-top-color: transparent;
  border-radius: 4px;
  position: relative;
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.member-profile-new-style .card-block::before {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  top: -4px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.member-profile-new-style .card-block.one-style::before {
  background: #f44e27;
}
.member-profile-new-style .card-block.two-style::before {
  background: #74fbd0;
}
.member-profile-new-style .card-block.three-style::before {
  background: #ecfd91;
}
.member-profile-new-style .card-block.four-style::before {
  background: #ff8df4;
}
.member-profile-new-style .card-block.five-style::before {
  background: #c3adff;
}
.member-profile-new-style #member_summary .account-detail-wrapper {
  width: 37%;
}
.member-profile-new-style #member_summary .account-detail {
  padding: 30px 32px 0;
}
.member-profile-new-style #member_summary .account-header {
  align-items: center;
  justify-content: space-between;
}
.member-profile-new-style #member_summary .account-header .text {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
  text-transform: capitalize;
}
.member-profile-new-style #member_summary .account-header a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #e1e2e8;
  text-decoration: none;
}
.member-profile-new-style #member_summary .account-header a i {
  font-size: 16px;
  color: #272431;
}
.member-profile-new-style #member_summary .detail-information .client-status {
  min-width: 120px;
}
.member-profile-new-style #member_summary .detail-information .info-block {
  border-bottom: 1px solid #e1e2e8;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.member-profile-new-style #member_summary .detail-information .info-block:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row {
  color: #272431;
  margin-bottom: 8px;
  width: 100%;
  align-items: center;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row:last-child {
  margin-bottom: 0;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .edit-border {
  border: 1px dashed #848588 !important;
  border-radius: 4px;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .edit-inline-input {
  flex: 1;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .edit-inline-input input {
  height: 32px;
  width: 100%;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .row-label {
  font-size: 12px;
  line-height: 1.33;
  font-weight: 600;
  min-width: 130px;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .row-label > span {
  font-size: 12px;
  line-height: 1.33;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .row-value {
  font-size: 14px;
  padding-left: 24px;
  text-transform: capitalize;
  flex: 1;
  min-height: 32px;
  display: flex;
  align-items: center;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .row-value .go-to-member-form-tab {
  display: flex;
  align-items: center;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .row-value .view-injury-btn {
  display: flex;
  font-size: 10px;
  line-height: 1.4;
  color: #6923F4;
  text-decoration: underline;
  margin-left: 5px;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .row-value .view-injury-btn.check-wrap {
  color: #272431;
  text-decoration: none;
  margin-left: 0;
  cursor: pointer;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .row-value.hide {
  display: none;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .row-value.has-date-icon::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f133";
  position: relative;
  top: -2px;
  letter-spacing: 0.02px;
  margin-right: 5px;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .check-wrap {
  align-items: center;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .check-wrap i {
  font-size: 16px;
  margin-right: 5px;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .check-wrap .check-icon {
  color: #2e9977;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .check-wrap .times-icon {
  color: #f80017;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .group-tag {
  font-size: 12px;
  line-height: 1.33;
  padding: 2px 8px;
  border-radius: 15px;
  cursor: pointer;
  margin-bottom: 7px;
  display: inline-flex;
  align-items: center;
  margin-right: 5px;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .group-tag i {
  margin-left: 5px;
  font-size: 12px;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .group-tag.tag-1 {
  border: 1px solid #37b88f;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row .group-tag.tag-2 {
  border: 1px solid #6923f4;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row.address-group {
  margin-bottom: 5px;
}
.member-profile-new-style #member_summary .detail-information .info-block .item-row.address-group .row-value {
  min-height: 22px;
}
.member-profile-new-style #member_summary .summary-info {
  width: 63%;
  padding-left: 6.5%;
}
.member-profile-new-style #member_summary .summary-info .detail-information {
  margin-bottom: 48px;
}
.member-profile-new-style #member_summary .summary-info .detail-information:last-child {
  margin-bottom: 0;
}
.member-profile-new-style #member_summary .summary-info .detail-information .header {
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.member-profile-new-style #member_summary .summary-info .detail-information .header .text {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: #000;
}
.member-profile-new-style #member_summary .summary-info .detail-information .header .filter-wrapper .filter-btn {
  font-size: 12px;
  line-height: 1.33;
  font-weight: 600;
  padding: 8px 16px;
  border: 1px solid #e1e2e8;
  border-radius: 54px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
}
.member-profile-new-style #member_summary .summary-info .detail-information .header .filter-wrapper .filter-btn i {
  font-size: 12px;
  margin-left: 5px;
}
.member-profile-new-style #member_summary .summary-info .detail-information .header > a {
  height: fit-content;
  border: 1px solid var(--button-color);
  padding: 5px 5px 5px 40px;
  border-radius: 5px;
  background-color: #fff;
  color: var(--button-color);
}
.member-profile-new-style #member_summary .summary-info .detail-information .header > a i {
  color: var(--button-color);
  font-weight: 500;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row {
  border: 1px solid #e1e2e8;
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  align-items: center;
  margin-bottom: 12px;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row.hide {
  display: none !important;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row:last-child {
  margin-bottom: 0;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .left-content {
  width: 65%;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .right-content {
  width: 35%;
  justify-content: flex-end;
  align-items: center;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .right-content > span {
  color: #6a6d7d;
  margin-right: 12px;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .right-content .status {
  padding: 2px 10px;
  font-size: 12px;
  line-height: 1.33;
  font-weight: 600;
  border-radius: 12px;
  margin-right: 18px;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .right-content .status.default {
  background: #e4e6eb;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .right-content .status.active {
  background: #c4ffed;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .right-content .bf-dropdown-button > a {
  display: flex;
  justify-content: center;
  padding: 0 5px;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .right-content .bf-dropdown-button-list {
  min-width: 28px;
  left: auto;
  right: -38px;
  top: -30px;
  background-color: transparent;
  box-shadow: none;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .right-content .bf-dropdown-button-list .bf-dropdown-button-one-item {
  background-color: transparent;
  padding: 0;
  box-shadow: none;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .right-content .bf-dropdown-button-list .bf-dropdown-button-one-item i {
  display: flex;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  background: #201E29;
  color: white;
  border-radius: 50%;
  margin: 4px 0px;
  font-size: 12px;
  cursor: pointer;
  padding: 0 !important;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .right-content > a {
  padding: 0 3px;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .right-content > a i {
  font-size: 22px;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .desc-text {
  font-size: 12px;
  line-height: 1.33;
  color: #6a6d7d;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .desc-text i {
  font-size: 12px;
  margin-right: 5px;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .desc-text > span {
  margin-right: 15px;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .desc-text > span:last-child {
  margin-right: 0;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .desc-text span {
  font-size: 12px;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-danger-item {
  background: #fed9d5;
  border-radius: 8px;
  padding: 16px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-danger-item .left-content {
  align-items: center;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-danger-item .left-content i {
  font-size: 12px;
  margin-right: 5px;
  color: #c2210f;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-danger-item .left-content > div {
  margin-left: 15px;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-danger-item .left-content > div:first-child {
  margin-left: 0;
}
.member-profile-new-style #member_summary .summary-info .detail-information .detail-danger-item .action-btn {
  display: inline-flex;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1.33;
  background: #c2210f;
  border-radius: 25px;
  color: #fff;
  text-decoration: none;
}
.member-profile-new-style .summary-card-wrapper {
  justify-content: space-between;
  margin-bottom: 52px;
}
.member-profile-new-style .summary-card-wrapper .summary-card {
  width: 32%;
  text-align: center;
  padding: 40px 0;
}
.member-profile-new-style .summary-card-wrapper .summary-card .medium-text {
  font-size: 16px;
  color: #272431;
  line-height: 1.5;
}
.member-profile-new-style .summary-card-wrapper .summary-card .large-text {
  font-size: 24px;
  line-height: 1.33;
  color: #323338;
  font-weight: 600;
}
.member-profile-new-style .summary-card-wrapper .summary-card .small-text {
  color: #6a6d7d;
  line-height: 1.42;
}
.member-profile-new-style .content-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.member-profile-new-style .content-header .title-text {
  font-size: 34px;
  line-height: 1.32;
  font-weight: 600;
}
.member-profile-new-style .content-header .action-wrapper .action-btn {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  line-height: 16px;
  border: 1px solid #e1e2e8;
  border-radius: 54px;
  padding: 8px 16px;
  margin-right: 24px;
  background: #fff;
}
.member-profile-new-style .content-header .action-wrapper .action-btn:last-child {
  margin-right: 0;
}
.member-profile-new-style .content-header .action-wrapper .action-btn i {
  margin-left: 5px;
  font-size: 16px;
}
.member-profile-new-style .content-header .action-wrapper .action-btn > span {
  font-size: 13px;
  line-height: 16px;
}
.member-profile-new-style .performace-summary .view-detail-wrapper {
  text-align: right;
}
.member-profile-new-style .performace-summary .view-detail-btn {
  display: inline-flex;
  align-items: center;
}
.member-profile-new-style .performace-summary .view-detail-btn i {
  margin-left: 5px;
}
.member-profile-new-style .performace-summary .table .rx-column i {
  font-size: 12px;
}
.member-profile-new-style .table {
  cursor: pointer;
}
.member-profile-new-style .table thead {
  margin-bottom: 8px;
}
.member-profile-new-style .table tbody {
  background: #fff;
}
.member-profile-new-style .table .award-icon {
  position: relative;
}
.member-profile-new-style .table .award-icon i {
  font-weight: 900 !important;
  color: #272431 !important;
}
.member-profile-new-style .table .award-icon span {
  position: absolute;
  left: 2.5px;
  top: 2px;
  font-size: 8px;
  font-weight: bold;
  color: #fff;
  background: #272431;
  line-height: 1;
  padding: 1px 2px;
}
.member-profile-new-style .performance-detail {
  display: none;
}
.member-profile-new-style .performance-detail .performance-detail-header .back-button {
  font-size: 14px;
  color: #272431;
  align-items: center;
  line-height: 1.333;
  display: inline-flex;
}
.member-profile-new-style .performance-detail .performance-detail-header .back-button i {
  margin-right: 10px;
}
.member-profile-new-style .performance-detail .performance-detail-header .title-text {
  font-size: 32px;
  line-height: 1.125;
  text-transform: capitalize;
  font-weight: 600;
  margin-top: 10px;
}
.member-profile-new-style .performance-detail .performance-detail-header .other-info {
  margin-top: 5px;
}
.member-profile-new-style .performance-detail .performance-detail-header .other-info .item {
  display: inline-flex;
  align-items: center;
  color: #6a6d7d;
  margin-right: 15px;
}
.member-profile-new-style .performance-detail .performance-detail-header .other-info .item:last-child {
  margin-right: 0;
}
.member-profile-new-style .performance-detail .performance-detail-header .other-info .item i {
  margin-right: 5px;
}
.member-profile-new-style .performance-detail .summary-card {
  width: 24%;
}
.member-profile-new-style .performance-detail .performance-detail-content .left-content {
  width: 25%;
}
.member-profile-new-style .performance-detail .performance-detail-content .left-content .block-body.rep-for-time .text {
  color: #000000;
  font-size: 16;
  line-height: 1.5;
}
.member-profile-new-style .performance-detail .performance-detail-content .left-content .block-body.rep-for-time .text span {
  color: #6923f4;
}
.member-profile-new-style .performance-detail .performance-detail-content .left-content .block-body.rep-for-time a {
  color: #272431;
  font-size: 12px;
  line-height: 1.333;
}
.member-profile-new-style .performance-detail .performance-detail-content .right-content {
  width: 75%;
}
.member-profile-new-style .performance-detail .performance-detail-content .right-content .content-header .action-wrapper a {
  margin-right: 8px;
}
.member-profile-new-style .performance-detail .performance-detail-content .right-content .search-wrapper {
  position: relative;
  overflow: hidden;
}
.member-profile-new-style .performance-detail .performance-detail-content .right-content .search-wrapper i {
  position: absolute;
  left: 14px;
  top: calc(50% - 7px);
  color: #272431;
  font-size: 14px;
}
.member-profile-new-style .performance-detail .performance-detail-content .right-content .search-wrapper input {
  width: 100%;
  height: 42px;
  padding-left: 38px;
  background: #fff;
  border-radius: 73px;
  border: 1px solid #e1e2e8;
}
.member-profile-new-style .performance-detail .performance-detail-content .right-content .search-wrapper input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #6a6d7d;
  opacity: 1; /* Firefox */
  font-size: 14px;
}
.member-profile-new-style .performance-detail .performance-detail-content .content-header {
  margin-bottom: 15px;
}
.member-profile-new-style .performance-detail .performance-detail-content .content-header .title-text {
  font-size: 24px;
  line-height: 1.333;
}
.member-profile-new-style #client_management_tab .clients-list-block {
  padding: 0 30px;
}
.member-profile-new-style #client_management_tab .member-services-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.member-profile-new-style #client_management_tab .member-services-header .right-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.member-profile-new-style #client_management_tab .member-services-header .grid-client-services-views {
  margin-right: 15px;
}
.member-profile-new-style #client_management_tab .member-services-header .grid-client-services-views a {
  display: flex;
}
.member-profile-new-style #client_management_tab .member-services-header .grid-client-services-views a.active {
  display: none;
}
.member-profile-new-style #client_management_tab .add-service-button {
  position: relative;
}
.member-profile-new-style #client_management_tab .add-service-button > button {
  border-color: var(--button-color);
  background-color: white;
  color: var(--button-color);
}
.member-profile-new-style #client_management_tab .add-subscription-dd {
  right: 0;
  left: auto;
  margin: 10px 0 0 0;
  padding: 0;
  overflow-y: scroll;
  height: 140px;
}
.member-profile-new-style #client_management_tab .show-paid-for-product {
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  right: 55px;
  top: 10px;
}
.member-profile-new-style #client_management_tab .client-edit-info-block table tr.row-cancelled-event td {
  text-decoration: line-through;
}
.member-profile-new-style #client_payments ul li {
  height: 42px;
  margin-bottom: -1px;
  background-color: transparent;
  border: none;
}
.member-profile-new-style #client_payments ul li a {
  border: 0 !important;
  font-weight: 400;
  padding-left: 0;
  padding-right: 0;
}
.member-profile-new-style #client_payments ul {
  border-bottom: 1px solid #ddd;
}
.member-profile-new-style #client_payments ul.payment-receipt-dropdown {
  white-space: pre;
}
.member-profile-new-style #client_payments ul li a:hover {
  cursor: pointer;
}
.member-profile-new-style #client_payments ul li.active,
.member-profile-new-style #client_payments li:hover {
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;
  border-bottom: 2px solid var(--brand-color);
}
.member-profile-new-style #client_payments ul li.active a,
.member-profile-new-style #client_payments li:hover a {
  cursor: default;
  color: var(--brand-color);
}
.member-profile-new-style #client_payments ul li.active .ps-logo svg path,
.member-profile-new-style #client_payments ul li.active .ps-logo svg rect,
.member-profile-new-style #client_payments ul li.active .ezi-logo svg path,
.member-profile-new-style #client_payments ul li.active .ezi-logo svg rect,
.member-profile-new-style #client_payments li:hover .ps-logo svg path,
.member-profile-new-style #client_payments li:hover .ps-logo svg rect,
.member-profile-new-style #client_payments li:hover .ezi-logo svg path,
.member-profile-new-style #client_payments li:hover .ezi-logo svg rect {
  fill: #fff;
}
.member-profile-new-style #client_payments ul li.active .ds-logo-wrap .ds-logo,
.member-profile-new-style #client_payments li:hover .ds-logo-wrap .ds-logo {
  background: url(/designs/blueflow/assets/image/ds-white.png) no-repeat;
  background-size: contain;
}
.member-profile-new-style #client_payments table#recurring-ccpayments-grid tr td {
  height: 57px;
  min-height: 57px;
}
.member-profile-new-style #client_payments table#recurring-ccpayments-grid tr td .recurring-view-schedule {
  display: none;
  text-decoration: underline;
}
.member-profile-new-style #client_payments table#recurring-ccpayments-grid tr td .recurring-view-schedule:hover {
  opacity: 0.8;
}
.member-profile-new-style #client_payments .ds-collapse-info {
  width: 371px;
  margin-top: 10px;
}
.member-profile-new-style #client_payments .ds-collapse-info h4 {
  margin-top: 0 !important;
}
.member-profile-new-style #client_payments .ds-collapse-info .alert {
  display: none !important;
}
.member-profile-new-style #client_payments .client-payments-content-wrap ul li {
  height: 32px;
}
.member-profile-new-style #client_payments .client-payments-content-wrap ul li:hover {
  color: var(--brand-color);
}
.member-profile-new-style #client_invoices .wrap-grid-invoice-status {
  padding: 5px 10px;
  border-radius: 5px;
  width: fit-content;
}
.member-profile-new-style #client_invoices .record-recurring-invoice-button,
.member-profile-new-style #client_invoices .record-invoice-button {
  background: none !important;
}
.member-profile-new-style #client_invoices .record-recurring-invoice-button:hover,
.member-profile-new-style #client_invoices .record-invoice-button:hover {
  background: var(--button-color) !important;
}
.member-profile-new-style #client_invoices .client-invoices-balance-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-right: 10px;
  width: 100%;
}
.member-profile-new-style #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap {
  height: 80px;
  border: 1px solid #e8eaef;
  border-radius: 5px;
  margin-bottom: 10px;
  min-width: 140px;
  min-height: 90px;
  margin-right: 10px;
  padding: 0 20px;
  cursor: pointer;
  background: #fff;
}
.member-profile-new-style #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap img {
  width: 50px;
  height: 50px;
}
.member-profile-new-style #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap .one-invoices-info-value {
  font-size: 20px;
  font-weight: bold;
}
.member-profile-new-style #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap .one-invoices-info-description {
  font-size: 16px;
  color: #898d96;
}
.member-profile-new-style #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap .invoices-balance-block-wrap-content {
  margin-bottom: 18px;
  margin-top: 18px;
}
.member-profile-new-style #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap .invoices-balance-block-wrap-content .one-invoices-info-value-custom {
  margin-bottom: 19px;
  font-size: 24px;
}
.member-profile-new-style #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap .invoices-balance-block-wrap-content .one-invoices-info-description-custom {
  font-size: 14px;
  color: #323338;
  opacity: 60%;
}
.member-profile-new-style #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap:hover,
.member-profile-new-style #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap.active {
  border: solid 1px var(--button-color);
}
.member-profile-new-style #client_invoices .recurring-invoice-actions-wrap {
  position: absolute;
  right: 50px;
  background-color: #fff;
  list-style-type: none;
  padding: 5px 0;
  box-shadow: 0px 0px 20px #ccc;
  border-radius: 5px;
  z-index: 1;
}
.member-profile-new-style #client_invoices .recurring-invoice-actions-wrap > li {
  cursor: pointer;
  padding: 5px 10px;
}
.member-profile-new-style #client_invoices .recurring-invoice-actions-wrap > li:hover {
  color: var(--brand-color);
}
.member-profile-new-style #client_invoices .invoices-data-wrapper {
  background: #fff;
  padding: 15px;
  border-radius: 8px;
}
.member-profile-new-style #client_list_of_all_payments .top-menu-wrapper {
  justify-content: space-between;
  align-items: center;
}
.member-profile-new-style #client_list_of_all_payments .top-menu-wrapper .workouts-tabs-wrap {
  background: none;
  margin-bottom: 0;
}
.member-profile-new-style #client_payment_gateway .custom-card > img {
  /* width: 65px; */
  height: 30px;
}
.member-profile-new-style .menu-blue-button-wrap ul {
  border-bottom: 1px solid #ddd;
}
.member-profile-new-style .check-in-search-form > h3 {
  margin: 0;
}
.member-profile-new-style .check-in-search-form .multiselect-native-select .multiselect,
.member-profile-new-style .check-in-search-form .multiselect-native-select .multiselect:focus {
  height: 36px;
}
.member-profile-new-style #client_training {
  /*old workout modal*/
  /**/
  /*old exercise image*/
  /*print view*/
}
.member-profile-new-style #client_training .training-calendar .fc-button-prev,
.member-profile-new-style #client_training .training-calendar .fc-button-next {
  left: 0;
  top: -12px !important;
}
.member-profile-new-style #client_training .training-calendar thead .fc-first th,
.member-profile-new-style #client_training .training-calendar .fc-view-month thead th.fc-first {
  background-color: #ddd;
  color: black;
  padding: 10px;
}
.member-profile-new-style #client_training .training-calendar thead .fc-first th,
.member-profile-new-style #client_training .training-calendar .fc-view-month thead th.fc-first {
  background: #f3f3f3 !important;
}
.member-profile-new-style #client_training .training-calendar .fc-button-today {
  color: #2e3947 !important;
  background: #fff !important;
  border-color: #f3f3f3 !important;
  text-transform: uppercase;
  border: 1px solid transparent;
}
.member-profile-new-style #client_training .training-calendar .fc-event {
  min-height: 30px;
}
.member-profile-new-style #client_training i.training-event-icon:hover {
  color: #555 !important;
}
.member-profile-new-style #client_training i.training-event-icon {
  float: right;
  color: #555;
  font-size: 16px;
  padding-top: 3px;
}
.member-profile-new-style #client_training .training-calendar .fc-corner-left .fc-event-inner {
  margin-left: 0;
  padding: 3px;
  overflow: visible;
}
.member-profile-new-style #client_training .training-calendar .fc-event-title {
  padding: 0;
}
.member-profile-new-style #client_training .training-calendar-item {
  cursor: pointer;
  margin-bottom: 3px;
  display: flex;
  justify-content: space-between;
}
.member-profile-new-style #client_training .training-calendar-item .training-down-sort, .member-profile-new-style #client_training .training-calendar-item .training-up-sort {
  color: white !important;
  margin-right: 5px;
}
.member-profile-new-style #client_training .training-calendar-item:hover .training-down-sort, .member-profile-new-style #client_training .training-calendar-item:hover .training-up-sort {
  display: inline-block;
}
.member-profile-new-style #client_training .training-calendar-item.is-completed-workout {
  margin-top: 13px;
  margin-bottom: 0;
}
.member-profile-new-style #client_training .training-calendar .fc-event .fc-event-inner,
.member-profile-new-style #client_training .training-calendar .fc-event {
  background-color: #f1eefd;
  color: var(--brand-color);
  border-color: var(--brand-color);
}
.member-profile-new-style #client_training .training-calendar .fc-event .fc-event-title i {
  color: var(--brand-color);
}
.member-profile-new-style #client_training .training-calendar .training-nutrition-item-wrap .fc-event-inner,
.member-profile-new-style #client_training .training-calendar .training-nutrition-item-wrap {
  background-color: #eaf5e5;
  color: #36a000;
  border-color: #36a000;
}
.member-profile-new-style #client_training .training-calendar .training-nutrition-item-wrap .fc-event-title i {
  color: #36a000;
}
.member-profile-new-style #client_training .training-calendar .fc-event.workout-event-rest-day .fc-event-skin,
.member-profile-new-style #client_training .training-calendar .fc-event.workout-event-rest-day {
  border-color: #eeeeee;
  background-color: #eeeeee;
}
.member-profile-new-style #client_training .training-calendar-workout-actions > .workout-action {
  float: left;
}
.member-profile-new-style #client_training .training-calendar-workout-actions > .workout-action i {
  float: left;
  margin: 0 5px;
}
.member-profile-new-style #client_training .training-calendar-workout-actions > .workout-action-record.workout-action {
  margin-top: 5px;
  margin-bottom: 5px;
  clear: both;
}
.member-profile-new-style #client_training .training-calendar table.fc-header .fc-header-center .fc-header-title h2 {
  line-height: 0px;
}
.member-profile-new-style #client_training .training-calendar-assings-select-wrap .multiselect-native-select {
  float: right;
  position: relative;
  height: 10px;
  margin-right: 20px;
}
.member-profile-new-style #client_training .training-calendar-assings-select-wrap .multiselect-native-select .btn-group {
  width: 230px !important;
}
.member-profile-new-style #client_training .training-calendar-actions-close {
  position: absolute;
  left: 178px;
  top: 2px;
}
.member-profile-new-style #client_training .training-calendar-wrap .fc-event .reconciled-tick {
  background-color: #99ccff !important;
  color: #444444 !important;
}
.member-profile-new-style #client_training .training-calendar-wrap .fc-event {
  cursor: pointer;
}
.member-profile-new-style #client_training #preview-workout-dialog .modal-title .workout-actions-wrap {
  float: none;
}
.member-profile-new-style #client_training .modal .bf-workout-header-completed-wrap i.fa-check-circle {
  background-color: #36a000;
  color: #fff;
  border-radius: 12px;
}
.member-profile-new-style #client_training #preview-workout-dialog #client-record-workout {
  width: 300px;
  background-color: #36a000 !important;
  border-color: #36a000 !important;
}
.member-profile-new-style #client_training #exercise_detail .modal-header {
  display: flex;
}
.member-profile-new-style #client_training .training-calendar-wrap .fc-event .reconciled-tick {
  background-color: #f1eefd !important;
  margin-left: 1px;
}
.member-profile-new-style #client_training .training-calendar-wrap .fc-event .reconciled-tick .tale {
  color: var(--brand-color) !important;
}
.member-profile-new-style #client_training .exercises-workout-avatar img {
  max-height: 120px;
}
.member-profile-new-style #client_training .workout-event-rest-day:hover .wplanner-delete-rest-day-icon {
  display: block;
}
.member-profile-new-style #client_training .wplanner-rest-day {
  color: #323338;
  font-size: 11px;
  line-height: 13px;
}
.member-profile-new-style #client_training .training-workout-item {
  color: #ffffff;
  font-size: 11px;
  line-height: 13px;
  background-color: #f33f80 !important;
  margin-top: 4px;
}
.member-profile-new-style #client_training .training-workout-item-wrap {
  border: solid 1px #f33f80 !important;
  background-color: #f33f80 !important;
}
.member-profile-new-style #client_training .training-workout-item-wrap .fc-event-inner {
  background-color: #f33f80 !important;
}
.member-profile-new-style #client_training .training-nutrition-item-wrap {
  border: solid 1px #c3adff !important;
  border-color: #c3adff !important;
  background-color: #c3adff !important;
}
.member-profile-new-style #client_training .training-nutrition-item {
  color: #ffffff;
  font-size: 11px;
  line-height: 13px;
  background-color: #c3adff !important;
  margin-top: 4px;
}
.member-profile-new-style #client_training .training-nutrition-item-wrap .fc-event-inner {
  background-color: #c3adff !important;
}
@media print {
  .member-profile-new-style #client_training body > div:not(.print-show) {
    visibility: hidden;
  }
  .member-profile-new-style #client_training .sheet-calendar {
    position: unset;
  }
  .member-profile-new-style #client_training .training-calendar-wrap #calendar * {
    visibility: visible;
  }
  .member-profile-new-style #client_training .training-calendar-wrap #calendar {
    position: absolute !important;
    top: 30px;
    left: 0;
    width: 1139px;
  }
  .member-profile-new-style #client_training .page-header,
.member-profile-new-style #client_training .unscheduled-workout-plans-wrap,
.member-profile-new-style #client_training #workout-programs-active,
.member-profile-new-style #client_training .training-calendar-wrap #calendar .fc-header .fc-button,
.member-profile-new-style #client_training .training-calendar-wrap #calendar .fc-header .fc-header-left,
.member-profile-new-style #client_training .training-calendar-wrap #calendar .fc-header .fc-header-right {
    display: none;
  }
  .member-profile-new-style #client_training .training-calendar-wrap #calendar .fc-content .fc-view > div {
    left: 0px !important;
  }
  .member-profile-new-style #client_training th.fc-mon {
    width: 162px !important;
  }
  .member-profile-new-style #client_training th.fc-tue {
    width: 162px !important;
  }
  .member-profile-new-style #client_training th.fc-wed {
    width: 162px !important;
  }
  .member-profile-new-style #client_training th.fc-thu {
    width: 162px !important;
  }
  .member-profile-new-style #client_training th.fc-fri {
    width: 162px !important;
  }
  .member-profile-new-style #client_training th.fc-sat {
    width: 162px !important;
  }
  .member-profile-new-style #client_training th.fc-sun {
    width: 127px !important;
  }
}
.member-profile-new-style .member-form-list .form-item {
  background: none;
}
.member-profile-new-style .ui-widget-content,
.member-profile-new-style .ui-state-default,
.member-profile-new-style .ui-widget-content .ui-state-default {
  background: none;
}
.member-profile-new-style .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td {
  border-bottom: 1px solid #ddd !important;
  overflow: unset;
}
.member-profile-new-style #client_notes .note-header-wrap {
  border-bottom: 1px solid #ddd;
  color: #9096a4;
  font-size: 12px;
  font-weight: 500;
  padding: 0 20px 10px 20px;
}
.member-profile-new-style #client_notes .client-note-wrap {
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 20px;
  border-radius: 5px;
  position: relative;
  min-height: 60px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}
.member-profile-new-style #client_notes .client-note-wrap .notes-edit-icons-wrap {
  position: absolute;
  right: 20px;
  font-size: 18px;
  z-index: 1;
}
.member-profile-new-style #client_notes .client-note-wrap .notes-edit-icons-wrap i {
  margin-left: 15px;
}
.member-profile-new-style #client_notes .client-note-wrap textarea {
  width: 100%;
  margin-bottom: 5px;
}
.member-profile-new-style #client_notes .client-note-wrap .note-body:not(.edit-note-mode) {
  word-break: break-word;
  white-space: pre-wrap;
}
.member-profile-new-style #client_notes .client-note-wrap:hover:not(.client-add-note-wrap) .notes-edit-icons-wrap {
  display: block;
}
.member-profile-new-style #client_notes .client-add-note-wrap .text-note-time-wrap {
  display: none;
}
.member-profile-new-style #client_notes .client-add-note-wrap .edit-note-time-wrap {
  display: block;
}
.member-profile-new-style .message-wrap, .member-profile-new-style .notification-tabs-wrap, .member-profile-new-style .communication-notifications-wrap {
  background: #fff;
  padding: 30px 16px;
  border-radius: 8px;
}
.member-profile-new-style #client_uploads_data .client-form-fileupload .fileupload-buttonbar {
  padding: 0 20px;
}
.member-profile-new-style #client_uploads_data .client-form-fileupload table tr td {
  text-align: left;
  padding-left: 20px;
  vertical-align: middle;
}
.member-profile-new-style #client_uploads_data .client-form-fileupload table tr td img {
  min-height: 50px;
  min-width: 50px;
  border-radius: 5px;
  margin-right: 10px;
  cursor: pointer;
}
.member-profile-new-style #client_messaging_history .content-wrapper {
  background: #fff;
  padding: 30px 10px;
  border-radius: 8px;
}
.member-profile-new-style #client_messaging .client-messaging-content-wrap #client_messaging_history_table .email,
.member-profile-new-style #client_messaging .client-messaging-content-wrap #client_messaging_history_table .sms {
  height: 30px;
  width: 60px;
  border-radius: 5px;
  padding: 5px 10px;
  display: block;
  text-align: center;
}
.member-profile-new-style #client_messaging .client-messaging-content-wrap #client_messaging_history_table .email {
  background-color: #e5f0e0;
}
.member-profile-new-style #client_messaging .client-messaging-content-wrap #client_messaging_history_table .sms {
  background-color: #dbf0f9;
}
.member-profile-new-style #client_messaging .client-messaging-content-wrap .subject-line-text-wrap {
  width: 100px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #e6e9ef;
  padding-top: 7px;
  padding-left: 12px;
  color: #676b75;
}
.member-profile-new-style #client_messaging .client-messaging-content-wrap [name=subject] {
  margin-left: -2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.member-profile-new-style .message-sms-wrap {
  padding: 16px;
}
.member-profile-new-style .message-sms-wrap .top-information {
  width: 100%;
  justify-content: space-between;
  background: #e8ecee;
  padding: 8px 16px;
}
.member-profile-new-style .message-sms-wrap .top-information .user-wrapper {
  align-items: center;
}
.member-profile-new-style .message-sms-wrap .top-information .user-wrapper .avatar {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
}
.member-profile-new-style .message-sms-wrap .top-information .user-wrapper .no-image {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.member-profile-new-style .message-sms-wrap .top-information .right-content {
  display: flex;
  align-items: center;
}
.member-profile-new-style .message-sms-wrap .message-area {
  flex: 1;
  display: flex;
  flex-direction: column-reverse;
  overflow-y: auto;
  min-height: 250px;
  max-height: 400px;
}
.member-profile-new-style .message-sms-wrap .message-item-wrapper {
  margin-bottom: 15px;
}
.member-profile-new-style .message-sms-wrap .message-item-wrapper .message-item {
  background: #ff9387;
  color: #fff;
  padding: 10px 35px 10px 16px;
  font-size: 15px;
  max-width: 220px;
  word-break: break-word;
  display: inline-flex;
  position: relative;
  border-radius: 100px;
  min-width: 100px;
}
.member-profile-new-style .message-sms-wrap .message-item-wrapper .message-item i {
  color: inherit;
}
.member-profile-new-style .message-sms-wrap .message-item-wrapper .message-item .mess-time {
  font-size: 9px;
  position: absolute;
  bottom: 3px;
  right: 10px;
}
.member-profile-new-style .message-sms-wrap .message-item-wrapper .message-item .mess-time i {
  font-size: 9px;
}
.member-profile-new-style .message-sms-wrap .message-item-wrapper.my-self {
  text-align: right;
}
.member-profile-new-style .message-sms-wrap .message-item-wrapper.my-self .message-item {
  background: #6492df;
}
.member-profile-new-style .message-sms-wrap .message-input-wrapper {
  align-items: center;
  background: #f7f9fc;
  padding: 10px;
}
.member-profile-new-style .message-sms-wrap .message-input-wrapper input {
  flex: 1;
}
.member-profile-new-style .message-sms-wrap .message-input-wrapper .mess-send-button {
  padding: 5px;
  margin-left: 10px;
}
.member-profile-new-style .message-sms-wrap .message-input-wrapper .mess-send-button i {
  font-size: 20px;
}
.member-profile-new-style #client_services .client-service-controls-wrap .right {
  display: flex;
  align-items: center;
}
.member-profile-new-style #client_services .client-service-controls-wrap .right .grid-client-services-views a {
  margin-right: 20px;
  display: inline-block;
}
.member-profile-new-style #client_services .client-service-controls-wrap .right .grid-client-services-views a.active {
  display: none;
}
.member-profile-new-style .account-detail-wrapper .chosen-container-multi .chosen-choices {
  background: none;
  border: none;
  padding-left: 0;
  padding-right: 0;
}
.member-profile-new-style .account-detail-wrapper .chosen-container-multi .chosen-choices li.search-choice {
  background: none !important;
  line-height: 1.33 !important;
  padding: 2px 8px !important;
  border-radius: 15px !important;
  color: #272431 !important;
  cursor: pointer;
  margin-bottom: 7px;
  display: inline-flex;
  align-items: center;
  margin-right: 5px;
  align-items: center;
}
.member-profile-new-style .account-detail-wrapper .chosen-container-multi .chosen-choices li.search-choice > span {
  font-size: 12px;
}
.member-profile-new-style .account-detail-wrapper .chosen-container-multi .chosen-choices li.search-choice:nth-child(odd) {
  border: 1px solid #37b88f !important;
}
.member-profile-new-style .account-detail-wrapper .chosen-container-multi .chosen-choices li.search-choice:nth-child(even) {
  border: 1px solid #6923f4 !important;
}
.member-profile-new-style .account-detail-wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: static;
  margin-left: 5px;
  display: flex;
  align-items: center;
}
.member-profile-new-style .account-detail-wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
  font-size: 12px;
  color: #9096a4;
}
.member-profile-new-style #client_reservations .booking-data-wrapper, .member-profile-new-style #client_reservations .checkin-data-wrapper {
  background: #fff;
  padding: 15px;
  border-radius: 8px;
}
.member-profile-new-style .cards-list-wrapper .bf-dropdown-button-list {
  min-width: 90px !important;
  left: calc(100% + 5px) !important;
  right: auto !important;
}
.member-profile-new-style .cards-list-wrapper .bf-dropdown-button-list .bf-dropdown-button-one-item a {
  font-size: 11px;
  background: #201E29;
  color: white;
  border-radius: 8px;
  display: block;
  padding: 3px 10px;
  margin-bottom: 4px;
}
.member-profile-new-style .cards-list-wrapper .bf-dropdown-button-list .bf-dropdown-button-one-item a:last-child {
  margin-bottom: 0;
}
.member-profile-new-style .memberships-packages-wrap .filter-wrapper > a {
  padding: 8px 16px;
  display: inline-flex;
  align-items: center;
  background: white;
  font-size: 12px;
  font-weight: 1.33;
  text-decoration: none;
  color: #272431;
  border-radius: 30px;
}
.member-profile-new-style .memberships-packages-wrap .filter-wrapper > a > span, .member-profile-new-style .memberships-packages-wrap .filter-wrapper > a i {
  color: #272431;
  font-size: 12px;
  margin-left: 5px;
}
.member-profile-new-style .memberships-packages-wrap .filter-wrapper .bf-dropdown-button-list {
  left: auto;
  right: 0;
}
.member-profile-new-style .memberships-packages-wrap .filter-wrapper .bf-dropdown-button-list .select-type {
  min-width: 115px;
  box-shadow: none;
  border: 1px solid #f5f5f5;
}
.member-profile-new-style .memberships-packages-wrap .filter-wrapper .bf-dropdown-button-list .select-type .type-item {
  font-size: 12px;
}
.member-profile-new-style .menu-blue-button-wrap {
  padding: 0;
}
.member-profile-new-style .client-payments-content-wrap .tab-content, .member-profile-new-style .client-messaging-content-wrap .tab-content, .member-profile-new-style #client_document .tab-content {
  padding: 0;
}
.member-profile-new-style .client-quests-blocks-wrap {
  padding: 30px 0;
  background-color: white;
  border-radius: 8px;
}
.member-profile-new-style #client_list_of_all_payments_content {
  padding: 30px 16px;
  background-color: white;
  border-radius: 8px;
}
.member-profile-new-style .sheet-calendar #calendar {
  background-color: transparent;
}
.member-profile-new-style .sheet-calendar #calendar table.fc-header .fc-header-left {
  padding-left: 0;
}
.member-profile-new-style .sheet-calendar #calendar .fc-content {
  background-color: white;
}
.member-profile-new-style .sheet-calendar #calendar .fc-content .fc-view.fc-view-month {
  padding: 0;
}
.member-profile-new-style .more-infor-wrapper {
  text-align: center;
  margin-bottom: 20px;
}
.member-profile-new-style .more-infor-wrapper a {
  color: #272431;
}
.member-profile-new-style .more-infor-wrapper a i {
  color: inherit;
  margin-left: 3px;
  font-weight: bold;
}
.member-profile-new-style .view-all-note-btn-wrapper .count-text-important-notes {
  display: none;
}
.member-profile-new-style .view-all-note-btn-wrapper .edit-important-notes {
  padding: 0;
  background-color: transparent;
  border-color: transparent;
  overflow: hidden;
  resize: none;
  min-height: 33px;
}
.member-profile-new-style .view-all-note-btn-wrapper .edit-important-notes:hover, .member-profile-new-style .view-all-note-btn-wrapper .edit-important-notes:focus {
  border: 1px dashed #848588 !important;
}
.member-profile-new-style .view-all-note-btn-wrapper .edit-important-notes:focus + .count-text-important-notes {
  display: inline-block;
}
.member-profile-new-style .go-to-performance {
  cursor: pointer;
}
.member-profile-new-style #client_family_accounts {
  padding-bottom: 80px;
}

#add-package-form .input-description, #add-membership-form .input-description, #add-product-form .input-description {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
#add-package-form .input-description .required, #add-membership-form .input-description .required, #add-product-form .input-description .required {
  color: #848588;
  font-size: 12px;
}
#add-package-form .title-form, #add-membership-form .title-form, #add-product-form .title-form {
  font-size: 18px;
  padding-bottom: 10px;
  margin: 20px 0 15px;
  border-bottom: 1px solid #e6eaf0;
}

.ptminder-body-pts-clients-index #wrapper .page-container {
  padding: 0;
}
.ptminder-body-pts-clients-index #wrapper .page-container .page-title {
  padding: 15px 60px;
}

@media (max-width: 1199px) {
  .member-profile-new-style .tab-content-wrapper {
    padding: 0 16px;
  }
  .member-profile-new-style #member_summary .summary-info {
    padding-left: 30px;
  }
}
@media (max-width: 991px) {
  .member-profile-new-style .header-wrapper .view-all-note-btn-wrapper {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .member-profile-new-style .member-summary-wrapper {
    flex-wrap: wrap;
  }
  .member-profile-new-style #member_summary .account-detail-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }
  .member-profile-new-style #member_summary .summary-info {
    width: 100%;
    padding-left: 0;
  }
  .member-profile-new-style .page-container .page-title .search-member-btn {
    top: 25px;
    right: 40px;
  }
}
@media (max-width: 575px) {
  .member-profile-new-style .content-header .title-text {
    font-size: 20px;
  }
  .member-profile-new-style .member-profile-page-title {
    display: flex !important;
    flex-direction: row;
    align-items: center !important;
    padding: 20px 30px 20px 0;
  }
  .member-profile-new-style .member-profile-page-title h1 {
    width: 50%;
    margin: 0;
    font-size: 23px;
  }
  .member-profile-new-style .member-profile-page-title .search-member-btn {
    position: absolute;
    top: 13px;
    right: 35px;
    margin-left: 0;
  }
  .member-profile-new-style .header-wrapper {
    padding: 32px 16px;
  }
  .member-profile-new-style .header-wrapper .right-content {
    padding-left: 16px;
  }
  .member-profile-new-style .header-wrapper .avatar-wrapper {
    width: 80px;
    height: 80px;
  }
  .member-profile-new-style .header-wrapper .avatar-wrapper .no-image {
    font-size: 25px;
  }
  .member-profile-new-style .header-wrapper .avatar-wrapper .member-status {
    width: 18px;
    height: 18px;
    right: 0;
    bottom: 5px;
  }
  .member-profile-new-style .header-wrapper .name-wrapper .switch-family-member .selected-family-member > i {
    display: none;
  }
  .member-profile-new-style .header-wrapper .tag-item {
    margin-bottom: 10px;
  }
  .member-profile-new-style .summary-card-wrapper .summary-card {
    padding: 20px 10px;
  }
  .member-profile-new-style .summary-card-wrapper .summary-card .large-text {
    font-size: 16px;
  }
  .member-profile-new-style .summary-card-wrapper .summary-card .medium-text {
    font-size: 14px;
  }
  .member-profile-new-style .summary-card-wrapper .summary-card .small-text {
    font-size: 12px;
  }
  .member-profile-new-style #member_summary .detail-information .info-block .item-row .group-tag {
    font-size: 11px;
  }
  .member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row {
    flex-wrap: wrap;
    position: relative;
  }
  .member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .left-content {
    width: 100%;
  }
  .member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .right-content {
    width: 100%;
    justify-content: flex-start;
    margin-top: 12px;
  }
  .member-profile-new-style #member_summary .summary-info .detail-information .detail-info-row .right-content > a {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .member-profile-new-style .performace-summary .content-header .action-wrapper {
    text-align: right;
  }
  .member-profile-new-style .performace-summary .content-header .action-wrapper .action-btn {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .member-profile-new-style .performance-detail .performance-detail-content {
    flex-wrap: wrap;
  }
  .member-profile-new-style .performance-detail .performance-detail-content .left-content {
    width: 100%;
  }
  .member-profile-new-style .performance-detail .performance-detail-content .right-content {
    width: 100%;
  }
  .member-profile-new-style #client_messaging .menu-blue-button-wrap {
    padding-left: 0;
  }
  .member-profile-new-style #client_messaging .menu-blue-button-wrap ul {
    display: flex;
    width: 100%;
    overflow-x: auto;
  }
  .member-profile-new-style #client_messaging .menu-blue-button-wrap ul li a {
    white-space: nowrap;
  }
}
@media (max-width: 375px) {
  .member-profile-new-style .summary-card-wrapper {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .member-profile-new-style .performance-detail .summary-card {
    width: 49%;
    margin-bottom: 10px;
  }
  .member-profile-new-style .performance-detail .performance-detail-content .right-content .content-header {
    flex-wrap: wrap;
  }
  .member-profile-new-style .performance-detail .performance-detail-content .right-content .content-header .title-text {
    width: 100%;
  }
  .member-profile-new-style .performance-detail .performance-detail-content .right-content .content-header .action-wrapper {
    width: 100%;
  }
  .member-profile-new-style .performance-detail .performance-detail-content .right-content .content-header .action-wrapper a {
    margin-right: 3px;
  }
  .member-profile-new-style .member-form-list .item-title .right-content {
    width: 40%;
  }
  .member-profile-new-style .member-form-list .item-title .right-content a {
    margin: 0 5px;
  }
  .member-profile-new-style .member-form-list .item-title .right-content a i {
    font-size: 14px;
  }
}
.title-performance {
  font-size: 34px;
  line-height: 1.32;
  font-weight: 600;
  margin-bottom: 30px;
}

#modal-search-member-form .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td {
  overflow: hidden;
}

#send-message-member ul.bf-inline-buttons-menu {
  margin: 0;
  padding: 4px;
  border-radius: 4px;
  background-color: #F6F9FB;
  height: 38px;
}
#send-message-member ul.bf-inline-buttons-menu a {
  padding: 0;
}
#send-message-member ul.bf-inline-buttons-menu li {
  display: inline-block;
  min-width: 100px;
  text-align: center;
  border: 0;
  border-radius: 4px;
  padding: 7px 10px;
}
#send-message-member ul.bf-inline-buttons-menu li a {
  color: #000;
  font-weight: 600;
  display: block;
  height: inherit;
}
#send-message-member ul.bf-inline-buttons-menu li > a:hover, #send-message-member ul.bf-inline-buttons-menu li > a:active, #send-message-member ul.bf-inline-buttons-menu li > a:focus {
  text-decoration: none;
  outline: none;
}
#send-message-member ul.bf-inline-buttons-menu li.active {
  background-color: var(--brand-color);
}
#send-message-member ul.bf-inline-buttons-menu li.active a {
  color: var(--brand-member-second-color);
}
#send-message-member ul.bf-inline-buttons-menu.calendar-actions-menu li .icon {
  color: #000;
  font-size: 20px;
  margin-bottom: 5px;
  display: block;
}
#send-message-member ul.bf-inline-buttons-menu.calendar-actions-menu li.active .icon {
  color: #fff;
}
#send-message-member .col-button-footer {
  border-top: solid 1px #ebecf3;
  margin-top: 15px;
}
#send-message-member .col-button-footer .center-button {
  width: max-content;
  margin: auto;
  margin-top: 15px;
}

.client-status {
  position: relative;
}

.client-status .manual-action {
  display: inline-block;
  position: absolute;
  right: -10px;
  top: 0;
  cursor: default;
}
.client-status .manual-action:hover .message-tooltip {
  display: block;
}
.client-status .manual-action:hover::before {
  content: "";
  display: block;
}
.client-status .manual-action::before {
  content: "";
  display: none;
  position: absolute;
  top: -6px;
  left: 2px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid rgba(0, 0, 0, 0.55);
}
.client-status .manual-action.hide {
  display: none;
}

.client-status .message-tooltip {
  display: none;
  position: absolute;
  top: -176px;
  width: 160px;
  right: -75px;
  background-color: rgba(0, 0, 0, 0.56);
  padding: 5px 10px;
  border-radius: 8px;
  transition: all 0.3s linear;
  cursor: default;
}
.client-status .message-tooltip .message-tooltip-text {
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  text-transform: initial;
}
.client-status .message-tooltip::after {
  content: "";
  position: absolute;
  display: block;
  bottom: -5px;
  width: 100%;
  left: 0;
  height: 9px;
  background-color: transparent;
}
.client-status .message-tooltip-text {
  cursor: auto;
}
.client-status .message-underline-text {
  text-decoration: underline;
  cursor: pointer;
}

#pay-all-invoices-modal .pay-all-invoices-header {
  display: flex;
  justify-content: space-between;
}
#pay-all-invoices-modal .pay-all-invoices-list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  margin-bottom: 20px;
}
#pay-all-invoices-modal .invoice-status {
  padding: 5px 10px;
  border-radius: 5px;
}

.modal #manage-cats-wrap .ui-jqgrid, .modal #manage-locs-wrap .ui-jqgrid, .modal #manage-payment-categories .ui-jqgrid, .modal .event-form-block .ui-jqgrid {
  margin-top: 0px !important;
}
.modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels .ui-th-column:first-child div {
  margin-top: -3px;
}
.modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:first-child {
  position: relative;
  cursor: pointer;
}
.modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:first-child label {
  position: absolute !important;
  left: 50% !important;
  margin: -8px 0 0 -5px !important;
}
.modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) {
  position: relative;
  cursor: pointer;
}
.modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) i {
  cursor: pointer;
  font-size: 1.5rem;
  margin-top: 2px;
  display: none;
}
.modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) .fa-external-link {
  display: block;
}
.modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2)::before {
  display: none;
  content: " ";
  position: absolute;
  background-image: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="pencil-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-pencil-alt fa-w-16"><path fill="grey" d="M491.609 73.625l-53.861-53.839c-26.378-26.379-69.075-26.383-95.46-.001L24.91 335.089.329 484.085c-2.675 16.215 11.368 30.261 27.587 27.587l148.995-24.582 315.326-317.378c26.33-26.331 26.581-68.879-.628-96.087zM200.443 311.557C204.739 315.853 210.37 318 216 318s11.261-2.147 15.557-6.443l119.029-119.03 28.569 28.569L210 391.355V350h-48v-48h-41.356l170.259-169.155 28.569 28.569-119.03 119.029c-8.589 8.592-8.589 22.522.001 31.114zM82.132 458.132l-28.263-28.263 12.14-73.587L84.409 338H126v48h48v41.59l-18.282 18.401-73.586 12.141zm378.985-319.533l-.051.051-.051.051-48.03 48.344-88.03-88.03 48.344-48.03.05-.05.05-.05c9.147-9.146 23.978-9.259 33.236-.001l53.854 53.854c9.878 9.877 9.939 24.549.628 33.861z" class=""></path></svg>');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  right: 0px;
  top: 11px;
}
.modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child {
  padding: 5px 0 5px 3px;
}
.modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child::before {
  display: none !important;
}
.modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child input[type=text] {
  width: 100% !important;
  padding: 0 4px;
}
.modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:nth-child(2) i {
  display: block;
}
.modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow.ui-state-hover:not([editable="1"]) td:nth-child(2)::before {
  display: none;
}
.modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .add-grid-cat-btn {
  float: right;
  margin-top: 10px;
}
.modal .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .add-grid-cat-btn.alone {
  float: unset !important;
  margin-top: -10px !important;
}
.modal .ui-jqgrid .ui-separator {
  display: none !important;
}

#new-recurring-invoices-modal .modal-dialog,
#new-invoices-modal .modal-dialog,
#edit-invoices-modal .modal-dialog {
  width: 600px;
}
#new-recurring-invoices-modal #invoice-add-form .form-input,
#new-invoices-modal #invoice-add-form .form-input,
#edit-invoices-modal #invoice-add-form .form-input {
  height: 45px !important;
}
#new-recurring-invoices-modal #invoice-add-form .invoice-add-form-header .invoice-add-form-buttons,
#new-invoices-modal #invoice-add-form .invoice-add-form-header .invoice-add-form-buttons,
#edit-invoices-modal #invoice-add-form .invoice-add-form-header .invoice-add-form-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#new-recurring-invoices-modal #invoice-add-form .invoice-add-form-header .invoice-add-form-buttons #invoice-preview-link,
#new-invoices-modal #invoice-add-form .invoice-add-form-header .invoice-add-form-buttons #invoice-preview-link,
#edit-invoices-modal #invoice-add-form .invoice-add-form-header .invoice-add-form-buttons #invoice-preview-link {
  margin-right: 15px;
}
#new-recurring-invoices-modal #invoice-add-form .invoice-add-form-header .invoice-add-form-buttons #invoice-preview-link .fa-eye,
#new-invoices-modal #invoice-add-form .invoice-add-form-header .invoice-add-form-buttons #invoice-preview-link .fa-eye,
#edit-invoices-modal #invoice-add-form .invoice-add-form-header .invoice-add-form-buttons #invoice-preview-link .fa-eye {
  margin-right: 10px;
}
#new-recurring-invoices-modal #invoice-add-form .email-options,
#new-invoices-modal #invoice-add-form .email-options,
#edit-invoices-modal #invoice-add-form .email-options {
  padding: 20px 0 0 0;
  margin-left: 0;
}
#new-recurring-invoices-modal #invoice-add-form .email-options .input-group,
#new-invoices-modal #invoice-add-form .email-options .input-group,
#edit-invoices-modal #invoice-add-form .email-options .input-group {
  width: 100%;
}
#new-recurring-invoices-modal #invoice-add-form .email-options .input-group input,
#new-invoices-modal #invoice-add-form .email-options .input-group input,
#edit-invoices-modal #invoice-add-form .email-options .input-group input {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-right: 0 !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
#new-recurring-invoices-modal #invoice-add-form .email-options .input-group input:disabled,
#new-invoices-modal #invoice-add-form .email-options .input-group input:disabled,
#edit-invoices-modal #invoice-add-form .email-options .input-group input:disabled {
  border-bottom-right-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
#new-recurring-invoices-modal #invoice-add-form .email-options .input-group .input-group-addon,
#new-invoices-modal #invoice-add-form .email-options .input-group .input-group-addon,
#edit-invoices-modal #invoice-add-form .email-options .input-group .input-group-addon {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
#new-recurring-invoices-modal #invoice-add-form .email-options .input-group .input-group-addon.disabled,
#new-invoices-modal #invoice-add-form .email-options .input-group .input-group-addon.disabled,
#edit-invoices-modal #invoice-add-form .email-options .input-group .input-group-addon.disabled {
  position: absolute;
  right: 0;
  bottom: 0;
}
#new-recurring-invoices-modal #invoice-add-form .email-options .input-group.scheduletime-wrap,
#new-invoices-modal #invoice-add-form .email-options .input-group.scheduletime-wrap,
#edit-invoices-modal #invoice-add-form .email-options .input-group.scheduletime-wrap {
  width: 100% !important;
  margin-bottom: 10px;
}
#new-recurring-invoices-modal #invoice-add-form .email-options .input-group .fa-calendar-alt,
#new-invoices-modal #invoice-add-form .email-options .input-group .fa-calendar-alt,
#edit-invoices-modal #invoice-add-form .email-options .input-group .fa-calendar-alt {
  font-size: 1.87rem;
}
#new-recurring-invoices-modal #invoice-add-form .email-options .radio-options,
#new-invoices-modal #invoice-add-form .email-options .radio-options,
#edit-invoices-modal #invoice-add-form .email-options .radio-options {
  display: flex;
  align-items: center;
}
#new-recurring-invoices-modal #invoice-add-form .email-options .radio-options .scheduled-radio,
#new-invoices-modal #invoice-add-form .email-options .radio-options .scheduled-radio,
#edit-invoices-modal #invoice-add-form .email-options .radio-options .scheduled-radio {
  margin-top: 0 !important;
}
#new-recurring-invoices-modal #invoice-add-form .email-options .radio-options .now-radio,
#new-invoices-modal #invoice-add-form .email-options .radio-options .now-radio,
#edit-invoices-modal #invoice-add-form .email-options .radio-options .now-radio {
  margin-right: 12px;
}
#new-recurring-invoices-modal #invoice-add-form .email-options .radio-options label,
#new-invoices-modal #invoice-add-form .email-options .radio-options label,
#edit-invoices-modal #invoice-add-form .email-options .radio-options label {
  display: flex;
  height: 25px;
}
#new-recurring-invoices-modal #invoice-add-form .email-options .radio-options label:last-child,
#new-invoices-modal #invoice-add-form .email-options .radio-options label:last-child,
#edit-invoices-modal #invoice-add-form .email-options .radio-options label:last-child {
  margin-top: 10px;
}
#new-recurring-invoices-modal #invoice-add-form .email-options .radio-options label input[type=radio],
#new-invoices-modal #invoice-add-form .email-options .radio-options label input[type=radio],
#edit-invoices-modal #invoice-add-form .email-options .radio-options label input[type=radio] {
  margin: 0 7px 0 0;
}
#new-recurring-invoices-modal #invoice-add-form .email-options .input-group .input-group-addon.disabled,
#new-invoices-modal #invoice-add-form .email-options .input-group .input-group-addon.disabled,
#edit-invoices-modal #invoice-add-form .email-options .input-group .input-group-addon.disabled {
  position: unset !important;
}
#new-recurring-invoices-modal #invoice-add-form .filters,
#new-invoices-modal #invoice-add-form .filters,
#edit-invoices-modal #invoice-add-form .filters {
  margin: 15px 0;
}
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-12,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-8,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-6,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-4,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-2,
#new-invoices-modal #invoice-add-form .filters .col-xs-12,
#new-invoices-modal #invoice-add-form .filters .col-xs-8,
#new-invoices-modal #invoice-add-form .filters .col-xs-6,
#new-invoices-modal #invoice-add-form .filters .col-xs-4,
#new-invoices-modal #invoice-add-form .filters .col-xs-2,
#edit-invoices-modal #invoice-add-form .filters .col-xs-12,
#edit-invoices-modal #invoice-add-form .filters .col-xs-8,
#edit-invoices-modal #invoice-add-form .filters .col-xs-6,
#edit-invoices-modal #invoice-add-form .filters .col-xs-4,
#edit-invoices-modal #invoice-add-form .filters .col-xs-2 {
  padding: 10px 0;
}
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-12 input,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-8 input,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-6 input,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-4 input,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-2 input,
#new-invoices-modal #invoice-add-form .filters .col-xs-12 input,
#new-invoices-modal #invoice-add-form .filters .col-xs-8 input,
#new-invoices-modal #invoice-add-form .filters .col-xs-6 input,
#new-invoices-modal #invoice-add-form .filters .col-xs-4 input,
#new-invoices-modal #invoice-add-form .filters .col-xs-2 input,
#edit-invoices-modal #invoice-add-form .filters .col-xs-12 input,
#edit-invoices-modal #invoice-add-form .filters .col-xs-8 input,
#edit-invoices-modal #invoice-add-form .filters .col-xs-6 input,
#edit-invoices-modal #invoice-add-form .filters .col-xs-4 input,
#edit-invoices-modal #invoice-add-form .filters .col-xs-2 input {
  width: 100%;
  padding: 0 7px;
  border-radius: 4px;
  height: 45px !important;
}
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-12 .btn-group,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-8 .btn-group,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-6 .btn-group,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-4 .btn-group,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-2 .btn-group,
#new-invoices-modal #invoice-add-form .filters .col-xs-12 .btn-group,
#new-invoices-modal #invoice-add-form .filters .col-xs-8 .btn-group,
#new-invoices-modal #invoice-add-form .filters .col-xs-6 .btn-group,
#new-invoices-modal #invoice-add-form .filters .col-xs-4 .btn-group,
#new-invoices-modal #invoice-add-form .filters .col-xs-2 .btn-group,
#edit-invoices-modal #invoice-add-form .filters .col-xs-12 .btn-group,
#edit-invoices-modal #invoice-add-form .filters .col-xs-8 .btn-group,
#edit-invoices-modal #invoice-add-form .filters .col-xs-6 .btn-group,
#edit-invoices-modal #invoice-add-form .filters .col-xs-4 .btn-group,
#edit-invoices-modal #invoice-add-form .filters .col-xs-2 .btn-group {
  width: 100% !important;
  padding-right: 20px;
}
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group,
#new-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group,
#new-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group,
#new-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group,
#new-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group,
#new-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group,
#edit-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group,
#edit-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group,
#edit-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group,
#edit-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group,
#edit-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group {
  width: 100%;
}
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group input,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group input,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group input,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group input,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group input,
#new-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group input,
#new-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group input,
#new-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group input,
#new-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group input,
#new-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group input,
#edit-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group input,
#edit-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group input,
#edit-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group input,
#edit-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group input,
#edit-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group input {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-right: 0 !important;
}
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group .input-group-addon,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group .input-group-addon,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group .input-group-addon,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group .input-group-addon,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group .input-group-addon,
#new-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group .input-group-addon,
#new-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group .input-group-addon,
#new-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group .input-group-addon,
#new-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group .input-group-addon,
#new-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group .input-group-addon,
#edit-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group .input-group-addon,
#edit-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group .input-group-addon,
#edit-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group .input-group-addon,
#edit-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group .input-group-addon,
#edit-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group .input-group-addon {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group.issue-date,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group.issue-date,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group.issue-date,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group.issue-date,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group.issue-date,
#new-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group.issue-date,
#new-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group.issue-date,
#new-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group.issue-date,
#new-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group.issue-date,
#new-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group.issue-date,
#edit-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group.issue-date,
#edit-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group.issue-date,
#edit-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group.issue-date,
#edit-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group.issue-date,
#edit-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group.issue-date {
  padding-right: 20px;
}
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group .fa-calendar-alt,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group .fa-calendar-alt,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group .fa-calendar-alt,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group .fa-calendar-alt,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group .fa-calendar-alt,
#new-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group .fa-calendar-alt,
#new-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group .fa-calendar-alt,
#new-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group .fa-calendar-alt,
#new-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group .fa-calendar-alt,
#new-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group .fa-calendar-alt,
#edit-invoices-modal #invoice-add-form .filters .col-xs-12 .input-group .fa-calendar-alt,
#edit-invoices-modal #invoice-add-form .filters .col-xs-8 .input-group .fa-calendar-alt,
#edit-invoices-modal #invoice-add-form .filters .col-xs-6 .input-group .fa-calendar-alt,
#edit-invoices-modal #invoice-add-form .filters .col-xs-4 .input-group .fa-calendar-alt,
#edit-invoices-modal #invoice-add-form .filters .col-xs-2 .input-group .fa-calendar-alt {
  font-size: 1.87rem;
}
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-12 .multiselect,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-8 .multiselect,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-6 .multiselect,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-4 .multiselect,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-2 .multiselect,
#new-invoices-modal #invoice-add-form .filters .col-xs-12 .multiselect,
#new-invoices-modal #invoice-add-form .filters .col-xs-8 .multiselect,
#new-invoices-modal #invoice-add-form .filters .col-xs-6 .multiselect,
#new-invoices-modal #invoice-add-form .filters .col-xs-4 .multiselect,
#new-invoices-modal #invoice-add-form .filters .col-xs-2 .multiselect,
#edit-invoices-modal #invoice-add-form .filters .col-xs-12 .multiselect,
#edit-invoices-modal #invoice-add-form .filters .col-xs-8 .multiselect,
#edit-invoices-modal #invoice-add-form .filters .col-xs-6 .multiselect,
#edit-invoices-modal #invoice-add-form .filters .col-xs-4 .multiselect,
#edit-invoices-modal #invoice-add-form .filters .col-xs-2 .multiselect {
  text-align: left;
}
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-12 .multiselect .fa-chevron-down,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-8 .multiselect .fa-chevron-down,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-6 .multiselect .fa-chevron-down,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-4 .multiselect .fa-chevron-down,
#new-recurring-invoices-modal #invoice-add-form .filters .col-xs-2 .multiselect .fa-chevron-down,
#new-invoices-modal #invoice-add-form .filters .col-xs-12 .multiselect .fa-chevron-down,
#new-invoices-modal #invoice-add-form .filters .col-xs-8 .multiselect .fa-chevron-down,
#new-invoices-modal #invoice-add-form .filters .col-xs-6 .multiselect .fa-chevron-down,
#new-invoices-modal #invoice-add-form .filters .col-xs-4 .multiselect .fa-chevron-down,
#new-invoices-modal #invoice-add-form .filters .col-xs-2 .multiselect .fa-chevron-down,
#edit-invoices-modal #invoice-add-form .filters .col-xs-12 .multiselect .fa-chevron-down,
#edit-invoices-modal #invoice-add-form .filters .col-xs-8 .multiselect .fa-chevron-down,
#edit-invoices-modal #invoice-add-form .filters .col-xs-6 .multiselect .fa-chevron-down,
#edit-invoices-modal #invoice-add-form .filters .col-xs-4 .multiselect .fa-chevron-down,
#edit-invoices-modal #invoice-add-form .filters .col-xs-2 .multiselect .fa-chevron-down {
  margin-top: 3px;
  margin-right: -5px;
}
#new-recurring-invoices-modal #invoice-add-form .tax-deduct-type-wrap,
#new-invoices-modal #invoice-add-form .tax-deduct-type-wrap,
#edit-invoices-modal #invoice-add-form .tax-deduct-type-wrap {
  width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
}
#new-recurring-invoices-modal #invoice-add-form .tax-deduct-type-wrap select.form-control,
#new-invoices-modal #invoice-add-form .tax-deduct-type-wrap select.form-control,
#edit-invoices-modal #invoice-add-form .tax-deduct-type-wrap select.form-control {
  height: 45px !important;
  width: 100% !important;
  padding: 0 4px;
  margin-bottom: 30px;
}
#new-recurring-invoices-modal #invoice-add-form .tax-deduct-type-wrap select[name=tax_deduct_type],
#new-invoices-modal #invoice-add-form .tax-deduct-type-wrap select[name=tax_deduct_type],
#edit-invoices-modal #invoice-add-form .tax-deduct-type-wrap select[name=tax_deduct_type] {
  height: 28px !important;
  border-radius: 3px !important;
  text-indent: 7px;
  width: 117px;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table,
#new-invoices-modal #invoice-add-form #invoice-items-table,
#edit-invoices-modal #invoice-add-form #invoice-items-table {
  margin-top: 0;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table thead > tr > th,
#new-invoices-modal #invoice-add-form #invoice-items-table .table thead > tr > th,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table thead > tr > th {
  border-bottom: 0;
  padding: 8px 8px 8px 0;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table tr > td,
#new-invoices-modal #invoice-add-form #invoice-items-table .table tr > td,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table tr > td {
  padding: 8px 8px 8px 0;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap .no-border-td-invoice,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap .no-border-td-invoice,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap .no-border-td-invoice {
  border-top: 0;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td .input-group input,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td .input-group input,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td .input-group input {
  border-radius: 4px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: 0 !important;
  width: 75px;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td .input-group .input-group-addon,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td .input-group .input-group-addon,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td .input-group .input-group-addon {
  height: 34px !important;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td input,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td input,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td input {
  height: 34px;
  padding: 0 8px;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td input:disabled,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td input:disabled,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td input:disabled {
  background-color: #eaeff4;
  border: solid 1px #e4e9ee;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.description,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.description,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.description {
  width: auto;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.description input,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.description input,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.description input {
  width: 100%;
  border-radius: 4px;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.description select,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.description select,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.description select {
  height: 38px;
  width: 100%;
  border-radius: 4px;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.amount,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.amount,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.amount {
  width: 121px;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.invoice-actions,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.invoice-actions,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.invoice-actions {
  display: flex;
  justify-content: flex-end;
  width: auto;
  text-align: right;
  padding-right: 0;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.invoice-actions .btn,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.invoice-actions .btn,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap td.invoice-actions .btn {
  padding: 0 10px;
  height: 34px;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-cost::-webkit-outer-spin-button,
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-cost::-webkit-inner-spin-button,
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-discount::-webkit-outer-spin-button,
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-discount::-webkit-inner-spin-button,
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-discount-all-item::-webkit-outer-spin-button,
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-discount-all-item::-webkit-inner-spin-button,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-cost::-webkit-outer-spin-button,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-cost::-webkit-inner-spin-button,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-discount::-webkit-outer-spin-button,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-discount::-webkit-inner-spin-button,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-discount-all-item::-webkit-outer-spin-button,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-discount-all-item::-webkit-inner-spin-button,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-cost::-webkit-outer-spin-button,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-cost::-webkit-inner-spin-button,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-discount::-webkit-outer-spin-button,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-discount::-webkit-inner-spin-button,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-discount-all-item::-webkit-outer-spin-button,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-discount-all-item::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-cost,
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-discount,
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-discount-all-item,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-cost,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-discount,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-discount-all-item,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-cost,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-item-discount,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .invoice-item-wrap input.invoice-discount-all-item {
  -moz-appearance: textfield;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .add-invoice-items-wrap,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .add-invoice-items-wrap,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .add-invoice-items-wrap {
  margin-top: 20px;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .add-invoice-items-wrap .add-item,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .add-invoice-items-wrap .add-item,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .add-invoice-items-wrap .add-item {
  margin: 5px 0;
  color: var(--brand-color);
  cursor: pointer;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .table .add-invoice-items-wrap .add-item:hover,
#new-invoices-modal #invoice-add-form #invoice-items-table .table .add-invoice-items-wrap .add-item:hover,
#edit-invoices-modal #invoice-add-form #invoice-items-table .table .add-invoice-items-wrap .add-item:hover {
  text-decoration: underline;
}
#new-recurring-invoices-modal #invoice-add-form #invoice-items-table .invoice-taxes,
#new-invoices-modal #invoice-add-form #invoice-items-table .invoice-taxes,
#edit-invoices-modal #invoice-add-form #invoice-items-table .invoice-taxes {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
#new-recurring-invoices-modal #invoice-add-form .message-wrap .toggle-message-notes,
#new-invoices-modal #invoice-add-form .message-wrap .toggle-message-notes,
#edit-invoices-modal #invoice-add-form .message-wrap .toggle-message-notes {
  width: 100px;
}
#new-recurring-invoices-modal #invoice-add-form .message-wrap textarea,
#new-invoices-modal #invoice-add-form .message-wrap textarea,
#edit-invoices-modal #invoice-add-form .message-wrap textarea {
  margin-top: 10px;
}

#invoice-events-modal .modal-dialog,
#invoice-subscriptions-modal .modal-dialog {
  width: 900px;
}
#invoice-events-modal .modal-dialog .modal-body,
#invoice-subscriptions-modal .modal-dialog .modal-body {
  padding: 0;
}
#invoice-events-modal .modal-dialog .modal-body table.invoice-preview-table,
#invoice-subscriptions-modal .modal-dialog .modal-body table.invoice-preview-table {
  max-width: 900px !important;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-control-block,
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-control-block {
  padding: 20px 20px 24px 20px;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-control-block h4,
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-control-block h4 {
  flex: 10 auto;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-control-block .invoiced-filter-wrap,
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-control-block .invoiced-filter-wrap {
  flex: 1 auto;
  display: flex;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-control-block .invoiced-filter-wrap select:last-child,
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-control-block .invoiced-filter-wrap select:last-child {
  margin-left: 10px;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-control-block .exclude-filters,
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-control-block .exclude-filters {
  flex: 1 auto;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-control-block .exclude-filters .include-cancelled-events-wrap,
#invoice-events-modal .modal-dialog .modal-body .grid .grid-control-block .exclude-filters .exclude-reconciled-events-wrap,
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-control-block .exclude-filters .include-cancelled-events-wrap,
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-control-block .exclude-filters .exclude-reconciled-events-wrap {
  display: flex;
  align-items: center;
  height: 22px;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-control-block .exclude-filters .include-cancelled-events-wrap input[type=checkbox],
#invoice-events-modal .modal-dialog .modal-body .grid .grid-control-block .exclude-filters .exclude-reconciled-events-wrap input[type=checkbox],
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-control-block .exclude-filters .include-cancelled-events-wrap input[type=checkbox],
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-control-block .exclude-filters .exclude-reconciled-events-wrap input[type=checkbox] {
  margin: 0 5px 0 0 !important;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-control-block select[name=invoiced_filter],
#invoice-events-modal .modal-dialog .modal-body .grid .grid-control-block select[name=active_filter],
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-control-block select[name=invoiced_filter],
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-control-block select[name=active_filter] {
  flex: 1 auto;
  padding-left: 10px;
  border-radius: 4px;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-table .alert,
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-table .alert {
  margin: 5px auto;
  width: 96%;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th:first-child,
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th:first-child {
  padding-left: 12px !important;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th:first-child input[type=checkbox],
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th:first-child input[type=checkbox] {
  margin: -10px 0 0 0 !important;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr,
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr {
  height: 44px;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td:first-child,
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td:first-child {
  position: relative;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td:first-child label,
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td:first-child label {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -4px;
}
#invoice-events-modal .modal-dialog .modal-body .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td:last-child,
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td:last-child {
  overflow: hidden !important;
  text-overflow: ellipsis;
}
#invoice-events-modal #events-grid-pager .jqgrid-per-page-text,
#invoice-subscriptions-modal #events-grid-pager .jqgrid-per-page-text {
  display: none !important;
}

#invoice-subscriptions-modal .modal-dialog .modal-body .grid {
  padding-bottom: 24px;
}
#invoice-subscriptions-modal .modal-dialog .modal-body .grid .grid-control-block {
  padding-bottom: 20px;
}
#invoice-subscriptions-modal .modal-dialog .modal-footer {
  clear: both;
}

#assign-payment-to-invoice-modal .modal-body,
#assign-payment-to-invoice-modal-from-payment .modal-body {
  padding: 0 !important;
}
#assign-payment-to-invoice-modal .modal-body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th div,
#assign-payment-to-invoice-modal-from-payment .modal-body .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th div {
  text-transform: unset !important;
}
#assign-payment-to-invoice-modal .modal-body .grid-control-block select,
#assign-payment-to-invoice-modal-from-payment .modal-body .grid-control-block select {
  height: 45px !important;
}
#assign-payment-to-invoice-modal .modal-body .invoice-handle-payment-wrap .assign-payment-wrap .alert,
#assign-payment-to-invoice-modal-from-payment .modal-body .invoice-handle-payment-wrap .assign-payment-wrap .alert {
  width: calc(100% - 35px);
  margin: 12px auto !important;
}
#assign-payment-to-invoice-modal .modal-body .invoice-handle-payment-wrap .assign-payment-wrap .alert .link-alert,
#assign-payment-to-invoice-modal-from-payment .modal-body .invoice-handle-payment-wrap .assign-payment-wrap .alert .link-alert {
  margin-left: 8px;
}
#assign-payment-to-invoice-modal .modal-body .invoice-handle-payment-wrap .assign-payment-wrap .assign-title,
#assign-payment-to-invoice-modal-from-payment .modal-body .invoice-handle-payment-wrap .assign-payment-wrap .assign-title {
  font-weight: bold;
  padding-left: 20px;
}
#assign-payment-to-invoice-modal .modal-body .invoice-handle-payment-wrap .assign-payment-wrap .blue-wrap,
#assign-payment-to-invoice-modal-from-payment .modal-body .invoice-handle-payment-wrap .assign-payment-wrap .blue-wrap {
  padding: 20px;
  font-weight: bolder;
}
#assign-payment-to-invoice-modal .modal-body .invoice-handle-payment-wrap .assign-payment-wrap h4,
#assign-payment-to-invoice-modal-from-payment .modal-body .invoice-handle-payment-wrap .assign-payment-wrap h4 {
  padding: 10px 20px;
}
#assign-payment-to-invoice-modal .modal-body .invoice-handle-payment-wrap .assign-payment-wrap .tab-content #assign-exist-payment-to-invoice-wrap,
#assign-payment-to-invoice-modal-from-payment .modal-body .invoice-handle-payment-wrap .assign-payment-wrap .tab-content #assign-exist-payment-to-invoice-wrap {
  padding: 20px 0;
}
#assign-payment-to-invoice-modal .modal-body .invoice-handle-payment-wrap .assign-payment-wrap .tab-content #assign-exist-payment-to-invoice-wrap .jqgrid-per-page-text,
#assign-payment-to-invoice-modal-from-payment .modal-body .invoice-handle-payment-wrap .assign-payment-wrap .tab-content #assign-exist-payment-to-invoice-wrap .jqgrid-per-page-text {
  display: none !important;
}
#assign-payment-to-invoice-modal .modal-body .invoice-handle-payment-wrap .assign-payment-wrap .tab-content #assign-new-payment-to-invoice-wrap,
#assign-payment-to-invoice-modal-from-payment .modal-body .invoice-handle-payment-wrap .assign-payment-wrap .tab-content #assign-new-payment-to-invoice-wrap {
  padding: 40px 30px 5px 30px;
}
#assign-payment-to-invoice-modal .modal-body .invoice-handle-payment-wrap .payment-add-form .email-receipt-wrap,
#assign-payment-to-invoice-modal-from-payment .modal-body .invoice-handle-payment-wrap .payment-add-form .email-receipt-wrap {
  width: max-content;
}

#delete-family-member-profile .btn-danger {
  background-color: #F44E27 !important;
  border-top: 1px solid #F44E27 !important;
}

#membership-date-modal .modal-dialog {
  width: 575px;
}

#change-recurring-payment-modal .modal-dialog {
  width: 550px;
}

.mass-send-password-reset-email .fa-key {
  content: unset;
  width: unset;
  height: unset;
  margin-right: 10px;
}

.client-add-edit-modal #colorPick {
  left: 485px !important;
}

.communication-notifications-wrap .cn-header-line {
  display: flex;
  justify-content: start;
}
.communication-notifications-wrap .cn-header-line .cn-checkbox-width-wrap:not(.cn-checkbox-width-wrap-custom) {
  margin-left: 335px;
}

.add-client-package .collect-reccuring-payment-now-wrap, .add-client-package .extra-fields-wrap, .add-client-package .automatically-renew-wrap, .add-client-package .zero-price-wrap {
  display: flex;
  align-items: center;
  justify-content: start;
}
.add-client-package .collect-reccuring-payment-now-wrap .toggle.btn, .add-client-package .extra-fields-wrap .toggle.btn, .add-client-package .automatically-renew-wrap .toggle.btn, .add-client-package .zero-price-wrap .toggle.btn {
  margin-right: 3px;
}

.paid-by-different-member .select-other-member .select2-container {
  width: 180px !important;
}

.modal-move-inactive .modal-dialog {
  width: 580px !important;
}

.payment-tab-shortcut {
  padding-left: 12px !important;
  white-space: nowrap;
}
.payment-tab-shortcut .img-stripe {
  border-radius: 5px;
  margin-right: 8px;
  width: 20px;
}

.one-client-training-wrap .training-calendar-wrap .fc-event .reconciled-tick .tale {
  color: white !important;
  font-size: 12px;
}

#reconcile-session-box {
  overflow-y: unset;
}

#change_client_membership_modal .modal-dialog {
  width: 850px !important;
}
#change_client_membership_modal .modal-dialog .duration-unlimited-wrap .form-floating {
  display: flex;
  align-items: center;
}
#change_client_membership_modal .modal-dialog .duration-unlimited-wrap .control-label {
  width: 140px;
}
#change_client_membership_modal .modal-dialog .duration-unlimited-wrap .periods-select {
  width: 100% !important;
}

.sheet-calendar #calendar .fc-content .fc-view > div .reconciled-tick {
  background: unset !important;
  background-color: unset !important;
}

.trigger-email-label {
  width: max-content !important;
}

.zero-price-wrap .only-add-mode.wrap {
  display: flex;
  align-items: center;
}

#modal-edit-package-link .modal-dialog {
  width: 600px !important;
}
#modal-edit-package-link .modal-dialog .trigger-email-label {
  margin-top: -3px;
  margin-left: 5px !important;
}

.modal-membership-schedule .modal-dialog {
  width: 700px !important;
}

.client-training-wrap .training-client-calendar-wrap .btn-default.fc-button {
  top: 0 !important;
}

#workout-assign-client-programs-modal .modal-dialog {
  width: 700px;
}
#workout-assign-client-programs-modal .modal-dialog .ui-jqgrid-view {
  padding: 0 8px;
}
#workout-assign-client-programs-modal .modal-body > .bootstrap-dialog-body {
  margin-top: 20px;
}

.message-event-clients-modal .modal-dialog {
  width: 600px !important;
}
.message-event-clients-modal .modal-dialog .attach-file.btn {
  width: 130px;
  cursor: pointer;
}
.message-event-clients-modal .modal-dialog .attach-file.btn input {
  cursor: pointer;
  position: absolute;
  left: 15px;
  top: 0;
  opacity: 0;
  height: 100%;
  width: 130px;
}

.modal-event-options-modal-member .bootstrap-dialog-draggable {
  display: none !important;
}
.modal-event-options-modal-member .modal-dialog {
  width: 655px !important;
}
.modal-event-options-modal-member .modal-dialog .modal-body .modal-header {
  padding: 0 !important;
  height: unset !important;
  min-height: unset !important;
  padding-bottom: 15px !important;
}
.modal-event-options-modal-member .modal-dialog .modal-body .modal-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
  height: calc(100% - 105px);
}

.client-packages-content-wrap .summury-tab-one-service-info-line .credits {
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.client-packages-content-wrap .summury-tab-one-service-info-line .credits .ta-right {
  text-align: left !important;
  min-height: 48px;
}

.page-container .blocks-view .dropdown {
  position: absolute;
  right: 38px;
  top: 6px;
}
.page-container .blocks-view .ui-widget-content {
  position: relative;
}
.page-container .blocks-view .ui-widget-content .transaction-edit-td.chevron-right {
  width: max-content !important;
  right: 0px;
}
.page-container .blocks-view .ui-widget-content .transaction-edit-td.chevron-right .btn-edit-transaction {
  right: 10px !important;
}
.page-container .tab-padding-service {
  padding: 0 5px;
}
.page-container .client-quests-blocks-wrap .cn-checkbox-width-wrap .blue-checkbox::before {
  border-radius: 0 !important;
}
.page-container .client-quests-blocks-wrap .cn-checkbox-width-wrap .blue-checkbox::after {
  top: 2px !important;
  border-radius: 0 !important;
  background-color: unset !important;
}
.page-container .client-payments-content-wrap #gbox_trans-grid-index .ui-widget-content td[aria-describedby=trans-grid-index_receiptoptions] {
  overflow: unset !important;
}
.page-container .client-payments-content-wrap #gbox_trans-grid-index .ui-widget-content td[aria-describedby=trans-grid-index_receiptoptions] .dropdown-menu.pull-right:after {
  right: 20px;
}
.page-container .client-payments-content-wrap #gbox_trans-grid-index .ui-widget-content td[aria-describedby=trans-grid-index_receiptoptions] li {
  display: flex;
  align-items: center;
}
.page-container .client-payments-content-wrap #gbox_trans-grid-index .ui-widget-content td[aria-describedby=trans-grid-index_receiptoptions] li i {
  min-width: 25px;
}
.page-container .client-payments-content-wrap #gbox_trans-grid-index .ui-widget-content td[aria-describedby=trans-grid-index_receiptoptions] li:hover {
  opacity: 0.7;
  border: none !important;
}
.page-container .client-payments-content-wrap #gbox_trans-grid-index .ui-widget-content td[aria-describedby=trans-grid-index_receiptoptions] li > div {
  margin-right: 8px;
}
.page-container .client-payments-content-wrap .grid-views {
  display: flex;
  justify-content: flex-end;
}
.page-container .client-payments-content-wrap .grid-views .dropdown {
  margin-left: 15px;
}
.page-container .client-payments-content-wrap .grid-views .dropdown-menu.pull-right li {
  height: 35px !important;
  width: 85%;
  border: 1px solid var(--brand-color) !important;
  margin: 10px auto !important;
  border-radius: 4px;
}
.page-container .client-payments-content-wrap .grid-views .dropdown-menu.pull-right li a {
  line-height: 25px;
  text-align: center;
  color: var(--brand-color);
}
.page-container .client-payments-content-wrap .grid-views .dropdown-menu.pull-right li a:hover {
  opacity: 0.7;
}
.page-container .client-payments-content-wrap .filter-date-wrap {
  width: 22.22%;
  min-width: 236px;
}
.page-container .client-payments-content-wrap .one-control-block .grid-header-date-filter-wrap button {
  background: white !important;
  width: 100%;
  height: 36px;
}
.page-container .client-payments-content-wrap .one-control-block .grid-header-date-filter-wrap ul.multiselect-container li {
  margin-right: 0 !important;
}
.page-container .client-payments-content-wrap .one-control-block .grid-header-date-filter-wrap ul.multiselect-container li:hover {
  border-bottom: none !important;
}
.page-container .client-payments-content-wrap .one-control-block .grid-header-date-filter-wrap li.active {
  border: none !important;
}
.page-container .client-payments-content-wrap .search-box .form-search {
  margin-left: 6px;
  width: 46.44%;
  min-width: 480px;
}
.page-container .client-payments-content-wrap .search-box .form-search input[type=text] {
  background: white !important;
  width: 100% !important;
}
.page-container .sheet-calendar #calendar .fc-content .fc-view > div .fc-event-skin {
  color: #673db3;
  border-color: #673db3;
}
.page-container .sheet-calendar #calendar .fc-content .fc-view > div .fc-event-skin .training-event-icon {
  color: #673db3;
}
.page-container .training-calendar .training-nutrition-item-wrap .fc-event-inner, .page-container .training-calendar .training-nutrition-item-wrap {
  background-color: #EAF5E5;
  color: #36A000 !important;
  border-color: #599BFB !important;
}
.page-container .training-calendar .training-nutrition-item-wrap .fc-event-inner .training-event-icon, .page-container .training-calendar .training-nutrition-item-wrap .training-event-icon {
  color: #36A000 !important;
}
.page-container .training-calendar .fc-event.workout-event-rest-day .fc-event-skin, .page-container .training-calendar .fc-event.workout-event-rest-day {
  border: unset !important;
}
.page-container .workout-main-tabs-wrap {
  box-shadow: none;
}
.page-container .workout-main-tabs-wrap .watch-wrapper {
  text-align: right;
}
.page-container .workout-main-tabs-wrap .span-watch {
  color: var(--brand-color);
  text-decoration: underline;
  line-height: 16px;
  font-size: 14px;
}
.page-container .workout-main-tabs-wrap .fa-youtube.right {
  color: var(--brand-color);
  margin-left: 5px;
}
.page-container .ui-widget-content td {
  font-size: 14px;
  font-weight: normal !important;
}

.tab-content {
  position: relative;
  padding: 0 10px;
}
.tab-content table i:not(.fa-sort-up):not(.fa-sort-down) {
  cursor: pointer;
  color: #9096a4;
  font-size: 18px;
  font-weight: 500;
}
.tab-content table i:not(.fa-sort-up):not(.fa-sort-down):not(.fa-question-circle):hover {
  color: var(--brand-color);
}
.tab-content table i.fa-info-circle {
  cursor: help;
  font-size: 14px;
}
.tab-content a i {
  color: #9096a4;
  font-size: 17px;
  font-weight: 100;
}
.tab-content i {
  color: #9096a4;
}
.tab-content i:hover {
  color: var(--brand-color);
}
.tab-content .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th div {
  text-transform: capitalize !important;
  font-size: 14px;
  color: #848588;
}
.tab-content .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td a {
  text-decoration: none;
}

.no-image-family {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: white;
  font-size: 15px;
  cursor: pointer;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
  display: none;
}

.talkjs-wrap #talkjs-container {
  height: 700px;
  max-height: 700px;
  min-height: 350px;
  width: 100%;
}

#client_chat .talkjs-wrap {
  overflow: hidden;
}
#client_chat .talkjs-wrap #talkjs-container {
  margin: 0 -1px;
  width: unset;
}

#client_management_tab .clients-list-block {
  padding-right: 20px;
}
#client_management_tab .clients-list-block .side-content-client .form-control, #client_management_tab .clients-list-block .side-content-client .multiselect {
  height: 36px;
}
#client_management_tab .clients-list-block .client-management-control-block {
  padding: 20px 0;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  position: relative;
  align-items: center;
  flex-wrap: wrap;
}
#client_management_tab .clients-list-block .client-management-control-block .form-control,
#client_management_tab .clients-list-block .client-management-control-block .multiselect {
  height: 36px;
}
#client_management_tab .clients-list-block .client-management-control-block .one-control-block {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
#client_management_tab .clients-list-block .client-management-control-block .one-control-block.width100 {
  flex: 1 1 auto;
  min-width: 200px;
}
#client_management_tab .clients-list-block .client-management-control-block .one-control-block.flex {
  align-items: center;
  margin: 0 0 0 7px;
}
#client_management_tab .clients-list-block .client-management-control-block .fa-chevron-down {
  top: 25%;
  right: 10px;
  position: absolute;
  z-index: 2;
}
#client_management_tab .clients-list-block .client-management-control-block .status-label {
  color: #676b75;
  line-height: 35px;
  width: 31px;
  display: contents;
}
#client_management_tab .clients-list-block .client-management-control-block .filter-by-client-status {
  display: flex;
}
#client_management_tab .clients-list-block .client-management-control-block .filter-by-client-status .filter-item {
  margin-right: 10px;
}
#client_management_tab .clients-list-block .client-management-control-block .filter-by-client-status .filter-item:last-child {
  margin-right: 0px;
}
#client_management_tab .clients-list-block .client-management-control-block .filter-by-client-status .btn-toggle + label {
  min-width: 100px;
}
#client_management_tab .clients-list-block .client-management-control-block .filter-by-client-status .btn-toggle + label:not(:last-child) {
  margin-right: 10px;
}
#client_management_tab .clients-list-block .client-management-control-block .filter-by-client-status .one-client-status {
  display: flex;
  align-items: center;
}
#client_management_tab .clients-list-block .client-management-control-block .filter-by-client-status .one-client-status .filter-clients-statuses-checkbox-wrap {
  margin-right: 5px;
}
#client_management_tab .clients-list-block .client-management-control-block .mass-update-clients-statuses {
  width: 200px;
  padding: 6px 20px 6px 0;
  margin-left: 5px;
}
#client_management_tab .clients-list-block .client-management-control-block .mass-remove-clients, #client_management_tab .clients-list-block .client-management-control-block .mass-add-to-group {
  display: flex;
  align-items: center;
}
#client_management_tab .clients-list-block .client-management-control-block .mass-remove-clients .mass-remove-clients-icon, #client_management_tab .clients-list-block .client-management-control-block .mass-add-to-group .mass-remove-clients-icon {
  margin-right: 10px;
}
#client_management_tab .clients-list-block .client-management-control-block .mass-remove-clients .mass-remove-clients-icon i, #client_management_tab .clients-list-block .client-management-control-block .mass-add-to-group .mass-remove-clients-icon i {
  font-size: 16px;
  color: #9096a4;
}
#client_management_tab .clients-list-block .client-management-control-block .mass-remove-clients .mass-remove-clients-label, #client_management_tab .clients-list-block .client-management-control-block .mass-add-to-group .mass-remove-clients-label {
  color: red;
}
#client_management_tab .clients-list-block .client-management-control-block #form-client-search {
  position: relative;
}
#client_management_tab .clients-list-block .client-management-control-block #form-client-search .fa-search {
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 18px;
  color: #9096a4;
}
#client_management_tab .clients-list-block .client-management-control-block #form-client-search input {
  padding-left: 30px;
}
#client_management_tab .clients-list-block .client-management-control-block #form-client-search .clear-search-box {
  position: absolute;
  top: 25%;
  right: 10px;
  color: #9096a4;
  cursor: pointer;
  font-size: 18px;
}
#client_management_tab .clients-list-block .client-management-control-block .filter-by-trainer-wrap {
  position: relative;
  width: 200px;
}
#client_management_tab .clients-list-block .client-management-control-block .filter-by-trainer-wrap .caret {
  display: none;
}
#client_management_tab .clients-list-block .client-management-control-block .filter-by-trainer-wrap .btn-group {
  width: 200px !important;
}
#client_management_tab .clients-list-block .client-management-control-block .customise-clients-info-columns-wrap {
  position: absolute;
  right: 0;
  top: 82%;
  z-index: 50;
  display: flex;
}
#client_management_tab .clients-list-block .client-management-control-block .customise-clients-info-columns-wrap .show-family-member-wrap {
  margin-right: 205px;
}
#client_management_tab .clients-list-block .client-management-control-block .customise-clients-info-columns-wrap .eye-wrap {
  color: #9096a4;
  cursor: pointer;
  float: right;
}
#client_management_tab .clients-list-block .client-management-control-block .customise-clients-info-columns-wrap .eye-wrap:hover {
  color: var(--brand-color);
  border-color: var(--brand-color);
}
#client_management_tab .clients-list-block .client-management-control-block .customise-clients-info-columns-wrap .list-of-column-wrap {
  padding: 15px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.175);
  margin-top: 22px;
  overflow: auto !important;
  position: relative;
  max-height: 400px;
}
#client_management_tab .clients-list-block .client-management-control-block .customise-clients-info-columns-wrap .list-of-column-wrap .client-info-column-wrap {
  display: flex;
}
#client_management_tab .clients-list-block .client-management-control-block .customise-clients-info-columns-wrap .list-of-column-wrap .client-info-column-wrap .move-icon {
  opacity: 0;
  margin-right: 10px;
}
#client_management_tab .clients-list-block .client-management-control-block .customise-clients-info-columns-wrap .list-of-column-wrap .client-info-column-wrap:hover .move-icon {
  opacity: 1;
}
#client_management_tab .clients-list-block .client-management-control-block .customise-clients-info-columns-wrap .choose-clients-filters-wrap .clear-client-filters {
  position: absolute;
  right: 70px;
  color: red;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
#client_management_tab .clients-list-block .client-management-control-block .customise-clients-info-columns-wrap .choose-clients-filters-wrap .edit-client-filters {
  position: absolute;
  right: 127px;
  color: red;
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
  border-right: 1px solid;
  padding-right: 3px;
}
#client_management_tab .clients-list-block .client-management-control-block .customise-clients-info-columns-wrap .choose-clients-filters-wrap .filter-wrap {
  cursor: pointer;
  position: absolute;
  right: 40px;
}
#client_management_tab .clients-list-block .client-management-control-block .customise-clients-info-columns-wrap .choose-clients-filters-wrap .list-of-filters-wrap {
  padding: 15px 0;
  -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.18);
  margin-top: 22px;
  margin-right: -26px;
  width: 750px;
  position: relative;
  z-index: 99999;
  max-height: 600px;
  overflow: auto !important;
}
#client_management_tab .clients-list-block .client-management-control-block .filter-wrapper {
  flex: 1;
  display: flex;
  padding: 0;
  position: relative;
}
#client_management_tab .clients-list-block .client-management-control-block .filter-wrapper .one-control-block-custom {
  width: auto !important;
}
#client_management_tab .clients-list-block .client-management-control-block .filter-wrapper .one-control-block:first-child {
  width: calc(100% - 200px);
  padding-right: 10px;
}
@media (max-width: 1300px) {
  #client_management_tab .clients-list-block .client-management-control-block .filter-wrapper {
    padding: 15px 0px;
    flex-basis: 100%;
  }
}
#client_management_tab .clients-list-block .client-management-control-block .bf-dropdown-button .bf-dropdown-button-list .bf-dropdown-button-one-item {
  display: flex;
  align-items: center;
  padding: 12px 15px;
}
#client_management_tab .clients-list-block .client-management-control-block .bf-dropdown-button .bf-dropdown-button-list .bf-dropdown-button-one-item.mass-group-assign > i {
  position: relative;
  left: -2px;
}
#client_management_tab .clients-list-block .client-management-table {
  position: relative;
  overflow-x: auto;
}
#client_management_tab .clients-list-block .client-management-table .ui-jqgrid {
  margin-top: 0;
}
#client_management_tab .clients-list-block .client-management-table .select-all-clients-blue-checkbox {
  position: absolute;
  z-index: 1;
  left: 11px;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index {
  min-height: 70px;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index .tooltip {
  min-width: 200px;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr {
  height: 50px;
  cursor: pointer;
  line-height: 10px;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td {
  color: #323338;
  font-size: 14px;
  vertical-align: middle;
  padding: 0;
  overflow: visible;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td > div {
  float: left;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td .client-status--prospect {
  display: flex;
  align-items: center;
  color: #599bfb;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td .client-status--prospect .point-prospect {
  margin-right: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #599bfb !important;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td .clients-icons-wrap {
  margin-right: 5px;
  position: relative;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td .clients-icons-wrap i {
  font-size: 12px;
  color: #9096a4;
  display: inline-block !important;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td .clients-icons-wrap i.fa-sync {
  margin-left: 5px;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td .client-name {
  position: relative;
  display: flex;
  align-items: center;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td .btn-family {
  padding: 2px 10px;
  margin-left: 10px;
  position: relative;
  top: calc(50% - 22px);
}
@media (max-width: 430px) {
  #client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td .btn-family {
    top: 50%;
  }
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td .btn-family.btn-outline:hover {
  color: #36a000;
  background-color: #fff;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td .btn-family:hover {
  color: #fff;
  background-color: #36a000;
  box-shadow: 1px 1px 7px #8c8b8b;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td i:hover {
  color: var(--brand-color);
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td label.blue-checkbox {
  line-height: 1;
  position: absolute;
  top: 16px;
  left: 12px;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td:first-child {
  position: relative;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td[aria-describedby=active-grid-index_groups] {
  overflow: unset !important;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td[aria-describedby=active-grid-index_groups] .chosen-container {
  width: 100% !important;
  min-height: 50px;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr td[aria-describedby=active-grid-index_groups] .chosen-container .chosen-choices {
  min-height: 33px;
  padding: 9px 0px 9px 10px;
  background-color: unset;
  border: unset;
  overflow: auto;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr.row-sub-family-account td:first-child {
  padding-left: 50px;
  overflow: visible;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr.row-sub-family-account td:nth-child(2) {
  padding-left: 50px !important;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr.opened-sub-accounts, #client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr.row-sub-family-account {
  background: #EAF5E5 !important;
}
#client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr.opened-sub-accounts td, #client_management_tab .clients-list-block .client-management-table #gbox_active-grid-index table#active-grid-index tr.row-sub-family-account td {
  border-bottom: 1px solid #fff !important;
}
#client_management_tab .clients-list-block .client-management-table .empty-table-wrap {
  position: relative;
}
#client_management_tab .clients-list-block .client-management-table .empty-table-wrap .clients-filter-loading {
  position: absolute;
  left: calc(50% - 25px);
}
#client_management_tab .clients-list-block .side-content {
  top: -20px;
}
#client_management_tab .clients-list-block--shrink {
  width: calc(100% - 300px + 10px) !important;
}
#client_management_tab div .list-of-filters-wrap {
  padding: 15px 0;
  position: relative;
  z-index: 99;
}
#client_management_tab div .list-of-filters-wrap #add-save-filter {
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid;
  outline: 0;
  background: transparent;
  border-color: var(--button-color) !important;
}
#client_management_tab div .list-of-filters-wrap #add-save-filter i {
  color: var(--button-color) !important;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-control-block {
  margin: 0 20px 15px 10px;
  display: flex;
  justify-content: space-between;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-control-block .filter-templates-wrap {
  width: 100%;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-control-block .filter-templates-wrap [name=clients-filter-templates] {
  max-width: 477px;
  margin-right: 10px;
  padding: 6px 12px;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-control-block .filter-templates-wrap .filter-templates-actions {
  width: 80px;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap {
  position: relative;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel {
  margin: 0 10px 20px 10px;
  border-bottom: none;
  overflow: unset;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-heading {
  border-bottom: 1px solid #ddd;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-heading a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 400;
  text-decoration: none;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-heading a i.fa-angle-right {
  margin-right: 10px;
  transform: rotate(90deg);
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-heading a.collapsed i.fa-angle-right {
  transform: rotate(0deg);
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body {
  padding: 15px 0 0 0;
  border-top: none;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap .buttons-action-wrap button.btn-default {
  border-radius: unset !important;
  width: auto;
  text-align: center;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap button.btn-default:not(.btn-primary) {
  background: none !important;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap button.btn-primary {
  color: #fff;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap .one-clients-filter-value-wrap {
  width: 145px;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap .one-clients-filter-value-wrap .client-filter-range {
  padding: 6px 12px;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap .one-clients-filter-value-wrap .input-group-addon {
  height: 34px;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap .one-clients-filter-value-wrap .input-group-addon .fa-calendar {
  padding-top: 9px;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap .one-clients-filter-value-wrap .multiselect-native-select .btn-group {
  width: 100%;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap .one-clients-filter-value-wrap .multiselect-native-select .btn-group > button {
  width: inherit;
  background: #f6f9fc !important;
  border-radius: 3px !important;
  text-align: left;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap .one-clients-filter-value-wrap .multiselect-native-select .btn-group > button .fa-chevron-down {
  margin-top: 1px !important;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap .one-clients-filter-value-wrap .multiselect-native-select .btn-group .dropdown-menu {
  right: 0px;
  left: unset;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap .one-clients-filter-value-wrap.range_before {
  width: 330px;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap .one-clients-filter-value-wrap.range_before .date-range-before-after-wrap {
  width: 145px;
  min-height: 1px;
  float: right;
  margin-left: 20px;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .one-clients-filter-wrap .one-clients-filter-value-wrap.range_before .client-filter-range {
  width: 145px;
  float: right;
}
#client_management_tab div .list-of-filters-wrap .clients-filter-wrap .panel .panel-body .grey-line:last-child {
  margin-bottom: 0 !important;
}
#client_management_tab div .list-of-filters-wrap .apply-clients-filters {
  width: 100px;
  text-align: center;
}
#client_management_tab div .list-of-filters-wrap .block-caption {
  font-size: 20px;
  line-height: 24px;
  color: #323338;
  font-weight: bold;
  margin-bottom: 20px;
}
#client_management_tab div .list-of-filters-wrap .block-caption .back-clients-filters {
  width: 100px;
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-wrap {
  cursor: pointer;
  margin-bottom: 0;
  padding: 10px 20px;
  border-bottom: 1px dashed #e7ecf1;
  border-radius: 0;
  position: relative;
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-wrap .description-wrap {
  font-size: 14px;
  line-height: 16px;
  color: #323338;
  white-space: pre-wrap;
  font-weight: 500;
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-wrap .filter-search-header {
  color: #9096a4;
  font-size: 12px;
  line-height: 14px;
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-wrap .filter-search-header .left .total-members-filter {
  font-size: 13px;
  line-height: 15px;
  color: #848588;
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-wrap .filter-search-header .right {
  top: calc(50% - 8.5px);
  position: absolute;
  right: 20px;
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-wrap .filter-search-header .right .load-search {
  color: #323338;
  cursor: pointer;
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-wrap .filter-search-header .right .load-search::before {
  color: #25c516;
  font-size: 18px;
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-wrap .filter-action-menu-wrap {
  position: absolute;
  right: 20px;
  background-color: #fff;
  list-style-type: none;
  padding: 5px 0;
  box-shadow: 0px 0px 20px #ccc;
  border-radius: 5px;
  width: 120px;
  top: -24px;
  color: #323338;
  font-size: 14px;
  z-index: 1;
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-wrap .filter-action-menu-wrap > .filter-action {
  cursor: pointer;
  padding: 5px 10px;
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-wrap .filter-action-menu-wrap > .filter-action i {
  color: #9096a4;
  font-size: 16px;
  margin-right: 5px;
  width: 18px;
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-wrap .filter-action-menu-wrap > .filter-action:hover {
  background-color: var(--brand-color);
  color: #fff;
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-wrap .filter-action-menu-wrap > .filter-action:hover i {
  color: #fff;
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-wrap .filter-action-menu-link {
  position: absolute;
  font-size: 18px;
  color: #323338;
  cursor: pointer;
  top: 20px;
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-wrap:hover {
  box-shadow: 0 7px 14px 0 rgba(244, 78, 39, 0.22), 0 3px 6px 0 rgba(0, 0, 0, 0.12);
}
#client_management_tab div .list-of-filters-wrap .save-filter .search-filter-box-shadow {
  box-shadow: 0 7px 14px 0 rgba(244, 78, 39, 0.22), 0 3px 6px 0 rgba(0, 0, 0, 0.12);
}
#client_management_tab .notes-private-help-text {
  font-size: 12px;
  background-color: rgba(255, 52, 101, 0.1);
  color: #ff3465;
  padding: 2px 8px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  border-radius: 5px;
  font-weight: 500;
}
#client_management_tab .notes-private-help-text .fal {
  color: #ff3465;
}
#client_management_tab .training-calendar-wrap .print-calendar-link {
  margin-right: 10px;
}
#client_management_tab .training-calendar-wrap .print-calendar-link .fa-print {
  font-size: 2.2rem;
}
#client_management_tab .training-calendar-wrap .sheet-calendar #calendar .fc-content .fc-view.fc-view-month .fc-event-skin {
  padding: 2px;
}
#client_management_tab .training-calendar-wrap .sheet-calendar #calendar .fc-content .fc-view.fc-view-month .fc-event-skin.fc-event-hori {
  border-width: 1px;
}
#client_management_tab .client-edit-info-block {
  color: #323338;
  display: flex;
}
#client_management_tab .client-edit-info-block .member-info-wrapper {
  width: 100%;
}
#client_management_tab .client-edit-info-block .member-info-wrapper .membership-cart-item-wrap .status-card {
  background-color: #ff3465;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 12px;
  color: #FFFFFF;
  margin-right: 10px;
  text-align: center;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block {
  min-width: 300px;
  width: 300px;
  float: left;
  margin-right: 10px;
  border-radius: 0;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .client-photo-wrap {
  width: 150px !important;
  height: 150px !important;
  border: 5px solid #f5f5f5;
  border-radius: 50%;
  overflow: hidden;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block {
  position: relative;
  padding: 20px 10px;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .open-tab {
  position: absolute;
  right: 40px;
  top: 7px;
  cursor: pointer;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .remove-client-link,
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .edit-client-link {
  position: absolute;
  top: 10px;
  right: 80px;
  font-size: 16px;
  color: white;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .remove-client-link i,
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .edit-client-link i {
  color: inherit;
  font-size: inherit;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .edit-client-link {
  right: 10px;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-top-info {
  display: flex;
  padding: 40px 10px;
  background-color: #220021;
  flex-direction: column;
  align-items: center;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-top-info .client-info-photo-wrap .client-photo-wrap {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  box-sizing: border-box;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-top-info .client-info-photo-wrap .client-photo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-top-info .client-info-photo-wrap .client-photo-wrap .no-image {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 35px;
  cursor: pointer;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-top-info .client-name {
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  word-break: break-all;
  margin-bottom: 8px;
  width: 100%;
  text-align: center;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-top-info .client-name .switch-family-member .selected-family-member {
  padding: 4px 20px;
  border-radius: 5px;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-top-info .client-name .switch-family-member:hover .selected-family-member {
  box-shadow: 1px 1px 10px #ccc;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-top-info .client-status {
  width: 100%;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-top-info .client-status .info-block-drop-down-client-status-wrap {
  padding: 8px 20px;
  border-radius: 4px;
  border: 1px solid rgba(230, 234, 240, 0.1294117647);
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-top-info .client-status .info-block-drop-down-client-status-wrap .info-block-one-client-status {
  text-align: left;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-top-info .client-status .info-block-drop-down-client-status-wrap:hover {
  box-shadow: 1px 1px 10px #ccc;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-top-info--content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-info-line {
  display: inline-flex;
  width: 100%;
  overflow: hidden;
  margin: 7px 0;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-info-line:not(:first-child:last-child) {
  margin-bottom: 4px;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-info-line label {
  color: #848588;
  font-weight: 300;
  line-height: 30px;
  margin-right: 4px;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-info-line span {
  color: #323338;
  font-weight: 500;
  text-align: right;
  flex: 1 1 auto;
  line-height: 30px;
  border: 1px solid transparent;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-info-line .edit-inline-input {
  text-align: right;
  flex: 1 1 auto;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-info-line .edit-inline-input input {
  height: 32px;
  width: 100%;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-info-line.assigned-groups {
  overflow: unset;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-info-line.assigned-groups span {
  width: 100%;
  display: block;
  color: #2FB9F8 !important;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-info-line.assigned-groups span .chosen-container {
  width: 100% !important;
  margin-top: -4px;
  margin-left: 10px;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-info-line.assigned-groups span .chosen-container .chosen-choices {
  background-color: unset;
  border: unset;
  padding: 0;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .client-info-left-block-header {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block span.view-client-assessment-lastdate {
  color: #3E1F3B;
  text-decoration: underline;
  cursor: pointer;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .more-info, #client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .less-info {
  color: var(--brand-sidebar-color);
  text-decoration: underline;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .more-info i, #client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .less-info i {
  font-weight: bold;
  color: inherit;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .more-info:hover, #client_management_tab .client-edit-info-block .client-edit-info-left-block .one-common-client-info-left-block .less-info:hover {
  opacity: 0.8;
}
#client_management_tab .client-edit-info-block .client-edit-info-left-block .grey-line {
  height: 1px;
  border: 0;
  border-bottom: 1px dashed #E6E9EF;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block {
  float: left;
  min-width: 350px;
  width: 100%;
  margin-bottom: 10px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block h2 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 0;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .ps-logo {
  width: 100px;
  display: inline-block;
  position: relative;
  margin-left: -33px;
  top: -12px;
  margin-right: 15px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .ps-logo svg {
  width: 100%;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .ezi-logo {
  width: 100px;
  display: inline-block;
  position: relative;
  margin-left: -33px;
  top: -18px;
  margin-right: 5px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .ds-logo-wrap {
  width: 200px;
  height: 14px;
  display: inline-block;
  margin-left: -33px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .ds-logo-wrap .ds-logo {
  background: url(/designs/blueflow/assets/image/ds.png) no-repeat;
  background-size: contain;
  width: 200px;
  height: 21px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary h4 {
  height: 45px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary h4 a {
  display: flex;
  align-items: center;
  text-decoration: none;
  width: 100%;
  height: inherit;
  padding: 0 15px;
  font-size: 20px;
  line-height: 24px;
  color: #323338;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary h4 a i {
  font-size: 22px;
  font-weight: 500;
  margin-right: 10px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .one-summury-data-block {
  border: 1px solid #E6E9EF;
  border-radius: 4px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .one-summury-data-block h4 {
  position: relative;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .one-summury-data-block h4:before {
  position: absolute;
  content: "";
  border-right: 6px solid;
  left: 0;
  top: 4px;
  bottom: 4px;
  border-radius: 0 4px 4px 0;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .one-summury-data-block > div {
  padding: 20px 10px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .one-summury-data-block .payment-tab-shortcut {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  border: 1px solid var(--button-color);
  padding: 5px 0 5px 40px;
  border-radius: 5px;
  margin-right: 15px;
  background-color: #fff;
  color: var(--button-color);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .one-summury-data-block .payment-tab-shortcut .ds-logo-wrap {
  height: unset;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .one-summury-data-block .payment-tab-shortcut .ezi-logo {
  top: 0;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .one-summury-data-block .payment-tab-shortcut .ps-logo {
  top: 4px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .one-summury-data-block .payment-tab-shortcut .gc-logo {
  position: relative;
  top: 2px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .one-summury-data-block .payment-tab-shortcut .fa-credit-card {
  margin-left: -25px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .one-summury-data-block .payment-tab-shortcut i {
  color: var(--button-color);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .one-summury-data-block .payment-tab-shortcut:hover {
  box-shadow: 3px 3px 3px #ccc;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-services-wrap h4 {
  background-color: rgba(51, 203, 125, 0.1019607843);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-services-wrap h4:before {
  border-color: #33CB7D;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-services-wrap #summury-tab-services-body .col-sm-6 {
  padding-left: 5px;
  padding-right: 5px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-payments-wrap h4 {
  background-color: rgba(244, 78, 39, 0.1019607843);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-payments-wrap h4:before {
  border-color: var(--brand-color);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-payments-wrap #summury-tab-payments-body .summury-tab-one-payment .summary-payment-value {
  font-size: 20px;
  font-weight: 500;
  white-space: nowrap;
  margin-bottom: 12px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-payments-wrap #summury-tab-payments-body .summury-tab-one-payment .summary-payment-label {
  margin-top: 6px;
  color: rgba(50, 51, 56, 0.6);
  font-weight: 300;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-bookings-wrap h4 {
  background-color: rgba(89, 155, 251, 0.1019607843);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-bookings-wrap h4:before {
  border-color: var(--brand-focus-border);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-bookings-wrap #summury-tab-bookings-body .summury-tab-one-booking .summary-booking-value {
  font-size: 20px;
  font-weight: 500;
  white-space: nowrap;
  margin-bottom: 12px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-bookings-wrap #summury-tab-bookings-body .summury-tab-one-booking .summary-booking-label {
  margin-top: 6px;
  color: rgba(50, 51, 56, 0.6);
  font-weight: 300;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-bookings-wrap #summury-tab-bookings-body .summury-tab-one-booking .summary-booking-description {
  font-size: 13px;
  color: rgba(50, 51, 56, 0.6);
  font-weight: 300;
  margin-top: 7px;
  font-style: italic;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-training-wrap h4 {
  background-color: rgba(252, 173, 66, 0.1019607843);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-training-wrap h4:before {
  border-color: #FCAD42;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-training-wrap #summury-tab-training-body .summury-tab-one-training .summary-training-value {
  font-size: 20px;
  font-weight: 500;
  white-space: nowrap;
  margin-bottom: 12px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-training-wrap #summury-tab-training-body .summury-tab-one-training .summary-training-label {
  margin-top: 6px;
  color: rgba(50, 51, 56, 0.6);
  font-weight: 300;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_summary .summury-tab-training-wrap #summury-tab-training-body .summury-tab-one-training .view-client-assessment-graphs {
  color: var(--brand-color);
  text-decoration: underline;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap {
  margin-bottom: 20px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap input[type=radio].btn-toggle + label {
  padding: 5px 12px;
  margin-right: 8px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .right {
  display: flex;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .right select[name=service-mode] {
  width: 161px;
  height: 36px;
  cursor: pointer;
  padding: 6px 1rem;
  margin: 0 20px 10px 0;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .right .grid-client-services-views {
  padding-top: 3px;
  margin-right: 15px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .right .grid-client-services-views .view-mode {
  margin-right: 5px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .right .grid-client-services-views .view-mode:hover {
  text-decoration: none;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .right .grid-client-services-views .view-mode.active .icon {
  color: var(--brand-color);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .right .grid-client-services-views .view-mode.active .icon-card:before {
  content: "\e913";
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .right .grid-client-services-views .view-mode.active .icon-list:before {
  content: "\e916";
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .right .add-service-button {
  position: relative;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .right .add-service-button .add-memb-pack-prod-btn,
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .right .add-service-button .empty-service-add-new {
  min-width: 165px;
  z-index: 1;
  padding: 5px 12px;
  border-color: var(--button-color);
  background-color: white;
  color: var(--button-color);
  line-height: 24px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .right .add-service-button .add-subscription-dd {
  right: 0;
  left: unset;
  margin: 10px 0 0 0;
  padding: 0;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .right .add-service-button .add-subscription-dd li a {
  color: #323338;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .collaps-category .collapse-arrow {
  display: block;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_services .client-service-controls-wrap .expand-category .expand-arrow {
  display: block;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_bookings table tr td {
  vertical-align: middle;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block table tr.row-cancelled-event td {
  text-decoration: line-through;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training .client-training-controls-wrap {
  width: 100%;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training .client-training-controls-wrap .assign-nutrition-client, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training .client-training-controls-wrap .assign-workouts-client, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training .client-training-controls-wrap #editform-add-new-assess {
  width: 155px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training .unscheduled-workout-plans-wrap .ui-jqgrid-view td:nth-child(2), #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training .unscheduled-workout-plans-wrap .ui-jqgrid-view th:nth-child(2) {
  padding-left: 20px !important;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training .unscheduled-workout-plans-wrap .ui-jqgrid-view td:last-child > div, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training .unscheduled-workout-plans-wrap .ui-jqgrid-view th:last-child > div {
  margin-right: 10px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training select[name=training-mode] {
  width: 161px;
  float: left;
  padding: 6px 12px;
  height: auto;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training select[name=training-mode]:focus {
  background: #fff;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training table tr td .week-day {
  font-size: 14px;
  text-transform: uppercase;
  background-color: #F6F9FC;
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 5px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training table tr td .fa-edit {
  font-size: 14px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training table tr td.fc-header-left {
  width: auto;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training table tr td.fc-header-center {
  width: auto;
  background-color: transparent;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training #workouts-active table th:nth-child(2), #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training #workouts-active table td:nth-child(2), #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training #workouts-history table th:nth-child(2), #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_training #workouts-history table td:nth-child(2) {
  padding-left: 20px !important;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_messaging .client-messaging-content-wrap #client_messaging_history_table .email, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_messaging .client-messaging-content-wrap #client_messaging_history_table .sms {
  height: 30px;
  width: 60px;
  border-radius: 5px;
  padding: 5px 10px;
  display: block;
  text-align: center;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_messaging .client-messaging-content-wrap #client_messaging_history_table .email {
  background-color: #E5F0E0;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_messaging .client-messaging-content-wrap #client_messaging_history_table .sms {
  background-color: #DBF0F9;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_messaging .client-messaging-content-wrap .subject-line-text-wrap {
  width: 100px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #e6e9ef;
  padding-top: 7px;
  padding-left: 12px;
  color: #676b75;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_messaging .client-messaging-content-wrap [name=subject] {
  margin-left: -2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-control-wrap {
  height: auto;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-control-wrap .one-control-block {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  height: inherit;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-control-wrap .one-control-block .tools {
  margin-top: 7px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-control-wrap .one-control-block .tools i {
  color: #9096a4;
  font-size: 22px;
  font-weight: 100;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-control-wrap .one-control-block .tools i:hover {
  color: var(--brand-color);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-control-wrap .one-control-block .grid-header-date-filter-wrap button {
  width: 160px;
  text-align: left;
  background: #f6f9fc;
  border: solid 1px #e6e9ef;
  box-shadow: unset;
  color: #9096a4;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-control-wrap .one-control-block .grid-header-date-filter-wrap button:focus {
  background: #fff;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-control-wrap .one-control-block .grid-header-date-filter-wrap .multiselect-native-select {
  margin-right: 20px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-control-wrap .one-control-block .grid-header-date-filter-wrap .grid-header-date-range-wrap {
  float: right;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-control-wrap .one-control-block .grid-header-date-filter-wrap .grid-header-date-range-wrap input[type=text] {
  display: inline-block;
  color: #9096a4;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 34px;
  padding: 6px 12px;
  line-height: 1.42857143;
  background-color: #fff;
  background-image: none;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-control-wrap .one-control-block .grid-header-date-filter-wrap .grid-header-date-range-wrap input[type=text]:focus {
  border-color: var(--brand-color);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap {
  padding: 0 20px;
  margin-bottom: 20px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .one-transactions-balance-block-wrap {
  float: left;
  width: 32%;
  height: 80px;
  min-height: 80px;
  border: 1px solid #E8EAEF;
  border-radius: 5px;
  margin-bottom: 10px;
  min-width: 220px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .one-transactions-balance-block-wrap img {
  width: 50px;
  height: 50px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .one-transactions-balance-block-wrap .one-transactions-info-value {
  font-size: 20px;
  font-weight: bold;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .one-transactions-balance-block-wrap .one-transactions-info-description {
  font-size: 16px;
  color: #898D96;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .one-transactions-balance-block-wrap .left {
  height: inherit;
  padding: 15px 0 15px 15px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .one-transactions-balance-block-wrap-custom {
  width: 22.2%;
  min-width: 236px;
  min-height: 90px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .one-transactions-balance-block-wrap-custom .transactions-balance-block-wrap-content {
  margin-bottom: 18px;
  margin-top: 18px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .one-transactions-balance-block-wrap-custom .transactions-balance-block-wrap-content .one-transactions-info-value-custom {
  margin-bottom: 19px;
  font-size: 24px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .one-transactions-balance-block-wrap-custom .transactions-balance-block-wrap-content .one-transactions-info-description-custom {
  font-size: 14px;
  color: #323338;
  opacity: 60%;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .empty-space {
  float: left;
  width: 2%;
  height: 80px;
  min-height: 80px;
  margin-bottom: 10px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .grid-views {
  padding: 0;
  width: unset;
  order: unset;
  margin: 0;
  text-align: right;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .grid-views button {
  height: 24px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .grid-views a {
  text-decoration: none;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .grid-views a.as-blocks, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .grid-views a.as-table {
  margin-right: 20px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .grid-views a span {
  font-size: 20px;
  color: #9096a4;
  font-weight: 600;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .grid-views a span:hover {
  color: var(--brand-color);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .grid-views a.active .fal {
  color: var(--brand-color);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .grid-views a.btn-add-new span {
  font-size: 24px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box {
  flex: 0 1 auto;
  display: flex;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box form {
  display: flex;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box .form-search {
  position: relative;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box .form-search input[type=text] {
  padding-left: 30px;
  height: 36px;
  width: 500px;
  box-shadow: none;
  background: #f6f9fc;
  border-radius: 4px;
  border: solid 1px #e6e9ef;
  transition: 0.3s;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box .form-search input[type=text]:focus {
  background: #fff;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box .form-search select {
  transition: 0.3s;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box .form-search select:focus {
  background: #fff;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box .form-search .fa-search {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #9096a4;
  font-size: 1.4rem;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box .grid-wrap {
  text-align: right;
  margin-left: auto;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box a {
  text-decoration: none;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box a.as-blocks {
  margin-right: 20px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box a span {
  font-size: 20px;
  color: #9096a4;
  font-weight: 600;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box a span:hover {
  color: var(--brand-color);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box a.active .fal {
  color: var(--brand-color);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box.custom .multiselect-container li.active a {
  background-color: transparent !important;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-balance-wrap .search-box.custom .multiselect-container li {
  margin-right: 0;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-content-wrap {
  margin-left: 20px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-content-wrap ul.payment-receipt-options-menu {
  position: absolute;
  right: 110px;
  background-color: #fff;
  list-style-type: none;
  padding: 5px 0 !important;
  box-shadow: 0px 0px 20px #ccc;
  border-radius: 5px;
  margin-top: -65px;
  z-index: 1;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-content-wrap ul.payment-receipt-options-menu li {
  cursor: pointer;
  padding: 5px 10px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-content-wrap ul.payment-receipt-options-menu li i {
  width: 30px;
  color: inherit;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_transactions .client-transactions-content-wrap ul.payment-receipt-options-menu li:hover {
  background-color: var(--brand-color);
  color: #fff;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_invoices .wrap-grid-invoice-status {
  padding: 5px 10px;
  border-radius: 5px;
  width: fit-content;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_invoices .client-invoices-balance-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-right: 10px;
  width: 100%;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap {
  height: 80px;
  border: 1px solid #E8EAEF;
  border-radius: 5px;
  margin-bottom: 10px;
  min-width: 140px;
  min-height: 90px;
  margin-right: 10px;
  padding: 0 20px;
  cursor: pointer;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap img {
  width: 50px;
  height: 50px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap .one-invoices-info-value {
  font-size: 20px;
  font-weight: bold;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap .one-invoices-info-description {
  font-size: 16px;
  color: #898D96;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap .invoices-balance-block-wrap-content {
  margin-bottom: 18px;
  margin-top: 18px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap .invoices-balance-block-wrap-content .one-invoices-info-value-custom {
  margin-bottom: 19px;
  font-size: 24px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap .invoices-balance-block-wrap-content .one-invoices-info-description-custom {
  font-size: 14px;
  color: #323338;
  opacity: 60%;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap:hover, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_invoices .client-invoices-balance-wrap .one-invoices-balance-block-wrap.active {
  box-shadow: 0 7px 14px 0 rgba(244, 78, 39, 0.22), 0 3px 6px 0 rgba(0, 0, 0, 0.12);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_invoices .recurring-invoice-actions-wrap {
  position: absolute;
  right: 50px;
  background-color: #fff;
  list-style-type: none;
  padding: 5px 0;
  box-shadow: 0px 0px 20px #ccc;
  border-radius: 5px;
  z-index: 1;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_invoices .recurring-invoice-actions-wrap > li {
  cursor: pointer;
  padding: 5px 10px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_invoices .recurring-invoice-actions-wrap > li:hover {
  color: var(--brand-color);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_list_of_all_payments table#list-of-all-payments-grid td .item-status {
  display: flex;
  align-items: center;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_list_of_all_payments table#list-of-all-payments-grid td.payment-receipt-options-td {
  overflow: unset;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments ul li {
  height: 42px;
  margin-bottom: -1px;
  background-color: transparent;
  border: none;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments ul li a {
  border: 0 !important;
  font-weight: 400;
  padding-left: 0;
  padding-right: 0;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments ul {
  border-bottom: 1px solid #ddd;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments ul.payment-receipt-dropdown {
  white-space: pre;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments ul li a:hover {
  cursor: pointer;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments ul li.active, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments li:hover {
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;
  border-bottom: 2px solid var(--brand-color);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments ul li.active a, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments li:hover a {
  cursor: default;
  background-color: #fff;
  color: var(--brand-color);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments ul li.active .ps-logo svg path, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments ul li.active .ps-logo svg rect, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments ul li.active .ezi-logo svg path, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments ul li.active .ezi-logo svg rect, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments li:hover .ps-logo svg path, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments li:hover .ps-logo svg rect, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments li:hover .ezi-logo svg path, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments li:hover .ezi-logo svg rect {
  fill: #fff;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments ul li.active .ds-logo-wrap .ds-logo, #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments li:hover .ds-logo-wrap .ds-logo {
  background: url(/designs/blueflow/assets/image/ds-white.png) no-repeat;
  background-size: contain;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments table#recurring-ccpayments-grid tr td {
  height: 57px;
  min-height: 57px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments table#recurring-ccpayments-grid tr td .recurring-view-schedule {
  display: none;
  text-decoration: underline;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments table#recurring-ccpayments-grid tr td .recurring-view-schedule:hover {
  opacity: 0.8;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments .ds-collapse-info {
  width: 371px;
  margin-top: 10px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments .ds-collapse-info h4 {
  margin-top: 0 !important;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments .ds-collapse-info .alert {
  display: none !important;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments .client-payments-content-wrap ul li {
  height: 32px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_payments .client-payments-content-wrap ul li:hover {
  color: var(--brand-color);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client-quests-tab .client-quests-form-wrap {
  max-width: 1000px;
  border: 1px solid #ccc;
  box-shadow: inset 0px 0px 15px #ccc;
  padding: 10px;
  margin-bottom: 20px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client-quests-attachements-tab .fileinput-button {
  margin-right: 20px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client-quests-attachements-tab .file-restrictions-text {
  float: left;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client-quests-attachements-tab .files-table-wrap tr td {
  text-align: left;
  padding-left: 20px;
  vertical-align: middle;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client-quests-attachements-tab .files-table-wrap tr td img {
  margin: 0 10px;
  border-radius: 5px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client-quests-attachements-tab .files-table-wrap tr td .glyphicon-file {
  margin-right: 10px;
  color: var(--brand-color);
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client-quests-attachements-tab .files-table-wrap tr td .glyphicon-edit {
  margin-left: 10px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client-quests-attachements-tab .files-table-wrap tbody tr td {
  height: 54px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_notes .note-header-wrap {
  border-bottom: 1px solid #e6e9ef;
  color: #9096a4;
  font-size: 12px;
  font-weight: 500;
  padding: 0 20px 10px 20px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_notes .client-note-wrap {
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 20px;
  border-radius: 5px;
  position: relative;
  min-height: 60px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #e6e9ef;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_notes .client-note-wrap .notes-edit-icons-wrap {
  position: absolute;
  right: 20px;
  font-size: 18px;
  z-index: 1;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_notes .client-note-wrap .notes-edit-icons-wrap i {
  margin-left: 15px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_notes .client-note-wrap textarea {
  width: 100%;
  margin-bottom: 5px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_notes .client-note-wrap .note-body:not(.edit-note-mode) {
  white-space: break-spaces;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_notes .client-note-wrap:hover:not(.client-add-note-wrap) .notes-edit-icons-wrap {
  display: block;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_notes .client-add-note-wrap .text-note-time-wrap {
  display: none;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_notes .client-add-note-wrap .edit-note-time-wrap {
  display: block;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_uploads_data .client-form-fileupload .fileupload-buttonbar {
  padding: 0 20px;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_uploads_data .client-form-fileupload table tr td {
  text-align: left;
  padding-left: 20px;
  vertical-align: middle;
}
#client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block #client_uploads_data .client-form-fileupload table tr td img {
  min-height: 50px;
  min-width: 50px;
  border-radius: 5px;
  margin-right: 10px;
  cursor: pointer;
}
#client_management_tab .client-edit-info-block ul.bf-inline-buttons-menu li {
  min-width: 90px;
}
#client_management_tab .client-edit-info-block ul.bf-inline-buttons-menu li a {
  font-weight: normal;
}

.grid.trans-grid-table .grid-control-block {
  height: 130px;
  flex-wrap: wrap;
}
.grid.trans-grid-table .grid-control-block .search-box .form-search {
  margin-right: 20px;
}
.grid.trans-grid-table .grid-control-block .tools {
  width: 50%;
  text-align: right;
  padding: 0;
  order: 4;
  margin-top: 20px;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block {
  order: 3;
  margin-top: 15px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-date-filter-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-date-filter-wrap .multiselect-native-select {
  order: 0;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-date-filter-wrap .multiselect-native-select .btn-group {
  margin-right: 10px;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-date-filter-wrap .multiselect-native-select .btn-group .multiselect {
  width: 165px;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-date-filter-wrap .grid-header-date-range-wrap {
  order: 1;
  margin-bottom: 0;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-date-filter-wrap .grid-header-date-range-wrap .input-group input {
  height: 36px;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-date-filter-wrap .grid-header-date-range-wrap .input-group .fa-calendar {
  padding-top: 9px;
}
.grid.trans-grid-table .grid-control-block .grid-header-date-filter-block .grid-header-preview-date {
  min-height: 36px;
  margin-left: 10px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.grid .grid-table {
  padding-top: 0;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th div {
  text-transform: capitalize !important;
}
.grid .grid-table .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr {
  cursor: pointer;
}
.grid .grid-control-block {
  padding: 0;
}
.grid .grid-control-block .search-box {
  order: unset;
  margin: 0;
}
.grid .grid-control-block .search-box .trainers-box, .grid .grid-control-block .search-box .select-user {
  margin-right: 20px;
  width: 130px;
}
.grid .grid-control-block .search-box form .form-search input[type=text] {
  padding-left: 30px !important;
}
.grid .grid-control-block .grid-views {
  padding: 0;
  width: unset;
  order: unset;
  margin: 0;
  display: flex;
  align-items: center;
}
.grid .grid-control-block .grid-views button {
  height: 36px;
}
.grid .grid-control-block .grid-views a {
  text-decoration: none;
}
.grid .grid-control-block .grid-views a.as-blocks, .grid .grid-control-block .grid-views a.as-table {
  margin-right: 20px;
}
.grid .grid-control-block .grid-views a span {
  font-size: 20px;
  color: #9096a4;
  font-weight: 600;
}
.grid .grid-control-block .grid-views a span:hover {
  color: var(--brand-color);
}
.grid .grid-control-block .grid-views a.active .fal {
  color: var(--brand-color);
}
.grid .grid-control-block .grid-views a.btn-add-new span {
  font-size: 36px;
}
.grid .transactions-balance-wrap {
  padding: 0 20px;
  margin-bottom: 20px;
}
.grid .transactions-balance-wrap .one-transactions-balance-block-wrap {
  float: left;
  width: 32%;
  height: 80px;
  min-height: 80px;
  border: 1px solid #E8EAEF;
  border-radius: 5px;
  margin-bottom: 10px;
  min-width: 220px;
}
.grid .transactions-balance-wrap .one-transactions-balance-block-wrap img {
  width: 50px;
  height: 50px;
}
.grid .transactions-balance-wrap .one-transactions-balance-block-wrap .one-transactions-info-value {
  font-size: 20px;
  font-weight: bold;
}
.grid .transactions-balance-wrap .one-transactions-balance-block-wrap .one-transactions-info-description {
  font-size: 16px;
  color: #898D96;
}
.grid .transactions-balance-wrap .one-transactions-balance-block-wrap .left {
  height: inherit;
  padding: 15px 0 15px 15px;
}
.grid .transactions-balance-wrap .empty-space {
  float: left;
  width: 2%;
  height: 80px;
  min-height: 80px;
  margin-bottom: 10px;
}

#trans-grid-index td .client-photo-wrap {
  width: 30px !important;
  height: 30px !important;
}
#trans-grid-index td .client-photo-wrap .no-image {
  font-size: 1.4rem !important;
}
#trans-grid-index td .item-charge, #trans-grid-index td .item-payment {
  display: flex;
  align-items: center;
}
#trans-grid-index td .item-charge span:first-child, #trans-grid-index td .item-payment span:first-child {
  margin-right: 10px;
}
#trans-grid-index td.chevron-right {
  position: relative;
  text-align: right;
  padding: 0 20px 0 0;
}
#trans-grid-index td .grid-block-small-title {
  display: none;
  color: #848588;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
#trans-grid-index td .attended {
  color: #599BFB;
  background-color: rgba(89, 155, 251, 0.1);
  padding: 1px;
}
#trans-grid-index td .missed, #trans-grid-index td .rescheduled, #trans-grid-index td .cancelled {
  color: var(--brand-color);
  background-color: rgba(243, 63, 128, 0.1);
  padding: 1px;
}

.blocks-view #balance-grid-index tbody {
  padding: 0;
}
.blocks-view #balance-grid-index tbody tr {
  border-radius: 5px;
  height: 130px !important;
  border: 1px solid #e6e9ef;
  width: calc(20% - 20px);
  margin: 0 20px 20px 0;
  padding: 0;
}
.blocks-view #balance-grid-index tbody tr:hover {
  box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.12), 0 3px 6px 0 rgba(0, 0, 0, 0.12);
}
.blocks-view #balance-grid-index tbody tr.color-amount {
  border-left: solid var(--brand-color) 4px;
}
.blocks-view #balance-grid-index tbody tr.color-credit {
  border-left: solid #33cb7d 4px;
}
.blocks-view #balance-grid-index tbody tr.color-balance {
  border-left: solid #6923F4 4px;
}
.blocks-view #balance-grid-index tbody tr td {
  width: 100%;
  border: none !important;
}
.blocks-view #balance-grid-index tbody tr td .grid-block-small-title {
  color: #323338;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 16px;
}
.blocks-view #balance-grid-index tbody tr td .grid-block-small-title::after {
  content: ":";
}
.blocks-view #balance-grid-index tbody tr td span.color-amount {
  color: var(--brand-color);
}
.blocks-view #balance-grid-index tbody tr td span.color-credit {
  color: #33CB7D;
}
.blocks-view #balance-grid-index tbody tr td span.color-balance {
  color: #005FCC;
}
.blocks-view #balance-grid-index tbody tr td:nth-child(1) {
  height: 45px;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  padding: 10px 10px 10px 20px;
}
.blocks-view #balance-grid-index tbody tr td:nth-child(1) .client-photo-wrap {
  margin: 20px 10px 10px 20px !important;
}
.blocks-view #balance-grid-index tbody tr td:nth-child(1) > div:nth-child(2) {
  color: #323338;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 19px;
}
.blocks-view #balance-grid-index tbody tr td:nth-child(2) {
  height: 40px;
  padding-left: 60px !important;
  flex-direction: unset;
  border-radius: unset;
}
.blocks-view #balance-grid-index tbody tr td:nth-child(2) > span {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.blocks-view #balance-grid-index tbody tr td:nth-child(3) {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  flex-direction: row;
}
.blocks-view #balance-grid-index tbody tr td:nth-child(3) span {
  display: flex;
  flex-direction: row;
}
.blocks-view #balance-grid-index tbody tr td:nth-child(3) i {
  margin-left: 10px !important;
}
.blocks-view #trans-grid-index tbody {
  padding: 0;
}
.blocks-view #trans-grid-index tbody tr {
  border-radius: 5px;
  height: 150px !important;
  border: 1px solid #e6e9ef;
  width: calc(33.33% - 20px);
  margin: 0 20px 20px 0;
  padding: 0;
}
.blocks-view #trans-grid-index tbody tr:hover {
  box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.12), 0 3px 6px 0 rgba(0, 0, 0, 0.12);
}
.blocks-view #trans-grid-index tbody tr.color-charge {
  border-left: solid var(--brand-color) 4px;
}
.blocks-view #trans-grid-index tbody tr.color-payment {
  border-left: solid #33cb7d 4px;
}
.blocks-view #trans-grid-index tbody tr td {
  width: 100%;
  border: none !important;
  padding: 0 !important;
  font-size: 14px;
  font-weight: 400;
}
.blocks-view #trans-grid-index tbody tr td .grid-block-small-title {
  display: block;
  color: #323338;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 16px;
}
.blocks-view #trans-grid-index tbody tr td .grid-block-small-title::after {
  content: ":";
}
.blocks-view #trans-grid-index tbody tr td span.color-charge {
  color: var(--brand-color);
}
.blocks-view #trans-grid-index tbody tr td span.color-payment {
  color: #00A400;
}
.blocks-view #trans-grid-index tbody tr td:nth-child(1) {
  order: 1;
  display: block;
  margin-top: 10px;
  margin-left: 23px;
  font-weight: bold !important;
  font-size: 16px;
  height: 100%;
  max-height: 20px;
}
.blocks-view #trans-grid-index tbody tr td:nth-child(2) {
  order: 2;
  display: block;
  margin-left: 23px;
}
.blocks-view #trans-grid-index tbody tr td:nth-child(2) > div:nth-child(2) {
  color: #323338;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}
.blocks-view #trans-grid-index tbody tr td:nth-child(3) {
  order: 5;
  margin-left: 23px;
  margin-right: 10px;
  max-height: 40px;
  justify-content: flex-start;
  word-break: break-all;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 */
  word-wrap: break-word; /* IE */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #323338;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}
.blocks-view #trans-grid-index tbody tr td:nth-child(4) {
  order: 3;
  display: block;
  margin-left: 23px;
  max-height: 20px;
}
.blocks-view #trans-grid-index tbody tr td:nth-child(5) {
  order: 4;
  display: block;
  margin-left: 23px;
  max-height: 20px;
}
.blocks-view #trans-grid-index tbody tr td:nth-child(6) {
  position: absolute !important;
  width: calc(33.33% - 10px);
}
.blocks-view #trans-grid-index tbody tr td:nth-child(6) i {
  position: absolute;
  top: 6px;
  right: 24px;
  height: 16px;
  width: 16px;
}

#trans-grid-index td:last-child {
  position: relative !important;
  overflow: unset;
}

#client_assessments_tab .client-assessments-control-block {
  padding: 20px 0;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  position: relative;
  justify-content: space-between;
}
#client_assessments_tab .client-assessments-control-block .one-control-block {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}
#client_assessments_tab .client-assessments-control-block .one-control-block button:focus {
  background: #fff;
}
#client_assessments_tab .client-assessments-control-block .one-control-block input[type=text], #client_assessments_tab .client-assessments-control-block .one-control-block button {
  height: 34px;
  font-size: 14px !important;
  text-align: left;
  background: #f6f9fc;
  border: solid 1px #e6e9ef;
  box-shadow: unset;
}
#client_assessments_tab .client-assessments-control-block .one-control-block .status-label {
  color: #676b75;
  line-height: 35px;
  width: 31px;
  display: contents;
}
#client_assessments_tab .client-assessments-control-block .one-control-block .assessments-filter-by-client-status {
  width: 160px;
}
#client_assessments_tab .client-assessments-control-block .one-control-block #assessments-form-client-search {
  position: relative;
}
#client_assessments_tab .client-assessments-control-block .one-control-block #assessments-form-client-search .fa-search {
  position: absolute;
  top: 25%;
  left: 10px;
  color: #9096a4;
}
#client_assessments_tab .client-assessments-control-block .one-control-block #assessments-form-client-search input {
  padding-left: 30px;
}
#client_assessments_tab .client-assessments-control-block .one-control-block #assessments-form-client-search .clear-search-box {
  position: absolute;
  top: 25%;
  right: 10px;
  color: #9096a4;
  cursor: pointer;
  font-size: 18px;
}
#client_assessments_tab .client-assessments-control-block .one-control-block .filter-by-trainer-wrap {
  position: relative;
  width: 200px;
}
#client_assessments_tab .client-assessments-control-block .one-control-block .filter-by-trainer-wrap .caret {
  display: none;
}
#client_assessments_tab .client-assessments-control-block .one-control-block .filter-by-trainer-wrap .btn-group {
  width: 150px !important;
}
#client_assessments_tab .client-assessments-control-block .one-control-block .back-to-assessment-clients-table {
  margin: 10px 20px 0 0;
  display: block;
}
#client_assessments_tab .client-assessments-control-block .one-control-block.width100 {
  width: 100%;
  min-width: 200px;
}
#client_assessments_tab .client-assessments-control-block .all-clients-assessments-control-block {
  display: flex;
  width: 100%;
}
#client_assessments_tab .client-assessments-control-block .select-client-assessments-wrap {
  position: relative;
  margin-right: 20px;
}
#client_assessments_tab .client-assessments-control-block .select-client-assessments-wrap button.multiselect {
  min-width: 161px;
  text-align: left;
  padding-right: 45px;
}
#client_assessments_tab .client-assessments-control-block .select-client-assessments-wrap .caret {
  display: none;
}
#client_assessments_tab .client-assessments-control-block .select-client-assessments-wrap .fa-chevron-down {
  top: 25%;
  right: 10px;
  position: absolute;
  z-index: 2;
}
#client_assessments_tab .assessments-clients-table-wrap {
  position: relative;
}
#client_assessments_tab .assessments-clients-table-wrap table#assessments-clients-table tr {
  cursor: pointer;
}
#client_assessments_tab .assessments-clients-table-wrap table#assessments-clients-table tr td .client-photo-wrap {
  width: 32px;
  height: 32px;
  border-radius: 15px;
  overflow: hidden;
  margin-right: 10px;
  float: left;
}
#client_assessments_tab .assessments-clients-table-wrap table#assessments-clients-table tr td .client-photo-wrap img {
  width: 32px;
  height: 32px;
}
#client_assessments_tab .assessments-clients-table-wrap table#assessments-clients-table tr td .client-photo-wrap .no-image {
  width: inherit;
  height: inherit;
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
  display: table-cell;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
}
#client_assessments_tab .assessments-clients-table-wrap table#assessments-clients-table tr td .client-name {
  margin-top: 8px;
}
#client_assessments_tab .client-assessments-content {
  min-height: 25vw;
  padding: 0px;
  overflow: hidden;
}
#client_assessments_tab .client-assessments-content .highcharts-title {
  display: none;
}
#client_assessments_tab .client-assessments-content .client-graph-wrap {
  padding: 0 20px;
}
#client_assessments_tab .client-assessments-content .client-graph-wrap [id^=assess-container-chart-] {
  max-height: 400px;
}
#client_assessments_tab .client-assessments-content .assessments-more-30 .highcharts-xaxis {
  display: none;
}
#client_assessments_tab .client-assessments-content .client-table-wrap {
  margin-top: 50px;
}
#client_assessments_tab .client-assessments-content .client-table-wrap table.ui-jqgrid-btable tr {
  height: 50px;
}
#client_assessments_tab .client-assessments-content .client-table-wrap table.ui-jqgrid-btable tr td {
  font-size: 14px;
  font-weight: 500;
}
#client_assessments_tab .bf-loading {
  position: absolute;
  left: calc(50% - 25px);
}

#bf-exercises-tab .bf-exercises-control-block {
  display: inline-flex;
  margin: 20px 0;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
#bf-exercises-tab .bf-exercises-control-block .one-control-block {
  max-width: 500px;
  width: 100%;
}
#bf-exercises-tab .bf-exercises-control-block .one-control-block .input-group {
  width: 100%;
}
#bf-exercises-tab .bf-exercises-control-block .one-control-block .input-group .form-control {
  height: 36px;
  padding: 10px 10px;
  padding-left: 32px;
}
#bf-exercises-tab .bf-exercises-control-block .one-control-block .input-group .form-control::placeholder {
  color: #323338;
  opacity: 0.7;
  font-size: 14px;
}

#workout_planner_tab .workouts-tabs-wrap {
  padding: 5px;
  background: #f6f9fb;
  width: 100%;
  float: left;
}
#workout_planner_tab .workouts-tabs-wrap li {
  line-height: 16px;
  font-size: 16px;
  color: #323338;
  margin-right: 7px;
}
#workout_planner_tab .workouts-tabs-wrap li a {
  padding: 10px 14px;
}
#workout_planner_tab .workouts-tabs-wrap li.active {
  border-bottom: none;
  background: var(--brand-color);
  border-radius: 4px;
}
#workout_planner_tab .workouts-tabs-wrap li.active a {
  color: white;
}
#workout_planner_tab .client-workouts-control-block {
  padding: 20px 20px;
  display: flex;
  justify-content: flex-end;
}
#workout_planner_tab .client-workouts-control-block .one-control-block input[type=text], #workout_planner_tab .client-workouts-control-block .one-control-block button, #workout_planner_tab .client-workouts-control-block .one-control-block a {
  height: 36px;
}
#workout_planner_tab .client-workouts-control-block .one-control-block input[type=text] {
  background: #f6f9fc;
  border: solid 1px #e6e9ef;
  box-shadow: unset;
}
#workout_planner_tab .client-workouts-control-block .one-control-block input[type=text]:focus {
  background: #fff;
}
#workout_planner_tab .client-workouts-content-block {
  min-height: 500px;
  position: relative;
}
#workout_planner_tab .client-workouts-content-block .services-cateries-collapse-expand-all-link-wrap {
  position: absolute;
  top: -30px;
}
#workout_planner_tab .client-workouts-content-block table#workout-grid-index tr td {
  overflow: visible;
}
#workout_planner_tab .client-workouts-content-block table#workout-grid-index tr td .dropdown-action-workout {
  white-space: nowrap;
}
#workout_planner_tab .client-workouts-content-block table#workout-grid-index tr td .dropdown-action-workout .workout-option-dropdown {
  margin-top: 10px;
}
#workout_planner_tab .client-workouts-content-block table#workout-grid-index tr td i:hover {
  color: var(--brand-color);
}
#workout_planner_tab .form-workout-search .fa-search {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #9096a4;
  z-index: 100;
}
#workout_planner_tab .form-workout-search input {
  padding-left: 30px;
  min-width: 200px;
}

@media (max-width: 1024px) {
  #workout_planner_tab .workouts-tabs-wrap {
    float: none;
  }
  .wplanner-assigns-list-wrap {
    font-size: 13px !important;
  }
}
#nutrition_planner_tab .client-nutrition-control-block {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
#nutrition_planner_tab .client-nutrition-control-block .one-control-block #form-nutrition-search .fa-search {
  position: absolute;
  top: 25%;
  left: 10px;
  color: #9096a4;
  z-index: 100;
}
#nutrition_planner_tab .client-nutrition-control-block .one-control-block #form-nutrition-search input {
  padding-left: 30px;
  min-width: 200px;
}
#nutrition_planner_tab .client-nutrition-control-block .one-control-block input[type=text], #nutrition_planner_tab .client-nutrition-control-block .one-control-block button, #nutrition_planner_tab .client-nutrition-control-block .one-control-block a {
  height: 36px;
}
#nutrition_planner_tab .client-nutrition-control-block .one-control-block input[type=text], #nutrition_planner_tab .client-nutrition-control-block .one-control-block button {
  background: #f6f9fc;
  border: solid 1px #e6e9ef;
  box-shadow: unset;
}
#nutrition_planner_tab .client-nutrition-control-block .one-control-block input[type=text]:focus, #nutrition_planner_tab .client-nutrition-control-block .one-control-block button:focus {
  background: #fff;
}
#nutrition_planner_tab .client-nutrition-content-block {
  min-height: 500px;
}
#nutrition_planner_tab .client-nutrition-content-block table#nutrition-grid-index tr td i:hover {
  color: var(--brand-color);
}
#nutrition_planner_tab .client-nutrition-content-block table#nutrition-grid-index tr td[aria-describedby=nutrition-grid-index_option] {
  white-space: unset;
}

.icon-question-change-status {
  background-color: #E5F0E0;
  color: #36a000;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  margin: 0 auto 20px auto;
}
.icon-question-change-status .icon-question-change-status-alignment {
  width: inherit;
  height: inherit;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 44px;
  font-weight: 300;
}

.text-question-change-status {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
}
.text-question-change-status span {
  color: #36a000;
}
.text-question-change-status span.blue {
  color: var(--brand-color);
}

.client-add-edit-modal .modal-header .bootstrap-dialog-header .bootstrap-dialog-close-button {
  display: block !important;
}

.assessment-modal .modal-header .btn-group {
  width: 200px;
}
.assessment-modal .modal-header .btn-group > button {
  text-align: left;
  width: 200px;
  margin-left: 20px;
}
.assessment-modal .modal-body #asessments-tabs #assess-documents-tab .asessments-fileupload #uploade-images .file-restrictions-text {
  position: relative;
  top: 8px;
}

.workouts-grid-index tr .move-icon {
  opacity: 0;
  cursor: move !important;
}
.workouts-grid-index tr:hover .move-icon {
  opacity: 1;
}

@media (max-width: 1200px) {
  #client_management_tab .client-edit-info-block .client-edit-info-right-content-block .row > .col-sm-4, #client_management_tab .client-edit-info-block .client-edit-info-right-content-block .row > .col-sm-6 {
    width: 100%;
  }
  #client_management_tab .client-edit-info-block .client-edit-info-right-content-block .row > .col-sm-3 {
    width: 50%;
  }
}
@media (max-width: 1085px) {
  #client_management_tab .clients-list-block .client-management-control-block {
    display: block;
  }
  #client_management_tab .clients-list-block .client-management-control-block .customise-clients-info-columns-wrap {
    top: 100%;
  }
  #client_management_tab .client-edit-info-block .client-edit-info-right-block #client_transactions .one-transactions-balance-block-wrap {
    width: 100% !important;
  }
  #client_management_tab .client-edit-info-block .client-edit-info-right-block #client_transactions .empty-space {
    display: none;
  }
  #bf-exercise-add-modal .modal-dialog {
    width: 97%;
  }
  #bf-workout-add-modal .modal-dialog {
    width: 97%;
  }
}
@media (max-width: 768px) {
  #client_management_tab .client-edit-info-block {
    display: block;
  }
  #client_management_tab .client-edit-info-block .client-edit-info-left-block {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  #client_management_tab .client-edit-info-block .client-edit-info-right-block {
    float: none;
  }
  #client_management_tab .client-edit-info-block .client-edit-info-right-block .client-edit-info-right-content-block .row > .col-sm-3 {
    width: 100%;
  }
  .client-add-edit-modal .modal-dialog {
    width: 100% !important;
    margin: 0 auto;
  }
  .client-add-edit-modal .modal-dialog .add-edit-client-modal-client-photo-wrap {
    float: unset !important;
  }
  .client-add-edit-modal .modal-dialog .add-edit-client-modal-client-photo-wrap .edit-photo-wrap {
    margin: 0 auto;
  }
}
@media (max-width: 500px) {
  .page-container {
    padding: 0 !important;
  }
  #client_management_tab .client-edit-info-block #clientpay-settings-tab-wrap .stripe-action-buttons-wrap a {
    display: block !important;
  }
}
@media (max-width: 425px) {
  #client_management_tab .client-edit-info-block #clientpay-settings-tab-wrap .stripe-card-item-default .default-card-image-background-wrap {
    height: 208px !important;
    width: 343px !important;
  }
  #client_management_tab .client-edit-info-block #clientpay-settings-tab-wrap .stripe-card-item-default .default-card-image-background-wrap .one-inside-default-card-line.mt-50 {
    margin-top: 40px !important;
  }
  #client_management_tab .client-edit-info-block #clientpay-settings-tab-wrap .stripe-card-item-default .default-card-image-background-wrap .one-inside-default-card-line.mt-50 .default-card-numbers {
    margin-right: 34px !important;
    font-size: 19px !important;
  }
  #client_management_tab .client-edit-info-block #clientpay-settings-tab-wrap .stripe-card-item-default .default-card-image-background-wrap .one-inside-default-card-line.mt-50 .default-card-numbers.mr-0 {
    margin-right: 0 !important;
  }
  #workout_planner_tab .client-workouts-control-block {
    display: block !important;
  }
  #workout_planner_tab .client-workouts-control-block .one-control-block {
    margin-bottom: 10px;
  }
}
.client-training-buttons-wrap {
  margin: 0 auto;
  width: 600px;
  margin-bottom: 30px;
}

#recurring-workout-add-modal .modal-content,
#recurring-nutrition-add-modal .modal-content {
  width: auto;
}

#bf-exercises-grid td[aria-describedby=bf-exercises-grid_name] {
  font-weight: bold;
}

#bf-exercises-grid td {
  cursor: pointer;
}

form.recurring-nutrition-form ul.chosen-choices,
form.recurring-workout-form ul.chosen-choices,
form.recurring-nutrition-form .chosen-search-input,
form.recurring-workout-form .chosen-search-input {
  min-width: 300px;
}

.modal-title .workout-actions-wrap {
  float: none;
}

#load_workouts-grid-index .move-icon {
  zoom: 80%;
  height: 17px;
}

/*get workout assigned items*/
.wplanner-assigns-list-wrap {
  padding: 10px 15px;
  border-bottom: 1px solid #e5e5e5;
  color: #282B31;
  font-family: "Nouvelle Grotesk";
  font-size: 16px;
  clear: both;
  float: left;
  width: 100%;
}

.wplanner-assigns-list-wrap:first {
  border-top: 1px solid #e5e5e5;
}

.preview-assigned-clients-modal .modal-footer {
  border-top: 0;
  clear: both;
}

.preview-assigned-clients-modal .modal-body {
  padding: 0;
}

.wplanner-assigns-list-wrap > .client-photo-wrap {
  position: relative;
  top: -4px;
}

#workout-edit-confirmation-modal .modal-footer {
  clear: both;
}

.wplanner-assigns-list-wrap:hover {
  opacity: 0.9;
}

/*END get assigned items*/
/**
 * Start Member Profile Page Style
*/
.member-content {
  padding: 0;
}

.member-profile-page-title {
  margin-bottom: 0 !important;
}

.member-profile-page-left {
  box-shadow: none !important;
  border-right: 1px solid #E6E9EF !important;
}
.member-profile-page-left .edit-client-link i {
  color: #9096A4 !important;
}
.member-profile-page-left .client-top-info {
  background: none !important;
}
.member-profile-page-left .client-top-info .client-top-info--content {
  padding-top: 20px !important;
}
.member-profile-page-left .client-top-info .switch-family-member {
  color: #323338;
}

#preview-nutrition-dialog .modal-dialog {
  width: 1000px !important;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .nutrition-consist-title-wrap {
  width: 22%;
  display: inline-block;
  color: #676b75;
  text-align: center;
  overflow: hidden;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .nutrition-consist-title-wrap .nutrition-consist-title {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .nutrition-consist-title-wrap .nutrition-consist-measurement {
  text-transform: lowercase;
  font-size: 12px;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .one-ingredient-consist-wrap {
  width: 22%;
  display: inline-block;
  text-align: center;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .target-consist-wrap input {
  width: 85px;
  margin: 0 auto;
  text-align: center;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .one-meal-wrap .meal-control-block .meal-name-wrap {
  width: 70%;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .one-meal-wrap .ingredients-wrap .one-ingredient-wrap .one-ingredient-actions-wrap {
  width: 9%;
  min-width: 50px;
  display: inline-block;
  text-align: right;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .one-meal-wrap .ingredients-wrap .one-ingredient-wrap .one-ingredient-actions-wrap a {
  color: #9096a4;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .one-meal-wrap .ingredients-wrap .one-ingredient-wrap .one-ingredient-actions-wrap a:hover {
  color: var(--brand-color);
}
#preview-nutrition-dialog .one-nutrition-data-wrap .one-meal-wrap .ingredients-wrap.sort-mode .one-ingredient-wrap {
  margin-bottom: 10px;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .one-meal-wrap .ingredients-wrap.sort-mode .ingredient-sortable-empty-row {
  height: 20px;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .one-meal-wrap .add-food-item {
  cursor: pointer;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .one-meal-wrap .add-food-item i {
  color: inherit;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .one-meal-wrap .search-food-item .hide-nutrition-search-block {
  margin-top: 21px;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .one-meal-wrap .search-food-item .list-food-items {
  margin-top: 20px;
  max-height: 250px;
  overflow-y: auto;
  padding: 0;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .one-meal-wrap .search-food-item .list-food-items .list-group-item i {
  float: right;
  margin-left: 10px;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .one-meal-wrap.sort-mode {
  height: 35px;
  max-height: 35px;
  overflow: hidden;
  margin-bottom: 50px;
  background-color: #fff;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .right-border {
  border-right: 1px solid #ccc;
}
#preview-nutrition-dialog .one-nutrition-data-wrap .bottom-border {
  border-bottom: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
#preview-nutrition-dialog .one-nutrition-data-wrap i {
  color: #9096a4;
}
#preview-nutrition-dialog .one-nutrition-data-wrap i:hover {
  color: var(--brand-color);
}
#preview-nutrition-dialog .one-nutrition-data-wrap:not(.mode-view) .target-consist-wrap > .col-sm-4 {
  height: 44px;
  padding-top: 8px;
}

@media (max-width: 1500px) {
  .page-container .client-payments-content-wrap .search-box .form-search {
    margin-left: 0 !important;
    min-width: 489px;
  }
}
.go-to-member-form-tab, .go-to-stripe-integration-tab {
  cursor: pointer;
}
.go-to-member-form-tab .check-icon, .go-to-stripe-integration-tab .check-icon {
  color: #00C714;
  font-size: 20px;
}
.go-to-member-form-tab .check-icon:hover, .go-to-stripe-integration-tab .check-icon:hover {
  color: #00C714;
}
.go-to-member-form-tab .times-icon, .go-to-stripe-integration-tab .times-icon {
  color: #F80017;
  font-size: 20px;
}
.go-to-member-form-tab .times-icon:hover, .go-to-stripe-integration-tab .times-icon:hover {
  color: #F80017;
}

.go-to-stripe-integration-tab:hover {
  text-decoration: none;
}
.go-to-stripe-integration-tab p {
  margin: 2px 0;
  font-size: 12px;
  font-style: italic;
  color: #A999A0;
}

.workouts-tabs-wrap {
  padding: 5px;
  background: #f6f9fb;
  float: left;
  margin-bottom: 20px;
}
.workouts-tabs-wrap li {
  line-height: 16px;
  font-size: 16px;
  color: #323338;
  margin-right: 15px;
}
.workouts-tabs-wrap li a {
  padding: 10px 14px !important;
  border-radius: 5px;
}
.workouts-tabs-wrap li.active {
  border-bottom: none;
  background: var(--brand-color);
  border-radius: 4px;
}
.workouts-tabs-wrap li.active a {
  color: white;
}

.workouts-tabs-wrap .bf-menu {
  border: none !important;
}
.workouts-tabs-wrap .bf-menu li a {
  background-color: #ffe4d5 !important;
  color: #f44e27 !important;
}
.workouts-tabs-wrap .bf-menu li.active a {
  background-color: #f44e27 !important;
  color: #ffffff !important;
}
.workouts-tabs-wrap .bf-menu :last-child {
  margin-right: 0px !important;
}
.workouts-tabs-wrap .bf-menu :hover {
  cursor: pointer !important;
}

.move-to-status-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}

.arrow-right-icon {
  padding: 0 20px;
}

/**
 * End Member Profile Page Style
 */
.btn-check-in-client {
  padding: 10px 20px;
  width: 123px;
  height: 42px;
  display: flex;
  justify-content: center;
  border: 1px solid #323338;
}
.btn-check-in-client .fa-times, .btn-check-in-client .fa-check {
  font-size: 18px !important;
  margin-right: 10px !important;
}

.btn-check-in-client.missed, .btn-check-in-client.cancelled, .btn-check-in-client.rescheduled {
  background-color: #FFEDEB;
  border: 1px solid #DB321F;
  box-sizing: border-box;
}
.btn-check-in-client.missed .fa-times, .btn-check-in-client.cancelled .fa-times, .btn-check-in-client.rescheduled .fa-times {
  color: #DB321F !important;
}

.btn-check-in-client.attended {
  background-color: #EBFFF8;
  border: 1px solid #2E9977;
}
.btn-check-in-client.attended .fa-check {
  color: #2E9977 !important;
}

.btn-check-in-client.attended:active {
  background-color: #EBFFF8 !important;
  border: 1px solid #2E9977 !important;
}

.btn-check-in-client.missed:active, .btn-check-in-client.cancelled:active, .btn-check-in-client.rescheduled:active {
  background-color: #FFEDEB !important;
  border: 1px solid #DB321F !important;
}

.btn-check-in-client.attended:hover {
  background-color: #EBFFF8 !important;
  border: 1px solid #2E9977 !important;
  cursor: default !important;
}

.btn-check-in-client.missed:hover, .btn-check-in-client.cancelled:hover, .btn-check-in-client.rescheduled:hover {
  background-color: #FFEDEB !important;
  border: 1px solid #DB321F !important;
  cursor: default !important;
}

.btn-check-in-client.attended:focus {
  background-color: #EBFFF8 !important;
  border: 1px solid #2E9977 !important;
}

.btn-check-in-client.missed:focus, .btn-check-in-client.cancelled:focus, .btn-check-in-client.rescheduled:focus {
  background-color: #FFEDEB !important;
  border: 1px solid #DB321F !important;
}

.ptminder-body-pts-clients-index #client_training .one-client-training-wrap .client-training-controls-wrap select[name=training-mode] {
  width: 161px;
  float: left;
  padding: 6px 12px;
  height: auto;
}
.ptminder-body-pts-clients-index #client_training .one-client-training-wrap .client-training-controls-wrap h2 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 0;
}
.ptminder-body-pts-clients-index .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th .s-ico .ui-icon-asc {
  margin: 0 !important;
}

.store-item-standalone {
  clear: both;
  border-bottom: 1px solid #E6E6E6;
  padding: 10px 0;
  float: left;
  width: 100%;
}
.store-item-standalone .item-title {
  font-family: "Nouvelle Grotesk";
  font-size: 16px;
  color: #7D7D7D;
  float: left;
}
.store-item-standalone .item-value {
  font-family: "Nouvelle Grotesk";
  font-size: 16px;
  color: #282B31;
  float: right;
  max-width: 80%;
  text-align: right;
  font-weight: bold;
}
.store-item-standalone .item-value-description {
  width: 100%;
  max-width: unset !important;
  text-align: left !important;
  margin-top: 4px;
}

.product-photo {
  display: flex;
  align-items: center;
}
.product-photo .fa-camera-alt {
  margin: 5px 0 0 5px;
  font-size: 2.1rem;
  cursor: default;
}
.product-photo .fa-camera-alt:hover {
  color: #9096a4;
}
.product-photo .name {
  margin-top: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-photo .client-photo-wrap {
  overflow: unset;
}
.product-photo .client-photo-wrap img {
  border-radius: 50%;
  overflow: hidden;
}

.store-item-standalone.membership-item {
  border: 0;
  margin-top: 15px;
}

.sub-apply-discount-wrap input[name=sub_discount_code] {
  display: inline;
  float: none;
  width: 200px;
}

.custom-sub-apply-discount .sub-apply-discount-wrap {
  padding: 0;
}
.custom-sub-apply-discount .sub-apply-discount-wrap input[name=sub_discount_code] {
  width: 163px;
}

.select-pay-credit-wrap .custom-sub-apply-discount .alert.small-alert {
  margin-left: 0;
  margin-right: 0;
  width: 100% !important;
}

.booking-confirm-wrap .pay-online-option-wrap .pay-option-wrap .pay-content-wrap {
  width: 100% !important;
}

#store-buy-modal .bootstrap-dialog-close-button {
  display: block !important;
}

body.ptminder-body-clients-store-index #store-buy-modal .modal-dialog {
  width: 600px;
}

#store-buy-modal .modal-body {
  padding: 0;
}

.wrap-for-homepage-sign-up {
  padding: 20px 6px;
  background: #ffffff;
  border-radius: 12px;
}

.wrap-for-homepage-sign-up.need-auth {
  background: #ffffff;
  border-radius: 12px;
}
.wrap-for-homepage-sign-up.need-auth .store-buy-item-wrap {
  display: flex;
}
.wrap-for-homepage-sign-up.need-auth .info-package-membership {
  border-right: 1px solid #e5e5e5;
  padding: 20px;
}
.wrap-for-homepage-sign-up.need-auth .sign-in-sign-up-wrap {
  padding: 20px 6px;
}

.product-photo-modal-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.product-photo-modal-wrap img {
  height: 80px;
  width: 80px;
}

.wrap-for-homepage-sign-up:not(.need-auth) .store-buy-item-wrap {
  padding: 20px;
}

.client-service-controls-wrap h2 {
  margin-top: 10px;
}

.store-wrap .title-block-caption {
  font-size: 20px;
  line-height: 24px;
  color: #282B31;
  font-weight: bold;
  padding-bottom: 20px;
  padding-left: 0;
}
.store-wrap .ui-state-hover a, .store-wrap .ui-state-hover a:hover, .store-wrap .ui-state-hover a:link, .store-wrap .ui-state-hover a:visited {
  color: white;
  text-decoration: none;
}

.client-services-wrap .client-service-controls-wrap label {
  min-width: 80px !important;
}
.client-services-wrap .grid-client-services-views a {
  text-decoration: none;
}
.client-services-wrap .grid-client-services-views a .icon {
  font-size: 22px;
  font-weight: 100;
}
.client-services-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv th div {
  text-transform: capitalize !important;
  font-size: 14px;
  color: #848588;
}
.client-services-wrap .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr td a {
  text-decoration: underline;
}

.hidden-content-text-two-col {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*# sourceMappingURL=store.css.map */